:root{--bg:#09110e;--panel:#101a16;--line:rgba(209,239,218,.12);--text:#eff8ef;--muted:#84958a;--mint:#8ce6ae;--blue:#86cde5;--sun:#f0d779;--coral:#f29a82}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Avenir,"Segoe UI",system-ui,sans-serif;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.ambient{position:fixed;border-radius:50%;filter:blur(120px);opacity:.13;pointer-events:none}.ambient-a{width:50vw;height:50vw;background:#4ce689;top:-25vw;right:-15vw}.ambient-b{width:35vw;height:35vw;background:#1b8270;bottom:-20vw;left:-10vw}main{width:min(1420px,calc(100% - 64px));margin:auto}.topbar{height:108px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;color:var(--text);text-decoration:none;font-weight:600;font-size:13px;line-height:1.05;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(140,230,174,.4);border-radius:50%;color:var(--mint);font-size:20px}.live{margin-left:auto;display:flex;align-items:center;gap:9px;color:#b8c6bc;font:11px ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em;text-transform:uppercase}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 5px rgba(240,215,121,.08);animation:pulse 2s infinite}.live.ok .live-dot{background:var(--mint);box-shadow:0 0 0 5px rgba(140,230,174,.08)}.clock{margin-left:42px;font:14px ui-monospace,SFMono-Regular,monospace;color:var(--muted)}.hero{display:flex;align-items:flex-end;justify-content:space-between;padding:76px 0 60px}.eyebrow,.label{font:10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.19em;color:var(--mint)}h1{margin:15px 0 0;font-size:clamp(54px,6.2vw,94px);font-weight:500;line-height:.91;letter-spacing:-.065em}h1 em{font-family:Iowan Old Style,Baskerville,Georgia,serif;color:var(--mint);font-weight:600}.intro{max-width:390px;margin:0 3% 8px 0;color:#a8b7ad;font-size:15px;line-height:1.75}.dashboard-grid{display:grid;grid-template-columns:1.05fr 1.6fr;gap:16px}.glass{background:linear-gradient(145deg,rgba(18,30,24,.95),rgba(12,22,18,.9));border:1px solid var(--line);border-radius:24px}.health-panel{padding:30px;min-height:540px;position:relative;overflow:hidden}.health-panel:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:var(--mint);filter:blur(130px);opacity:.09;left:25%;top:25%}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h2,.history h2{font-size:26px;margin:9px 0 0;letter-spacing:-.035em}.updated{font:10px ui-monospace,SFMono-Regular,monospace;color:var(--muted)}.health-orbit{--health:0;position:relative;width:280px;height:280px;margin:30px auto 22px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--mint) calc(var(--health)*1%),rgba(140,230,174,.08) 0);transition:background 1s ease;box-shadow:0 0 60px rgba(140,230,174,.06)}.health-orbit:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#0e1914;border:1px solid rgba(255,255,255,.06)}.health-orbit:after{content:"";position:absolute;inset:-11px;border:1px dashed rgba(140,230,174,.13);border-radius:50%;animation:spin 30s linear infinite}.health-value{z-index:1;text-align:center}.health-value strong{font-size:78px;letter-spacing:-.07em}.health-value>span{font:18px ui-monospace,SFMono-Regular,monospace;color:var(--mint);margin-left:4px}.health-value small{display:block;font:9px ui-monospace,SFMono-Regular,monospace;color:var(--muted);letter-spacing:.2em}.signals{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.signal{padding:8px 12px;border-radius:999px;background:rgba(140,230,174,.07);border:1px solid rgba(140,230,174,.1);font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em;color:#b8c7bc}.signal.warn{color:var(--coral);border-color:rgba(242,154,130,.2);background:rgba(242,154,130,.07)}.metrics-panel{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric-card{--tone:var(--mint);position:relative;min-height:262px;padding:28px;border-radius:24px;border:1px solid var(--line);background:rgba(16,27,22,.7);overflow:hidden;transition:transform .3s,border-color .3s}.metric-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tone) 30%,transparent)}.metric-card[data-tone=blue]{--tone:var(--blue)}.metric-card[data-tone=sun]{--tone:var(--sun)}.metric-card[data-tone=coral]{--tone:var(--coral)}.metric-icon{position:absolute;right:25px;top:22px;font-size:25px;color:var(--tone)}.metric-card strong{display:block;font-size:54px;margin:32px 0 19px;letter-spacing:-.05em}.metric-card strong small{font:14px ui-monospace,SFMono-Regular,monospace;color:var(--tone)}.meter{height:3px;background:rgba(255,255,255,.07);border-radius:2px}.meter i{display:block;width:0;height:100%;background:var(--tone);box-shadow:0 0 12px var(--tone);transition:width 1s cubic-bezier(.22,1,.36,1)}.metric-card p{color:var(--muted);font-size:11px;margin:15px 0}.history{margin-top:16px;padding:32px}.history-head{display:flex;justify-content:space-between;align-items:flex-end}.range-picker{display:flex;padding:4px;border:1px solid var(--line);border-radius:999px}.range-picker button,.legend button{border:0;background:none;color:var(--muted);font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;cursor:pointer}.range-picker button{padding:9px 13px;border-radius:99px}.range-picker button.active{background:var(--mint);color:#0b1510}.legend{display:flex;gap:24px;margin:34px 0 8px}.legend button{display:flex;gap:7px;align-items:center}.legend i{display:block;width:18px;height:2px;background:var(--mint)}.legend button:nth-child(2) i{background:var(--blue)}.legend button:nth-child(3) i{background:var(--sun)}.legend button:nth-child(4) i{background:var(--coral)}.legend button:not(.active){opacity:.3}.chart-wrap{height:370px;position:relative}canvas{width:100%;height:100%;display:block}.tooltip{position:absolute;display:none;pointer-events:none;padding:10px 12px;border-radius:10px;background:#ecf7ed;color:#101812;font:10px ui-monospace,SFMono-Regular,monospace;line-height:1.6;box-shadow:0 12px 30px #0008;white-space:nowrap}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font:11px ui-monospace,SFMono-Regular,monospace}.chart-footer{display:flex;justify-content:space-between;color:#65756b;font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em}.reveal{opacity:0;transform:translateY(16px);animation:reveal .7s forwards}.metrics-panel.reveal{animation-delay:.1s}.history.reveal{animation-delay:.2s}footer{display:flex;justify-content:space-between;padding:30px 3px 45px;color:#526158;font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:.11em}@keyframes reveal{to{opacity:1;transform:none}}@keyframes pulse{50%{transform:scale(.7);opacity:.6}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){main{width:min(100% - 32px,720px)}.hero{display:block;padding:55px 0 42px}.intro{margin-top:30px}.dashboard-grid{grid-template-columns:1fr}.history-head{display:block}.range-picker{margin-top:22px;width:max-content;max-width:100%;overflow:auto}.chart-wrap{height:300px}}@media(max-width:560px){main{width:calc(100% - 22px)}.topbar{height:84px}.clock{display:none}.hero{padding-top:40px}h1{font-size:52px}.metrics-panel{grid-template-columns:1fr}.health-panel{min-height:auto}.health-orbit{width:235px;height:235px}.health-value strong{font-size:66px}.history{padding:23px 16px}.legend{gap:10px;overflow:auto}.range-picker button{padding:8px 10px}.chart-wrap{height:260px}footer{display:block;line-height:2}}