:root{--bg:#e8ecf1;--surface:#e8ecf1;--text:#1f2a37;--muted:#4b5866;--accent:#0f6f7a;--accent-a:#17808b;--accent-b:#0f6670;--teal:#5cc8c8;--on-accent:#fff;--danger:#b4232f;--ok:#1f7a4d;--warn:#8a5a00;--edge:#1f2a371f;--sh-dark:#a3b1c6bf;--sh-light:#fffffff2;--raise:6px 6px 14px var(--sh-dark), -6px -6px 14px var(--sh-light);--raise-sm:3px 3px 8px var(--sh-dark), -3px -3px 8px var(--sh-light);--inset:inset 4px 4px 10px var(--sh-dark), inset -4px -4px 10px var(--sh-light);--focus:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--radius:16px;--radius-sm:12px;--pill:999px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--lh:1.5;--t-fast:.15s;--t:.22s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#1f2329;--surface:#1f2329;--text:#e6ebf0;--muted:#a7b1bc;--accent:#6fd6d6;--accent-a:#63d1d1;--accent-b:#3fb3bf;--teal:#63d1d1;--on-accent:#0b1f22;--danger:#ff8a93;--ok:#6fdba3;--warn:#f2c26b;--edge:#e6ebf01a;--sh-dark:#0a0c0fbf;--sh-light:#343a428c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:lang(ur){--font:"Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", system-ui, sans-serif;--lh:2.1}:root:lang(ar){--font:"Noto Naskh Arabic", "Segoe UI", system-ui, sans-serif;--lh:1.8}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/var(--lh) var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}:focus-visible{box-shadow:var(--focus);outline:none}.sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.ltr{text-align:start;direction:ltr;unicode-bidi:isolate;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--raise);border:1px solid var(--edge);padding:24px}.inset{box-shadow:var(--inset);border-radius:var(--radius-sm)}.stack{flex-direction:column;gap:16px;display:flex}.row{align-items:center;gap:12px;display:flex}.spread{justify-content:space-between}.wrap{flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:13px}.grow{flex:1;min-inline-size:0}h1,h2,h3{margin:0;line-height:1.3}h1{font-size:26px;font-weight:700}h2{font-size:20px;font-weight:650}h3{font-size:16px}.btn{border-radius:var(--pill);border:1px solid var(--edge);background:var(--surface);min-block-size:44px;color:var(--accent);box-shadow:var(--raise-sm);cursor:pointer;letter-spacing:.02em;transition:transform var(--t-fast) ease, opacity var(--t-fast) ease;isolation:isolate;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(135deg, var(--accent-a), var(--accent-b));opacity:0;transition:opacity var(--t) ease;position:absolute;inset:0}.btn:hover:not(:disabled),.btn.primary:not(:disabled){color:var(--on-accent)}.btn:hover:not(:disabled):before,.btn.primary:before{opacity:1}.btn:active:not(:disabled){transform:scale(.98)}.btn.pressed{box-shadow:var(--inset)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.block{text-transform:uppercase;min-block-size:52px;inline-size:100%}.btn.ghost{box-shadow:none;background:0 0;border-color:#0000}.btn.ghost:before{display:none}.btn.ghost:hover{color:var(--accent);background:var(--edge)}.btn.danger{color:var(--danger)}.btn.danger:before{background:var(--danger)}.btn.sm{min-block-size:34px;padding:0 14px;font-size:13px}.round{border-radius:50%;block-size:48px;inline-size:48px;padding:0}.icon-btn{border-radius:50%;min-block-size:40px;inline-size:40px;padding:0}.field{display:block;position:relative}.field input,.field textarea,.field select{border-radius:var(--pill);border:1px solid var(--edge);background:var(--surface);min-block-size:54px;inline-size:100%;box-shadow:var(--inset);padding:22px 18px 8px}.field textarea{border-radius:var(--radius);resize:vertical;min-block-size:110px}.field select{appearance:none;padding-block:22px 8px}.field .label{color:var(--muted);pointer-events:none;transform-origin:0 0;transition:transform var(--t-fast) ease, color var(--t-fast) ease;position:absolute;inset-block-start:16px;inset-inline-start:18px}:root[dir=rtl] .field .label{transform-origin:100% 0}.field input:focus+.label,.field input:not(:placeholder-shown)+.label,.field textarea:focus+.label,.field textarea:not(:placeholder-shown)+.label,.field select+.label{color:var(--accent);transform:translateY(-10px)scale(.78)}.field input:focus,.field textarea:focus,.field select:focus{box-shadow:var(--inset), var(--focus);outline:none}.field .trail{position:absolute;inset-block-start:7px;inset-inline-end:8px}.field.has-trail input{padding-inline-end:56px}.field-error{color:var(--danger);margin-block-start:6px;padding-inline-start:18px;font-size:13px}.check{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.check input{block-size:20px;inline-size:20px;accent-color:var(--accent-b)}.toggle{cursor:pointer;align-items:center;gap:12px;display:inline-flex}.toggle input{opacity:0;position:absolute}.toggle .track{border-radius:var(--pill);block-size:28px;inline-size:52px;box-shadow:var(--inset);border:1px solid var(--edge);position:relative}.toggle .knob{background:var(--surface);block-size:20px;inline-size:20px;box-shadow:var(--raise-sm);transition:transform var(--t) ease;border-radius:50%;position:absolute;inset-block-start:3px;inset-inline-start:3px}.toggle input:checked+.track{background:linear-gradient(135deg, var(--accent-a), var(--accent-b))}.toggle input:checked+.track .knob{transform:translate(24px)}:root[dir=rtl] .toggle input:checked+.track .knob{transform:translate(-24px)}.toggle input:focus-visible+.track{box-shadow:var(--inset), var(--focus)}.seg{border-radius:var(--pill);box-shadow:var(--inset);gap:4px;padding:4px;display:inline-flex}.seg button{border-radius:var(--pill);cursor:pointer;color:var(--muted);background:0 0;border:0;min-block-size:36px;padding:8px 16px}.seg button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:var(--raise-sm);font-weight:600}input[type=range]{inline-size:100%;accent-color:var(--accent-b)}.gauge{block-size:132px;inline-size:132px;box-shadow:var(--raise);border-radius:50%;place-items:center;display:grid;position:relative}.gauge svg{position:absolute;inset:10px;transform:rotate(-90deg)}.gauge .track-c{stroke:var(--edge)}.gauge .val{stroke:url(#gauge-grad);transition:stroke-dashoffset .6s}.gauge .num{font-size:26px;font-weight:700}.shell{grid-template-columns:248px 1fr;min-block-size:100vh;display:grid}.side{flex-direction:column;gap:8px;block-size:100vh;padding:20px 16px;display:flex;position:sticky;inset-block-start:0;overflow-y:auto}.brand{align-items:center;gap:10px;padding:8px 10px 18px;font-size:18px;font-weight:700;display:flex}.brand img{block-size:32px;inline-size:32px}.nav a{border-radius:var(--radius-sm);color:var(--text);align-items:center;gap:12px;min-block-size:44px;padding:10px 14px;text-decoration:none;display:flex}.nav a:hover{background:var(--edge)}.nav a[aria-current=page]{box-shadow:var(--inset);color:var(--accent);font-weight:600}.main{min-inline-size:0;padding:20px 28px 40px}.topbar{align-items:center;gap:12px;margin-block-end:24px;display:flex}.search{flex:1;max-inline-size:560px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.stat{text-align:start;cursor:pointer;color:inherit;font:inherit;inline-size:100%;transition:transform var(--t-fast) ease}.stat:hover{transform:translateY(-2px)}.stat:active{transform:scale(.99)}.stat .n{color:var(--accent);font-size:30px;font-weight:700}.stat .n.bad{color:var(--danger)}.health-card{grid-column:span 2;gap:24px}@media (max-width:560px){.health-card{text-align:center;flex-direction:column;grid-column:auto}}.list{border-radius:var(--radius);box-shadow:var(--inset);padding:8px;overflow:auto}.item-row{border-radius:var(--radius-sm);cursor:pointer;text-align:start;background:0 0;border:0;align-items:center;gap:12px;min-block-size:56px;inline-size:100%;padding:10px 12px;display:flex}.item-row:hover{background:var(--edge)}.item-row[aria-selected=true]{background:var(--surface);box-shadow:var(--raise-sm)}.avatar{background:linear-gradient(135deg, var(--accent-a), var(--accent-b));block-size:36px;inline-size:36px;color:var(--on-accent);border-radius:10px;flex:none;place-items:center;font-weight:700;display:grid}.split{grid-template-columns:minmax(280px,380px) 1fr;align-items:start;gap:24px;display:grid}.kv{grid-template-columns:140px 1fr;align-items:center;gap:8px 12px;display:grid}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;margin:0}.badge-pill{border-radius:var(--pill);box-shadow:var(--inset);padding:2px 10px;font-size:12px;display:inline-block}.badge-pill.bad{color:var(--danger)}.badge-pill.good{color:var(--ok)}.badge-pill.warn{color:var(--warn)}.mobile-only{display:none}@media (max-width:860px){.shell{grid-template-columns:1fr}.side{z-index:20;background:var(--bg);inline-size:280px;transition:transform var(--t) ease;box-shadow:var(--raise);position:fixed;inset:0;inset-inline-end:auto;transform:translate(-100%)}:root[dir=rtl] .side{transform:translate(100%)}.side.open{transform:none!important}.split{grid-template-columns:1fr}.main{padding:16px}.mobile-only{display:inline-flex}.kv{grid-template-columns:1fr}.kv dt{grid-column:1/-1}}.auth-wrap{perspective:1200px;place-items:center;min-block-size:100vh;padding:24px 16px;display:grid}.auth-card{text-align:center;inline-size:min(440px,100%);padding:36px 32px 28px}.auth-card.flip{animation:.32s flip}@keyframes flip{0%{opacity:.4;transform:rotateY(-14deg)scale(.97)}to{opacity:1;transform:none}}.auth-badge{block-size:88px;inline-size:88px;box-shadow:var(--raise);color:var(--accent-b);border-radius:50%;place-items:center;margin:0 auto 18px;display:grid}.auth-card form{text-align:start;margin-block-start:26px}.auth-foot{justify-content:center;align-items:center;gap:14px;margin-block-start:22px;display:flex}.auth-tools{justify-content:center;gap:16px;margin-block-start:18px;display:flex}.lang-pick{position:fixed;inset-block-start:16px;inset-inline-end:16px}.overlay{z-index:50;animation:fade var(--t) ease;background:#0f141959;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{max-block-size:90vh;inline-size:min(520px,100%);animation:pop var(--t) ease;overflow:auto}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.96)}}.toasts{z-index:60;flex-direction:column;gap:10px;display:flex;position:fixed;inset-block-end:20px;inset-inline-end:20px}.toast{border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--raise);animation:rise var(--t) ease;padding:12px 18px}.toast.error{color:var(--danger)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.appear{animation:rise var(--t) ease both}.spinner{border:3px solid var(--edge);border-block-start-color:var(--accent-b);border-radius:50%;block-size:20px;inline-size:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--muted);padding:48px 16px}.totp{letter-spacing:.12em;font-size:22px}.ring{block-size:22px;inline-size:22px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}