.ehis-admin { --primary:#525fe1; --accent:#f26b65; --ink:#0b104a; --muted:#667085; --line:#e5e7ef; --surface:#fff; --soft:#f6f7fb; margin:0; color:var(--ink); background:var(--soft); font-family:"Cairo",sans-serif; }
.ehis-admin * { box-sizing:border-box; }
.ehis-admin a { color:inherit; text-decoration:none; }
.ehis-admin button,.ehis-admin input,.ehis-admin select,.ehis-admin textarea { font:inherit; }
.ehis-admin button { cursor:pointer; }
.ehis-admin :focus-visible { outline:3px solid rgba(82,95,225,.35); outline-offset:2px; }
.ehis-admin-auth { min-height:100vh; display:grid; place-items:center; padding:25px; background:linear-gradient(135deg,#eef0ff,#fff5f4); }
.ehis-admin-auth__card { width:min(520px,100%); padding:38px; background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:0 24px 70px rgba(11,16,74,.12); }
.ehis-admin-auth__brand { display:flex; align-items:center; gap:15px; margin-bottom:25px; }
.ehis-admin-auth__brand img { width:72px; height:72px; object-fit:contain; border-radius:50%; }
.ehis-admin-auth__brand h1 { margin:0 0 5px; font-size:25px; }
.ehis-admin-auth__brand p { margin:0; color:var(--muted); }
.ehis-admin-auth form { display:grid; gap:17px; }
.ehis-admin-auth label { display:grid; gap:7px; font-weight:700; }
.ehis-admin-auth input { min-height:50px; padding:10px 13px; border:1px solid var(--line); border-radius:8px; }
.ehis-admin-auth button { min-height:50px; border:0; border-radius:8px; color:#fff; background:var(--primary); font-weight:800; }
.ehis-admin-auth button:hover { background:var(--accent); }
.ehis-admin-note { padding:13px; border-radius:8px; background:#f0f1ff; color:#3e46a8; }
.ehis-admin-alert { padding:13px 15px; margin-bottom:18px; border-radius:8px; font-weight:700; }
.ehis-admin-alert--error { color:#9d2222; background:#fff0f0; }
.ehis-admin-alert--success { color:#176c35; background:#eaf8ef; }
.ehis-admin-back { display:block; margin-top:22px; color:var(--primary)!important; text-align:center; font-weight:700; }
.ehis-admin-shell { min-height:100vh; display:grid; grid-template-columns:270px minmax(0,1fr); }
.ehis-admin-sidebar { position:sticky; top:0; height:100vh; overflow-y:auto; padding:22px 16px; color:#fff; background:var(--ink); }
.ehis-admin-brand { display:flex; align-items:center; gap:11px; padding:0 7px 20px; border-bottom:1px solid rgba(255,255,255,.12); }
.ehis-admin-brand img { width:50px; height:50px; object-fit:contain; border-radius:50%; background:#fff; }
.ehis-admin-brand strong { display:block; font-size:13px; line-height:1.5; }
.ehis-admin-brand small { color:#cbd0ef; }
.ehis-admin-nav { display:grid; gap:4px; margin-top:18px; }
.ehis-admin-nav a,.ehis-admin-nav button { display:flex; align-items:center; gap:10px; width:100%; min-height:42px; padding:9px 12px; border:0; border-radius:8px; color:#dfe2fa; background:transparent; text-align:right; }
.ehis-admin-nav a:hover,.ehis-admin-nav a[aria-current="page"],.ehis-admin-nav button:hover { color:#fff; background:rgba(82,95,225,.38); }
.ehis-admin-nav form { margin:8px 0 0; }
.ehis-admin-main { min-width:0; }
.ehis-admin-topbar { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:74px; padding:12px 28px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.95); backdrop-filter:blur(10px); }
.ehis-admin-topbar h1 { margin:0; font-size:24px; }
.ehis-admin-topbar__actions { display:flex; align-items:center; gap:12px; }
.ehis-admin-topbar__actions a { color:var(--primary); font-weight:700; }
.ehis-admin-menu-toggle { display:none; width:42px; height:42px; border:1px solid var(--line); border-radius:8px; background:#fff; }
.ehis-admin-content { padding:28px; }
.ehis-admin-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.ehis-admin-stat { padding:22px; border:1px solid var(--line); border-radius:12px; background:#fff; box-shadow:0 8px 28px rgba(11,16,74,.04); }
.ehis-admin-stat span { color:var(--muted); }
.ehis-admin-stat strong { display:block; margin-top:8px; color:var(--primary); font-size:34px; }
.ehis-admin-panel { margin-bottom:22px; padding:24px; border:1px solid var(--line); border-radius:12px; background:#fff; box-shadow:0 8px 28px rgba(11,16,74,.04); }
.ehis-admin-panel__head { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:20px; }
.ehis-admin-panel__head h2 { margin:0; font-size:20px; }
.ehis-admin-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
.ehis-admin-field { display:grid; gap:7px; }
.ehis-admin-field--wide { grid-column:1/-1; }
.ehis-admin-field label { font-weight:700; }
.ehis-admin-field input,.ehis-admin-field select,.ehis-admin-field textarea { width:100%; min-height:46px; padding:10px 12px; border:1px solid var(--line); border-radius:7px; color:var(--ink); background:#fff; }
.ehis-admin-field textarea { min-height:110px; resize:vertical; }
.ehis-admin-field small { color:var(--muted); }
.ehis-admin-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:20px; }
.ehis-admin-btn { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:42px; padding:9px 17px; border:1px solid transparent; border-radius:7px; background:var(--primary); color:#fff!important; font-weight:800; }
.ehis-admin-btn:hover { background:var(--accent); }
.ehis-admin-btn--light { border-color:var(--line); color:var(--ink)!important; background:#fff; }
.ehis-admin-btn--danger { background:#b42318; }
.ehis-admin-btn--small { min-height:34px; padding:6px 10px; font-size:13px; }
.ehis-admin-table-wrap { overflow-x:auto; }
.ehis-admin-table { width:100%; border-collapse:collapse; }
.ehis-admin-table th,.ehis-admin-table td { padding:12px 10px; border-bottom:1px solid var(--line); text-align:right; vertical-align:top; }
.ehis-admin-table th { color:var(--muted); font-size:13px; white-space:nowrap; }
.ehis-admin-table td { max-width:360px; }
.ehis-admin-table__actions { display:flex; flex-wrap:wrap; gap:6px; }
.ehis-admin-badge { display:inline-block; padding:4px 9px; border-radius:999px; background:#eef0ff; color:#3e46a8; font-size:12px; font-weight:800; }
.ehis-admin-badge--new { background:#fff2cc; color:#7a5200; }
.ehis-admin-empty { padding:35px; color:var(--muted); text-align:center; }
.ehis-admin-status { min-height:23px; margin-top:14px; font-weight:700; }
.ehis-admin-status--ok { color:#176c35; }
.ehis-admin-status--error { color:#9d2222; }
.ehis-admin-upload-preview { max-width:150px; max-height:110px; object-fit:contain; border:1px solid var(--line); border-radius:8px; }
.ehis-admin-record-details { min-width:280px; }
.ehis-admin-record-details summary { color:var(--primary); font-weight:700; cursor:pointer; }
.ehis-admin-record-details dl { margin:14px 0 0; padding:14px; border:1px solid var(--line); border-radius:8px; background:#fafbff; white-space:normal; }
.ehis-admin-record-details dt { margin-top:10px; color:#20284c; font-weight:800; }
.ehis-admin-record-details dt:first-child { margin-top:0; }
.ehis-admin-record-details dd { margin:4px 0 0; line-height:1.8; }
.ehis-admin-record-details ul { margin:5px 0 0; padding-right:18px; }
.ehis-admin-hidden { display:none!important; }
@media (max-width:1100px) { .ehis-admin-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:860px) { .ehis-admin-shell { grid-template-columns:1fr; } .ehis-admin-sidebar { position:fixed; right:0; z-index:50; width:270px; transform:translateX(105%); transition:transform .25s ease; } .ehis-admin-sidebar--open { transform:translateX(0); } .ehis-admin-menu-toggle { display:inline-grid; place-items:center; } .ehis-admin-topbar { padding:12px 17px; } .ehis-admin-content { padding:18px; } }
@media (max-width:600px) { .ehis-admin-auth__card { padding:27px 20px; } .ehis-admin-grid,.ehis-admin-form-grid { grid-template-columns:1fr; } .ehis-admin-field--wide { grid-column:auto; } .ehis-admin-panel { padding:18px 14px; } .ehis-admin-topbar h1 { font-size:19px; } .ehis-admin-topbar__actions a { display:none; } }
.ehis-admin-topbar__title { display:flex; align-items:center; gap:12px; }
.ehis-admin-topbar__title h1 { margin:0; }
.ehis-admin-topbar__title small { color:var(--muted); }
.ehis-admin-language { display:flex; gap:4px; padding:4px; border:1px solid var(--line); border-radius:9px; background:#fff; }
.ehis-admin-language a { padding:6px 10px; border-radius:6px; font-size:13px; }
.ehis-admin-language a[aria-current="true"] { color:#fff; background:var(--primary); }
.ehis-admin-panel + .ehis-admin-panel { margin-top:0; }
.ehis-admin-note { margin:0 0 18px; padding:13px 15px; border:1px solid #dfe2ff; border-radius:8px; color:#3e46a8; background:#f5f6ff; line-height:1.8; }
.ehis-admin-note code { direction:ltr; display:inline-block; }
.ehis-admin-upload-row { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:4px; }
.ehis-admin-upload-row input[type="file"] { width:auto; flex:1 1 240px; padding:8px; }
.ehis-admin-switch { display:flex!important; align-items:center; gap:10px; min-height:46px; padding:8px 12px; border:1px solid var(--line); border-radius:7px; cursor:pointer; }
.ehis-admin-switch input { position:absolute; opacity:0; pointer-events:none; }
.ehis-admin-switch span { position:relative; width:44px; height:24px; border-radius:999px; background:#c8ccda; transition:.2s; }
.ehis-admin-switch span::after { content:""; position:absolute; top:3px; right:3px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.2); transition:.2s; }
.ehis-admin-switch input:checked + span { background:var(--primary); }
.ehis-admin-switch input:checked + span::after { transform:translateX(-20px); }
.ehis-admin-switch b { font-size:13px; color:var(--muted); }
.ehis-admin-link { color:var(--primary)!important; font-weight:700; }
.ehis-admin-media-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.ehis-admin-media-card { display:grid; gap:9px; min-width:0; padding:12px; border:1px solid var(--line); border-radius:10px; background:#fff; }
.ehis-admin-media-card img { width:100%; height:145px; object-fit:contain; border-radius:7px; background:#f7f8fc; }
.ehis-admin-media-card code { overflow:hidden; color:#3e46a8; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.ehis-admin-media-card small { color:var(--muted); }
.ehis-custom-page__image { display:block; max-height:520px; margin:0 auto 28px; object-fit:contain; border-radius:12px; }
.ehis-custom-page__intro { font-size:19px; font-weight:700; line-height:2; }
.ehis-custom-page__body { margin-top:20px; line-height:2.1; white-space:normal; }
@media (max-width:1200px) { .ehis-admin-media-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:860px) { .ehis-admin-media-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .ehis-admin-language { display:none; } }
@media (max-width:600px) { .ehis-admin-media-grid { grid-template-columns:1fr; } .ehis-admin-upload-row { align-items:stretch; } .ehis-admin-upload-row .ehis-admin-btn { width:100%; } }