.dashboard-wrap{width:100vw;height:100vh;background:linear-gradient(135deg,#0a1628,#132743,#0d2137);color:#fff;display:flex;flex-direction:column;font-family:PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}.dashboard-header{position:relative;height:70px;min-height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#0a1628,#1a3a5c,#0a1628);border-bottom:1px solid rgba(0,212,255,.3);overflow:hidden}.header-bg{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00d4ff,#ffd700,#00d4ff,transparent);background-size:200% 100%;animation:flow 3s linear infinite}@keyframes flow{0%{background-position:-200% 0}to{background-position:200% 0}}.header-title{font-size:26px;font-weight:700;background:linear-gradient(90deg,#00d4ff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:4px}.header-time{position:absolute;right:120px;font-size:16px;color:#a0c4ff;font-family:DIN Alternate,monospace}.header-status{position:absolute;right:20px;display:flex;align-items:center;gap:6px;font-size:13px;color:#a0c4ff}.status-dot{width:8px;height:8px;border-radius:50%}.connected{background:#67c23a;box-shadow:0 0 6px #67c23a}.disconnected{background:#f56c6c}.dashboard-main{flex:1;display:flex;gap:12px;padding:12px;min-height:0}.panel{background:#132743b3;border:1px solid rgba(0,212,255,.2);border-radius:6px;padding:12px;display:flex;flex-direction:column}.panel-left{flex:0 0 28%}.panel-center{flex:1}.panel-right{flex:0 0 28%}.panel-title{font-size:15px;font-weight:700;color:#00d4ff;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(0,212,255,.2)}.dept-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.dept-card{background:#00d4ff0f;border:1px solid rgba(0,212,255,.15);border-radius:6px;padding:8px 12px;text-align:center}.dept-name{font-size:13px;color:#a0c4ff}.dept-total{font-size:28px;font-weight:700;color:#fff;font-family:DIN Alternate,monospace;margin:4px 0}.dept-delta{display:flex;justify-content:center;gap:12px;font-size:12px}.delta-up{color:#67c23a}.delta-down{color:#f56c6c}.center-cards{display:flex;gap:12px;margin-bottom:12px}.center-card{flex:1;background:#00d4ff14;border:1px solid rgba(0,212,255,.2);border-radius:8px;padding:16px;text-align:center}.center-label{font-size:14px;color:#a0c4ff;margin-bottom:8px}.center-value{font-size:36px;font-weight:700;background:linear-gradient(180deg,gold,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:DIN Alternate,monospace}.chart-container{flex:1;min-height:0}