@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic-Light.ttf) format("truetype");font-weight:300;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:El Messiri;src:url(/fonts/ElMessiri-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:El Messiri;src:url(/fonts/ElMessiri-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:El Messiri;src:url(/fonts/ElMessiri-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--bg: #080b14;--bg-soft: #0d1220;--bg-layer: #111827;--glass-bg: rgba(255, 255, 255, .045);--glass-bg-strong: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .08);--glass-border-strong: rgba(255, 255, 255, .16);--glass-blur: blur(20px);--glass-shadow: 0 12px 32px rgba(2, 4, 12, .45);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .06);--primary: #7c6cff;--primary-soft: rgba(124, 108, 255, .16);--accent: #a78bfa;--gold: #d8b36a;--gold-soft: rgba(216, 179, 106, .14);--text: #f8fafc;--text-secondary: #a7b0c0;--text-muted: #687386;--success: #34d399;--warning: #fbbf24;--error: #fb7185;--info: #60a5fa;--success-soft: rgba(52, 211, 153, .12);--warning-soft: rgba(251, 191, 36, .12);--error-soft: rgba(251, 113, 133, .12);--info-soft: rgba(96, 165, 250, .12);--r-card: 18px;--r-control: 12px;--r-pill: 999px;--sidebar-w: 264px;--sidebar-w-collapsed: 76px;--topbar-h: 64px;--t-fast: .15s cubic-bezier(.4, 0, .2, 1);--t-med: .22s cubic-bezier(.4, 0, .2, 1);--font-body: "IBM Plex Sans Arabic", "Segoe UI", system-ui, sans-serif;--font-display: "El Messiri", "IBM Plex Sans Arabic", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:14px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(900px 480px at 70% -10%,rgba(124,108,255,.13),transparent 60%),radial-gradient(720px 520px at 8% 12%,rgba(37,53,110,.35),transparent 62%),radial-gradient(900px 600px at 95% 90%,rgba(124,108,255,.06),transparent 60%),linear-gradient(180deg,var(--bg-soft) 0%,var(--bg) 45%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(1200px 700px at 50% 120%,rgba(17,24,39,.6),transparent 70%);pointer-events:none}::selection{background:var(--primary-soft)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}a{color:var(--accent);text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0;letter-spacing:.01em}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app-shell{display:flex;min-height:100vh}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.app-content{padding:28px 32px 64px;max-width:1560px;width:100%;margin-inline:auto;animation:fade-slide var(--t-med) both}@keyframes fade-slide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sidebar{position:sticky;top:0;height:100vh;width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#ffffff0d,#ffffff05);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-inline-end:1px solid var(--glass-border);transition:width var(--t-med);z-index:40}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:20px 18px 16px;min-height:var(--topbar-h)}.brand-mark{width:38px;height:38px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(140deg,var(--primary),#4c3fd1);box-shadow:0 6px 18px #7c6cff59;color:#fff}.brand-text{min-width:0}.brand-name{font-family:var(--font-display);font-size:19px;font-weight:700;line-height:1.2;background:linear-gradient(90deg,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-sub{font-size:11px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.sidebar-nav{flex:1;overflow-y:auto;padding:4px 12px 16px;display:flex;flex-direction:column;gap:2px}.nav-group-label{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);padding:18px 12px 6px}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;min-height:40px;border-radius:var(--r-control);color:var(--text-secondary);font-size:13.5px;font-weight:500;border:1px solid transparent;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);position:relative;white-space:nowrap}.nav-item svg{width:18px;height:18px;flex-shrink:0;transition:transform var(--t-fast)}.nav-item:hover{color:var(--text);background:#ffffff0d}.nav-item:hover svg{transform:scale(1.08)}.nav-item.active{color:var(--text);background:linear-gradient(90deg,var(--primary-soft),rgba(124,108,255,.05));border-color:#7c6cff59}.nav-item.active:before{content:"";position:absolute;inset-inline-start:-12px;top:20%;bottom:20%;width:3px;border-radius:3px;background:var(--primary)}.sidebar.collapsed .nav-item{justify-content:center;padding:9px 0}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-group-label,.sidebar.collapsed .brand-text{display:none}.sidebar-footer{padding:12px 16px 16px;border-top:1px solid var(--glass-border)}.collapse-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:8px;border-radius:var(--r-control);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast)}.collapse-btn:hover{color:var(--text);border-color:var(--glass-border-strong)}.sidebar.collapsed .nav-item[data-tip]{position:relative}.sidebar.collapsed .nav-item[data-tip]:hover:after{content:attr(data-tip);position:absolute;inset-inline-start:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--bg-layer);border:1px solid var(--glass-border-strong);color:var(--text);font-size:12px;padding:4px 10px;border-radius:8px;white-space:nowrap;z-index:60;box-shadow:var(--glass-shadow)}.topbar{position:sticky;top:0;z-index:30;height:var(--topbar-h);display:flex;align-items:center;gap:14px;padding:0 28px;background:#080b14a8;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border)}.topbar-search{flex:1;max-width:460px;position:relative}.topbar-search svg{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none}.topbar-search input{width:100%;padding-inline-start:38px}.search-kbd{position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--text-muted);border:1px solid var(--glass-border);border-radius:6px;padding:1px 6px;background:var(--glass-bg);pointer-events:none}.topbar-spacer{flex:1}.system-pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);border:1px solid var(--glass-border);background:var(--glass-bg);border-radius:var(--r-pill);padding:5px 12px;cursor:pointer;transition:all var(--t-fast)}.system-pill:hover{border-color:var(--glass-border-strong);color:var(--text)}.topbar-icon-btn{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-control);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast)}.topbar-icon-btn:hover{background:var(--glass-bg);border-color:var(--glass-border);color:var(--text)}.notif-dot{position:absolute;top:8px;inset-inline-end:9px;width:7px;height:7px;border-radius:50%;background:var(--error);box-shadow:0 0 0 2px var(--bg-soft)}.admin-chip{display:flex;align-items:center;gap:10px;padding:5px 10px 5px 5px;border-radius:var(--r-pill);border:1px solid var(--glass-border);background:var(--glass-bg);cursor:pointer;color:var(--text);transition:all var(--t-fast)}.admin-chip:hover{border-color:var(--glass-border-strong)}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:600;color:#fff;background:linear-gradient(140deg,#3a3f55,#232636);border:1px solid var(--glass-border);flex-shrink:0;overflow:hidden}.avatar.violet{background:linear-gradient(140deg,var(--primary),#4c3fd1)}.avatar.gold{background:linear-gradient(140deg,var(--gold),#a07f3f)}.avatar.lg{width:56px;height:56px;font-size:20px}.avatar.sm{width:26px;height:26px;font-size:11px}.admin-chip .who{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25}.admin-chip .who b{font-size:13px;font-weight:600}.admin-chip .who span{font-size:11px;color:var(--text-muted)}.dropdown{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:210px;background:#0d1220eb;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-strong);border-radius:var(--r-card);box-shadow:var(--glass-shadow);padding:6px;z-index:80;animation:pop var(--t-fast) both}@keyframes pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;background:transparent;color:var(--text-secondary);border-radius:10px;font-size:13px;cursor:pointer;text-align:start;transition:all var(--t-fast)}.dropdown-item:hover{background:#ffffff0f;color:var(--text)}.dropdown-item.danger:hover{background:var(--error-soft);color:var(--error)}.dropdown-sep{height:1px;background:var(--glass-border);margin:6px 4px}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow),var(--glass-highlight);padding:20px;transition:border-color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast)}.glass-card.hoverable:hover{transform:translateY(-2px);border-color:var(--glass-border-strong);box-shadow:var(--glass-shadow),var(--glass-highlight),0 0 24px #7c6cff12}.glass-panel{background:#0d12208c;border:1px solid var(--glass-border);border-radius:var(--r-card);padding:22px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-title h3{font-size:15.5px;font-weight:600;font-family:var(--font-body)}.card-title .sub{font-size:12px;color:var(--text-muted)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.page-header h1{font-size:26px}.page-header .page-sub{color:var(--text-secondary);font-size:13.5px;margin-top:4px}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-muted);margin-bottom:10px}.breadcrumbs a{color:var(--text-secondary)}.breadcrumbs a:hover{color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border-radius:var(--r-control);font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text);transition:all var(--t-fast);white-space:nowrap}.btn svg{width:16px;height:16px}.btn:hover{border-color:var(--glass-border-strong);background:var(--glass-bg-strong)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(120deg,var(--primary),#5f4fe0);border-color:#7c6cff8c;color:#fff;box-shadow:0 6px 18px #7c6cff47}.btn-primary:hover{background:linear-gradient(120deg,#8b7cff,#6a59ea);border-color:#7c6cffcc}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--glass-bg);border-color:var(--glass-border);color:var(--text)}.btn-danger{background:var(--error-soft);border-color:#fb718566;color:var(--error)}.btn-danger:hover{background:#fb718533;border-color:#fb718599}.btn-sm{min-height:30px;padding:4px 10px;font-size:12.5px}.btn-icon{width:34px;min-height:34px;padding:0}.input,.select,textarea.input{width:100%;min-height:38px;padding:8px 12px;border-radius:var(--r-control);border:1px solid var(--glass-border);background:#080b1480;color:var(--text);font-family:inherit;font-size:13.5px;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.input::placeholder{color:var(--text-muted)}.input:focus,.select:focus{outline:none;border-color:#7c6cff99;box-shadow:0 0 0 3px #7c6cff24}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(0% + 12px) calc(50% + 2px),calc(0% + 17px) calc(50% + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-inline-start:30px}[dir=rtl] .select{background-position:calc(100% - 17px) calc(50% + 2px),calc(100% - 12px) calc(50% + 2px);padding-inline-start:12px;padding-inline-end:30px}.select option{background:var(--bg-layer);color:var(--text)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:600;color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:var(--r-pill);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);white-space:nowrap}.badge.success{color:var(--success);background:var(--success-soft);border-color:#34d3994d}.badge.warning{color:var(--warning);background:var(--warning-soft);border-color:#fbbf244d}.badge.error{color:var(--error);background:var(--error-soft);border-color:#fb71854d}.badge.info{color:var(--info);background:var(--info-soft);border-color:#60a5fa4d}.badge.violet{color:var(--accent);background:var(--primary-soft);border-color:#7c6cff59}.badge.gold{color:var(--gold);background:var(--gold-soft);border-color:#d8b36a59}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--text-muted)}.status-dot.healthy,.status-dot.success,.status-dot.active,.status-dot.configured,.status-dot.completed,.status-dot.ready,.status-dot.online{background:var(--success);box-shadow:0 0 8px #34d39980}.status-dot.degraded,.status-dot.warning,.status-dot.pending,.status-dot.building,.status-dot.ringing{background:var(--warning);box-shadow:0 0 8px #fbbf2480}.status-dot.down,.status-dot.error,.status-dot.failed,.status-dot.disabled,.status-dot.suspended{background:var(--error);box-shadow:0 0 8px #fb718580}.status-dot.info,.status-dot.running,.status-dot.in_progress{background:var(--info);box-shadow:0 0 8px #60a5fa80}.status-dot.muted,.status-dot.not_configured,.status-dot.unconfigured,.status-dot.none,.status-dot.draft,.status-dot.archived,.status-dot.cancelled{background:var(--text-muted)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:16px;margin-bottom:24px}.metric-card{display:flex;flex-direction:column;gap:10px}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);border:1px solid rgba(124,108,255,.3);color:var(--accent)}.metric-icon svg{width:18px;height:18px}.metric-icon.gold{background:var(--gold-soft);border-color:#d8b36a59;color:var(--gold)}.metric-icon.info{background:var(--info-soft);border-color:#60a5fa4d;color:var(--info)}.metric-icon.success{background:var(--success-soft);border-color:#34d3994d;color:var(--success)}.metric-value{font-size:28px;font-weight:700;font-family:var(--font-display);line-height:1.1;letter-spacing:.01em}.metric-label{font-size:12.5px;color:var(--text-secondary)}.trend{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;padding:2px 8px;border-radius:var(--r-pill)}.trend.up{color:var(--success);background:var(--success-soft)}.trend.down{color:var(--error);background:var(--error-soft)}.trend.flat{color:var(--text-muted);background:var(--glass-bg)}.trend svg{width:12px;height:12px}.table-card{padding:0;overflow:hidden}.table-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid var(--glass-border)}.table-toolbar .grow{flex:1}.table-scroll{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data thead th{position:sticky;top:0;background:#0d1220eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-muted);font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-align:start;padding:11px 16px;border-bottom:1px solid var(--glass-border);white-space:nowrap}table.data thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.data thead th.sortable:hover{color:var(--text-secondary)}table.data tbody td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.045);color:var(--text-secondary);vertical-align:middle}table.data tbody tr{transition:background var(--t-fast)}table.data tbody tr:hover{background:#ffffff09}table.data tbody tr:last-child td{border-bottom:0}table.data td.strong,table.data td b{color:var(--text);font-weight:600}.cell-user{display:flex;align-items:center;gap:10px;min-width:0}.cell-user .name{color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.cell-user .email{font-size:11.5px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.row-actions{display:flex;gap:6px;justify-content:flex-end}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--glass-border);font-size:12.5px;color:var(--text-muted);flex-wrap:wrap}.pagination .pages{display:flex;gap:6px;align-items:center}.page-btn{min-width:30px;height:30px;display:inline-grid;place-items:center;border-radius:8px;border:1px solid var(--glass-border);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:12.5px;transition:all var(--t-fast)}.page-btn:hover:not(:disabled){border-color:var(--glass-border-strong);color:var(--text)}.page-btn.active{background:var(--primary-soft);border-color:#7c6cff80;color:var(--accent);font-weight:700}.page-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:860px){table.data thead{display:none}table.data,table.data tbody,table.data tr,table.data td{display:block;width:100%}table.data tbody tr{border:1px solid var(--glass-border);border-radius:var(--r-card);margin:10px 12px;padding:6px 0;background:var(--glass-bg)}table.data tbody td{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:0;padding:7px 16px}table.data tbody td:before{content:attr(data-label);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);flex-shrink:0}.row-actions{justify-content:flex-start}}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--glass-border);overflow-x:auto;scrollbar-width:none;margin-bottom:20px}.tabs::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;color:var(--text-muted);background:transparent;border:0;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all var(--t-fast)}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--text);border-bottom-color:var(--primary)}.tab svg{width:15px;height:15px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ca8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;z-index:100;animation:fade var(--t-fast) both}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:min(520px,100%);max-height:86vh;overflow-y:auto;background:#0f1424eb;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-strong);border-radius:20px;box-shadow:var(--glass-shadow);padding:24px;animation:pop var(--t-med) both}.modal.wide{width:min(760px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.modal-head h2{font-size:18px}.modal-body{color:var(--text-secondary);font-size:13.5px;display:flex;flex-direction:column;gap:14px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1100px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.muted{color:var(--text-muted)}.dim{color:var(--text-secondary)}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;letter-spacing:.02em}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:56px 24px;text-align:center;color:var(--text-muted)}.empty-state .empty-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);margin-bottom:4px}.empty-state .empty-icon svg{width:24px;height:24px}.empty-state h3{font-family:var(--font-body);font-size:15px;color:var(--text)}.empty-state p{margin:0;font-size:13px;max-width:380px}.skeleton{position:relative;overflow:hidden;background:#ffffff0d;border-radius:8px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.4s infinite;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}[dir=rtl] .skeleton:after{animation-name:shimmer-rtl}@keyframes shimmer-rtl{0%{transform:translate(100%)}to{transform:translate(-100%)}}.bar-track{height:6px;border-radius:6px;background:#ffffff12;overflow:hidden;width:100%}.bar-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width var(--t-med)}.bar-fill.gold{background:linear-gradient(90deg,#b8934e,var(--gold))}.bar-fill.success{background:linear-gradient(90deg,#1fae7c,var(--success))}.bar-fill.warning{background:linear-gradient(90deg,#d9a520,var(--warning))}.bar-fill.error{background:linear-gradient(90deg,#e0506a,var(--error))}.bar-fill.info{background:linear-gradient(90deg,#3d85d8,var(--info))}.trait-row{display:grid;grid-template-columns:130px 1fr 44px;align-items:center;gap:12px;padding:7px 0}.trait-row .t-label{font-size:12.5px;color:var(--text-secondary)}.trait-row .t-value{font-size:12.5px;font-weight:700;color:var(--text);text-align:end}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:14px;padding:10px 0;position:relative}.timeline-item:before{content:"";position:absolute;inset-inline-start:15px;top:38px;bottom:-6px;width:1px;background:var(--glass-border)}.timeline-item:last-child:before{display:none}.timeline-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);flex-shrink:0;z-index:1}.timeline-icon svg{width:15px;height:15px}.timeline-icon.success{color:var(--success);border-color:#34d3994d}.timeline-icon.error{color:var(--error);border-color:#fb71854d}.timeline-icon.warning{color:var(--warning);border-color:#fbbf244d}.timeline-icon.violet{color:var(--accent);border-color:#7c6cff59}.timeline-body{min-width:0}.timeline-title{font-size:13px;color:var(--text);font-weight:500}.timeline-time{font-size:11.5px;color:var(--text-muted)}.dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:13px}.dl dt{color:var(--text-muted);font-size:12.5px}.dl dd{margin:0;color:var(--text);word-break:break-word}.switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;background:#ffffff17;border:1px solid var(--glass-border);cursor:pointer;transition:all var(--t-fast)}.switch .slider:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;top:2px;inset-inline-start:2px;background:var(--text-secondary);transition:all var(--t-fast)}.switch input:checked+.slider{background:var(--primary-soft);border-color:#7c6cff99}.switch input:checked+.slider:before{background:var(--accent);transform:translate(18px)}[dir=rtl] .switch input:checked+.slider:before{transform:translate(-18px)}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060c99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:120;display:flex;justify-content:center;padding-top:14vh;animation:fade var(--t-fast) both}.palette{width:min(620px,calc(100vw - 32px));height:fit-content;max-height:62vh;background:#0f1424f2;border:1px solid var(--glass-border-strong);border-radius:18px;box-shadow:var(--glass-shadow);overflow:hidden;display:flex;flex-direction:column;animation:pop var(--t-med) both}.palette-input{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--glass-border)}.palette-input svg{color:var(--text-muted);width:18px;height:18px}.palette-input input{flex:1;border:0;background:transparent;color:var(--text);font-size:15px;font-family:inherit}.palette-input input:focus{outline:none}.palette-results{overflow-y:auto;padding:8px}.palette-group{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:10px 12px 4px}.palette-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:var(--text-secondary);font-size:13.5px;cursor:pointer;text-align:start}.palette-item svg{width:16px;height:16px;flex-shrink:0}.palette-item.selected,.palette-item:hover{background:var(--primary-soft);color:var(--text)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);padding:34px}.login-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:26px;text-align:center}.login-brand .brand-mark{width:52px;height:52px;border-radius:16px}.login-brand .brand-mark svg{width:26px;height:26px}.login-tagline{font-family:var(--font-display);color:var(--gold);font-size:14.5px}.chart-wrap{height:260px;margin-inline:-8px}.recharts-default-tooltip,.chart-tooltip{background:#0d1220f2!important;border:1px solid var(--glass-border-strong)!important;border-radius:10px!important;font-family:var(--font-body)!important}.recharts-tooltip-label{color:var(--text)!important}.health-row{display:grid;grid-template-columns:1fr auto auto auto;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.045);font-size:13px}.health-row:last-child{border-bottom:0}.health-name{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:500}.notif-panel{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:min(380px,calc(100vw - 32px));background:#0d1220f0;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-strong);border-radius:var(--r-card);box-shadow:var(--glass-shadow);z-index:80;animation:pop var(--t-fast) both;overflow:hidden}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--glass-border)}.notif-list{max-height:380px;overflow-y:auto}.notif-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.04);align-items:flex-start}.notif-item:hover{background:#ffffff08}.notif-item .n-body{flex:1;min-width:0}.notif-item .n-title{font-size:13px;color:var(--text)}.notif-item .n-time{font-size:11.5px;color:var(--text-muted)}.notif-dismiss{border:0;background:transparent;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:8px}.notif-dismiss:hover{color:var(--text);background:#ffffff0f}.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stat-mini{padding:14px 16px;border-radius:var(--r-control);background:#ffffff08;border:1px solid var(--glass-border)}.stat-mini .v{font-size:20px;font-weight:700;font-family:var(--font-display)}.stat-mini .k{font-size:11.5px;color:var(--text-muted);margin-top:2px}.error-box{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-radius:var(--r-card);border:1px solid rgba(251,113,133,.35);background:var(--error-soft);color:var(--text);font-size:13.5px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060c99;z-index:45}.mobile-only{display:none}@media(max-width:980px){.sidebar{position:fixed;inset-block:0;inset-inline-start:0;transform:translate(calc(-1 * var(--drawer-out, 100%)));transition:transform var(--t-med);width:var(--sidebar-w)!important;background:#0a0d18f7}[dir=rtl] .sidebar{--drawer-out: -100%}.sidebar.open{transform:translate(0)}.sidebar .nav-label,.sidebar .nav-group-label,.sidebar .brand-text{display:revert}.sidebar .collapse-btn{display:none}.mobile-only{display:inline-flex}.app-content{padding:20px 16px 72px}.topbar{padding:0 16px}.topbar-search{display:none}}@media(max-width:640px){.page-header h1{font-size:21px}.metric-value{font-size:23px}.hide-sm{display:none!important}}