@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap");:root{--thb-bg:#080B11;--thb-bg2:#05080E;--thb-panel:#0F1622;--thb-panel2:#18202E;--thb-panel3:#0B1422;--thb-text:#EAF1F8;--thb-ink:#EEF4FC;--thb-muted:#8696AB;--thb-text-dim:#9DB0C6;--thb-surface:#0E1420;--thb-surface-2:#141C2B;--thb-surface-3:#0B1422;--thb-cyan:#3FD8E8;--thb-cyan2:#7DE7F2;--thb-blue:#6E8BFF;--thb-indigo:#6E8BFF;--thb-on-accent:#06121A;--thb-gold:#E8C15A;--thb-ok:#43E08A;--thb-ok2:#7FE2A8;--thb-warn:#FF9F43;--thb-warn2:#FFB35C;--thb-err:#FF8A8A;--thb-wa:#25D366;--thb-line:rgba(255,255,255,.09);--thb-line2:rgba(255,255,255,.17);--thb-r-1:10px;--thb-r-2:16px;--thb-r-3:24px;--thb-s-1:4px;--thb-s-2:8px;--thb-s-3:16px;--thb-s-4:24px;--thb-s-5:40px;--thb-s-6:64px;--thb-t-fast:160ms;--thb-t-base:320ms;--thb-t-slow:720ms;--thb-ease:cubic-bezier(.2,.7,.2,1);--thb-font:"Tajawal",system-ui,"Segoe UI",sans-serif;--thb-fs-display:clamp(34px,5.4vw,44px);--thb-fs-h1:clamp(27px,4.2vw,32px);--thb-fs-h2:clamp(21px,3vw,24px);--thb-fs-h3:19px;--thb-fs-body:17px;--thb-fs-small:14px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--thb-bg);color:var(--thb-text);font-family:var(--thb-font);font-size:var(--thb-fs-body);line-height:1.7;-webkit-font-smoothing:antialiased}body{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}a{color:var(--thb-cyan);text-decoration:none}:focus-visible{outline:2px solid var(--thb-cyan);outline-offset:3px}.shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;gap:var(--thb-s-3);padding:0 var(--thb-s-4);block-size:64px;background:color-mix(in srgb,var(--thb-bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-border-after:1px solid var(--thb-line);border-block-end:1px solid var(--thb-line)}.brand,.topbar{display:flex;align-items:center}.brand{gap:var(--thb-s-2);font-weight:800;font-size:var(--thb-fs-h3);color:var(--thb-ink)}.brand img{inline-size:34px;block-size:34px;border-radius:var(--thb-r-1);border:1px solid color-mix(in srgb,var(--thb-cyan) 34%,transparent);object-fit:cover}.spacer{-webkit-margin-start:auto;margin-inline-start:auto}.chip{display:inline-flex;align-items:center;gap:var(--thb-s-1);padding:4px 10px;border-radius:999px;font-size:var(--thb-fs-small);font-weight:500;border:1px solid var(--thb-line2);background:var(--thb-surface-2);color:var(--thb-text-dim)}.chip.ok{color:var(--thb-ok);border-color:color-mix(in srgb,var(--thb-ok) 34%,transparent)}.chip.accent{color:var(--thb-cyan);border-color:color-mix(in srgb,var(--thb-cyan) 34%,transparent)}.chip.warn{color:var(--thb-warn);border-color:color-mix(in srgb,var(--thb-warn) 34%,transparent)}.main{padding:var(--thb-s-5) var(--thb-s-4);max-inline-size:1120px;inline-size:100%;margin-inline:auto}.card{background:color-mix(in srgb,var(--thb-surface-2) 72%,var(--thb-bg));border:1px solid color-mix(in srgb,var(--thb-text) 15%,transparent);border-radius:var(--thb-r-2);padding:var(--thb-s-4)}.grid{display:grid;grid-gap:var(--thb-s-4);gap:var(--thb-s-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}h1{font-size:var(--thb-fs-h1);line-height:1.2}h1,h2{margin:0 0 var(--thb-s-3);color:var(--thb-ink)}h2{font-size:var(--thb-fs-h2);line-height:1.3}h3{font-size:var(--thb-fs-h3);font-weight:600;margin:0 0 var(--thb-s-2);color:var(--thb-ink)}p{margin:0 0 var(--thb-s-3);max-inline-size:44ch;color:var(--thb-text-dim)}p:last-child{-webkit-margin-after:0;margin-block-end:0}.muted{color:var(--thb-muted);font-size:var(--thb-fs-small)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--thb-s-2);min-block-size:48px;padding:0 var(--thb-s-4);border-radius:var(--thb-r-1);border:1px solid var(--thb-line2);background:var(--thb-surface-2);color:var(--thb-text);font-family:inherit;font-size:var(--thb-fs-body);font-weight:700;cursor:pointer;transition:transform var(--thb-t-fast) var(--thb-ease),border-color var(--thb-t-fast) var(--thb-ease)}.btn:hover:not([disabled]){transform:translateY(-1px);border-color:var(--thb-cyan)}.btn[disabled]{opacity:.55;cursor:not-allowed}.btn.pri{background:var(--thb-cyan);color:var(--thb-on-accent);border-color:transparent}.btn.ghost{background:transparent}.btn.block{inline-size:100%}.form{display:grid;grid-gap:var(--thb-s-3);gap:var(--thb-s-3);max-inline-size:420px;margin-inline:auto}.field{display:grid;grid-gap:var(--thb-s-1);gap:var(--thb-s-1)}.field label{font-size:var(--thb-fs-small);font-weight:500;color:var(--thb-text-dim)}.field input{min-block-size:48px;padding:0 var(--thb-s-3);border-radius:var(--thb-r-1);border:1px solid var(--thb-line2);background:var(--thb-surface-3);color:var(--thb-text);font-family:inherit;font-size:var(--thb-fs-body);inline-size:100%}.field input:focus{border-color:var(--thb-cyan);outline:none}.field.bad input{border-color:var(--thb-err)}.ferr{display:flex;align-items:center;gap:var(--thb-s-1);color:var(--thb-err);font-size:var(--thb-fs-small)}.ferr:before{content:"⚠"}.okcard{background:color-mix(in srgb,var(--thb-ok) 10%,transparent);border:1px solid color-mix(in srgb,var(--thb-ok) 34%,transparent);border-radius:var(--thb-r-2);padding:var(--thb-s-4);color:var(--thb-ok2)}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:var(--thb-s-4)}.login-card{inline-size:min(100%,460px);background:var(--thb-surface);border:1px solid var(--thb-line);border-radius:var(--thb-r-3);padding:var(--thb-s-5) var(--thb-s-4);text-align:center}.login-card .brand{justify-content:center;-webkit-margin-after:var(--thb-s-3);margin-block-end:var(--thb-s-3)}.ltr{direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate;display:inline-block}.otp-input{text-align:center;letter-spacing:.5em;font-size:var(--thb-fs-h2)}@media (max-width:720px){.main{padding:var(--thb-s-4) var(--thb-s-3)}.topbar{padding:0 var(--thb-s-3)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}