:root{--ink:#13233c;--muted:#68788f;--line:#e3e9f1;--bg:#f5f7fb;--navy:#101d34;--blue:#3368d8;--cyan:#41c3d4;--orange:#dd832c;--red:#b94e37;--green:#28785e;--shadow:0 6px 30px rgba(23,43,74,.05)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-size:14px;-webkit-font-smoothing:antialiased}
.topbar{background:#fff;border-bottom:1px solid var(--line)}.topinner{max-width:1420px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 32px}.identity{display:flex;align-items:center;gap:24px}.logo{font-size:19px;font-weight:900;letter-spacing:-1px}.logo span{color:#40b8ce}.crumb{padding-left:24px;border-left:1px solid var(--line);color:var(--muted);font-size:13px}.topright{display:flex;gap:18px;align-items:center;font-size:12px;color:var(--muted)}a{color:var(--blue);text-decoration:none}.live-dot{width:8px;height:8px;background:#29a580;border-radius:50%;box-shadow:0 0 0 4px #d9f2e9}
.shell{max-width:1420px;margin:auto;padding:36px 32px 50px}.hero{padding:40px 52px 42px;background:linear-gradient(110deg,#142744 0%,#1d3864 63%,#1c5981 100%);border-radius:20px;color:white;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:430px;height:430px;border:1px solid #ffffff22;border-radius:50%;right:-95px;top:-210px;box-shadow:0 0 0 90px #ffffff08,0 0 0 180px #ffffff04}.eyebrow{font-weight:750;letter-spacing:.12em;font-size:11px;color:#5384df}.hero .eyebrow{color:#75daed}.hero h1{font-size:clamp(29px,3.2vw,47px);line-height:1.3;font-weight:820;letter-spacing:-.04em;margin:17px 0}.hero h1 em{font-style:normal;color:#74d9e8}.hero p{font-size:14px;line-height:1.9;opacity:.85;max-width:720px}.hero-foot{display:flex;gap:8px;margin-top:25px;flex-wrap:wrap;position:relative;z-index:1}.tag{border-radius:99px;padding:7px 12px;background:#ffffff15;font-size:12px;font-weight:700}.tag.green{color:#9debd3}.tag.amber{color:#f9cc87}.tag.slate{color:#d5e3f4}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0 45px}.kpi{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px 23px;box-shadow:var(--shadow)}.kpi .name{font-size:12px;color:var(--muted)}.kpi .value{font-size:31px;font-weight:830;letter-spacing:-1px;margin:9px 0 6px;font-variant-numeric:tabular-nums}.kpi .sub{font-size:11px;color:#8d99a9}.kpi.attention .value{color:var(--orange)}.skeleton{background:white;border-radius:12px;padding:30px;color:var(--muted)}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px}.section-heading h2{font-size:24px;letter-spacing:-.03em;margin:8px 0}.section-heading p{margin:0;color:var(--muted);line-height:1.7}.section-label{color:#8494a7;font-size:12px}
.filters{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr 1fr 1fr;gap:12px;background:white;padding:20px;border-radius:14px;border:1px solid var(--line);margin-bottom:17px}.filters label{font-size:11px;font-weight:680;color:var(--muted);display:flex;gap:8px;flex-direction:column}.filters select{height:40px;max-width:100%;padding:0 11px;border:1px solid #dce4ee;background:#f8fafd;color:var(--ink);border-radius:8px;font-size:12px;outline:none}.filters select:focus{border-color:var(--blue)}
.twocol{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(300px,1fr);gap:17px}.twocol.secondrow{margin-top:17px;grid-template-columns:1fr 1fr}.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:24px;box-shadow:var(--shadow);min-width:0}.panel-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.panel h3{font-size:16px;margin:0 0 6px}.panel p{color:var(--muted);line-height:1.7;margin:0;font-size:12px}.chart{width:100%;min-height:280px;margin-top:14px}.chart.short{min-height:200px}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart-legend{display:flex;gap:15px;flex-wrap:wrap;align-items:center;font-size:11px;color:var(--muted);margin-top:9px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:5px;background:var(--blue)}.dot.orange{background:var(--orange)}.dot.gray{background:#b3becb}.dot.stripe{background:repeating-linear-gradient(45deg,#dae4ef,#dae4ef 2px,#fff 2px,#fff 4px)}.dot.purple{background:#9573db}.dot.teal{background:#16a7a2}.chart-foot{font-size:11px;color:#72839a;margin-top:12px;padding-top:13px;border-top:1px solid var(--line)}
.status-pill{border-radius:100px;font-size:11px;white-space:nowrap;padding:6px 10px;font-weight:800;background:#e9edf3;color:#53647e}.status-pill.bad{background:#feeadf;color:#ae502b}.status-pill.unknown{background:#f0eef4;color:#655e7c}.status-pill.good{background:#e6f5ef;color:#26755a}
.big-state{margin:21px 0 13px;font-size:23px;font-weight:830;line-height:1.3}.big-state.bad{color:#bc6631}.big-state.unknown{color:#857897}.big-state.good{color:#288568}.state-summary{font-size:13px;color:var(--muted);line-height:1.8}.statpairs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.statpair{background:#f5f7fa;padding:15px;border-radius:10px}.statpair strong{font-size:20px;display:block;margin:7px 0 0;font-variant-numeric:tabular-nums}.statpair span{color:var(--muted);font-size:11px}.warningbox{font-size:12px;margin-top:19px;line-height:1.7;background:#fff7eb;border:1px solid #f7dfba;color:#866039;border-radius:9px;padding:12px}.goodbox{background:#edf8f3;border-color:#d2ecdf;color:#356c54}.baseline-line{margin-top:22px}.baseline-row{display:flex;justify-content:space-between;margin-bottom:9px;gap:10px}.baseline-row b{font-size:13px}.baseline-row span{color:var(--muted);font-size:11px}.track{height:9px;background:#e8edf4;border-radius:9px;overflow:hidden}.fill{height:100%;background:var(--blue);border-radius:9px}.fill.purple{background:#9573db}.fill.teal{background:#16a7a2}.small-note{font-size:11px;color:var(--muted);line-height:1.8;margin-top:18px!important}
.section-block{margin-top:46px}.comparison{overflow-x:auto}.matrix{border-collapse:collapse;width:100%;font-size:13px;min-width:640px}.matrix th{text-align:left;color:#65738a;font-size:11px;padding:13px;border-bottom:1px solid var(--line);background:#f8fafd}.matrix td{border-bottom:1px solid #edf0f5;padding:16px 13px;vertical-align:middle;font-variant-numeric:tabular-nums}.matrix tr:last-child td{border-bottom:0}.matrix td:first-child{font-weight:700}.matrix td.alert{color:#b66026;font-weight:800}.matrix td.quiet{color:#277b5d}.matrix .active td{background:#f0f5ff}.matrix small{display:block;color:#8a9aae;margin-top:4px;font-size:11px;font-weight:400}.under-table{font-size:11px;color:#69798f;line-height:1.8;margin:16px 10px 3px}
.gate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gate{border-radius:13px;border:1px solid var(--line);padding:22px;background:white;box-shadow:var(--shadow)}.gate .gate-mark{font-weight:850;font-size:11px;letter-spacing:.06em;color:var(--orange)}.gate.done .gate-mark{color:#278a6b}.gate h3{font-size:15px;margin:13px 0}.gate p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.gate .next{margin-top:14px;border-top:1px solid var(--line);padding-top:12px;font-size:11px;line-height:1.7;color:#506887}.footer{padding:30px 0;margin-top:42px;border-top:1px solid #dce4ed;display:flex;justify-content:space-between;gap:30px;color:#8998aa;font-size:11px;line-height:1.8}.footer strong{color:var(--ink)}
.axis-label{font-family:inherit;fill:#8897aa;font-size:10px}.chart-tip{fill:#1a2d48;stroke:#fff;stroke-width:1.5}.hover-guide{stroke:#7a94bd;stroke-width:1;stroke-dasharray:3 3;pointer-events:none}svg .plot-hit{cursor:crosshair}
@media (max-width:1100px){.filters{grid-template-columns:repeat(3,1fr)}.gate-grid{grid-template-columns:repeat(2,1fr)}.kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:780px){.shell{padding:19px 14px 40px}.topinner{height:62px;padding:0 16px}.crumb{display:none}.topright{font-size:10px;gap:9px}.hero{padding:29px 24px}.hero h1{font-size:30px}.kpis{gap:9px}.kpi{padding:16px}.kpi .value{font-size:25px}.section-heading h2{font-size:21px}.section-label{display:none}.filters{grid-template-columns:repeat(2,1fr);padding:14px}.twocol,.twocol.secondrow{grid-template-columns:1fr}.panel{padding:17px}.gate-grid{grid-template-columns:1fr}.footer{display:block}.chart{min-height:180px}.chart.short{min-height:165px}}
.quick-cases{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:-1px 0 15px;color:var(--muted);font-size:11px}.quick-cases span{font-weight:700;margin-right:3px}.quick-cases button{font:inherit;font-weight:700;font-size:11px;color:#43659e;border:1px solid #dce5f5;border-radius:9px;background:#f7faff;padding:9px 12px;cursor:pointer}.quick-cases button:hover,.quick-cases button.active{border-color:#8ba8e2;background:#ebf3ff}