:root{--bg: #0b0e14;--panel: #121722;--panel-2: #161c29;--border: #232c3b;--text: #e6edf3;--muted: #7d8ca3;--accent: #35d6c0;--up: #3fd97f;--dim: #4d5a6d}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:880px;margin:0 auto;padding:48px 20px 72px}header{margin-bottom:28px}.brand{color:var(--accent);font-size:20px;font-weight:700;letter-spacing:.4px}.sub{color:var(--muted);font-size:13px;margin-top:4px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}@media(max-width:720px){.kpis{grid-template-columns:repeat(2,1fr)}}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:11px 13px}.kpi .l{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.7px}.kpi .v{font-size:24px;font-weight:650;margin-top:3px;font-variant-numeric:tabular-nums}.kpi .v.small{font-size:14px;font-weight:550}.kpi .d{color:var(--muted);font-size:10px;margin-top:2px}.dim{color:var(--dim);font-weight:500}.up{color:var(--up)}.bar{height:5px;background:#0e1420;border:1px solid var(--border);border-radius:99px;overflow:hidden;margin-bottom:26px}.fill{height:100%;background:linear-gradient(90deg,#1f8f80,var(--accent));transition:width .4s ease}.panel{background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:13px 15px;margin-bottom:22px}.ct{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:9px}.tasks{list-style:none;margin:0;padding:0}.tasks li{display:flex;align-items:baseline;gap:10px;padding:6px 0;border-bottom:1px solid #1a2130;font-size:13px}.tasks li:last-child{border-bottom:0}.tasks .dot{width:12px;flex:none}.tasks .num{color:var(--dim);font-size:11px;font-variant-numeric:tabular-nums;width:18px;flex:none}.tasks .name{flex:1;min-width:0}.tasks .detail{color:var(--muted);font-size:11px;border:1px solid var(--border);border-radius:99px;padding:1px 8px;white-space:nowrap}.tasks li.done .dot{color:var(--up)}.tasks li.done .name{color:var(--text)}.tasks li.active .dot{color:var(--accent)}.tasks li.active .name{color:var(--text);font-weight:600}.tasks li.active{background:#141c2c;border-radius:5px;padding-inline:6px}.tasks li.todo .dot{color:var(--dim)}.tasks li.todo .name{color:var(--muted)}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:720px){.notes{grid-template-columns:1fr}}.note{background:var(--panel-2);border:1px solid var(--border);border-radius:9px;padding:11px 13px}.note p{margin:0;font-size:12px;line-height:1.5;color:var(--muted)}footer{margin-top:30px;padding-top:16px;border-top:1px solid var(--border);color:var(--dim);font-size:11px;line-height:1.6}.hb{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:5px 11px;border:1px solid var(--border);border-radius:99px;background:var(--panel);font-size:11px;color:var(--muted)}.hb .pulse{width:7px;height:7px;border-radius:50%;background:var(--dim);flex:none}.hb.alive .pulse{background:var(--up);animation:beat 2s ease-in-out infinite}.hb.alive .hb-label{color:var(--up)}.hb.down .pulse{background:#ff6b6b}.hb.down .hb-label{color:#ff6b6b}.hb.connecting .pulse{animation:beat 1s ease-in-out infinite}.hb-sep{color:var(--dim)}.hb-meta{font-variant-numeric:tabular-nums}@keyframes beat{0%,to{opacity:1;box-shadow:0 0 #3fd97f80}50%{opacity:.65;box-shadow:0 0 0 5px #3fd97f00}}@media(prefers-reduced-motion:reduce){.hb .pulse{animation:none!important}}