:root{--bg:#050807;--panel:#101715;--ink:#f7faf8;--muted:#a8b4af;--teal:#21c89b;--teal2:#0a8e78;--lime:#b9d833;--line:#ffffff1c;--orange:#f3a25c;--red:#de5353}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif;overflow-x:hidden}button,input,select{font:inherit}body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(90px);opacity:.48}body:before{width:620px;height:620px;background:#008d75;right:-210px;top:-170px}body:after{width:480px;height:480px;background:#133d38;left:-250px;bottom:-160px}
main{min-height:100vh;background:radial-gradient(ellipse at 72% 5%,#148c7652 0,transparent 38%),radial-gradient(ellipse at 18% 25%,#40514c38 0,transparent 28%),linear-gradient(135deg,#050706 0%,#07110e 53%,#050706 100%)}
.topbar{height:78px;padding:0 max(28px,calc((100vw - 1400px)/2));background:#070b0ae8;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.brand{display:flex;gap:12px;align-items:center}.brand-logo{width:52px;height:52px;border-radius:50%;object-fit:cover;border:1px solid #4ce5bd55;box-shadow:0 0 22px #12b78a35}.brand div:last-child{display:flex;flex-direction:column}.brand strong{font-size:18px;letter-spacing:-.04em}.brand span{font-size:8px;color:#74ddc1;letter-spacing:.22em;margin-top:2px;font-weight:700}
nav{display:flex;height:100%;gap:30px}nav button,nav a{border:0;background:none;color:#879690;font-weight:600;font-size:13px;cursor:pointer;position:relative;text-decoration:none;display:flex;align-items:center}nav button:hover,nav a:hover,nav a.active{color:#fff}nav a.active:after{content:"";height:2px;background:var(--teal);position:absolute;left:0;right:0;bottom:0;box-shadow:0 0 10px var(--teal)}.header-actions{display:flex;align-items:center;gap:16px}.view-switch{display:flex;background:#0d1512;border:1px solid #ffffff1c;border-radius:20px;padding:3px}.view-switch button{border:0;background:transparent;color:#81918a;border-radius:16px;padding:6px 10px;font-size:9px;font-weight:800;cursor:pointer}.view-switch button.selected{background:var(--teal);color:#04110d}.refresh{font-size:11px;color:#a8bbb4}.pulse{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px #24c99b20}.menu-button{display:none;border:0;background:none;color:#fff;font-size:22px}
.hero{max-width:1400px;margin:auto;padding:54px 28px 32px;display:flex;justify-content:space-between;align-items:end;position:relative;overflow:hidden}.hero>div:first-child{position:relative;z-index:2}.eyebrow,.card-label,.card-heading span,.section-title span{color:#6be2c2;font-size:10px;font-weight:800;letter-spacing:.17em}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);margin-right:7px}.hero h1{font-size:clamp(42px,5vw,70px);line-height:.96;letter-spacing:-.065em;margin:12px 0 18px;font-weight:850}.hero p:not(.eyebrow){color:#a3b1ac;margin:0;max-width:570px;font-size:15px;line-height:1.5}.hero-signature{display:inline-flex!important;margin-top:26px;border:1px solid #50dcb66b;border-radius:30px;padding:8px 12px!important;align-items:center!important;gap:10px!important;font-size:8px;letter-spacing:.16em;color:#b9eee0}.hero-signature b{width:17px;height:17px;border-radius:50%;background:var(--teal);color:#06100d;display:grid;place-items:center}.anniversary{position:absolute;width:126px;height:126px;object-fit:cover;border-radius:50%;right:405px;top:42px;box-shadow:0 0 0 8px #ffffff08,0 16px 50px #0008}.filters{display:flex;gap:10px;position:relative;z-index:2}.filters label{font-size:9px;font-weight:800;letter-spacing:.11em;color:#7f918a;display:flex;flex-direction:column;gap:7px}.filters select,.filters input{min-width:180px;background:#111916;border:1px solid #ffffff24;border-radius:22px;padding:11px 15px;color:#fff;font-size:12px;font-weight:600}.filters input{min-width:110px;width:110px}
.unit-tabs{max-width:1344px;margin:0 auto 18px;background:#0c1210cc;padding:5px;border:1px solid var(--line);border-radius:30px;display:grid;grid-template-columns:repeat(3,1fr)}.unit-tabs button{border:0;background:transparent;padding:13px;border-radius:24px;font-weight:700;color:#7f9089;cursor:pointer}.unit-tabs button span{margin-right:8px;color:var(--teal)}.unit-tabs button.selected{background:linear-gradient(90deg,#12a982,#19c699);color:#03110d;box-shadow:0 8px 24px #12aa8133}
.kpi-grid,.lower-grid{max-width:1344px;margin:0 auto 18px;display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:16px}.kpi-grid article,.lower-grid article,.lower-grid aside{background:linear-gradient(145deg,#111916e8,#0c1210e8);border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 18px 50px #0004;backdrop-filter:blur(12px)}.main-kpi{position:relative;overflow:hidden}.main-kpi:before{content:"";position:absolute;width:280px;height:280px;border:1px solid #37d5ad1a;border-radius:50%;right:-130px;bottom:-140px;box-shadow:0 0 80px #18ae8433}.card-heading,.section-title{display:flex;justify-content:space-between;align-items:flex-start;position:relative}.card-heading h2,.section-title h2{font-size:22px;margin:5px 0;letter-spacing:-.04em}.status-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 6px #ffffff0d}.status-dot.good{background:var(--teal)}.status-dot.warn{background:var(--orange)}.status-dot.bad{background:var(--red)}
.metric-row{display:flex;justify-content:space-between;align-items:end;margin-top:18px;position:relative}.metric-row>div{display:flex;flex-direction:column}.metric-row strong,.summary-card>strong{font-size:clamp(29px,3vw,43px);letter-spacing:-.06em}.metric-row span,.summary-card>span{font-size:11px;color:#879790;margin-top:5px}.trend{background:#ffffff0a;padding:7px 9px;border:1px solid var(--line);border-radius:20px}.trend.up{color:#67dbbc}.trend.down{color:#f0a269}
.gauge-wrap{margin-top:24px}.gauge{--gauge:0deg;width:100%;height:135px;border-radius:260px 260px 0 0;position:relative;overflow:hidden;background:conic-gradient(from 270deg at 50% 100%,#a83f3f 0 60deg,#c9824e 60deg 120deg,#1bc195 120deg 180deg,transparent 180deg)}.gauge:after{content:"";position:absolute;width:68%;height:68%;background:#101715;border-radius:200px 200px 0 0;left:16%;bottom:0}.gauge-center{position:absolute;z-index:2;bottom:6px;left:0;right:0;text-align:center;display:flex;flex-direction:column}.gauge-center strong{font-size:32px}.gauge-center span{font-size:9px;color:#84958e;text-transform:uppercase;letter-spacing:.14em}.gauge:before{content:"";position:absolute;z-index:3;width:42%;height:3px;background:#fff;left:50%;bottom:0;transform-origin:left;transform:rotate(calc(180deg + var(--gauge)));transition:.45s;box-shadow:0 0 9px #fff}.gauge-scale{display:flex;justify-content:space-between;font-size:8px;color:#778780;font-weight:700}
.summary-card{display:flex;flex-direction:column;position:relative;overflow:hidden}.summary-card:after{content:"";position:absolute;width:160px;height:160px;background:#16b58a13;border-radius:50%;right:-80px;top:-80px}.summary-card>strong{margin-top:20px}.progress{height:7px;border-radius:9px;background:#ffffff12;margin:27px 0 22px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--teal2),var(--teal),var(--lime));border-radius:9px}.split{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;padding-top:20px}.split div{display:flex;flex-direction:column}.split div+div{border-left:1px solid var(--line);padding-left:18px}.split b{font-size:16px}.split span{font-size:9px;color:#7e8e88;margin-top:3px}.mini-bars{height:95px;display:flex;align-items:end;gap:8px;margin-top:22px;border-bottom:1px solid var(--line)}.mini-bars i{display:block;flex:1 0 auto;background:#1a5d4b;min-height:8px;border-radius:3px 3px 0 0}.mini-bars i.current{background:linear-gradient(var(--lime),var(--teal))}.mini-labels{display:flex;justify-content:space-between;color:#72817c;font-size:8px;margin-top:7px}
.lower-grid{grid-template-columns:2.2fr 1fr}.history-card{min-height:350px}.legend{font-size:9px;color:#85958f;display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;background:var(--teal);display:inline-block;margin-left:8px;border-radius:2px}.legend i.goal{background:var(--lime)}.chart{height:250px;margin-top:24px;border-bottom:1px solid var(--line);display:flex;align-items:stretch;gap:16px;padding:0 10px}.bar-group{align-self:stretch;min-width:0;flex:1;display:grid;grid-template-rows:18px minmax(0,1fr) 24px;align-items:end;text-align:center}.bar-value{grid-row:1;font-size:8px;color:#91a099;white-space:nowrap;overflow:visible}.bar-track{grid-row:2;height:100%;display:flex;align-items:end;justify-content:center;position:relative}.bar{flex:0 0 auto;width:min(46px,70%);background:linear-gradient(180deg,#26d3a8,#08715d);min-height:3px;position:relative;border-radius:6px 6px 0 0;transition:.4s;box-shadow:0 0 18px #17b88d1f}.bar i{position:absolute;left:0;right:0;bottom:0;background:#112e27a8;border-top:2px dashed var(--lime)}.bar-group b{grid-row:3;font-size:9px;color:#81918a;padding-top:7px}.insight-card{background:radial-gradient(circle at 90% 10%,#18b88b55,transparent 35%),linear-gradient(145deg,#0c1714,#07100e)!important;position:relative;overflow:hidden}.spark{font-size:28px;color:var(--lime)}.insight-card h2{font-size:28px;letter-spacing:-.055em;margin:12px 0}.insight-card>p:not(.card-label){color:#9fb0a9;line-height:1.55;font-size:13px}.insight-stat{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;display:flex;justify-content:space-between;font-size:11px}.insight-stat span{color:#83938d}.positive{color:#61dbba}.negative{color:#f0a269}
.source-note{max-width:1344px;margin:0 auto 28px;padding:17px 20px;border:1px solid #2dd0a53b;background:#0b1512cc;border-radius:14px;display:flex;justify-content:space-between;align-items:center}.source-note div{display:flex;align-items:center;gap:12px}.source-note div>span{width:30px;height:30px;border-radius:50%;background:var(--teal);color:#06100d;display:grid;place-items:center}.source-note p{font-size:10px;color:#81918a;margin:0}.source-note p strong{display:block;color:#fff;font-size:11px;margin-bottom:2px}
.login{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 75% 10%,#0d765543,transparent 35%),#050807}.login-card{width:min(440px,100%);background:#101715f2;border:1px solid #ffffff18;border-radius:28px;padding:38px;box-shadow:0 30px 80px #0008}.login-logo{width:78px;height:78px;margin-bottom:24px}.login-card h1{font-size:34px;letter-spacing:-.045em;margin:10px 0}.login-card>p:not(.eyebrow){color:var(--muted);margin:0 0 28px}.login-card label,.admin label{display:flex;flex-direction:column;gap:8px;color:#9baba5;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-top:18px}.login-card input,.admin input,.admin select{border:1px solid #ffffff24;border-radius:12px;background:#080d0b;color:#fff;padding:13px 14px;outline:none}.primary-button,.admin button{border:0;border-radius:24px;padding:13px 20px;font-weight:850;cursor:pointer;background:var(--teal);color:#04110d;margin-top:18px}.form-message.error{min-height:18px;color:#ffaaaa;font-size:13px}.admin{max-width:1100px;margin:auto;padding:42px 24px}.admin>a{color:#75dec3;text-decoration:none}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:#111916;border:1px solid var(--line);border-radius:22px;padding:24px}.muted{color:var(--muted)}.user-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding:12px 0}.user-row div{display:flex;flex-direction:column}.user-row button{margin:0;padding:9px 12px}
.level-h-0{height:0}.level-h-5{height:5%}.level-h-10{height:10%}.level-h-15{height:15%}.level-h-20{height:20%}.level-h-25{height:25%}.level-h-30{height:30%}.level-h-35{height:35%}.level-h-40{height:40%}.level-h-45{height:45%}.level-h-50{height:50%}.level-h-55{height:55%}.level-h-60{height:60%}.level-h-65{height:65%}.level-h-70{height:70%}.level-h-75{height:75%}.level-h-80{height:80%}.level-h-85{height:85%}.level-h-90{height:90%}.level-h-95{height:95%}.level-h-100{height:100%}
.level-w-0{width:0}.level-w-5{width:5%}.level-w-10{width:10%}.level-w-15{width:15%}.level-w-20{width:20%}.level-w-25{width:25%}.level-w-30{width:30%}.level-w-35{width:35%}.level-w-40{width:40%}.level-w-45{width:45%}.level-w-50{width:50%}.level-w-55{width:55%}.level-w-60{width:60%}.level-w-65{width:65%}.level-w-70{width:70%}.level-w-75{width:75%}.level-w-80{width:80%}.level-w-85{width:85%}.level-w-90{width:90%}.level-w-95{width:95%}.level-w-100{width:100%}
.gauge-level-0{--gauge:0deg}.gauge-level-5{--gauge:7.5deg}.gauge-level-10{--gauge:15deg}.gauge-level-15{--gauge:22.5deg}.gauge-level-20{--gauge:30deg}.gauge-level-25{--gauge:37.5deg}.gauge-level-30{--gauge:45deg}.gauge-level-35{--gauge:52.5deg}.gauge-level-40{--gauge:60deg}.gauge-level-45{--gauge:67.5deg}.gauge-level-50{--gauge:75deg}.gauge-level-55{--gauge:82.5deg}.gauge-level-60{--gauge:90deg}.gauge-level-65{--gauge:97.5deg}.gauge-level-70{--gauge:105deg}.gauge-level-75{--gauge:112.5deg}.gauge-level-80{--gauge:120deg}.gauge-level-85{--gauge:127.5deg}.gauge-level-90{--gauge:135deg}.gauge-level-95{--gauge:142.5deg}.gauge-level-100{--gauge:150deg}.gauge-level-105{--gauge:157.5deg}.gauge-level-110{--gauge:165deg}.gauge-level-115{--gauge:172.5deg}.gauge-level-120{--gauge:180deg}
@media(max-width:1050px){.anniversary{display:none}.refresh{display:none}}@media(max-width:900px){nav{display:none;position:absolute;top:78px;left:0;right:0;background:#080d0c;height:auto;padding:20px;flex-direction:column}nav.open{display:flex}.menu-button{display:block}.hero{align-items:flex-start;flex-direction:column;gap:24px}.kpi-grid{grid-template-columns:1fr 1fr}.main-kpi{grid-column:span 2}.lower-grid{grid-template-columns:1fr}.lower-grid article{min-width:0}.unit-tabs,.kpi-grid,.lower-grid,.source-note{margin-left:18px;margin-right:18px}.source-note>p{display:none}.admin-grid{grid-template-columns:1fr}}@media(max-width:600px){.topbar{padding:0 18px}.view-switch button{padding:5px 7px;font-size:8px}.hero{padding:36px 18px 24px}.filters{width:100%;flex-direction:column}.filters select,.filters input{width:100%}.unit-tabs{grid-template-columns:1fr;border-radius:18px}.unit-tabs button{font-size:12px}.kpi-grid{grid-template-columns:1fr}.main-kpi{grid-column:auto}.metric-row{align-items:flex-start;flex-direction:column;gap:12px}.chart{width:100%;max-width:100%;gap:5px;padding:0;overflow-x:auto}.bar-group{min-width:42px}.bar-value{display:none}.lower-grid article,.lower-grid aside,.kpi-grid article{padding:20px}.source-note{align-items:flex-start}}