:root{color:#e9f6ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 15% 20%,#3db3ff2e,#0000 30%),radial-gradient(circle at 82% 16%,#3b82f62e,#0000 28%),radial-gradient(circle at 50% 100%,#13c9cf1f,#0000 30%),#08111f;font-family:Segoe UI,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:0 0;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}#app{min-height:100vh;position:relative}#app:before{content:"";pointer-events:none;background-image:linear-gradient(#61e3ff0d 1px,#0000 1px),linear-gradient(90deg,#61e3ff0d 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 45%,#0000 100%);mask-image:radial-gradient(circle,#000 45%,#0000 100%)}.app-shell{grid-template-columns:320px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#07101fd6;border-right:1px solid #61e3ff1f;flex-direction:column;gap:28px;padding:32px 24px;display:flex;position:relative}.sidebar:after{content:"";pointer-events:none;border:1px solid #61e3ff14;border-radius:24px;position:absolute;inset:24px}.brand-block,.status-box{z-index:1;position:relative}.brand-kicker,.panel-kicker,.topbar-kicker,.status-label,.metric-label{letter-spacing:.24em;text-transform:uppercase;color:#69d8ff;margin:0;font-size:12px}.brand-block h1,.topbar h2,.panel h3{color:#f7fbff;margin:0;font-weight:700}.brand-block h1{margin-top:10px;font-size:34px;line-height:1.1}.brand-copy{color:#d7ebffc2;margin:14px 0 0;font-size:15px}.side-nav{z-index:1;gap:10px;display:grid;position:relative}.nav-link{color:#e9f6ffcc;background:#081223b8;border:1px solid #61e3ff1a;border-radius:16px;padding:14px 16px;transition:border-color .18s,background .18s,color .18s,transform .18s}.nav-link:hover,.nav-link.is-active{color:#fff;background:linear-gradient(135deg,#3db3ff2e,#0f1930e6);border-color:#61e3ff59;transform:translate(2px)}.status-box{background:#091427d1;border:1px solid #61e3ff1f;border-radius:22px;margin-top:auto;padding:18px;box-shadow:inset 0 1px #ffffff0a}.status-grid{gap:14px;margin-top:14px;display:grid}.status-grid span,.service-item p,.panel-copy,.metric-note,.bullet-list,.key-grid span{color:#d7ebffb8}.status-grid strong,.service-item strong,.metric-value,.key-grid strong{color:#f7fbff;margin-top:4px;font-weight:600;display:block}.main-shell{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid #61e3ff14;justify-content:space-between;align-items:flex-end;gap:24px;padding:28px 32px 20px;display:flex}.topbar h2{margin-top:8px;font-size:30px}.topbar-actions{flex-wrap:wrap;gap:12px;display:flex}.topbar-actions a{color:#dff7ff;background:#0c182db8;border:1px solid #61e3ff2e;border-radius:999px;padding:10px 16px}.content-area{padding:28px 32px 36px}.page-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.page-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{background:linear-gradient(#0d182deb,#070f1eeb);border:1px solid #61e3ff1f;border-radius:24px;padding:22px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 22px 60px #0000003d}.panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#61e3ff2e,#0000 70%);width:180px;height:180px;position:absolute;inset:-30% auto auto -10%}.hero-panel{min-height:220px}.panel h3{margin-top:12px;font-size:24px}.panel-copy{max-width:58ch;margin-top:14px}.metric-panel{flex-direction:column;justify-content:space-between;min-height:220px;display:flex}.metric-value{margin-top:18px;font-size:30px;line-height:1.2}.metric-note{margin-top:auto;padding-top:24px}.span-2{grid-column:span 2}.service-list{gap:12px;margin-top:18px;display:grid}.service-item{background:#081222ad;border:1px solid #61e3ff14;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.service-item p{margin:6px 0 0}.badge{color:#7de9ff;letter-spacing:.08em;text-transform:uppercase;background:#61e3ff1f;border:1px solid #61e3ff2e;border-radius:999px;justify-content:center;align-items:center;min-width:100px;padding:8px 12px;font-size:13px;display:inline-flex}.bullet-list{gap:12px;margin:18px 0 0;padding-left:20px;display:grid}.bullet-list li{padding-left:4px}.key-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.key-grid div{background:#081222ad;border:1px solid #61e3ff14;border-radius:18px;padding:16px}.status-grid-live{margin-top:18px}.info-banner{color:#dff7ff;background:#081222bd;border:1px solid #61e3ff24;border-radius:16px;margin-top:18px;padding:14px 16px}.info-banner.is-error{color:#ffd7de;background:#3c0e16d1;border-color:#ff6b8a52}.pair-list{gap:14px;margin-top:18px;display:grid}.pair-list div{background:#081222ad;border:1px solid #61e3ff14;border-radius:18px;padding:16px}.pair-list span{color:#d7ebffb8;display:block}.pair-list p{color:#f7fbff;word-break:break-word;margin:10px 0 0;line-height:1.7}.list-table{gap:12px;margin-top:18px;display:grid}.list-row{background:#081222ad;border:1px solid #61e3ff14;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.list-row.multi,.list-row.alert-row{align-items:flex-start}.list-row p{color:#d7ebffb8;margin:8px 0 0;line-height:1.65}.metric-tone-critical{background:#360e18bd;border:1px solid #ff6b8a47;border-radius:18px}.metric-tone-warning{background:#36240ebd;border:1px solid #ffbf5e47;border-radius:18px}.metric-tone-info{background:#081222ad;border:1px solid #61e3ff1f;border-radius:18px}.alert-row[data-severity=critical]{border-color:#ff6b8a47}.alert-row[data-severity=warning]{border-color:#ffbf5e47}.alert-meta{text-align:right;min-width:180px}.alert-meta span{color:#d7ebffb8;text-transform:uppercase;display:block}.alert-meta strong{color:#f7fbff;margin-top:8px;display:block}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #61e3ff1f;border-right:none}.sidebar:after{display:none}}@media (width<=920px){.page-grid,.page-grid.two-column{grid-template-columns:1fr}.span-2{grid-column:span 1}}@media (width<=720px){.topbar,.content-area,.sidebar{padding-left:18px;padding-right:18px}.topbar{flex-direction:column;align-items:flex-start}.key-grid{grid-template-columns:1fr}.service-item,.list-row,.alert-row{flex-direction:column;align-items:flex-start}.alert-meta{text-align:left;min-width:0}}