:root{--night:#17152d;--night2:#211e3f;--lav:#8b7cff;--lime:#b7f34a;--paper:#f7f7fb;--panel:#fff;--ink:#22203a;--muted:#77758b;--line:#e6e4ee;--red:#ed5d70;--cyan:#4ac7d9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,select{font:inherit}aside{position:fixed;inset:0 auto 0 0;width:252px;background:var(--night);color:white;padding:22px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 24px}.brand img{width:44px}.brand div{display:grid}.brand b{font-size:18px}.brand span,.source small{color:#aaa6c8;font-size:12px}.workspace{background:var(--night2);border:1px solid #39355c;border-radius:11px;padding:11px 12px;margin-bottom:22px;display:grid}.workspace span,.eyebrow,.label{font-size:10px;letter-spacing:.12em;font-weight:900}.workspace span{color:var(--lime)}nav{display:grid;gap:6px}.nav-btn{border:0;background:transparent;color:#bdb9d6;border-radius:9px;padding:11px 12px;display:flex;gap:10px;align-items:center;text-align:left;cursor:pointer}.nav-btn svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}.nav-btn.active{background:#302c54;color:#fff}.nav-btn.active svg{stroke:var(--lime)}.source{margin-top:auto;display:flex;gap:10px;align-items:center;border:1px solid #39355c;border-radius:12px;padding:13px}.source div{display:grid}.live{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(183,243,74,.1)}main{margin-left:252px;padding:46px clamp(25px,5vw,72px);min-height:100vh}header{max-width:1480px;margin:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.eyebrow{color:#6554e5}h1{font-size:clamp(36px,4vw,54px);letter-spacing:-.045em;margin:7px 0 2px}header p{margin:0;color:var(--muted);font-size:16px}.header-actions{display:flex;gap:9px;white-space:nowrap}button,select{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 13px;border-radius:9px;font-weight:750;cursor:pointer}.primary{background:var(--night);border-color:var(--night);color:#fff}#view{max-width:1480px;margin:28px auto}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:19px;box-shadow:0 7px 25px rgba(25,22,52,.045)}.metric{position:relative;overflow:hidden}.metric:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--lav)}.metric:nth-child(2):before{background:var(--lime)}.metric:nth-child(3):before{background:var(--red)}.metric:nth-child(4):before{background:var(--cyan)}.label{color:var(--muted)}.value{font-size:31px;font-weight:850;letter-spacing:-.04em;margin:9px 0 2px}.delta{font-size:12px;color:#168465}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:13px;margin-top:13px}.card h2{font-size:19px;margin:4px 0 15px}.chart{height:220px;display:flex;align-items:end;gap:18px;padding:20px 5px 25px;border-bottom:1px solid var(--line);position:relative}.bar-col{flex:1;height:100%;display:flex;align-items:end;gap:3px;position:relative}.bar-col span{display:block;width:65%;background:linear-gradient(180deg,var(--lav),#6554e5);border-radius:6px 6px 1px 1px}.bar-col i{display:block;width:28%;background:var(--red);border-radius:5px 5px 1px 1px}.bar-col label{position:absolute;bottom:-22px;left:0;right:0;text-align:center;color:var(--muted);font-size:10px}.health{display:grid;gap:12px}.health-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding-bottom:11px;border-bottom:1px solid var(--line)}.health-row small{display:block;color:var(--muted)}.pill{font-size:10px;font-weight:850;border-radius:99px;padding:4px 8px;align-self:start}.ok{background:#e5f8c4;color:#486900}.warn{background:#fff0cc;color:#865800}.bad{background:#ffe1e5;color:#a22538}.info{background:#e9e6ff;color:#5949c6}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--muted);font-size:10px;letter-spacing:.08em;padding:11px;border-bottom:1px solid var(--line)}td{padding:13px 11px;border-bottom:1px solid var(--line)}code{background:#f0eefc;color:#5949c6;padding:3px 6px;border-radius:5px}.timeline{position:relative}.event{display:grid;grid-template-columns:90px 18px 1fr auto;gap:10px;align-items:start;padding:13px 0;border-bottom:1px solid var(--line)}.event time{font-family:monospace;color:var(--muted);font-size:12px}.event-dot{width:11px;height:11px;border-radius:50%;background:var(--lav);margin-top:4px}.event small{color:var(--muted)}.readiness{display:grid;grid-template-columns:160px 1fr;gap:24px;align-items:center}.score{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--lime) calc(var(--score)*1%),#eeeef5 0);position:relative}.score:after{content:"";position:absolute;inset:13px;background:#fff;border-radius:50%}.score b{font-size:32px;z-index:1}.checks{display:grid;gap:9px}.check{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}#toast{position:fixed;right:24px;bottom:24px;background:var(--night);color:#fff;border:1px solid #3c3766;padding:13px 17px;border-radius:9px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}@media(max-width:1020px){aside{position:static;width:auto}.workspace,.source{display:none}nav{display:flex;overflow:auto}main{margin:0;padding:30px 18px}header{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:600px){.metrics{grid-template-columns:1fr}.header-actions{white-space:normal;flex-wrap:wrap}.readiness{grid-template-columns:1fr}.event{grid-template-columns:70px 12px 1fr}.event>:last-child{grid-column:3}}