/* Дизайн-система «Командный центр» — токены.
   Шрифты:
   <link href="https://fonts.googleapis.com/css2?family=Unbounded:wght@500;600;700&family=Onest:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600;700&display=swap" rel="stylesheet">
   Тема задаётся атрибутом <html data-theme="light|dark">, по умолчанию light.
   Токены --side-* одинаково тёмные в обеих темах: боковая панель всегда тёмная. */

:root{
  --font-head:Unbounded,Onest,sans-serif;
  --font:Onest,system-ui,"Segoe UI",sans-serif;
  --font-num:"JetBrains Mono",ui-monospace,monospace;
  --r-sm:8px; --r:12px; --r-lg:16px;
  --ease:cubic-bezier(.2,.8,.2,1);

  /* боковая панель — обе темы */
  --side:#0A1120; --side-fg:#AEB9CB; --side-strong:#FFFFFF; --side-sub:#7D8AA0; --side-line:rgba(255,255,255,.07); --side-label:#5E6B82;
  --side-hover:rgba(255,255,255,.05); --side-act:rgba(34,211,238,.10); --side-act-bd:rgba(34,211,238,.24); --side-ic:#22D3EE; --side-glow:rgba(34,211,238,.7);
  --side-badge:rgba(255,255,255,.07); --side-badge-fg:#D5DEEA; --hot-bg:rgba(251,113,133,.16); --hot-fg:#FDA4AF;
  --av-bg:linear-gradient(135deg,#1E293B,#0F172A); --av-fg:#E2E8F0;
}

:root,
:root[data-theme="light"]{
  /* поверхности */
  --bg:#EDF2F7; --fg:#0B1220; --muted-fg:#516076;
  --card:rgba(255,255,255,.68); --card-solid:#FFFFFF;
  --border:rgba(15,45,80,.09); --border-strong:rgba(15,45,80,.18);
  --muted:rgba(15,45,80,.06); --hover:rgba(255,255,255,.55); --thead:rgba(240,245,250,.6);
  --input:rgba(255,255,255,.8); --top:rgba(237,242,247,.7); --tip:#0B1220;
  color-scheme:light;

  /* акцент */
  --accent:#0E7490; --accent-strong:#155E75; --accent-soft:#E0F4F8; --on-accent:#FFFFFF;
  --accent-glow:0 6px 18px rgba(14,116,144,.25);
  --sel:rgba(14,116,144,.07);

  /* статусы */
  --good:#047857; --good-soft:#D1FAE5;
  --warn:#B45309; --warn-soft:#FEF3C7;
  --crit:#BE123C; --crit-soft:#FFE4E6;

  /* графики */
  --plan:#A9B6C6;

  /* эффекты */
  --shadow:0 1px 2px rgba(11,30,50,.04),0 12px 32px rgba(14,60,90,.07);
  --glass-hl:rgba(255,255,255,.9);
  --hero-grad:linear-gradient(95deg,#0B1220 5%,#0E7490 55%,#059669 95%);
  --ring-a:#0891B2; --ring-b:#10B981;
  --blob-1:rgba(34,211,238,.30); --blob-2:rgba(52,211,153,.24); --blob-3:rgba(129,140,248,.14);
}

:root[data-theme="dark"]{
  --bg:#060A13; --fg:#E6EDF7; --muted-fg:#8F9CB2;
  --card:rgba(255,255,255,.04); --card-solid:#0C1220;
  --border:rgba(255,255,255,.085); --border-strong:rgba(255,255,255,.16);
  --muted:rgba(255,255,255,.06); --hover:rgba(255,255,255,.03); --thead:rgba(255,255,255,.02);
  --input:rgba(255,255,255,.04); --top:rgba(6,10,19,.72); --tip:#111A2C;
  color-scheme:dark;

  --accent:#22D3EE; --accent-strong:#67E8F9; --accent-soft:rgba(34,211,238,.13); --on-accent:#03232B;
  --accent-glow:0 0 24px rgba(34,211,238,.35);
  --sel:rgba(34,211,238,.07);

  --good:#34D399; --good-soft:rgba(52,211,153,.13);
  --warn:#FBBF24; --warn-soft:rgba(251,191,36,.13);
  --crit:#FB7185; --crit-soft:rgba(251,113,133,.13);

  --plan:#5B6B82;

  --shadow:0 0 0 1px rgba(255,255,255,.02);
  --glass-hl:rgba(255,255,255,.02);
  --hero-grad:linear-gradient(95deg,#FFFFFF 10%,#67E8F9 70%,#34D399);
  --ring-a:#22D3EE; --ring-b:#34D399;
  --blob-1:rgba(34,211,238,.16); --blob-2:rgba(52,211,153,.10); --blob-3:rgba(56,189,248,.09);
  --side:#070B15; --side-hover:rgba(255,255,255,.04); --side-act:rgba(34,211,238,.09); --side-act-bd:rgba(34,211,238,.22);
}

/* базовые поверхности */
body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--fg);background:var(--bg)}
.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}

.card{
  position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 var(--glass-hl)}

/* фон-сияние: <div class="aurora" aria-hidden="true"><i></i><i></i><i></i></div> */
.aurora{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.aurora i{position:absolute;border-radius:50%;filter:blur(90px)}
.aurora i:nth-child(1){width:620px;height:420px;background:var(--blob-1);top:-160px;right:6%;animation:cc-drift 18s ease-in-out infinite alternate}
.aurora i:nth-child(2){width:520px;height:380px;background:var(--blob-2);top:38%;left:12%;animation:cc-drift 22s ease-in-out infinite alternate-reverse}
.aurora i:nth-child(3){width:420px;height:320px;background:var(--blob-3);bottom:-140px;right:20%;animation:cc-drift 26s ease-in-out infinite alternate}
@keyframes cc-drift{to{transform:translate(60px,40px) scale(1.08)}}

@media (prefers-reduced-motion:reduce){
  .aurora i{animation:none}
  *{transition:none!important;animation-duration:.001ms!important}
}