.layout[data-v-a3710715]{display:flex;height:100vh}.sidebar[data-v-a3710715]{width:200px;min-width:200px;background:#0d1b2e;border-right:1px solid #1b3a5c;display:flex;flex-direction:column}.logo[data-v-a3710715]{font-size:20px;font-weight:700;color:#00d68f;padding:24px 20px 4px}.logo-sub[data-v-a3710715]{font-size:12px;color:#6b85a5;padding:0 20px 20px}nav[data-v-a3710715]{flex:1;padding:12px 10px}.nav-item[data-v-a3710715]{display:block;padding:12px 16px;margin-bottom:8px;color:#a8c3e0;text-decoration:none;border-radius:6px;font-size:14px}.nav-item.router-link-active[data-v-a3710715]{background:#1b3a5c;color:#00d68f}.sidebar-footer[data-v-a3710715]{padding:12px 20px;display:flex;justify-content:space-between;color:#6b85a5;font-size:13px}.mobile-link[data-v-a3710715]{cursor:pointer}.mobile-link[data-v-a3710715]:hover{color:#00c2ff}.logout-link[data-v-a3710715]{cursor:pointer}.logout-link[data-v-a3710715]:hover{color:#f97316}.main[data-v-a3710715]{flex:1;overflow:auto;background:#0a1628}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a1628;--panel: rgba(13, 27, 46, .85);--border: #1b3a5c;--border-glow: rgba(0, 214, 143, .35);--text: #e6f1ff;--muted: #6b85a5;--green: #00d68f;--cyan: #00c2ff;--blue: #3b82f6;--yellow: #fbbf24;--orange: #f97316;--red: #ef4444}body{background:var(--bg);color:var(--text);font-family:PingFang SC,Microsoft YaHei,-apple-system,sans-serif;font-size:14px;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#1b3a5c;border-radius:4px}::-webkit-scrollbar-track{background:transparent}.panel{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px;box-shadow:0 0 18px #00c2ff0f,inset 0 0 24px #00c2ff08}.panel:before,.panel:after{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--green);opacity:.7}.panel:before{top:-1px;left:-1px;border-right:none;border-bottom:none;border-top-left-radius:8px}.panel:after{bottom:-1px;right:-1px;border-left:none;border-top:none;border-bottom-right-radius:8px}.panel-title{font-size:15px;font-weight:600;margin-bottom:12px;color:#cfe3ff;display:flex;align-items:center;gap:8px;letter-spacing:1px}.panel-title:before{content:"";width:4px;height:16px;background:linear-gradient(180deg,var(--green),var(--cyan));border-radius:2px;box-shadow:0 0 8px var(--green)}.level-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}.lv-normal{color:var(--green)}.lv-blue{color:var(--blue)}.lv-yellow{color:var(--yellow)}.lv-orange{color:var(--orange)}.lv-red{color:var(--red)}.bg-normal{background:var(--green)}.bg-blue{background:var(--blue)}.bg-yellow{background:var(--yellow)}.bg-orange{background:var(--orange)}.bg-red{background:var(--red)}.dot-normal{background:var(--green);box-shadow:0 0 6px var(--green)}.dot-blue{background:var(--blue);box-shadow:0 0 6px var(--blue)}.dot-yellow{background:var(--yellow);box-shadow:0 0 6px var(--yellow)}.dot-orange{background:var(--orange);box-shadow:0 0 6px var(--orange)}.dot-red{background:var(--red);box-shadow:0 0 6px var(--red);animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.gradient-text{background:linear-gradient(90deg,#00d68f,#00c2ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.kpi-num{font-variant-numeric:tabular-nums;font-family:DIN Alternate,Arial,sans-serif;text-shadow:0 0 12px currentColor}.panel{transition:border-color .3s,box-shadow .3s}.panel:hover{border-color:var(--cyan);box-shadow:0 0 22px #00c2ff24,inset 0 0 24px #00c2ff0d}button{font-family:inherit}.btn-primary{padding:10px 22px;background:linear-gradient(135deg,var(--green),var(--cyan));color:#06251a;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:opacity .2s,transform .2s}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-ghost{padding:8px 16px;background:transparent;border:1px solid var(--border);color:var(--text);border-radius:6px;cursor:pointer;font-size:13px;transition:border-color .2s,color .2s}.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}table{border-collapse:collapse}th{color:var(--muted);font-weight:600}