:root{--bg: #ffffff;--bg-soft: #fafbfc;--bg-hover: #f7f8fa;--line: #eef0f4;--line-2: #f4f5f7;--text: #1d2129;--text-2: #4e5969;--text-3: #86909c;--muted: #a9aeb8;--brand: #165dff;--brand-soft: #eef4ff;--green: #00a72a;--green-soft: #e8ffea;--orange: #d25f00;--orange-soft: #fff7e8;--red: #e5342b;--red-soft: #ffece8;--violet: #722ed1;--violet-soft: #f5e8ff;--radius: 12px;--shadow-sm: 0 1px 2px rgba(29, 33, 41, .04);--shadow-md: 0 6px 20px rgba(29, 33, 41, .07)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Inter,sans-serif;font-size:13px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}::selection{background:#d6e4ff}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-thumb{background:#e0e2e7;border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:#c9ccd2}*::-webkit-scrollbar-track{background:transparent}.page{display:flex;flex-direction:column;gap:14px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-title{margin:0;font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.3;color:var(--text)}.page-sub{margin:3px 0 0;font-size:12px;color:var(--text-3)}.head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.grid{display:grid;gap:14px}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g-main{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.g-main-r{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}@media(max-width:1180px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g-main,.g-main-r{grid-template-columns:minmax(0,1fr)}}@media(max-width:720px){.g4,.g3,.g2{grid-template-columns:minmax(0,1fr)}}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px 11px}.panel-t{font-size:13px;font-weight:600;color:var(--text);letter-spacing:-.005em}.panel-sub{font-size:11.5px;color:var(--muted);font-weight:400;margin-left:6px}.panel-b{padding:0 16px 16px}.panel-b.pad{padding:16px}.panel-b.flush{padding:0}.kpi{padding:15px 16px 14px;display:flex;flex-direction:column;gap:7px;min-height:96px}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-label{font-size:12px;color:var(--text-3)}.kpi-chip{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand);font-size:14px}.kpi-chip.green{background:var(--green-soft);color:var(--green)}.kpi-chip.orange{background:var(--orange-soft);color:var(--orange)}.kpi-chip.violet{background:var(--violet-soft);color:var(--violet)}.kpi-value{font-size:26px;font-weight:600;line-height:1.1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.kpi-unit{font-size:12px;font-weight:400;color:var(--text-3);margin-left:4px;letter-spacing:0}.kpi-foot{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:4px}.kpi-foot .up{color:var(--green)}.kpi-foot .down{color:var(--red)}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:18px;padding:1px 8px;border-radius:999px;background:var(--bg-hover);color:var(--text-3);white-space:nowrap}.pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.pill.green{background:var(--green-soft);color:var(--green)}.pill.orange{background:var(--orange-soft);color:var(--orange)}.pill.red{background:var(--red-soft);color:var(--red)}.pill.blue{background:var(--brand-soft);color:var(--brand)}.pill.gray{background:#f2f3f5;color:#86909c}.tag-soft{display:inline-flex;align-items:center;font-size:11px;line-height:18px;padding:0 6px;border-radius:4px;background:#f2f3f5;color:var(--text-3)}.tag-soft.blue{background:var(--brand-soft);color:var(--brand)}.tag-soft.green{background:var(--green-soft);color:var(--green)}.tag-soft.orange{background:var(--orange-soft);color:var(--orange)}.usage{display:flex;flex-direction:column;gap:5px}.usage-top{display:flex;align-items:baseline;justify-content:space-between;font-size:12px}.usage-name{color:var(--text-2)}.usage-val{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:11.5px}.bar{height:5px;background:#f2f3f5;border-radius:3px;overflow:hidden}.bar>i{display:block;height:100%;border-radius:3px;background:var(--brand);transition:width .45s cubic-bezier(.2,.8,.2,1)}.bar.green>i{background:#23c343}.bar.orange>i{background:#ff9a2e}.bar.red>i{background:#f76560}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;border-bottom:1px solid var(--line-2);font-size:12.5px}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--bg-soft)}.list-main{min-width:0}.list-title{color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-sub{color:var(--muted);font-size:11.5px;margin-top:1px}.muted{color:var(--text-3)}.tiny{font-size:11.5px}.num{font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.link{color:var(--brand);cursor:pointer}.link:hover{opacity:.78}.divider{height:1px;background:var(--line);margin:12px 0}.dot{width:3px;height:3px;border-radius:50%;background:#c9cdd4;display:inline-block;vertical-align:middle;margin:0 6px}.empty{padding:44px 16px;text-align:center;color:var(--muted);font-size:12px}.empty-icon{font-size:26px;opacity:.35;margin-bottom:8px}.chart{width:100%}.arco-card{border-radius:var(--radius);border:1px solid var(--line);box-shadow:none}.arco-card-header{padding:12px 16px;border-bottom:1px solid var(--line-2)}.arco-card-header-title{font-size:13px;font-weight:600}.arco-btn{border-radius:6px;font-size:13px}.arco-btn-size-small{height:28px;padding:0 10px;font-size:12.5px}.arco-btn-primary{box-shadow:0 1px 2px #165dff29}.arco-btn-text:hover{background:var(--bg-hover)}.arco-input-wrapper,.arco-select-view,.arco-textarea-wrapper,.arco-input-number,.arco-picker{border-radius:6px;font-size:13px}.arco-input-wrapper{background:#fff}.arco-input-wrapper:hover,.arco-select-view:hover{background:#fff;border-color:#c9cdd4}.arco-input-wrapper.arco-input-focus,.arco-select-view-focus{background:#fff}.arco-form-item{margin-bottom:14px}.arco-form-item-label-col>.arco-form-item-label{font-size:12.5px;color:var(--text-2)}.arco-form-item-message{font-size:11.5px}.arco-tabs-tab{font-size:13px;height:38px;padding:0 1px;margin-right:22px;color:var(--text-3)}.arco-tabs-tab-active,.arco-tabs-tab:hover{color:var(--text)}.arco-tabs-tab-active{font-weight:500}.arco-tabs-nav-ink{background:var(--brand);height:2px}.arco-tabs-nav:before{background:var(--line)}.arco-table .arco-table-th{height:auto;padding:8px 12px;font-size:11.5px;font-weight:500;color:var(--text-3);background:transparent;letter-spacing:.01em}.arco-table .arco-table-th-title{font-size:11.5px;font-weight:500}.arco-table .arco-table-cell{padding:0}.arco-table .arco-table-td{height:auto;padding:9px 12px;font-size:12.5px;color:var(--text);border-bottom:1px solid var(--line-2)}.arco-table .arco-table-tr:hover .arco-table-td{background:var(--bg-soft)}.arco-table .arco-table-tr:last-child .arco-table-td{border-bottom:none}.arco-table-container:before{display:none}.arco-table-border .arco-table-td,.arco-table-border .arco-table-th{border-right:none}.arco-tag{border-radius:4px;font-size:11.5px}.arco-switch{vertical-align:middle}.arco-modal{border-radius:14px;box-shadow:0 16px 48px #1d212929}.arco-modal-header{height:52px;padding:0 20px;border-bottom:1px solid var(--line-2)}.arco-modal-title{font-size:14px;font-weight:600}body .arco-modal-body{padding:20px 20px 24px!important}.arco-modal-footer{padding:12px 20px 18px}.arco-drawer{border-radius:10px 0 0 10px}.arco-drawer-header{height:54px;padding:0 20px;border-bottom:1px solid var(--line-2)}.arco-drawer-title{font-size:14px;font-weight:600}body .arco-drawer-body{padding:20px 20px 28px!important}.arco-drawer-footer{padding:12px 20px;border-top:1px solid var(--line-2)}.arco-dropdown-menu{border-radius:10px;box-shadow:var(--shadow-md);padding:4px}.arco-dropdown-option{border-radius:6px;font-size:12.5px;height:30px;line-height:30px}.arco-progress-line{border-radius:3px}.arco-message{border-radius:8px;box-shadow:var(--shadow-md);font-size:12.5px}.arco-tooltip-content{border-radius:6px;font-size:11.5px}.arco-pagination{font-size:12px}.arco-empty{padding:32px 0}.page-head>div:first-child{min-width:0}.head-actions{flex-shrink:0}.arco-drawer-footer{padding:10px 20px;background:#fff;border-top:1px solid var(--line-2)}.arco-modal-footer{padding:12px 20px}.arco-drawer-body>*:last-child{margin-bottom:6px}body .arco-drawer-footer{padding:12px 20px 18px!important}