:root{--brand-50: #ecfeff;--brand-100: #cffafe;--brand-200: #a5f3fc;--brand-300: #67e8f9;--brand-400: #22d3ee;--brand-500: #06b6d4;--brand-600: #0891b2;--brand-700: #0e7490;--brand-800: #155e75;--brand-900: #164e63;--primary: var(--brand-700);--primary-dark: var(--brand-800);--primary-soft: #e0f7fb;--primary-tint: #f0fbfd;--accent: var(--brand-400);--gradient-brand: linear-gradient(135deg, #0a536b 0%, #0e7490 45%, #06b6d4 100%);--gradient-brand-soft: linear-gradient(135deg, #0891b2 0%, #22d3ee 100%);--shell-navy: #061a24;--shell-teal: #0e7490;--shell-grid: rgba(255, 255, 255, .045);--bg: #f3f6fa;--surface: #ffffff;--surface-alt: #f8fafc;--surface-strong: #eef2f7;--border: #e3e8ef;--border-strong: #cbd5e1;--sidebar: #0d2434;--sidebar-deep: #08192a;--sidebar-active: rgba(255, 255, 255, .1);--text: #0f1e2c;--text-soft: #475569;--text-muted: #64748b;--text-dim: #94a3b8;--text-on-brand: #ffffff;--success: #10b981;--success-bg: #d1fae5;--warning: #f59e0b;--warning-bg: #fef3c7;--danger: #ef4444;--danger-bg: #fee2e2;--info: #0ea5e9;--info-bg: #e0f2fe;--purple: #7c3aed;--purple-bg: #ede9fe;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 28px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-full: 999px;--shadow-1: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 1px rgba(15, 23, 42, .03);--shadow-2: 0 2px 8px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-3: 0 8px 22px rgba(15, 23, 42, .08), 0 2px 6px rgba(15, 23, 42, .04);font-family:Cairo,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}[data-theme=dark]{--bg: #0c1117;--surface: #151c24;--surface-alt: #1a222c;--surface-strong: #222b36;--border: #2a3544;--border-strong: #3d4f63;--text: #e8eef5;--text-soft: #b8c4d4;--text-muted: #8b9aad;--text-dim: #6b7c90;--primary-soft: rgba(6, 182, 212, .12);--primary-tint: rgba(6, 182, 212, .08);--shadow-1: 0 1px 2px rgba(0, 0, 0, .35);--shadow-2: 0 4px 14px rgba(0, 0, 0, .45);--shadow-3: 0 12px 32px rgba(0, 0, 0, .55)}[data-theme=dark] .topbar{background:#151c24eb;border-bottom-color:var(--border);box-shadow:0 1px #22d3ee2e}[data-theme=dark] .topbar__tools{background:var(--surface-strong);border-color:var(--border)}[data-theme=dark] .content{background:radial-gradient(100% 55% at 100% 0%,rgba(34,211,238,.08),transparent 52%),radial-gradient(80% 45% at 0% 100%,rgba(14,116,144,.06),transparent 48%),var(--bg)}[data-theme=dark] .kpi:before{opacity:.75}[data-theme=dark] .table tr:hover td{background:#ffffff08}[data-theme=dark] .refresh-bar__btn,[data-theme=dark] .topbar__logout{background:var(--surface-alt);border-color:var(--border);color:var(--text-soft)}[data-theme=dark] .input,[data-theme=dark] .select,[data-theme=dark] .textarea{background:var(--surface-alt);border-color:var(--border);color:var(--text)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);direction:inherit;text-align:start;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none}button{font-family:inherit;font-size:.95rem;border:none;cursor:pointer;background:none;color:inherit}::selection{background:#22d3ee40}.admin-shell{--admin-sidebar-w: 280px;--admin-sidebar-w-collapsed: 80px;display:grid;grid-template-columns:var(--admin-sidebar-w) minmax(0,1fr);min-height:100vh}.admin-shell.admin-shell--sidebar-collapsed{grid-template-columns:var(--admin-sidebar-w-collapsed) minmax(0,1fr)}.sidebar{background:radial-gradient(120% 80% at 0% 0%,rgba(34,211,238,.12),transparent 55%),radial-gradient(90% 60% at 100% 100%,rgba(6,182,212,.08),transparent 50%),linear-gradient(180deg,#0a2f3a 0%,var(--sidebar) 42%,var(--sidebar-deep) 100%);color:#fff;padding:var(--s-5) var(--s-3);border-inline-end:1px solid rgba(255,255,255,.06);position:sticky;top:0;align-self:start;height:100vh;overflow-x:hidden;overflow-y:auto;width:100%;min-width:0;isolation:isolate}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--shell-grid) 1px,transparent 1px),linear-gradient(90deg,var(--shell-grid) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 88%);mask-image:linear-gradient(180deg,#000 0%,transparent 88%);opacity:.9}.sidebar>*{position:relative;z-index:1}.sidebar__brand{display:flex;align-items:center;justify-content:flex-start;padding:0 var(--s-3) var(--s-4);min-height:0}.admin-brand{display:inline-flex;align-items:center;flex-shrink:0;min-height:0;max-width:100%}.admin-brand--expanded{justify-content:flex-start;width:100%}.admin-brand--collapsed{justify-content:center;width:100%}.admin-brand-plate{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.42);border-radius:8px;box-shadow:0 2px 10px #00000038;padding:4px 8px;line-height:0;transition:padding .18s ease,border-radius .18s ease}.admin-brand--expanded .admin-brand-plate{padding:5px 9px}.admin-brand--collapsed .admin-brand-plate{width:40px;height:40px;min-height:40px;min-width:40px;padding:5px;border-radius:10px}.admin-brand-logo{display:block;width:auto;height:auto;object-fit:contain;object-position:center}.admin-brand--expanded .admin-brand-logo{max-height:44px;max-width:min(220px,100%)}.admin-brand--collapsed .admin-brand-logo{max-width:28px;max-height:30px}.admin-brand-fallback{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;font-weight:800;font-size:.72rem;letter-spacing:.06em;color:#fff;background:linear-gradient(135deg,#0891b2,#22d3ee);box-shadow:0 4px 12px #22d3ee47}.admin-brand-fallback--word{width:auto;height:auto;min-height:0;padding:0;background:none;box-shadow:none;font-size:.95rem;letter-spacing:.03em;color:#fffffff2}.sidebar__section{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff6b;padding:var(--s-4) 12px 6px}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.sidebar__nav a{color:#ffffffc7;padding:10px 12px;border-radius:var(--r-md);display:flex;align-items:center;gap:12px;font-size:.93rem;font-weight:500;transition:background-color .12s,color .12s}.sidebar__nav a:hover{background:#ffffff0f;color:#fff}.sidebar__nav a.active{background:#ffffff1a;color:#fff;font-weight:600;box-shadow:inset 3px 0 0 var(--brand-400)}[dir=rtl] .sidebar__nav a.active{box-shadow:inset -3px 0 0 var(--brand-400)}.sidebar__nav a.active .sidebar__nav-icon{background:linear-gradient(135deg,#0891b2,#22d3ee);color:#fff;box-shadow:0 4px 12px #22d3ee59}.sidebar__nav-icon{width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;color:#ffffffd9;flex-shrink:0}.sidebar__nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar--collapsed .sidebar__section,.admin-shell--sidebar-collapsed .sidebar__section{display:none}.sidebar--collapsed .sidebar__nav a,.admin-shell--sidebar-collapsed .sidebar__nav a{justify-content:center;padding-inline:8px;gap:0}.sidebar--collapsed .sidebar__nav-label,.admin-shell--sidebar-collapsed .sidebar__nav-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar--collapsed .sidebar__brand,.admin-shell--sidebar-collapsed .sidebar__brand{justify-content:center;padding-inline:8px}.sidebar--collapsed .admin-brand,.admin-shell--sidebar-collapsed .admin-brand{justify-content:center}.sidebar__footer{border-top:1px solid rgba(255,255,255,.06);margin-top:var(--s-5);padding-top:var(--s-3)}@media (max-width: 980px){.admin-shell,.admin-shell.admin-shell--sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:min(300px,88vw);max-width:320px;z-index:50;box-shadow:var(--shadow-3);transform:translate(-110%);transition:transform .2s ease,visibility .2s;visibility:hidden;padding:var(--s-5) var(--s-3)}.sidebar.sidebar--collapsed{width:min(300px,88vw)}.sidebar--collapsed .sidebar__section,.admin-shell--sidebar-collapsed .sidebar__section{display:block}.sidebar--collapsed .sidebar__nav-label,.admin-shell--sidebar-collapsed .sidebar__nav-label{position:static;width:auto;height:auto;margin:0;overflow:hidden;clip:auto;white-space:nowrap}.sidebar--collapsed .sidebar__nav a,.admin-shell--sidebar-collapsed .sidebar__nav a{justify-content:flex-start;padding:10px 12px;gap:12px}[dir=rtl] .sidebar{transform:translate(110%);inset-inline-start:auto;inset-inline-end:0}.sidebar.sidebar--drawer-open{transform:translate(0);visibility:visible}[dir=rtl] .sidebar.sidebar--drawer-open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border:none;padding:0;margin:0;cursor:pointer;background:#080f1673;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar__section{text-align:start;padding-inline:12px}}.main{display:flex;flex-direction:column;min-height:100vh;min-width:0}.topbar{background:#ffffffe0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);box-shadow:0 1px #22d3ee38;padding:var(--s-3) var(--s-6);display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;position:sticky;top:0;z-index:30}.topbar__menu-btn{display:inline-flex;flex-shrink:0}.topbar__actions{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap}.topbar__tools{display:inline-flex;align-items:center;gap:8px;padding:4px 6px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-alt)}.topbar__lead{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.topbar__lead .brandmark{flex-shrink:0}.topbar__title{display:flex;flex-direction:column;gap:2px;min-width:0}.topbar__title h1{margin:0;font-size:1.12rem;font-weight:800;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__subtitle{margin:0;color:var(--text-muted);font-size:.8rem;line-height:1.35}.topbar__title small{color:var(--text-muted);font-size:.82rem}.topbar__user{display:flex;align-items:center;gap:12px}.topbar__user-text{text-align:end;min-width:0}[dir=ltr] .topbar__user-text{text-align:start}.topbar__user-name{font-size:.92rem;font-weight:600;color:var(--text)}.topbar__user-role{font-size:.74rem;color:var(--text-muted)}.topbar__avatar{width:36px;height:36px;border-radius:12px;background:var(--gradient-brand);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.topbar__logout{border:1px solid var(--border);background:var(--surface);border-radius:var(--r-md);padding:7px 10px;color:var(--text-soft);display:inline-flex;align-items:center;gap:6px;font-size:.85rem}.topbar__logout:hover{background:var(--surface-alt);color:var(--text)}.btn--sm{padding:7px 12px;font-size:.82rem}.btn--ghost{background:transparent;color:var(--text-soft);border:1px solid var(--border);box-shadow:none}.btn--ghost:hover{background:var(--surface-alt);color:var(--text)}.icon-btn{width:40px;height:40px;border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface);color:var(--text)}.icon-btn:hover{background:var(--surface-alt)}.admin-notif-bell,.admin-notif-bell__btn{position:relative}.admin-notif-bell__badge{position:absolute;top:-4px;inset-inline-end:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-full);background:var(--danger, #dc2626);color:#fff;font-size:.65rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}.admin-notif-bell__panel{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:min(360px,calc(100vw - 24px));max-height:min(420px,70vh);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-3);z-index:100;padding:var(--s-3)}.admin-notif-bell__panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);margin-bottom:var(--s-2);padding-bottom:var(--s-2);border-bottom:1px solid var(--border-soft)}.admin-notif-bell__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}.admin-notif-bell__item{width:100%;text-align:start;border:1px solid var(--border-soft);border-radius:var(--r-md);background:var(--surface-alt);padding:var(--s-2) var(--s-3);cursor:pointer;font:inherit;color:inherit}.admin-notif-bell__item--unread{border-color:#0891b259;background:#0891b214}.admin-notif-bell__item-title{font-weight:700;font-size:.88rem;margin-bottom:2px}.admin-notif-bell__item-body{line-height:1.35}.admin-notif-bell__item-time{margin-top:4px}.admin-notif-bell__empty{padding:var(--s-3) var(--s-2);margin:0}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--surface-alt)}.segmented__btn{padding:6px 12px;font-size:.8rem;font-weight:600;color:var(--text-muted);background:transparent;border:none;cursor:pointer}.segmented__btn.is-active{background:var(--surface);color:var(--primary-dark);box-shadow:inset 0 0 0 1px #06b6d433}[data-theme=dark] .segmented__btn.is-active{color:var(--brand-300);background:#06b6d41f}.theme-select-wrap .select--compact{min-width:108px;width:auto;padding:6px 10px;font-size:.82rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.content{padding:var(--s-6);flex:1;max-width:1480px;width:100%;min-width:0;margin:0 auto;background:radial-gradient(100% 55% at 100% 0%,rgba(34,211,238,.07),transparent 52%),radial-gradient(80% 45% at 0% 100%,rgba(14,116,144,.05),transparent 48%),var(--bg)}.card{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-2);padding:var(--s-5) var(--s-6);margin-bottom:var(--s-4);border:1px solid var(--border)}.card--toolbar{border-color:#06b6d433;box-shadow:var(--shadow-2),0 0 0 1px #06b6d40f}.card h2{margin:0 0 var(--s-3);font-size:1.02rem;font-weight:700;display:flex;align-items:center;gap:10px}.card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-3);flex-wrap:wrap}.card__head h2{margin:0}.card__head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--s-4);margin-bottom:var(--s-6)}.kpi{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-2);padding:var(--s-5);border:1px solid var(--border);display:flex;align-items:center;gap:var(--s-4);position:relative;overflow:hidden;transition:box-shadow .15s ease,border-color .15s ease}.kpi:before{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:var(--gradient-brand-soft);opacity:.85}.kpi:hover{box-shadow:var(--shadow-3);border-color:#06b6d447}.kpi__icon{width:46px;height:46px;border-radius:12px;background:#0891b21a;border:1px solid rgba(6,182,212,.18);color:var(--brand-600);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.kpi__body{min-width:0}.kpi__label{color:var(--text-muted);font-size:.8rem;font-weight:600;letter-spacing:.01em}.kpi__value{font-size:1.65rem;font-weight:800;line-height:1.15;color:var(--text);margin-top:4px;letter-spacing:-.02em}.kpi__hint{font-size:.78rem;color:var(--text-muted);margin-top:2px}.kpi--success .kpi__icon{background:var(--success-bg);color:#047857;border-color:#10b98140}.kpi--warning .kpi__icon{background:var(--warning-bg);color:#b45309;border-color:#f59e0b40}.kpi--danger .kpi__icon{background:var(--danger-bg);color:#b91c1c;border-color:#ef444440}.kpi--info .kpi__icon{background:#0ea5e91f;color:#0369a1;border-color:#0ea5e938}.kpi--purple .kpi__icon{background:#22d3ee24;color:var(--brand-600);border-color:#22d3ee47}.table-wrap{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-2);border:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px 16px;text-align:start;border-bottom:1px solid var(--border);font-size:.92rem;vertical-align:middle}.table th{background:var(--surface-alt);color:var(--text-muted);font-weight:600;font-size:.8rem;letter-spacing:.02em;text-transform:none}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#f7fafc}.table--clickable tr{cursor:pointer}.table .row-actions{display:flex;gap:6px;justify-content:flex-end}.empty-row{text-align:center;color:var(--text-muted);padding:var(--s-7) 0}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-full);font-size:.78rem;font-weight:600;white-space:nowrap;line-height:1.1}.pill .pill__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.pill--success{background:var(--success-bg);color:#047857}.pill--warning{background:var(--warning-bg);color:#b45309}.pill--danger{background:var(--danger-bg);color:#b91c1c}.pill--info{background:var(--info-bg);color:#0369a1}.pill--muted{background:var(--surface-strong);color:var(--text-soft)}.pill--purple{background:var(--purple-bg);color:var(--purple)}.pill--brand{background:var(--primary-soft);color:var(--primary-dark)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-full);font-size:.78rem;font-weight:600}.badge.active{background:var(--success-bg);color:#047857}.badge.expired{background:var(--danger-bg);color:#b91c1c}.badge.warning{background:var(--warning-bg);color:#b45309}.badge.muted{background:var(--surface-strong);color:var(--text-muted)}.badge.info{background:var(--info-bg);color:#0369a1}.badge.success{background:var(--success-bg);color:#047857}.badge.danger{background:var(--danger-bg);color:#b91c1c}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--r-md);background:var(--primary);color:#fff;font-weight:600;font-size:.92rem;box-shadow:0 3px 10px #0e74902e;transition:background-color .12s,transform .1s,box-shadow .12s;white-space:nowrap}.btn:hover{background:var(--primary-dark)}.btn:active{transform:translateY(1px)}.btn:disabled{background:#94a3b8;color:#fff;cursor:not-allowed;box-shadow:none}.btn.secondary{background:var(--primary-soft);color:var(--primary-dark);box-shadow:none}.btn.secondary:hover{background:#cdeef4}.btn.ghost{background:#fff;color:var(--text-soft);border:1px solid var(--border);box-shadow:none}.btn.ghost:hover{background:var(--surface-alt);color:var(--text)}.btn.success{background:var(--success);box-shadow:0 3px 10px #10b98133}.btn.success:hover{background:#059669}.btn.danger{background:var(--danger);box-shadow:0 3px 10px #ef444433}.btn.danger:hover{background:#c01919}.btn.warning{background:var(--warning);box-shadow:0 3px 10px #f59e0b33}.btn.warning:hover{background:#d97706}.btn.small{padding:6px 11px;font-size:.82rem}.btn.icon-only{padding:8px;min-width:36px;min-height:36px;justify-content:center}.input,.select,.textarea{width:100%;padding:10px 14px;border-radius:var(--r-md);border:1px solid var(--border);background:#fff;font-family:inherit;font-size:.95rem;color:var(--text);transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px #22d3ee2e}.input::placeholder,.textarea::placeholder{color:var(--text-dim)}.field{margin-bottom:var(--s-3)}.field label{display:block;font-size:.82rem;font-weight:600;color:var(--text-soft);margin-bottom:6px}.field-hint{font-size:.76rem;color:var(--text-muted);margin-top:4px}.row-flex{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:var(--s-3)}.filters .select,.filters .input{width:auto;min-width:180px}.refresh-bar{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;border-radius:var(--r-full);background:var(--surface-alt);border:1px solid var(--border);font-size:.85rem;color:var(--text-soft)}.refresh-bar__meta{display:inline-flex;align-items:center;gap:6px}.refresh-bar__time{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text)}.refresh-bar .dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim)}.refresh-bar .dot.pulse{background:var(--success);animation:bn-pulse 1.4s ease-in-out infinite}.refresh-bar__btn{background:#fff;border:1px solid var(--border);color:var(--primary-dark);padding:5px 12px;border-radius:var(--r-full);font-size:.82rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.refresh-bar__btn:hover{background:var(--surface-alt)}.refresh-bar__btn:disabled{color:var(--text-dim);cursor:progress}.center-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--s-4);background:radial-gradient(900px 500px at 0% 0%,rgba(34,211,238,.18),transparent 60%),radial-gradient(700px 400px at 100% 100%,rgba(14,116,144,.18),transparent 60%),var(--bg)}.admin-login{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(var(--s-10) + env(safe-area-inset-top,0)) var(--s-4) var(--s-8);color:var(--text-on-brand);background:radial-gradient(120% 90% at 0% 0%,rgba(34,211,238,.14),transparent 55%),radial-gradient(90% 70% at 100% 100%,rgba(6,182,212,.12),transparent 50%),linear-gradient(145deg,#061a24,#0a3d4a 38%,#0e5f73 72%,#0e7490);overflow:hidden}.admin-login:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 45%,#000 15%,transparent 72%);mask-image:radial-gradient(ellipse 85% 75% at 50% 45%,#000 15%,transparent 72%)}.admin-login__shell{position:relative;z-index:1;width:100%;max-width:1040px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,400px);gap:clamp(var(--s-6),4vw,var(--s-10));align-items:center}.admin-login__panel{padding-inline:clamp(0px,2vw,var(--s-4))}.admin-login__brand{display:flex;justify-content:flex-start;margin-bottom:var(--s-5)}.admin-login__brand .brandmark--horizontal.brandmark--lg .brandmark__img{max-height:52px;max-width:min(280px,78vw);object-fit:contain}.admin-login__portal-title{margin:0 0 var(--s-3);font-size:clamp(1.45rem,3.2vw,2rem);font-weight:800;line-height:1.25;letter-spacing:-.02em}.admin-login__portal-tagline{margin:0 0 var(--s-6);max-width:28rem;font-size:1.02rem;line-height:1.55;color:#ffffffd1}.admin-login__features{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-3)}.admin-login__feature{display:flex;align-items:center;gap:var(--s-3);font-size:.96rem;font-weight:600;color:#ffffffeb}.admin-login__feature-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);color:var(--brand-300)}.admin-login__card{width:100%;background:var(--surface);color:var(--text);padding:clamp(var(--s-6),3vw,var(--s-8));border-radius:var(--r-xl);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 48px #061a2459,0 8px 20px #061a2433}.admin-login__card-title{margin:0 0 4px;font-size:1.35rem;font-weight:800;color:var(--text)}.admin-login__card-sub{margin:0 0 var(--s-5);font-size:.9rem;color:var(--text-muted)}.admin-login__submit{width:100%;margin-top:var(--s-2);background:linear-gradient(135deg,var(--brand-700) 0%,var(--brand-600) 55%,var(--brand-500) 100%);border:none;box-shadow:0 4px 14px #0891b259}.admin-login__submit:hover:not(:disabled){filter:brightness(1.05)}.admin-login__submit:disabled{opacity:.72}.input-password{position:relative;display:flex;align-items:stretch}.input-password__input{padding-inline-end:44px}.input-password__toggle{position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--r-sm);background:transparent;color:var(--text-muted);cursor:pointer}.input-password__toggle:hover{background:var(--surface-alt);color:var(--primary)}.input-password__toggle:focus-visible{outline:2px solid var(--brand-400);outline-offset:2px}.admin-login .login-toolbar{color:var(--text-on-brand)}@media (max-width: 900px){.admin-login__shell{grid-template-columns:1fr;max-width:420px;gap:var(--s-6)}.admin-login__card{order:-1}.admin-login__panel{text-align:center;padding-inline:0}.admin-login__brand{justify-content:center}.admin-login__portal-tagline{margin-inline:auto}.admin-login__features{text-align:start}}.login-card{width:100%;max-width:420px;background:var(--surface);padding:var(--s-7);border-radius:var(--r-xl);box-shadow:var(--shadow-3);border:1px solid var(--border)}.login-card__brand{display:flex;align-items:center;justify-content:center;margin-bottom:var(--s-4)}.login-card__brand .brandmark__img{max-height:56px;max-width:min(300px,88vw)}.login-card__title{font-size:1.25rem;font-weight:700;margin:0 0 4px}.login-card__sub{color:var(--text-muted);margin:0 0 var(--s-5);font-size:.92rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1e2c8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:60;padding:var(--s-4);animation:bn-fade-in .15s ease-out}.modal{background:var(--surface);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;border-radius:var(--r-xl);padding:var(--s-6);box-shadow:var(--shadow-3);border:1px solid var(--border);animation:bn-pop .18s cubic-bezier(.2,.7,.2,1)}.modal-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-3)}.modal-title h2{margin:0;font-size:1.15rem;font-weight:700}.modal-close{background:var(--surface-alt);color:var(--text-muted);font-size:1.3rem;line-height:1;width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--surface-strong);color:var(--text)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1e2c8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;animation:bn-fade-in .15s ease-out}.drawer-panel{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(480px,100vw);max-width:100%;background:var(--surface);box-shadow:var(--shadow-3);border-inline-start:1px solid var(--border);display:flex;flex-direction:column;z-index:61;animation:drawer-slide-in .22s cubic-bezier(.2,.7,.2,1)}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}[dir=rtl] .drawer-panel{animation-name:drawer-slide-in-rtl}@keyframes drawer-slide-in-rtl{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 640px){.drawer-panel{width:100vw;inset-inline-start:0;inset-inline-end:0}}.drawer-header{flex-shrink:0;padding:var(--s-5) var(--s-5) var(--s-3);border-bottom:1px solid var(--border)}.drawer-header__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3)}.drawer-header h2{margin:0;font-size:1.15rem;font-weight:700}.drawer-header__subtitle{margin:var(--s-2) 0 0;color:var(--text-muted);font-size:.92rem}.drawer-body{flex:1;overflow-y:auto;padding:var(--s-5);-webkit-overflow-scrolling:touch}.drawer-overlay--confirm{z-index:70}.table tr.row-selected td{background:var(--primary-soft)}.toast{position:fixed;top:24px;left:50%;transform:translate(-50%);background:#0f1e2c;color:#fff;padding:11px 18px;border-radius:var(--r-full);font-size:.9rem;font-weight:500;z-index:80;box-shadow:0 8px 24px #00000040;max-width:88%;cursor:pointer;animation:bn-fade-in .2s ease-out}.toast.toast-error{background:var(--danger)}.toast.toast-success{background:var(--success)}.toast.toast-warning{background:var(--warning);color:#1c2433}.muted{color:var(--text-muted)}.soft{color:var(--text-soft)}.small{font-size:.85rem}.tiny{font-size:.75rem}.error-text{color:var(--danger);font-size:.9rem;margin:4px 0 8px;font-weight:600}.success-text{color:var(--success);font-size:.9rem;font-weight:600}.mono{font-family:Courier New,SFMono-Regular,monospace;font-size:.85rem}.divider{height:1px;background:var(--border);margin:var(--s-4) 0}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-3)}.section-title h3{margin:0;font-size:.95rem;font-weight:700}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s-3)}.health{background:var(--surface);border-radius:var(--r-lg);padding:var(--s-4);border:1px solid var(--border);display:flex;gap:var(--s-3);align-items:center;box-shadow:var(--shadow-1);transition:border-color .15s ease,box-shadow .15s ease}.health:hover{border-color:#06b6d438;box-shadow:var(--shadow-2)}.health__icon{width:40px;height:40px;border-radius:11px;background:var(--surface-alt);border:1px solid var(--border);color:var(--text-soft);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.health--ok .health__icon{background:var(--success-bg);color:#047857}.health--warn .health__icon{background:var(--warning-bg);color:#b45309}.health--down .health__icon{background:var(--danger-bg);color:#b91c1c}.health__name{font-weight:700;font-size:.92rem}.health__hint{font-size:.78rem;color:var(--text-muted)}.secret-field{display:flex;gap:8px;align-items:center}.secret-hint{font-family:Courier New,monospace;padding:6px 10px;background:var(--surface-alt);border-radius:var(--r-sm);font-size:.82rem;border:1px solid var(--border);color:var(--text-muted)}.chip-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-full);border:1px solid var(--border);font-size:.84rem;font-weight:600;color:var(--text-soft);background:var(--surface-alt);cursor:pointer;transition:background-color .12s,color .12s,border-color .12s}.chip-toggle:hover{background:var(--surface-strong);color:var(--text)}.chip-toggle.active{background:var(--primary-soft);color:var(--primary-dark);border-color:var(--brand-300)}@keyframes bn-pulse{0%,to{transform:scale(.7);opacity:.55}50%{transform:scale(1.25);opacity:1}}@keyframes bn-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bn-pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.fade-in{animation:bn-fade-in .2s ease-out both}.brandmark{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0}.brandmark--logo .brandmark__img{display:block;object-fit:contain;width:auto;height:auto}.brandmark--horizontal.brandmark--sm .brandmark__img{max-height:28px;max-width:min(200px,72vw)}.brandmark--horizontal.brandmark--md .brandmark__img{max-height:36px;max-width:min(240px,80vw)}.brandmark--horizontal.brandmark--lg .brandmark__img{max-height:52px;max-width:min(320px,92vw)}.brandmark--vertical.brandmark--sm .brandmark__img{max-width:26px;max-height:88px}.brandmark--vertical.brandmark--md .brandmark__img{max-width:34px;max-height:104px}.brandmark--vertical.brandmark--lg .brandmark__img{max-width:44px;max-height:120px}.brandmark--plate{background:#fffffff0;border-radius:10px;padding:4px 10px;box-shadow:0 2px 14px #00000024}.brandmark--fallback{min-height:1.5em}.brandmark__fallback-text{font-weight:800;font-size:1.05rem;letter-spacing:.02em;color:var(--text)}.brandmark--plate .brandmark__fallback-text{color:#0f1e2c}.empty-state{padding:var(--s-6);text-align:center;color:var(--text-muted);font-size:.92rem}.card--accent{border-color:#06b6d459;box-shadow:var(--shadow-2),0 0 0 1px #06b6d41a;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#0891b21f,#22d3ee0f) border-box}.dashboard-page .section-title h3{font-size:1rem;font-weight:800;letter-spacing:-.01em}.sync-counts-json{margin:var(--s-3) 0 0;padding:var(--s-3);background:var(--surface-alt);border-radius:var(--r-md);border:1px solid var(--border);font-size:.75rem;max-height:160px;overflow:auto}.api-keys-scopes{display:grid;gap:var(--s-2);margin-top:var(--s-2)}.api-keys-scope{display:flex;align-items:flex-start;gap:var(--s-2);font-size:.88rem;cursor:pointer}.api-keys-reveal{margin-bottom:16px;border:1px solid var(--success);background:var(--success-bg, rgba(16, 185, 129, .08))}.api-keys-reveal__key{margin:var(--s-2) 0 0;padding:var(--s-3);background:var(--surface-alt);border-radius:var(--r-sm);font-size:.82rem;overflow-x:auto;word-break:break-all}.login-toolbar{position:fixed;top:var(--s-3);inset-inline-end:var(--s-3);z-index:20;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.settings-section{border-top:1px solid var(--border);margin-top:var(--s-5);padding-top:var(--s-4)}.settings-section:first-of-type{border-top:none;margin-top:0;padding-top:0}.settings-section__title{font-size:.95rem;font-weight:700;margin:0 0 var(--s-3);color:var(--text)}