:root{--bg-primary:#e8f0fb;--bg-secondary:#ffffffa6;--bg-card:#ffffffe0;--bg-card-hover:#fffffff7;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-muted:#cbd5e1;--border-color:#1890ff21;--border-light:#1890ff12;--shadow-card:0 2px 16px #0030780f,0 1px 4px #0000000a,inset 0 1px 0 #ffffffe6;--shadow-card-hover:0 8px 32px #0030781a,0 2px 8px #0000000f,inset 0 1px 0 #fffffff2;--shadow-glow-blue:0 0 24px #1890ff40;--shadow-glow-red:0 0 24px #ff4d4f40;--gradient-primary:linear-gradient(135deg,#1890ff 0%,#096dd9 100%);--gradient-primary-soft:linear-gradient(135deg,#1890ff1f 0%,#096dd90f 100%);--gradient-success:linear-gradient(135deg,#52c41a 0%,#389e0d 100%);--gradient-warning:linear-gradient(135deg,#faad14 0%,#d48806 100%);--gradient-danger:linear-gradient(135deg,#ff4d4f 0%,#cf1322 100%);--gradient-danger-soft:linear-gradient(135deg,#ff4d4f1f 0%,#cf13220f 100%);--gradient-accent:linear-gradient(135deg,#722ed1 0%,#531dab 100%);--color-primary:#1890ff;--color-success:#52c41a;--color-warning:#faad14;--color-danger:#ff4d4f;--color-info:#722ed1;--sidebar-bg:#0c1a2e;--sidebar-bg-item-hover:#1890ff1f;--sidebar-text:#ffffff8c;--sidebar-text-active:#fff;--sidebar-item-active-bg:linear-gradient(135deg,#1890ff,#0050b3)}[data-theme=dark]{--bg-primary:#080e1c;--bg-secondary:#ffffff0a;--bg-card:#ffffff0d;--bg-card-hover:#ffffff17;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-muted:#334155;--border-color:#ffffff17;--border-light:#ffffff0d;--shadow-card:0 2px 12px #00000059,inset 0 1px 0 #ffffff0f;--shadow-card-hover:0 6px 24px #00000080;--shadow-glow-blue:0 0 24px #177ddc4d;--shadow-glow-red:0 0 24px #d320294d;--gradient-primary:linear-gradient(135deg,#177ddc 0%,#0050b3 100%);--gradient-primary-soft:linear-gradient(135deg,#177ddc2e 0%,#0050b317 100%);--gradient-danger-soft:linear-gradient(135deg,#d320292e 0%,#a8071a17 100%);--gradient-success:linear-gradient(135deg,#49aa19 0%,#3c8618 100%);--gradient-warning:linear-gradient(135deg,#d89614 0%,#ad6800 100%);--gradient-danger:linear-gradient(135deg,#d32029 0%,#a8071a 100%);--color-primary:#177ddc;--color-success:#49aa19;--color-warning:#d89614;--color-danger:#d32029;--color-info:#9254de;--sidebar-bg:#060c18;--sidebar-text:#ffffff73;--sidebar-text-active:#fff;--sidebar-item-active-bg:linear-gradient(135deg,#177ddc,#0050b3)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;transition:background .3s,color .3s;position:relative}body:before{content:"";z-index:-1;pointer-events:none;filter:blur(48px);background-image:radial-gradient(80% 60% at 10% 15%,#1890ff21 0%,#0000 60%),radial-gradient(60% 50% at 90% 85%,#722ed117 0%,#0000 55%),radial-gradient(50% 40% at 75% 15%,#52c41a12 0%,#0000 45%),radial-gradient(40% 30% at 40% 90%,#1890ff0f 0%,#0000 40%);width:100vw;height:100vh;transition:opacity .5s;position:fixed;top:0;left:0}[data-theme=dark] body:before{filter:blur(64px);background-image:radial-gradient(80% 60% at 10% 15%,#177ddc2e 0%,#0000 60%),radial-gradient(60% 50% at 90% 85%,#9254de1f 0%,#0000 55%),radial-gradient(40% 30% at 60%,#177ddc0f 0%,#0000 40%)}.card,.section-card{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);box-shadow:var(--shadow-card);border-radius:16px;padding:24px;transition:all .35s cubic-bezier(.25,.8,.25,1)}.card:hover,.section-card:hover{box-shadow:var(--shadow-card-hover);background:var(--bg-card-hover);transform:translateY(-2px)}.stat-card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);background:#ffffff73;border-radius:12px;padding:16px 20px;transition:all .28s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff80,0 1px 6px #0000000a}[data-theme=dark] .stat-card{background:#ffffff0d;box-shadow:inset 0 1px #ffffff12}.stat-card:hover{background:#ffffffa6;transform:translateY(-2px);box-shadow:0 4px 16px #00307814,inset 0 1px #fff9}[data-theme=dark] .stat-card:hover{background:#ffffff17;transform:translateY(-2px)}.stat-card .stat-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1.2}.stat-card .stat-label{color:var(--text-tertiary);letter-spacing:.3px;margin-top:4px;font-size:12px}.stat-card .stat-trend{font-size:12px;font-weight:600}.stat-card .stat-trend.up{color:var(--color-danger)}.stat-card .stat-trend.down{color:var(--color-success)}.section-title-bar{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:14px;display:flex}.section-title-bar:before{content:"";background:var(--gradient-primary);border-radius:2px;flex-shrink:0;width:4px;height:20px;display:block}.section-title-bar .title-text{color:var(--text-primary);letter-spacing:.3px;font-size:15px;font-weight:700}.section-title-bar .title-icon{color:var(--color-primary);font-size:16px;line-height:1}.section-title-bar .title-badge{margin-left:4px}.kpi-big{font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-size:36px;font-weight:800;line-height:1.1}.kpi-big.danger{background:var(--gradient-danger);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.kpi-big.primary{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.kpi-big.success{background:var(--gradient-success);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.kpi-big.warning{background:var(--gradient-warning);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.kpi-big.neutral{color:var(--text-primary)}.progress-panel{border-radius:14px;padding:22px;transition:all .3s;position:relative;overflow:hidden}.progress-panel.danger-panel{background:var(--gradient-danger-soft);border:1px solid #ff4d4f2e}.progress-panel.primary-panel{background:var(--gradient-primary-soft);border:1px solid #1890ff2e}.progress-panel:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.mini-stat{text-align:center;border:1px solid var(--border-light);background:#ffffff80;border-radius:10px;padding:12px 6px;transition:all .2s}[data-theme=dark] .mini-stat{background:#ffffff0d}.mini-stat:hover{background:#ffffffb3}[data-theme=dark] .mini-stat:hover{background:#ffffff17}.mini-stat.danger-bg{background:#ff4d4f14;border-color:#ff4d4f33}.mini-stat.warning-bg{background:#faad1414;border-color:#faad1433}.mini-stat.success-bg{background:#52c41a14;border-color:#52c41a33}.mini-stat .mini-val{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:1.2}.mini-stat .mini-label{color:var(--text-tertiary);margin-top:3px;font-size:11px}.alert-red{color:var(--color-danger)!important}.alert-orange{color:var(--color-warning)!important}@keyframes pulse-ring{0%{opacity:.9;transform:scale(.8)}70%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(.8)}}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.pulse-dot{flex-shrink:0;justify-content:center;align-items:center;width:8px;height:8px;display:inline-flex;position:relative}.pulse-dot:before{content:"";background:var(--color-success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;position:absolute}.pulse-dot:after{content:"";background:var(--color-success);opacity:.5;border-radius:50%;width:8px;height:8px;animation:2s ease-out infinite pulse-ring;position:absolute}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-track{background:0 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(6px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-slide-left{animation:.35s forwards slideInLeft}.animate-count{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards countUp}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.level-bar{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 14px;transition:all .2s;display:flex}.level-bar:hover{background:#ffffffb3}[data-theme=dark] .level-bar:hover{background:#ffffff12}.level-bar .level-stripe{border-radius:2px;flex-shrink:0;width:3px;height:32px}