*{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#303133;background:#f5f7fa}:root{--zt-primary: #0b6bcb;--zt-primary-dark: #084f97;--zt-header-h: 56px;--zt-aside-w: 220px}.page{padding:16px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;gap:12px;flex-wrap:wrap}.page-title{font-size:18px;font-weight:600;margin:0;color:#1f2d3d}.page-subtitle{margin:4px 0 0;font-size:12px;color:#909399}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}.table-card{background:#fff;border-radius:6px;padding:14px}.pager{display:flex;justify-content:flex-end;margin-top:12px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:16px}.stat-card{background:#fff;border-radius:8px;padding:16px 18px;border-left:4px solid var(--zt-primary);box-shadow:0 1px 4px #0000000a}.stat-card.is-warn{border-left-color:#e6a23c}.stat-card.is-danger{border-left-color:#f56c6c}.stat-card.is-success{border-left-color:#67c23a}.stat-label{font-size:13px;color:#909399;display:flex;align-items:center;gap:6px}.stat-value{font-size:27px;font-weight:600;color:#1f2d3d;margin-top:8px;line-height:1.1}.stat-value small{font-size:13px;font-weight:400;color:#909399;margin-left:4px}.stat-extra{margin-top:6px;font-size:12px;color:#a0a4ab}.chart-card{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px}.chart-title{font-size:15px;font-weight:600;margin:0 0 12px;display:flex;justify-content:space-between;align-items:center}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:16px}.realtime-list{max-height:420px;overflow-y:auto}.realtime-item{display:flex;align-items:center;gap:12px;padding:9px 10px;border-bottom:1px dashed #ebeef5;font-size:13px}.realtime-item:last-child{border-bottom:none}.realtime-item.is-new{animation:flash 1.6s ease-out}@keyframes flash{0%{background:#ecf5ff}to{background:transparent}}.rt-time{color:#909399;font-variant-numeric:tabular-nums;flex-shrink:0}.rt-name{font-weight:600;min-width:62px}.rt-plate{color:#606266;font-variant-numeric:tabular-nums}.rt-device{color:#a0a4ab;font-size:12px;margin-left:auto;text-align:right}.mono{font-variant-numeric:tabular-nums;font-family:SF Mono,Menlo,Consolas,monospace}.empty-hint{text-align:center;color:#a0a4ab;padding:28px 0;font-size:13px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b6bcb,#084f97 55%,#052e5c);padding:24px}.login-card{width:100%;max-width:900px;background:#fff;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:1.05fr 1fr;box-shadow:0 18px 60px #00000040}.login-brand{background:linear-gradient(160deg,#0b6bcb,#052e5c);color:#fff;padding:44px 36px;display:flex;flex-direction:column;justify-content:space-between}.login-brand h1{font-size:25px;margin:0 0 10px;letter-spacing:1px}.login-brand .brand-logo{display:block;width:236px;max-width:100%;height:auto;margin-bottom:22px}.login-brand p{margin:0;color:#ffffffd1;font-size:13px;line-height:1.9}.login-feature{margin-top:26px;font-size:13px;color:#ffffffe6;line-height:2.1}.login-form{padding:40px 36px}.login-form h2{margin:0 0 6px;font-size:19px;color:#1f2d3d}.login-form .tip{color:#909399;font-size:12px;margin:0 0 22px}.demo-accounts{margin-top:18px;background:#f7f9fc;border:1px dashed #d9e1ef;border-radius:6px;padding:10px 12px;font-size:12px;color:#606266;line-height:1.95}.demo-accounts b{color:#0b6bcb}@media(max-width:860px){.login-card{grid-template-columns:1fr;max-width:440px}.login-brand{padding:26px 24px}.login-feature{display:none}}