:root{--bg:#dbe5f2;--bg-accent:#cfd9e7;--card:#ffffff;--border:#c9d6e6;--text:#0b1424;--muted:#5a6b86;--ok:#16a34a;--bad:#ef4444;--primary:#0b4f9c;--primary-2:#22c1f6;--shadow: 0 16px 40px rgba(11, 20, 36, .16);--radius:18px}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:radial-gradient(1200px 600px at 80% -20%,rgba(34,193,246,.2) 0%,transparent 60%),radial-gradient(900px 600px at -10% 0%,rgba(11,79,156,.22) 0%,transparent 55%),linear-gradient(180deg,var(--bg) 0%,var(--bg-accent) 100%);color:var(--text);min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 0,rgba(255,255,255,.35) 45%,transparent 70%),radial-gradient(3px 3px at 20% 30%,rgba(15,94,168,.25) 0,transparent 70%),radial-gradient(2px 2px at 70% 20%,rgba(15,94,168,.25) 0,transparent 70%);opacity:.35;pointer-events:none}.container{max-width:1200px;margin:32px auto 70px;padding:0 20px;position:relative}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.brandTitle{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.headerLogo{width:clamp(92px,14vw,140px);height:auto;display:block;flex-shrink:0}.title{min-width:0}.title h1{font-size:clamp(24px,1.4vw + 16px,36px);margin:0 0 4px;font-weight:700;letter-spacing:-.01em;line-height:1.1}.title .sub{font-size:clamp(11px,.5vw + 9px,13px);color:var(--muted);letter-spacing:.18em;text-transform:uppercase}.meta{font-size:clamp(12px,.5vw + 9px,14px);color:var(--muted);line-height:1.6}.infoBar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0 18px}.infoCard{background:#fff;border:1px solid var(--border);border-radius:14px;padding:10px 12px;box-shadow:0 10px 24px #0c162614;font-size:clamp(11px,.4vw + 9px,12px);color:var(--muted);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.infoCard:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0c16261f;border-color:#0f5ea840}.infoCard b{display:block;margin-top:4px;color:var(--text);font-weight:700;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-variant-numeric:tabular-nums;word-break:break-all}.infoCard.toggle{cursor:pointer;position:relative}.infoCard.toggle:after{content:"▼";position:absolute;right:12px;top:12px;font-size:10px;color:var(--muted);transition:transform .2s ease}.infoCard.toggle.active:after{transform:rotate(180deg)}.infoDetails{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:-6px 0 18px;overflow:hidden;max-height:0;opacity:0;transition:max-height .25s ease,opacity .2s ease}.infoDetails.show{max-height:240px;opacity:1}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(15,94,168,.2);background:linear-gradient(180deg,#fff,#f3f8ff);box-shadow:var(--shadow);font-size:12px;color:var(--muted);height:32px;white-space:nowrap}.dot{width:8px;height:8px;border-radius:999px;background:var(--bad)}.dot.ok{background:var(--ok)}.tabs{display:flex;gap:10px;margin:14px 0 18px}.tab{border:1px solid var(--border);background:#fff;border-radius:999px;padding:10px 18px;cursor:pointer;font-weight:700;font-size:clamp(12px,.6vw + 9px,14px);color:var(--muted);letter-spacing:.02em;box-shadow:0 8px 20px #0f5ea814;transition:transform .18s ease,box-shadow .18s ease,color .18s ease}.tab:hover{transform:translateY(-1px);box-shadow:0 12px 26px #0f5ea81f}.tab.active{border-color:#0f5ea859;color:#0f5ea8;background:linear-gradient(180deg,#fff,#e9f4ff);box-shadow:0 14px 30px #0f5ea82e}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;min-height:120px;animation:riseIn .45s ease both}.card h3{margin:0 0 10px;font-size:clamp(12px,.6vw + 9px,15px);color:#0b1220;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.kv{display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-size:clamp(11px,.4vw + 9px,13px);color:var(--muted)}.kv b{color:var(--text);font-weight:700;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-variant-numeric:tabular-nums}.collapse{border:1px solid var(--border);border-radius:12px;padding:8px 10px;background:#f9fbff}.collapse summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:700;color:var(--text);font-size:clamp(12px,.5vw + 10px,14px);position:relative;padding-right:18px}.collapse summary:after{content:"▼";position:absolute;right:2px;top:6px;font-size:12px;color:var(--muted);transition:transform .2s ease}.collapse[open] summary:after{transform:rotate(180deg)}.collapse summary::-webkit-details-marker{display:none}.collapse .mainValue{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-variant-numeric:tabular-nums}.collapse .summaryLabel{font-size:clamp(11px,.4vw + 9px,12px);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.collapse .summaryMain{font-size:clamp(28px,1.4vw + 20px,40px);font-weight:700;letter-spacing:-.02em;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-variant-numeric:tabular-nums}.collapse .unit{font-size:11px;color:var(--muted);margin-left:6px;font-weight:700}.collapseList{margin-top:10px;display:grid;grid-template-columns:1fr auto;gap:6px 10px;font-size:clamp(11px,.4vw + 9px,13px);color:var(--muted)}.big{font-size:clamp(28px,1.4vw + 20px,40px);font-weight:700;letter-spacing:-.02em;margin:2px 0 6px;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-variant-numeric:tabular-nums}.centerMetric{text-align:center}.centerMetric .subpill{margin:8px 6px 0}.subpill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;font-size:clamp(11px,.4vw + 9px,12px);color:var(--muted);background:#fff;margin-right:8px;margin-top:8px}.subpill b{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700}.gbWrap{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:stretch}.gauge{width:240px;aspect-ratio:1;border-radius:50%;position:relative;background:conic-gradient(#d1fae5 0,#d1fae5 65%,#fef3c7 65%,#fef3c7 80%,#fee2e2 80%,#fee2e2);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px #0c16261f}.gauge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(var(--gb-color, #16a34a) 0 var(--gb-pct, 0%),transparent 0);z-index:1}.gaugeInner{width:68%;height:68%;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;text-align:center;border:1px solid var(--border);position:relative;z-index:2}.gaugeValue{font-size:clamp(18px,.9vw + 16px,24px);font-weight:700;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.gaugeSub{font-size:clamp(10px,.3vw + 9px,11px);color:var(--muted)}.gaugePct{color:#15803d;font-weight:700}.gbMeta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:stretch;height:100%}.gbMeta .infoCard{padding:12px;font-size:clamp(12px,.45vw + 10px,13px);height:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;text-align:center}.gbMeta .infoCard b{font-size:clamp(15px,.6vw + 12px,18px);letter-spacing:-.01em;line-height:1.15}.gbLabel{display:flex;flex-direction:column;align-items:center;gap:50px;font-weight:700;color:var(--muted);text-transform:none;min-height:78px;justify-content:center}.gbIcon{width:44px;height:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#0b1424;background:#e7edf4;border:1px solid var(--border)}.gbIcon svg{width:24px;height:24px;display:block}.gb-area .gbIcon{background:#e7f1ff;border-color:#cfe0f7;color:#0b3a78}.gb-year .gbIcon{background:#fff2e0;border-color:#ffd7a1;color:#8a4b0a}.gb-month .gbIcon{background:#e9fff3;border-color:#c6f2d6;color:#0e6b3e}.gb-day .gbIcon{background:#f0f5ff;border-color:#d3e2ff;color:#1a4aa0}.gb-remain .gbIcon{background:#fef2f2;border-color:#fecaca;color:#9f1239}.statusPill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(15,94,168,.2);background:#fff;font-size:clamp(11px,.4vw + 9px,12px);font-weight:700}.statusPill.ok{color:#15803d;border-color:#16a34a4d;background:#ecfdf3}.statusPill.warn{color:#a16207;border-color:#f59e0b59;background:#fffbeb}.statusPill.bad{color:#b91c1c;border-color:#ef444459;background:#fef2f2}.compareGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.compareCard{border:1px solid var(--border);border-radius:12px;padding:12px;background:#fff;box-shadow:0 10px 24px #0c162614}.compareLabel{font-size:clamp(11px,.4vw + 9px,12px);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-weight:700}.compareValue{font-size:clamp(22px,1vw + 16px,30px);font-weight:700;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.compareSub{font-size:clamp(11px,.4vw + 9px,12px);color:var(--muted);margin-top:4px}.compareDelta{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);font-size:11px;font-weight:700}.compareDelta.up{color:#15803d;border-color:#16a34a59;background:#ecfdf3}.compareDelta.down{color:#b91c1c;border-color:#ef444459;background:#fef2f2}.alertList{display:grid;gap:10px;margin-top:6px}.alertRow{display:grid;grid-template-columns:1.2fr 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fff}.alertLabel{font-weight:700;color:var(--text)}.alertValue{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--muted)}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-12{grid-column:span 12}.card:has(.chartWrap){display:flex;flex-direction:column}.card:has(.chartWrap) h3{min-height:20px}.chartWrap{height:260px;flex:1;min-height:240px}.chartWrap.compactChart{height:250px!important;min-height:250px!important;max-height:250px;flex:0 0 250px}canvas{width:100%!important;height:100%!important}.formRow{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}label{font-size:clamp(11px,.4vw + 9px,12px);color:var(--muted);display:block;margin-bottom:6px;font-weight:700;letter-spacing:.02em}input,select,button{font:inherit}input[type=datetime-local],select{border:1px solid var(--border);background:linear-gradient(180deg,#fff,#f6f9ff);border-radius:14px;padding:12px 14px;min-height:44px;box-shadow:0 12px 26px #0c16261a;font-size:clamp(12px,.6vw + 9px,14px);color:var(--text);min-width:220px;transition:border-color .2s ease,box-shadow .2s ease}input[type=datetime-local]{font-variant-numeric:tabular-nums}input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:.7;cursor:pointer;filter:contrast(1.2)}input[type=datetime-local]:focus,select:focus{outline:none;border-color:#0f5ea873;box-shadow:0 0 0 4px #0f5ea81f}button{border:1px solid rgba(15,94,168,.35);background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border-radius:12px;padding:12px 16px;cursor:pointer;box-shadow:0 12px 26px #0f5ea838;font-weight:700;font-size:clamp(12px,.6vw + 9px,14px);letter-spacing:.02em;transition:transform .15s ease,box-shadow .15s ease}button:hover{transform:translateY(-1px);box-shadow:0 16px 32px #0f5ea847}button.secondary{background:#fff;color:var(--text);border-color:var(--border);box-shadow:0 10px 24px #0c162614}.hint{margin-top:10px;font-size:clamp(11px,.4vw + 9px,12px);color:var(--muted);line-height:1.45}.hidden{display:none!important}@keyframes riseIn{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.card:nth-child(2){animation-delay:.04s}.card:nth-child(3){animation-delay:.08s}.card:nth-child(4){animation-delay:.12s}.card:nth-child(5){animation-delay:.16s}.card:nth-child(6){animation-delay:.2s}.card:nth-child(7){animation-delay:.24s}.card:nth-child(8){animation-delay:.28s}@media (max-width:980px){header{align-items:flex-start;flex-wrap:wrap}.brandTitle{max-width:100%}.headerLogo{width:clamp(76px,24vw,112px);height:auto}header .pill{margin-left:auto}.col-4,.col-6{grid-column:span 12}.chartWrap{height:280px}.gbWrap{grid-template-columns:1fr}.gauge{width:210px;margin:0 auto}input[type=datetime-local],select{min-width:100%}button,button.secondary{width:100%}}