:root{--primary: #1d4ed8;--primary-600: #1e40af;--primary-50: #eff6ff;--text: #1f2937;--text-2: #6b7280;--text-3: #9ca3af;--border: #e5e7eb;--border-2: #eef1f6;--card: #ffffff;--bg: #f4f6fa;--green: #10b981;--red: #ef4444;--amber: #f59e0b;--cyan: #06b6d4;--side-w: 224px;--side-1: #0f172a;--side-2: #1e293b;--radius: 10px}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.admin-layout{display:flex;height:100%;overflow:hidden}.admin-sidebar{width:var(--side-w);flex:none;background:linear-gradient(180deg,var(--side-1) 0%,var(--side-2) 100%);display:flex;flex-direction:column;transition:width .22s;overflow:hidden}.admin-layout.collapsed .admin-sidebar{width:64px}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:16px 14px;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}.sidebar-logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#2563eb,#0ea5e9);display:flex;align-items:center;justify-content:center;color:#fff;flex:none}.sidebar-title{overflow:hidden}.sidebar-title strong{display:block;color:#fff;font-size:14.5px;letter-spacing:.5px;white-space:nowrap}.sidebar-title span{display:block;color:#ffffff6b;font-size:9.5px;letter-spacing:1.4px;white-space:nowrap}.admin-main{flex:1;min-width:0;display:flex;flex-direction:column}.admin-topbar{height:58px;flex:none;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.topbar-left{display:flex;align-items:center;gap:12px}.crumb{font-size:14px;color:var(--text)}.crumb em{font-style:normal;color:var(--text-3);margin-left:6px;font-size:12.5px}.topbar-right{display:flex;align-items:center;gap:10px}.user-box{display:flex;align-items:center;gap:9px;cursor:pointer;padding:4px 8px;border-radius:8px}.user-box:hover{background:var(--primary-50)}.user-meta strong{display:block;font-size:13px;line-height:1.3}.user-meta span{display:block;font-size:11.5px;color:var(--text-3)}.admin-content{flex:1;min-height:0;overflow:auto;padding:16px 18px 24px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.page-head h2{margin:0 0 4px;font-size:19px;font-weight:600}.page-head p{margin:0;font-size:12.5px;color:var(--text-3)}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 16px;background:#fff;border:1px solid var(--border-2);border-radius:var(--radius);margin-bottom:14px}.filter-bar .fi{display:flex;align-items:center;gap:6px}.filter-bar .fi>label{font-size:13px;color:var(--text-2);white-space:nowrap}.filter-bar .spacer{flex:1}.card{background:var(--card);border:1px solid var(--border-2);border-radius:var(--radius);overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-2)}.card-head h3{margin:0;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.card-head h3:before{content:"";width:3px;height:14px;background:var(--primary);border-radius:2px}.card-body{padding:16px}.card-desc{font-size:12px;color:var(--text-3)}.usage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.usage-item{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--bg);border:1px solid var(--border);border-radius:8px}.usage-num{font-size:22px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.2}.usage-label{font-size:12px;color:var(--text-3)}.data-actions{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:900px){.usage-grid{grid-template-columns:repeat(2,1fr)}}.tag{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:500;line-height:20px}.tag-normal{background:#ecfdf5;color:#047857}.tag-low{background:#ecfeff;color:#0e7490}.tag-mid{background:#fffbeb;color:#b45309}.tag-high{background:#fef2f2;color:#b91c1c}.tag-line{background:#f1f5f9;color:#475569}.tag-blue{background:var(--primary-50);color:var(--primary)}.tag-purple{background:#f5f3ff;color:#6d28d9}.stat-row{display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap}.stat-pill{flex:1;min-width:130px;background:#fff;border:1px solid var(--border-2);border-radius:var(--radius);padding:12px 14px;text-align:center}.stat-pill b{display:block;font-size:22px;font-weight:700;line-height:1.3}.stat-pill span{font-size:12px;color:var(--text-3)}.hint{font-size:12px;color:var(--text-3);margin-top:6px;line-height:1.6}.mono{font-variant-numeric:tabular-nums}.empty-text{color:var(--text-3);font-size:13px}:root{--table-font: 14px;--table-font-head: 14px;--table-row-pad: 12px;--table-cell-pad-x: 14px}.el-table{font-size:var(--table-font);--el-table-border-color: var(--border);--el-table-header-text-color: var(--text-2);--el-table-row-hover-bg-color: #f3f7ff}.el-table th.el-table__cell{background:#f7f9fc!important;color:var(--text-2);font-weight:600;font-size:var(--table-font-head);padding:14px 0;white-space:nowrap}.el-table td.el-table__cell{padding:var(--table-row-pad) 0}.el-table th.el-table__cell.is-leaf{border-bottom:1px solid var(--border)}.el-table .cell{padding-left:var(--table-cell-pad-x);padding-right:var(--table-cell-pad-x);line-height:1.65;font-variant-numeric:tabular-nums}.el-table .tag{font-size:var(--table-font);line-height:22px;padding:2px 10px}.el-table .hint,.el-table .card-desc{font-size:var(--table-font)}.el-table .cell .el-button.is-link{font-size:inherit}.table-empty{padding:40px 0;color:var(--text-3);font-size:var(--table-font)}.table-pager{padding:14px 16px;display:flex;justify-content:flex-end;border-top:1px solid var(--border-2);background:#fff}.el-card{--el-card-border-color: var(--border-2)}.screen-page{margin:0;padding:0;background:#050b18;color:#dbe7f7;overflow:hidden}.screen-root{height:100vh;width:100vw;overflow:hidden;position:relative;background:radial-gradient(1200px 600px at 50% -10%,rgba(30,64,120,.55),transparent 70%),linear-gradient(180deg,#050b18,#071426 60%,#050b18);display:flex;flex-direction:column;gap:10px;padding:12px 16px 14px}.screen-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(56,189,248,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.06) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.screen-root>*{position:relative;z-index:1}.sd-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 4px 10px;border-bottom:1px solid rgba(56,189,248,.22)}.sd-title{font-size:21px;font-weight:800;letter-spacing:1.8px;color:#eaf4ff;display:flex;align-items:center;gap:10px;text-shadow:0 0 18px rgba(34,211,238,.35)}.sd-title-dot{width:8px;height:8px;border-radius:50%;background:#22d3ee;box-shadow:0 0 10px #22d3ee}.sd-bar-right{display:flex;align-items:center;gap:16px}.sd-overview{display:flex;gap:18px}.sd-overview span{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}.sd-overview label{font-size:11px;color:#5b7396}.sd-overview b{font-size:16px;color:#7dd3fc;font-variant-numeric:tabular-nums}.sd-filter{flex:none;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:8px 14px;background:#0a1930b8;border:1px solid rgba(56,189,248,.2);border-radius:10px}.sd-filter :deep(.el-input__wrapper),.sd-filter :deep(.el-select__wrapper){background:#081428d9!important;box-shadow:0 0 0 1px #38bdf840 inset!important;color:#dbe7f7!important}.sd-filter :deep(.el-input__inner){color:#dbe7f7}.sd-filter label{color:#8ba3c7!important;font-size:11px!important}.chart-ph{display:flex;height:100%;align-items:center;justify-content:center;color:#5b7396;font-size:12.5px;text-align:center;padding:0 12px;letter-spacing:.5px}.sd-err{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border:1px solid rgba(248,113,113,.45);border-radius:8px;background:#f871711a;color:#ffd9d9;font-size:12.5px}.sd-kpi-row{flex:none;display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.sd-kpi{position:relative;overflow:hidden;display:flex;align-items:center;gap:9px;padding:9px 10px 11px;border-radius:10px;background:linear-gradient(135deg,#10264ae6,#09162de6);border:1px solid rgba(56,189,248,.16)}.sd-kpi:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:var(--kc);opacity:.85}.sd-kpi .k-ico{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--kc) 18%,transparent);color:var(--kc);flex:none}.sd-kpi .k-label{font-size:11px;color:#8ba3c7;white-space:nowrap}.sd-kpi .k-value{font-size:19px;font-weight:800;line-height:1.2;color:var(--kc);font-variant-numeric:tabular-nums}.sd-kpi .k-sub{font-size:10px;color:#5b7396;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-main{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}.sd-cell{display:flex;flex-direction:column;min-height:0;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,#0c1e3ce0,#071226eb);border:1px solid rgba(56,189,248,.16)}.sd-cell-head{flex:none;display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:8px 12px 7px;border-bottom:1px solid rgba(56,189,248,.14)}.sd-cell-head h3{margin:0;font-size:13px;letter-spacing:.6px;font-weight:700;color:#eaf4ff;display:flex;align-items:center;gap:7px}.sd-hdot{width:7px;height:7px;border-radius:50%;display:inline-block}.sd-cell-body{flex:1;min-height:0;padding:6px 8px 8px;display:flex;flex-direction:column;overflow:hidden}.sd-cell-body.flush{padding:0}.chart-box{flex:1;min-height:0;width:100%}.sd-table-wrap{flex:1;min-height:0;overflow:auto}.sd-table{width:100%;border-collapse:collapse;font-size:11.5px}.sd-table th,.sd-table td{padding:5px 8px;text-align:left;border-bottom:1px solid rgba(56,189,248,.1);white-space:nowrap}.sd-table th{color:#7dd3fc;font-size:11px;font-weight:600;background:#0e244699;position:sticky;top:0}.sd-table td{color:#b9cce6;font-variant-numeric:tabular-nums}.sd-table tfoot td{color:#7dd3fc;font-weight:700;border-top:1px solid rgba(56,189,248,.28)}.sd-table .strong{color:#eaf4ff;font-weight:600}.sd-tag-high{background:#f8717129;color:#f87171}.sd-tag-mid{background:#fbbf2429;color:#fbbf24}.sd-tag-normal{background:#34d39929;color:#34d399}@media(max-width:1500px){.sd-kpi-row{grid-template-columns:repeat(4,1fr)}}@media(max-width:1100px){.screen-root{height:auto;min-height:100vh;overflow:visible}.sd-kpi-row{grid-template-columns:repeat(2,1fr)}.sd-main{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,minmax(300px,auto))}.chart-box{min-height:220px}}