/* ZILAL — design tokens · dark tactical (OLED) */
:root{
  --bg:#0F172A; --bg-deep:#070B14; --bg-panel:rgba(15,23,42,.78);
  --card:rgba(255,255,255,.05); --card-hover:rgba(255,255,255,.085);
  --border:rgba(255,255,255,.08); --border-strong:rgba(255,255,255,.18);
  --text:#F8FAFC; --muted:#8B93A7;
  --primary:#15803D; --primary-lt:#22C55E; --primary-dim:rgba(34,197,94,.14);
  --accent:#D97706; --gold:#FBBF24; --gold-dim:rgba(251,191,36,.14);
  --danger:#DC2626; --danger-lt:#F87171; --danger-dim:rgba(248,113,113,.14);
  --info:#38BDF8;
  --shadow:0 18px 50px rgba(0,0,0,.55);
  --radius:14px; --radius-sm:10px; --radius-lg:22px;
  --font-display:'Orbitron','Segoe UI',system-ui,-apple-system,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --icon-sm:16px; --icon-md:20px; --icon-lg:26px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  background:var(--bg-deep); color:var(--text);
  font-family:var(--font-mono); font-size:15px; line-height:1.65;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
body::before{
  content:''; position:fixed; inset:-30% -10% auto -10%; height:72vh; pointer-events:none; z-index:0;
  background:radial-gradient(ellipse at 50% 0%, rgba(21,128,61,.26), transparent 62%),
             radial-gradient(ellipse at 82% 26%, rgba(217,119,6,.13), transparent 55%);
}
.app-root{position:relative; z-index:1}
button{font-family:inherit; color:inherit; cursor:pointer}
a{color:var(--primary-lt)}
:focus-visible{outline:2px solid var(--primary-lt); outline-offset:2px}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12); border-radius:99px}
.hidden{display:none !important}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important}
}

.boot-error{
  position:fixed; inset:auto 1rem 1rem 1rem; z-index:200; margin:0 auto; max-width:760px;
  border-radius:var(--radius); border:1px solid rgba(248,113,113,.45);
  background:rgba(32,10,14,.96); color:#FBD5D5; padding:.85rem 1rem;
  font-size:.82rem; line-height:1.5; box-shadow:var(--shadow); direction:rtl;
}