:root{--c-pv: #16C784;--c-storage: #F59E0B;--c-grid-buy: #3B82F6;--c-grid-sell: #06B6D4;--c-load: #8B5CF6;--c-alarm: #EF4444;--st-ok: #16C784;--st-info: #3B82F6;--st-warning: #F59E0B;--st-fault: #EF4444;--bg-deep: #0B1220;--panel-deep: #111C2E;--panel-deep-2: #16223A;--line-deep: #22304E;--bg-light: #F7F8FA;--card-light: #FFFFFF;--line-light: #E5E7EB;--ink: #1F2937;--ink-2: #6B7280;--ink-3: #9CA3AF;--ink-deep: #D6DEEB;--ink-deep-2: #8494B4;--font-num: "SFMono-Regular", "Roboto Mono", "JetBrains Mono", "Menlo", "Consolas", monospace;--font-sans: -apple-system, "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;--nav-w: 224px;--topbar-h: 56px;--radius: 8px;--shadow: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .14)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--font-sans);font-size:14px;color:var(--ink);background:var(--bg-light);-webkit-font-smoothing:antialiased}.num,.tabular{font-variant-numeric:tabular-nums;font-family:var(--font-num)}a{color:inherit;text-decoration:none}.theme-dark{background:var(--bg-deep);color:var(--ink-deep)}.theme-dark .panel{background:var(--panel-deep);border-color:var(--line-deep)}.theme-dark .muted{color:var(--ink-deep-2)}.theme-light{background:var(--bg-light);color:var(--ink)}.theme-light .panel{background:var(--card-light);border-color:var(--line-light)}.theme-light .muted{color:var(--ink-2)}.app-shell{display:flex;height:100vh;overflow:hidden}.app-main{flex:1;display:flex;flex-direction:column;min-width:0}.app-content{flex:1;overflow:auto;padding:20px 24px 32px}.side-nav{width:var(--nav-w);flex-shrink:0;height:100%;overflow-y:auto;border-right:1px solid var(--line-light);background:#fff;padding:12px 8px 24px}.theme-dark .side-nav{background:#0d1524;border-color:var(--line-deep)}.side-brand{display:flex;align-items:center;gap:8px;padding:6px 10px 14px;font-weight:700;font-size:15px}.side-brand .logo{width:26px;height:26px;border-radius:6px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--c-pv),var(--c-grid-buy));font-size:14px}.nav-group{margin-top:10px}.nav-group-title{font-size:11px;letter-spacing:.05em;color:var(--ink-3);padding:4px 10px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;color:var(--ink);font-size:13.5px;cursor:pointer;margin:1px 0}.theme-dark .nav-item{color:var(--ink-deep)}.nav-item:hover{background:#3b82f614}.nav-item.active{background:#3b82f624;color:var(--c-grid-buy);font-weight:600}.nav-item .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.nav-item .p2-tag{margin-left:auto;font-size:10px;color:var(--ink-3);border:1px solid var(--line-light);border-radius:4px;padding:0 4px}.nav-item .dep-tag{margin-left:auto;font-size:10px;color:#b45309;border:1px solid rgba(245,158,11,.55);border-radius:4px;padding:0 4px}.topbar{height:var(--topbar-h);flex-shrink:0;display:flex;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid var(--line-light);background:#fff}.theme-dark .topbar{background:var(--panel-deep);border-color:var(--line-deep)}.topbar .crumb{font-weight:600;font-size:15px}.topbar .spacer{flex:1}.topbar .ctrl{display:flex;align-items:center;gap:6px}.bell{position:relative;cursor:pointer;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;border:1px solid var(--line-light)}.bell .badge-count{position:absolute;top:-6px;right:-6px;background:var(--c-alarm);color:#fff;font-size:10px;border-radius:10px;padding:1px 5px}select.ctl,.ctl{height:32px;border-radius:6px;border:1px solid var(--line-light);background:#fff;padding:0 10px;font-size:13px;color:var(--ink)}.theme-dark select.ctl,.theme-dark .ctl{background:var(--panel-deep-2);border-color:var(--line-deep);color:var(--ink-deep)}.seg{display:inline-flex;border:1px solid var(--line-light);border-radius:6px;overflow:hidden}.seg button{border:0;background:transparent;padding:6px 12px;font-size:12.5px;cursor:pointer;color:var(--ink-2)}.seg button.on{background:var(--c-grid-buy);color:#fff}.panel{border:1px solid var(--line-light);border-radius:var(--radius);background:#fff}.panel-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line-light)}.theme-dark .panel-head{border-color:var(--line-deep)}.panel-head .title{font-weight:600;font-size:14px}.panel-body{padding:14px}.grid{display:grid;gap:14px}.page-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.page-head h1{font-size:20px;margin:0;font-weight:700}.page-head .sub{color:var(--ink-2);font-size:13px}.theme-dark .page-head .sub{color:var(--ink-deep-2)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 8px;border-radius:20px;font-weight:600;white-space:nowrap}.badge.custom{border:1px solid currentColor;background:transparent}.badge.p2{color:var(--ink-3);border:1px solid var(--line-light)}.badge-layer{color:#fff}.stat-card{padding:14px;border-radius:var(--radius)}.stat-card .k-label{font-size:12.5px;color:var(--ink-2)}.theme-dark .stat-card .k-label{color:var(--ink-deep-2)}.stat-card .k-value{font-size:26px;font-weight:700;line-height:1.15;margin:4px 0 2px}.stat-card .k-value small{font-size:13px;font-weight:500;color:var(--ink-3);margin-left:2px}.stat-card .k-delta{font-size:12px}.k-delta.up{color:var(--c-pv)}.k-delta.down{color:var(--c-alarm)}.stat-card .k-signal{font-size:10px;color:var(--ink-3);margin-top:2px}.accent-top{border-top:3px solid transparent}.status-dot{display:inline-flex;align-items:center;gap:5px;font-size:12.5px}.status-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px currentColor;opacity:.9}.status-ok{color:var(--st-ok)}.status-info{color:var(--st-info)}.status-warning{color:var(--st-warning)}.status-fault{color:var(--st-fault)}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th,.tbl td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line-light)}.theme-dark .tbl th,.theme-dark .tbl td{border-color:var(--line-deep)}.tbl th{font-weight:600;color:var(--ink-2);font-size:12px;background:#94a3b80f}.tbl tbody tr:hover{background:#3b82f60d}.tbl .num{text-align:right}.pager{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:10px 4px;font-size:12.5px;color:var(--ink-2)}.chart{width:100%}.flow-link{stroke-linecap:round}.flow-node-label{font-size:12px;fill:var(--ink)}.theme-dark .flow-node-label{fill:var(--ink-deep)}.empty-state{padding:40px 20px;text-align:center;color:var(--ink-3);font-size:13px}.spin{display:inline-block;width:16px;height:16px;border:2px solid var(--line-light);border-top-color:var(--c-grid-buy);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 700px at 20% -10%,#16324f,#0b1220 60%)}.login-card{width:380px;background:var(--panel-deep);border:1px solid var(--line-deep);border-radius:12px;padding:32px 30px;color:var(--ink-deep)}.login-card h1{font-size:20px;margin:0 0 4px}.login-field{margin-top:16px}.login-field label{display:block;font-size:12px;color:var(--ink-deep-2);margin-bottom:6px}.login-field input{width:100%;height:38px;border-radius:8px;border:1px solid var(--line-deep);background:var(--bg-deep);color:var(--ink-deep);padding:0 12px;font-size:14px}.btn-primary{display:block;width:100%;height:40px;margin-top:22px;border:0;border-radius:8px;background:linear-gradient(135deg,var(--c-pv),var(--c-grid-buy));color:#fff;font-size:14px;font-weight:600;cursor:pointer}.muted{color:var(--ink-2)}.flex{display:flex}.flex.gap{gap:12px}.items-center{align-items:center}.justify-between{justify-content:space-between}.mt8{margin-top:8px}.mt16{margin-top:16px}.mb8{margin-bottom:8px}.mb16{margin-bottom:16px}.w100{width:100%}