*{box-sizing:border-box}html,body,#root{width:100%;height:100%}html[data-theme=dark]{--bg: #050d1c;--bg-radial: rgba(29, 78, 156, .35);--text-1: #e8f4ff;--text-2: #cfe3ff;--text-3: #7ea6d8;--text-4: #5f7ea6;--accent: #37e2ff;--accent-soft: rgba(55, 226, 255, .12);--accent-glow: rgba(55, 226, 255, .3);--border: rgba(80, 130, 190, .45);--border-soft: rgba(60, 110, 170, .32);--panel-tint: rgba(10, 28, 54, .5);--hdr-btn-text: #8fd8ff;--hdr-btn-border: rgba(55, 226, 255, .55);--hdr-btn-bg: rgba(55, 226, 255, .1);--hdr-btn-hover: rgba(55, 226, 255, .22);--danger: #ff6b6b;--danger-border: rgba(255, 107, 107, .55);--danger-bg: rgba(255, 107, 107, .08);--warn: #ffb020;--ok: #2ee6a8;--chart-placeholder: #3d5a80;--switch-track: rgba(20, 46, 84, .85);--switch-active-bg: rgba(55, 226, 255, .16);--switch-active-text: #37e2ff}html[data-theme=light]{--bg: #eef3fb;--bg-radial: rgba(61, 130, 220, .2);--text-1: #10233f;--text-2: #23395c;--text-3: #4a6690;--text-4: #7a90ad;--accent: #1268cf;--accent-soft: rgba(18, 104, 207, .1);--accent-glow: rgba(18, 104, 207, .22);--border: rgba(30, 80, 150, .35);--border-soft: rgba(30, 80, 150, .22);--panel-tint: rgba(255, 255, 255, .72);--hdr-btn-text: #0f5cb8;--hdr-btn-border: rgba(18, 104, 207, .55);--hdr-btn-bg: rgba(18, 104, 207, .1);--hdr-btn-hover: rgba(18, 104, 207, .2);--danger: #cf3f3f;--danger-border: rgba(207, 63, 63, .55);--danger-bg: rgba(207, 63, 63, .08);--warn: #b57400;--ok: #0a9d6e;--chart-placeholder: #9db3cf;--switch-track: rgba(203, 220, 242, .95);--switch-active-bg: rgba(18, 104, 207, .14);--switch-active-text: #0f5cb8}body{margin:0;background:var(--bg);color:var(--text-2);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;transition:background .25s ease}.screen{min-height:100vh;padding:12px 20px 24px;background:radial-gradient(1200px 500px at 50% -10%,var(--bg-radial),transparent 70%),var(--bg);transition:background .25s ease}.screen-header{display:flex;align-items:center;justify-content:space-between;gap:14px;height:62px}.screen-title{flex-shrink:0;font-size:26px;font-weight:600;letter-spacing:6px;color:var(--text-1);text-shadow:0 0 18px var(--accent-glow)}html[data-theme=light] .screen-title{text-shadow:none}.screen-title .accent{color:var(--accent)}.screen-summary{display:flex;gap:28px;font-size:13px;color:var(--text-3);white-space:nowrap}.screen-summary b{font-size:17px;font-family:Consolas,Courier New,monospace;color:var(--accent)}.screen-summary b.spend{color:var(--warn)}.screen-header-right{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-3);white-space:nowrap}.hdr-clock{font-family:Consolas,Courier New,monospace;font-size:15px;color:var(--hdr-btn-text)}.hdr-btn{height:30px;padding:0 15px;border-radius:6px;border:1px solid var(--hdr-btn-border);background:var(--hdr-btn-bg);color:var(--hdr-btn-text);font-size:13px;letter-spacing:1px;cursor:pointer;transition:all .2s;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px}.hdr-btn:hover:not(:disabled){background:var(--hdr-btn-hover);box-shadow:0 0 12px var(--accent-glow)}.hdr-btn:disabled{opacity:.6;cursor:not-allowed}.hdr-btn.danger{color:var(--danger);border-color:var(--danger-border);background:var(--danger-bg)}.hdr-btn.danger:hover{background:#ff6b6b2e;box-shadow:0 0 12px #ff6b6b40}.theme-switch{position:relative;display:inline-flex;align-items:center;padding:3px;border-radius:999px;background:var(--switch-track);border:1px solid var(--border-soft)}.theme-switch-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:var(--switch-active-bg);border:1px solid var(--hdr-btn-border);transition:transform .22s ease}.theme-switch-thumb.right{transform:translate(100%)}.theme-switch-item{position:relative;z-index:1;width:66px;height:24px;border:none;background:transparent;border-radius:999px;color:var(--text-4);font-size:12px;font-family:inherit;letter-spacing:1px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:color .2s}.theme-switch-item.active{color:var(--switch-active-text)}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:4px}.chart-row,.chart-row-2{display:grid;grid-template-columns:3fr 2fr;gap:18px;margin-top:18px}.panel{padding:10px 14px 14px}.panel-title{font-size:14px;font-weight:500;color:var(--text-3);letter-spacing:2px;padding:2px 0 8px 6px;border-left:3px solid var(--accent);margin:0 0 8px 2px}.chart-empty{display:flex;align-items:center;justify-content:center;color:var(--chart-placeholder);font-size:13px;letter-spacing:2px}.pcard-body{padding:14px 22px 10px}.provider-head{display:flex;align-items:center;justify-content:space-between}.provider-name{font-size:17px;font-weight:600;letter-spacing:2px}.provider-status{font-size:12px;display:flex;align-items:center;gap:6px;color:var(--text-3)}.status-light{width:9px;height:9px;border-radius:50%;display:inline-block}.status-light.online{background:var(--ok);box-shadow:0 0 8px var(--ok)}.status-light.error{background:var(--danger);box-shadow:0 0 8px var(--danger)}.status-light.unknown{background:var(--text-4)}.provider-balance{display:flex;align-items:baseline;gap:10px;margin:10px 0 4px}.provider-balance .unit{font-size:15px;color:var(--text-3)}.provider-detail{display:flex;flex-wrap:wrap;gap:4px 22px;font-size:12px;color:var(--text-3);margin:4px 0 10px;min-height:18px}.provider-detail b{color:var(--text-2);font-weight:500}.provider-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px dashed var(--border-soft);padding-top:10px}.pstat{text-align:center}.pstat .v{font-size:17px;font-weight:600;color:var(--accent);font-family:Consolas,Courier New,monospace}.pstat .v.warn{color:var(--warn)}.pstat .v.danger{color:var(--danger)}.pstat .l{font-size:11px;color:var(--text-4);margin-top:2px}.provider-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:11px;color:var(--text-4)}.recharge-btn{cursor:pointer;border:1px solid var(--hdr-btn-border);color:var(--hdr-btn-text);background:var(--hdr-btn-bg);border-radius:4px;font-size:12px;padding:3px 12px;transition:all .2s;font-family:inherit}.recharge-btn:hover{background:var(--hdr-btn-hover);box-shadow:0 0 12px var(--accent-glow)}.provider-error{margin-top:6px;font-size:11px;color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:4px;padding:4px 8px;word-break:break-all}.screen-footer{text-align:center;font-size:11px;color:var(--text-4);margin-top:14px}.avail-tag{font-size:12px;color:var(--text-3)}.avail-tag b.ok{color:var(--ok)}.avail-tag b.warn{color:var(--warn)}.avail-tag b.danger{color:var(--danger)}.avail-tag b.none{color:var(--text-4)}.dv-scroll-board{color:var(--text-2)!important}.dv-scroll-board .header .header-item{color:var(--accent)}.qr-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0 4px}.qr-box{background:#fff;padding:14px;border-radius:10px;box-shadow:0 0 24px var(--accent-glow)}.qr-url{font-size:12px;color:var(--text-3);word-break:break-all;text-align:center}.qr-tip{font-size:13px;color:var(--text-2)}.qr-link{color:var(--accent);font-size:13px}.drawer-section{font-size:14px;color:var(--accent);margin-bottom:12px;letter-spacing:1px}.drawer-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.drawer-label{width:96px;font-size:13px;color:var(--text-3);flex-shrink:0}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(900px 420px at 50% 0%,var(--bg-radial),transparent 70%),var(--bg)}.login-card{width:380px;max-width:calc(100vw - 32px);border:1px solid var(--hdr-btn-border);border-radius:12px;background:var(--panel-tint);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 40px var(--accent-glow);padding:34px 34px 28px}.login-title{font-size:22px;letter-spacing:4px;color:var(--text-1);text-align:center;margin-bottom:6px}.login-title .accent{color:var(--accent)}.login-sub{text-align:center;font-size:12px;color:var(--text-4);margin-bottom:24px}.login-input{width:100%;height:42px;padding:0 14px;border-radius:8px;border:1px solid var(--border);background:var(--accent-soft);color:var(--text-1);font-size:14px;outline:none;margin-bottom:14px;font-family:inherit}.login-input::placeholder{color:var(--text-4)}.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.login-err{color:var(--danger);font-size:12px;margin-bottom:10px}.login-submit{width:100%;height:42px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:15px;font-weight:600;letter-spacing:4px;cursor:pointer;font-family:inherit;transition:opacity .2s}html[data-theme=dark] .login-submit{color:#04101f}.login-submit:disabled{opacity:.55;cursor:not-allowed}.login-foot{text-align:center;font-size:11px;color:var(--text-4);margin-top:16px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-soft);border-radius:4px}::-webkit-scrollbar-track{background:transparent}.admin-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.admin-stat-card{border:1px solid var(--border-soft);border-radius:10px;background:var(--panel-tint);padding:16px 18px;text-align:center}.admin-stat-card .v{font-size:26px;font-weight:600;color:var(--accent);font-family:Consolas,Courier New,monospace;min-height:34px;display:flex;align-items:center;justify-content:center}.admin-stat-card .l{font-size:12px;color:var(--text-4);margin-top:4px}.admin-table-wrap{margin-top:16px;border:1px solid var(--border-soft);border-radius:10px;background:var(--panel-tint);padding:14px 16px}.admin-table-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.setup-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:12px;padding:12px 18px;border:1px solid var(--hdr-btn-border);border-radius:10px;background:var(--hdr-btn-bg);color:var(--text-2);font-size:13px}.login-tabs{display:flex;gap:8px;margin-bottom:18px;background:var(--switch-track);border-radius:999px;padding:3px}.login-tab{flex:1;height:32px;border:none;border-radius:999px;background:transparent;color:var(--text-4);font-size:14px;letter-spacing:2px;cursor:pointer;font-family:inherit;transition:all .2s}.login-tab.active{background:var(--switch-active-bg);color:var(--switch-active-text);border:1px solid var(--hdr-btn-border)}.hdr-btn.admin{color:var(--switch-active-text);border-color:var(--hdr-btn-border);background:var(--switch-active-bg)}@media (max-width: 900px){.admin-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.admin-stats-row{grid-template-columns:repeat(2,1fr);gap:10px}.admin-stat-card .v{font-size:21px}}.page-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-3);font-size:14px;letter-spacing:2px;background:var(--bg)}@media (max-width: 1440px){.kpi-row{gap:12px}}@media (max-width: 1280px){.kpi-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.chart-row,.chart-row-2{grid-template-columns:1fr}.screen-summary{display:none}}@media (max-width: 1100px){.refresh-hint{display:none}.screen-header{height:auto;flex-wrap:wrap;justify-content:center;gap:10px;padding:8px 0}}@media (max-width: 768px){.screen{padding:8px 10px 16px}.screen-header{height:auto;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 0 6px}.screen-title{width:100%;text-align:center;font-size:17px;letter-spacing:2px}.screen-summary{display:flex;width:100%;justify-content:center;gap:18px;font-size:12px}.screen-summary b{font-size:15px}.screen-header-right{width:100%;justify-content:center;flex-wrap:wrap;gap:7px}.refresh-hint{display:none}.hdr-clock{font-size:12px}.hdr-btn{height:28px;padding:0 11px;font-size:12px;letter-spacing:0}.theme-switch-item{width:54px;height:22px;font-size:11px;gap:3px}.kpi-row,.chart-row,.chart-row-2{gap:12px;margin-top:12px}.kpi-row{grid-template-columns:1fr}.pcard-body{padding:12px 16px 10px}.provider-name{font-size:16px;letter-spacing:1px}.provider-detail{font-size:11px;gap:3px 14px}.pstat .v{font-size:15px}.pstat .l{font-size:10px}.panel{padding:8px 10px 10px}.panel-title{font-size:13px;letter-spacing:1px}.avail-tag{font-size:11px}.screen-footer{font-size:10px}.login-card{padding:26px 22px 22px}.login-title{font-size:19px;letter-spacing:2px}}@media (max-width: 400px){.screen-title{font-size:15px}.screen-summary{gap:12px;font-size:11px}.screen-summary b{font-size:14px}.hdr-btn{padding:0 9px;font-size:11px}.hdr-clock{font-size:11px}.theme-switch-item{width:48px;font-size:10px}.provider-balance .unit,.provider-detail{font-size:10px}}