:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;--fs-caption: 12px;--fs-body-sm: 13px;--fs-body: 14px;--fs-h3: 16px;--fs-h2: 20px;--fs-h1: 24px;--fs-display: 28px;--brand-700: #155e75;--brand-600: #0e7490;--brand-500: #0891b2;--brand-400: #22b8cf;--brand-50: #ecfeff;--indigo-600: #4f46e5;--indigo-50: #eef2ff;--green-700:#15803d;--green-600:#16a34a;--green-50:#f0fdf4;--amber-700:#b45309;--amber-600:#d97706;--amber-50:#fffbeb;--red-700:#b91c1c;--red-600:#dc2626;--red-50:#fef2f2;--slate-600:#475569;--slate-50:#f8fafc;--violet-700:#6d28d9;--violet-50:#f5f3ff;--bg: #f6f8fa;--surface: #ffffff;--surface-2: #f8fafc;--border: #e2e8f0;--text: #0f172a;--text-2: #475569;--text-3: #566475;--input-border: #7c8a9e;--shadow-sm: 0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.08);--shadow-md: 0 4px 12px rgba(15,23,42,.08), 0 2px 4px rgba(15,23,42,.06);--shadow-lg: 0 12px 32px rgba(15,23,42,.18), 0 4px 8px rgba(15,23,42,.08);--brand-fg: var(--brand-600);--green-fg: var(--green-700);--amber-fg: var(--amber-700);--red-fg: var(--red-700);--slate-fg: var(--slate-600);--blocked-fg: var(--violet-700);--blocked-bg: var(--violet-50);--ai-fg: var(--indigo-600);--ai-bg: var(--indigo-50);--link: var(--brand-fg);--link-hover: var(--brand-700);--focus-ring: var(--brand-500);--muted: var(--text-3);--red: var(--red-fg);--ok: var(--green-fg);--amber: var(--amber-fg);--elev-1: var(--shadow-sm);--elev-2: var(--shadow-md);--elev-3: var(--shadow-lg);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--ease-standard: cubic-bezier(.4,0,.2,1);--radius: 10px;--radius-sm: 6px;--radius-lg: 16px;--row-h: 44px;--control-h: 38px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px}:root[data-theme=dark]{--bg:#0b1220;--surface:#111a2b;--surface-2:#0e1626;--border:#1e293b;--text:#e2e8f0;--text-2:#94a3b8;--text-3:#8a99ad;--input-border:#64748b;--brand-50:#0e2a33;--indigo-50:#1e1b4b;--green-50:#052e1a;--amber-50:#2a1e05;--red-50:#2a0d0d;--slate-50:#0f172a;--brand-fg:#22b8cf;--green-fg:#22c55e;--amber-fg:#f59e0b;--red-fg:#f87171;--slate-fg:#94a3b8;--blocked-fg:#c4b5fd;--blocked-bg:#1e1b4b;--ai-fg:#818cf8;--ai-bg:#1e1b4b;--link-hover:#67e8f9;--focus-ring:var(--brand-400);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 6px 16px rgba(0,0,0,.4);--shadow-lg: 0 16px 40px rgba(0,0,0,.55)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg:#0b1220;--surface:#111a2b;--surface-2:#0e1626;--border:#1e293b;--text:#e2e8f0;--text-2:#94a3b8;--text-3:#8a99ad;--input-border:#64748b;--brand-50:#0e2a33;--indigo-50:#1e1b4b;--green-50:#052e1a;--amber-50:#2a1e05;--red-50:#2a0d0d;--slate-50:#0f172a;--brand-fg:#22b8cf;--green-fg:#22c55e;--amber-fg:#f59e0b;--red-fg:#f87171;--slate-fg:#94a3b8;--blocked-fg:#c4b5fd;--blocked-bg:#1e1b4b;--ai-fg:#818cf8;--ai-bg:#1e1b4b;--link-hover:#67e8f9;--focus-ring:var(--brand-400);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 6px 16px rgba(0,0,0,.4);--shadow-lg: 0 16px 40px rgba(0,0,0,.55)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:var(--fs-body);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:none}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.01em}code,.mono{font-family:var(--font-mono)}.shell{display:grid;grid-template-columns:248px 1fr;height:100%}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:var(--space-5) var(--space-4) var(--space-4)}.brand-mark{width:34px;height:34px;border-radius:9px;flex:none;background:linear-gradient(135deg,var(--brand-500),var(--indigo-600));display:grid;place-items:center;color:#fff;font-weight:800;font-size:15px;box-shadow:var(--shadow-sm)}.brand-name{font-weight:750;font-size:16px;letter-spacing:-.02em}.brand-sub{font-size:11px;color:var(--text-3)}.nav-group{padding:var(--space-2) var(--space-3)}.nav-group-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);padding:var(--space-3) var(--space-2) var(--space-1);font-weight:700}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;font-weight:550;font-size:13.5px;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--brand-50);color:var(--brand-fg)}button.nav-item{width:100%;border:0;background:transparent;font-family:inherit;text-align:start}button.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item .ic{width:18px;text-align:center;font-size:15px}.main{display:flex;flex-direction:column;overflow:hidden}.topbar{height:58px;flex:none;border-bottom:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5)}.topbar h1{font-size:17px}.topbar-right{display:flex;align-items:center;gap:var(--space-3)}.content{padding:var(--space-5);overflow-y:auto;flex:1}.nav-toggle{display:none;background:none;border:none;font-size:20px;cursor:pointer;color:var(--text);margin-inline-end:var(--space-3)}.nav-backdrop{display:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--space-4) var(--space-5)}.card-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.card-head h3{font-size:14.5px}.grid{display:grid;gap:var(--space-4)}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){.cols-2,.cols-3,.cols-4,.shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;bottom:0;left:0;width:248px;z-index:70;transform:translate(-100%);transition:transform var(--dur-base) ease}.shell.nav-open .sidebar{transform:translate(0)}.nav-toggle{display:inline-flex;align-items:center}.shell.nav-open .nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:65}[dir=rtl] .sidebar{left:auto;right:0;transform:translate(100%)}[dir=rtl] .shell.nav-open .sidebar{transform:translate(0)}}.row{display:flex;gap:var(--space-3);align-items:center}.spread{justify-content:space-between}.muted{color:var(--text-2)}.tiny{font-size:var(--fs-caption)}.btn{height:var(--control-h);padding:0 15px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;font-size:var(--fs-body-sm);cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;transition:filter var(--dur-fast),background var(--dur-fast)}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.btn-primary:hover{filter:brightness(1.08);background:var(--brand-600)}.btn-danger{background:var(--red-600);border-color:var(--red-600);color:#fff}.btn-danger:hover{filter:brightness(1.08);background:var(--red-600)}.btn-sm{height:30px;padding:0 11px;font-size:12px}.btn-ghost{border-color:transparent;background:transparent}.btn-secondary{border-color:var(--brand-fg);color:var(--brand-fg);background:var(--surface)}.btn-secondary:hover{background:var(--brand-50)}.btn-ai{border-color:var(--ai-fg);color:var(--ai-fg);background:var(--ai-bg)}.btn-ai:hover{filter:brightness(1.05)}.kpi{display:flex;flex-direction:column;gap:4px}.kpi .label{font-size:12px;color:var(--text-2);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.kpi .value{font-size:26px;font-weight:750;letter-spacing:-.02em}.kpi .sub{font-size:12px;color:var(--text-3)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:650;border:1px solid transparent}.badge .dot{width:6px;height:6px;border-radius:999px;background:currentColor}.badge-green{background:var(--green-50);color:var(--green-fg)}.badge-amber{background:var(--amber-50);color:var(--amber-fg)}.badge-red{background:var(--red-50);color:var(--red-fg)}.badge-blue{background:var(--brand-50);color:var(--brand-fg)}.badge-slate{background:var(--slate-50);color:var(--slate-fg)}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data thead th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:700;padding:10px var(--space-4);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface)}table.data tbody td{padding:0 var(--space-4);height:var(--row-h);border-bottom:1px solid var(--border);vertical-align:middle}table.data tbody tr:hover{background:var(--surface-2)}table.data tbody tr:last-child td{border-bottom:none}.num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}label.field{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:var(--text-2)}.input,select.input,textarea.input{height:var(--control-h);border:1px solid var(--input-border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:0 11px;font-size:13.5px;font-family:inherit;width:100%}textarea.input{height:auto;padding:9px 11px}.input:focus,select.input:focus{outline:2px solid var(--focus-ring);outline-offset:-1px;border-color:var(--focus-ring)}.toast-wrap{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px;z-index:60}.toast{min-width:260px;max-width:380px;padding:12px 14px;border-radius:var(--radius-sm);box-shadow:var(--elev-2);background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--brand-500);font-size:13px}.toast.ok{border-left-color:var(--green-600)}.toast.err{border-left-color:var(--red-600)}.toast .t-title{font-weight:700;margin-bottom:2px}.toast-wrap-err{bottom:auto;top:20px}.toast .toast-x{position:absolute;top:6px;right:8px;background:none;border:none;cursor:pointer;color:var(--text-3);font-size:13px;line-height:1;padding:2px 4px}.toast .toast-x:hover{color:var(--text)}.toast{position:relative}[dir=rtl] .toast-wrap-err{right:auto;left:20px}[dir=rtl] .toast .toast-x{right:auto;left:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.linkbtn{background:none;border:none;padding:0;margin:0 2px;color:var(--link);cursor:pointer;font:inherit;text-decoration:underline}.linkbtn:hover{color:var(--link-hover)}.req{color:var(--red-fg)}.input[aria-invalid=true]{border-color:var(--red-600)}.skip-link{position:absolute;left:8px;top:-48px;z-index:100;background:var(--brand-600);color:#fff;padding:8px 14px;border-radius:var(--radius-sm);transition:top var(--dur-fast)}.skip-link:focus{top:8px}[dir=rtl] .skip-link{left:auto;right:8px}.spinner{width:18px;height:18px;border:2.5px solid var(--border);border-top-color:var(--brand-500);border-radius:999px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{display:grid;place-items:center;height:100%}.skeleton{display:inline-block;height:12px;min-width:32px;border-radius:6px;vertical-align:middle;background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}[dir=rtl] .skeleton{background:linear-gradient(270deg,var(--surface-2) 25%,var(--border) 37%,var(--surface-2) 63%);background-size:400% 100%}.sort-caret{color:var(--text-3);font-size:10px;font-family:var(--font-mono)}table.data thead th[aria-sort]{color:var(--brand-fg)}.barchart{display:flex;flex-direction:column;gap:10px;padding:var(--space-4) var(--space-5)}.barrow{display:grid;grid-template-columns:160px 1fr 92px;align-items:center;gap:var(--space-3);font-size:12.5px}.barlabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-2)}.bartrack{height:14px;background:var(--surface-2);border-radius:7px;overflow:hidden}.barfill{height:100%;border-radius:7px;min-width:3px;background:linear-gradient(90deg,var(--brand-500),var(--brand-400));transition:width .5s cubic-bezier(.4,0,.2,1)}[dir=rtl] .barfill{background:linear-gradient(270deg,var(--brand-500),var(--brand-400))}.barval{text-align:end;font-weight:600;color:var(--text)}@media (max-width: 700px){.barrow{grid-template-columns:110px 1fr 80px}}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:4px}.nav-item:focus-visible{outline-offset:-2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.spinner{animation:none;border-top-color:var(--brand-500)}}.login-wrap{height:100%;display:grid;place-items:center;background:radial-gradient(1200px 600px at 20% -10%,var(--brand-50),transparent),radial-gradient(900px 500px at 100% 110%,var(--indigo-50),transparent),var(--bg)}.login-card{width:380px}.login-head{text-align:center;margin-bottom:var(--space-5)}.login-head .brand-mark{width:48px;height:48px;margin:0 auto var(--space-3);font-size:20px;border-radius:12px}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.empty{text-align:center;color:var(--text-3);padding:var(--space-6);font-size:13px}.err-text{color:var(--red-fg);font-size:12.5px}.pill-tabs{display:flex;gap:4px;background:var(--surface-2);padding:4px;border-radius:var(--radius-sm)}.pill-tabs button{flex:1;border:none;background:transparent;padding:7px;border-radius:5px;cursor:pointer;font-weight:600;font-size:12.5px;color:var(--text-2)}.pill-tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.cmdk-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;justify-content:center;align-items:flex-start;padding:12vh 20px 20px;z-index:60}.cmdk{width:560px;max-width:100%;padding:0;overflow:hidden;box-shadow:var(--elev-3)}.cmdk-input{border-radius:0;border-width:0 0 1px 0;height:46px;font-size:var(--fs-body)}.cmdk-list{list-style:none;margin:0;padding:var(--space-1);max-height:50vh;overflow:auto}.cmdk-item{display:flex;align-items:center;gap:var(--space-2);padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-body-sm);color:var(--text)}.cmdk-item[aria-selected=true]{background:var(--brand-50);color:var(--brand-fg)}.cmdk-empty{padding:var(--space-4);text-align:center;color:var(--text-3);font-size:var(--fs-body-sm)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;z-index:50;padding:20px}.modal{width:520px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:var(--elev-3)}[dir=rtl] body{font-family:IRANSans,Vazirmatn,Tahoma,Segoe UI,sans-serif}[dir=rtl] .sidebar{border-right:none;border-inline-end:none;border-left:1px solid var(--border)}[dir=rtl] table.data thead th,[dir=rtl] table.data tbody td{text-align:right}[dir=rtl] .num{text-align:left;direction:ltr}[dir=rtl] table.data th.num{text-align:left}[dir=rtl] .mono{direction:ltr;unicode-bidi:embed}[dir=rtl] .toast-wrap{right:auto;left:20px}[dir=rtl] .toast{border-left:none;border-right:4px solid var(--brand-500)}[dir=rtl] .toast.ok{border-right-color:var(--green-600)}[dir=rtl] .toast.err{border-right-color:var(--red-600)}[dir=rtl] .kpi .value,[dir=rtl] .brand-name{direction:ltr;text-align:start}[dir=rtl] input[type=number]{direction:ltr;text-align:right}.banner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-inline-start-width:4px;border-radius:var(--radius-sm);color:var(--text);font-size:var(--fs-body-sm)}.banner-icon{flex:none;width:18px;text-align:center;font-weight:700}.banner-body{flex:1;min-width:0}.banner-title{font-weight:700}.banner-text,.banner-body>div+div{margin-top:2px}.banner-action{flex:none}.banner ul{margin:var(--space-1) 0 0;padding-inline-start:var(--space-4)}.banner-info{background:var(--brand-50);border-inline-start-color:var(--brand-500)}.banner-info .banner-icon,.banner-info .banner-title{color:var(--brand-fg)}.banner-ok{background:var(--green-50);border-inline-start-color:var(--green-600)}.banner-ok .banner-icon,.banner-ok .banner-title{color:var(--green-fg)}.banner-warn{background:var(--amber-50);border-inline-start-color:var(--amber-600)}.banner-warn .banner-icon,.banner-warn .banner-title{color:var(--amber-fg)}.banner-error{background:var(--red-50);border-inline-start-color:var(--red-600)}.banner-error .banner-icon,.banner-error .banner-title{color:var(--red-fg)}.main>.banner{margin:var(--space-3) var(--space-5) 0}.card>.banner,.card-pad>.banner{margin-bottom:var(--space-3)}.state{text-align:center;padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.state-icon{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;font-size:20px}.state-title{font-size:var(--fs-h3);font-weight:650}.state-body{max-width:52ch;color:var(--text-2);font-size:var(--fs-body-sm)}.state-actions{margin-top:var(--space-2);display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.state-red .state-icon{background:var(--red-50);color:var(--red-fg)}.state-violet .state-icon{background:var(--blocked-bg);color:var(--blocked-fg)}.state-amber .state-icon{background:var(--amber-50);color:var(--amber-fg)}.state-slate .state-icon{background:var(--slate-50);color:var(--slate-fg)}.ref{margin-top:var(--space-2)}.link-btn{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--link);cursor:pointer;text-align:start}.link-btn:hover{color:var(--link-hover);text-decoration:underline}.kv{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2) var(--space-4);margin:0}.kv dt{color:var(--text-2);font-size:12.5px}.kv dd{margin:0}.bell{position:relative}.bell-btn{position:relative;background:none;border:1px solid transparent;border-radius:var(--radius-sm);height:var(--control-h);min-width:var(--control-h);cursor:pointer;color:var(--text);font-size:16px}.bell-btn:hover{background:var(--surface-2)}.bell-count{position:absolute;top:-2px;inset-inline-end:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--red-fg);color:var(--surface);font-size:11px;font-weight:700;line-height:18px;text-align:center}.bell-panel{position:absolute;inset-inline-end:0;top:calc(100% + var(--space-2));width:min(380px,92vw);max-height:70vh;overflow:auto;z-index:50;box-shadow:var(--elev-3)}.bell-list{list-style:none;margin:0;padding:0}.bell-list li{display:flex;align-items:flex-start;border-bottom:1px solid var(--border)}.bell-list li.unread{background:var(--brand-50)}.bell-item{flex:1;display:flex;flex-direction:column;gap:2px;text-align:start;padding:var(--space-3) var(--space-4);background:none;border:0;font:inherit;color:var(--text);cursor:pointer}.bell-item:hover{background:var(--surface-2)}.bell-title{font-weight:600}.bell-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--brand-fg);margin-inline-end:6px}.bell-archive{background:none;border:0;color:var(--text-2);cursor:pointer;padding:var(--space-3)}.bell-archive:hover{color:var(--text)}