:root { --bg: #03060b; --panel: #0b1626; --line: rgba(143,179,230,.18); --ink: #e8f0ff; --ink-2: #b7c8e4; --dim: #7f93b3; --accent: #8fb3e6;
  --g: #4ade80; --a: #ffb547; --r: #ff5c5c; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 14px/1.5 Inter, system-ui, sans-serif; }
a { color: var(--accent); }
.bh { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 20px; border-bottom: 1px solid var(--line); position: sticky; top: 0; background: rgba(3,6,11,.92); backdrop-filter: blur(6px); z-index: 2; }
.brand { font: 700 18px 'Space Grotesk', sans-serif; color: var(--ink); text-decoration: none; } .brand b { color: var(--accent); }
.acts { display: flex; gap: 8px; flex-wrap: wrap; }
.acts button { font: 600 13px Inter, sans-serif; background: #142236; color: var(--ink); border: 1px solid rgba(143,179,230,.32); border-radius: 8px; padding: 8px 14px; min-height: 36px; cursor: pointer; }
.acts button.pri { background: var(--accent); color: #0d131b; border-color: var(--accent); }
:focus-visible { outline: 2px solid #6aa8ff; outline-offset: 2px; }
main { max-width: 1080px; margin: 0 auto; padding: 20px; }
.load { color: var(--dim); padding: 40px 0; }
.top { border: 1px solid var(--line); border-left: 4px solid var(--g); border-radius: 12px; padding: 18px 20px; background: var(--panel); }
.top.a { border-left-color: var(--a); } .top.r { border-left-color: var(--r); }
.kick { font: 600 11px 'IBM Plex Mono', monospace; letter-spacing: .14em; color: var(--dim); }
h1 { font: 700 26px/1.25 'Space Grotesk', sans-serif; margin: 6px 0 14px; }
.band { font: 700 13px 'IBM Plex Mono', monospace; padding: 3px 8px; border-radius: 5px; vertical-align: middle; background: var(--g); color: #04110a; }
.top.a .band { background: var(--a); color: #1a1000; } .top.r .band { background: var(--r); color: #1a0000; }
.kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.kpis > div { border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; display: flex; flex-direction: column; gap: 2px; position: relative; }
.kpis span { font: 600 10px 'IBM Plex Mono', monospace; letter-spacing: .12em; text-transform: uppercase; color: var(--dim); }
.kpis b { font: 700 22px 'Space Grotesk', sans-serif; } .kpis em { font-style: normal; font-size: 12px; color: var(--ink-2); }
.spark { width: 100%; height: 26px; margin-top: 4px; } .spark polyline { fill: none; stroke: var(--accent); stroke-width: 2; vector-effect: non-scaling-stroke; }
.cols { columns: 2 420px; column-gap: 16px; margin-top: 16px; }
section { break-inside: avoid; border: 1px solid var(--line); border-radius: 12px; padding: 12px 16px; margin: 0 0 16px; background: var(--panel); }
h2 { font: 700 14px 'Space Grotesk', sans-serif; margin: 0 0 8px; display: flex; gap: 8px; align-items: baseline; }
h2 span { font: 600 11px 'IBM Plex Mono', monospace; color: var(--dim); }
ul { list-style: none; margin: 0; padding: 0; } li { padding: 6px 0; border-top: 1px solid var(--line); } li:first-child { border-top: 0; }
li b { display: block; font-weight: 600; } li b a { color: var(--ink); text-decoration: none; } li b a:hover { text-decoration: underline; }
li em { font-style: normal; font-size: 12.5px; color: var(--ink-2); }
.none { color: var(--dim); margin: 2px 0; font-size: 13px; } .warn { color: var(--r); font-weight: 600; margin: 2px 0 6px; }
.wk table { width: 100%; border-collapse: collapse; font: 500 12.5px 'IBM Plex Mono', monospace; }
.wk th, .wk td { text-align: right; padding: 6px; border-bottom: 1px solid var(--line); } .wk th:first-child, .wk td:first-child { text-align: left; }
.wk th { color: var(--dim); } .wk tr.w td { color: var(--a); font-weight: 600; }
.bf { max-width: 1080px; margin: 0 auto; padding: 0 20px 30px; color: var(--dim); font-size: 12px; }
@media (max-width: 760px) { .kpis { grid-template-columns: 1fr 1fr; } h1 { font-size: 21px; } .bh { padding: 12px 16px; } main { padding: 16px; } .wk { overflow-x: auto; } }
@media print {
  :root { --bg: #fff; --panel: #fff; --line: #d5dbe4; --ink: #0b1220; --ink-2: #333c4a; --dim: #5b6676; --accent: #1f4f99; }
  .bh { position: static; background: #fff; } .acts, .bf a { display: none; }
  body { font-size: 11.5px; } h1 { font-size: 20px; } section, .top { box-shadow: none; }
  .cols { columns: 2; } a { color: inherit; }
}
.seo-sum { color: var(--ink-2); } .seo-sum h1 { font: 700 22px 'Space Grotesk', sans-serif; color: var(--ink); } .seo-sum li { padding: 3px 0; border: 0; }