:root{
  --bg1:#07081a; --bg2:#0a0b22;
  --panel: rgba(18, 20, 46, .78);
  --panel2: rgba(14, 16, 40, .70);
  --text:#e9ebff; --muted: rgba(233,235,255,.66); --muted2: rgba(233,235,255,.44);
  --stroke: rgba(255,255,255,.08); --stroke2: rgba(255,255,255,.12);
  --brand:#62a6ff; --brand2:#7c5cff;
  --good:#22c55e; --bad:#ef4444; --warn:#f59e0b; --cyan:#34d399;
  --shadow: 0 20px 50px rgba(0,0,0,.35);
  --radius: 18px; --radius2: 24px;
  --gap: 14px; --sidebarW: 272px; --topbarH: 64px;
  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; font-family:var(--font); color:var(--text); overflow-x:hidden;
  background:
    radial-gradient(1200px 800px at 20% 10%, rgba(124,92,255,.22), transparent 50%),
    radial-gradient(1000px 700px at 70% 20%, rgba(98,166,255,.16), transparent 55%),
    radial-gradient(900px 700px at 40% 70%, rgba(34,197,94,.10), transparent 55%),
    linear-gradient(180deg, var(--bg1), var(--bg2));
}
a{color:inherit}
code{color:rgba(233,235,255,.8)}
.stars,.stars:before,.stars:after{
  content:""; position:fixed; inset:-10vh -10vw; pointer-events:none; z-index:0;
  background-image:
    radial-gradient(1px 1px at 10% 20%, rgba(255,255,255,.45) 50%, transparent 51%),
    radial-gradient(1px 1px at 80% 40%, rgba(255,255,255,.30) 50%, transparent 51%),
    radial-gradient(1px 1px at 30% 70%, rgba(255,255,255,.22) 50%, transparent 51%),
    radial-gradient(1px 1px at 60% 80%, rgba(255,255,255,.28) 50%, transparent 51%),
    radial-gradient(1px 1px at 15% 85%, rgba(255,255,255,.20) 50%, transparent 51%),
    radial-gradient(1px 1px at 90% 75%, rgba(255,255,255,.18) 50%, transparent 51%);
  background-repeat:repeat; background-size:520px 520px; opacity:.55;
  filter: blur(.1px);
  animation: drift 22s linear infinite;
}
.stars:before{opacity:.35;background-size:760px 760px;animation-duration:32s}
.stars:after{opacity:.25;background-size:980px 980px;animation-duration:44s}
@keyframes drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-80px,40px,0)}}