.system-overview-hero{align-items:flex-end;background:linear-gradient(135deg,#242426,#111);border:1px solid var(--gold-line);border-radius:28px;color:#fff;display:flex;justify-content:space-between;margin-bottom:18px;overflow:hidden;padding:32px;position:relative}.system-overview-hero:after{background:radial-gradient(circle,#d6b45c35,transparent 68%);content:"";height:320px;position:absolute;right:-90px;top:-170px;width:320px}.system-overview-hero>div{position:relative;z-index:1}.system-overview-hero h1{font-size:44px;letter-spacing:-.045em;margin:7px 0}.system-overview-hero p{color:#b8b4ac;margin:0;max-width:720px}.system-freshness{align-items:flex-end;display:grid;gap:5px;text-align:right}.system-freshness span{color:#d7b85f;font-size:11px;font-weight:750;letter-spacing:.08em}.system-freshness b{color:#ccc8c0;font-size:12px}.system-freshness button{background:#d6b45c1e;border:1px solid #d6b45c70;color:#efd589;margin-top:8px;min-height:40px;padding:0 15px}.system-summary-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.system-metric{background:var(--surface);border:1px solid var(--line);border-radius:19px;box-shadow:0 8px 28px #0000000b;min-height:120px;padding:18px;position:relative}.system-metric:before{background:var(--gold);border-radius:4px;content:"";height:3px;left:18px;position:absolute;right:18px;top:0}.system-metric small{color:var(--text-secondary);font-size:10px;font-weight:760;letter-spacing:.08em}.system-metric strong{color:var(--text);display:block;font-size:28px;letter-spacing:-.04em;line-height:1.1;margin:13px 0 5px;overflow-wrap:anywhere}.system-metric p{color:var(--text-secondary);font-size:11px;margin:0}.system-metric.warning:before{background:#e29d35}.system-metric.danger:before{background:#e14b43}.system-distributions{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.distribution-card{background:var(--surface);border:1px solid var(--line);border-radius:21px;padding:20px}.distribution-card h3{color:var(--text);margin:0 0 16px}.distribution-row{align-items:center;display:grid;font-size:11px;gap:9px;grid-template-columns:minmax(90px,1fr) 1.4fr 32px;margin:9px 0}.distribution-row span{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.distribution-row>div{background:var(--surface-muted);border-radius:20px;height:7px;overflow:hidden}.distribution-row i{background:linear-gradient(90deg,#8d6818,#d6b45c);border-radius:20px;display:block;height:100%}.distribution-row b{color:var(--text);text-align:right}.no-data{color:var(--text-secondary)}.system-stat-section{background:var(--surface);border:1px solid var(--line);border-radius:24px;margin:14px 0;overflow:hidden}.system-section-head{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:20px 22px}.system-section-head h2{color:var(--text);font-size:22px;margin:0}.system-section-head p{color:var(--text-secondary);font-size:12px;margin:5px 0 0}.system-section-head>span{background:var(--gold-soft);border:1px solid var(--gold-line);border-radius:999px;color:var(--gold-text);font-size:10px;font-weight:750;padding:6px 10px}.system-metric-grid{display:grid;gap:1px;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--line)}.system-metric-grid .system-metric{border:0;border-radius:0;box-shadow:none;min-height:116px}.system-loading{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:60px;text-align:center}.system-loading span{animation:system-spin 1s linear infinite;border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;display:block;height:36px;margin:0 auto 16px;width:36px}.system-loading p{color:var(--text-secondary)}@keyframes system-spin{to{transform:rotate(360deg)}}html[data-theme="dark"] .system-metric,html[data-theme="dark"] .distribution-card,html[data-theme="dark"] .system-stat-section{background:#1c1c1e;border-color:#393833}html[data-theme="dark"] .system-metric-grid{background:#393833}html[data-theme="dark"] .system-metric-grid .system-metric{background:#1c1c1e}@media(max-width:1100px){.system-summary-grid,.system-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-distributions{grid-template-columns:1fr}}@media(max-width:680px){.system-overview-hero{align-items:flex-start;flex-direction:column;gap:24px;padding:24px}.system-overview-hero h1{font-size:34px}.system-freshness{align-items:flex-start;text-align:left}.system-summary-grid,.system-metric-grid{grid-template-columns:1fr}.system-section-head{align-items:flex-start;gap:14px}.system-metric strong{font-size:25px}}