:root{color-scheme:light;--bg:#f7f8fa;--surface:#ffffff;--surface-muted:#f1f5f4;--surface-strong:#e8eef0;--border:#d8dee4;--border-strong:#b9c3cc;--text:#17212b;--muted:#66727f;--accent:#0f766e;--accent-strong:#0b5f59;--accent-soft:#d9f1ed;--info:#2563eb;--danger:#b42318;--danger-soft:#fff0ec;--warn:#9a6700;--radius:8px;--shadow:0 1px 2px rgba(15,23,42,0.06)}*{box-sizing:border-box}body,html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button:disabled{cursor:not-allowed;opacity:.62}.shell{min-height:100vh}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.page,.topbar-inner{width:min(1280px,calc(100vw - 32px));margin:0 auto}.topbar-inner{min-height:58px;justify-content:space-between;gap:18px}.brand,.topbar-inner{display:flex;align-items:center}.brand{gap:10px;font-weight:700}.brand-mark{display:grid;width:32px;height:32px;place-items:center;border-radius:var(--radius);background:#17212b;color:#fff}.top-actions{display:flex;align-items:center;gap:10px}.page{display:grid;grid-gap:16px;gap:16px;padding:24px 0 44px}.page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.hero-panel{display:grid;min-height:100vh;place-items:center;padding:32px 16px}.login-panel{width:min(440px,100%);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:28px}.login-panel h1,.page-title h1{margin:0;font-size:26px;line-height:1.2}.login-panel p,.page-title p{margin:7px 0 0;color:var(--muted);line-height:1.55}.login-widget{min-height:48px;margin-top:22px}.login-button{width:100%}.grid{display:grid;grid-gap:12px;gap:12px}.stats{grid-template-columns:repeat(5,minmax(0,1fr));margin:0}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.stat-card{min-height:86px;padding:14px}.stat-label{color:var(--muted);font-size:12px;font-weight:700}.stat-value{margin-top:8px;overflow-wrap:anywhere;font-size:24px;font-weight:700}.panel{padding:16px}.panel-header{justify-content:space-between;gap:16px;margin-bottom:12px}.panel-header,.panel-title{display:flex;align-items:center}.panel-title{gap:8px;font-size:16px;font-weight:700}.panel-copy{margin:5px 0 0;color:var(--muted);line-height:1.5}.search-form{display:flex;gap:8px;min-width:min(430px,100%)}.recharge-form{grid-template-columns:minmax(180px,240px) auto;grid-gap:8px}.recharge-form,.sku-form{display:grid;gap:8px;align-items:center}.sku-form{grid-template-columns:minmax(150px,220px) auto;grid-gap:8px}.settings-form{display:flex;align-items:center;gap:10px}.switch-row{display:inline-flex;min-height:42px;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);padding:0 12px;color:var(--text);font-weight:700}.switch-row input{width:18px;height:18px;accent-color:var(--accent)}.panel-footer-actions{display:flex;gap:8px;margin-top:12px}.input{width:100%;min-height:38px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--text);padding:0 11px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--text);padding:0 13px;cursor:pointer;white-space:nowrap}.button-primary{border-color:var(--accent);background:var(--accent);color:#fff}.button-danger{border-color:#f1b4aa;background:var(--danger-soft);color:var(--danger)}.button:hover{border-color:var(--accent)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.compact-table{margin-top:12px}table{width:100%;border-collapse:collapse;background:var(--surface)}td,th{border-top:1px solid var(--border);padding:11px 12px;text-align:left;vertical-align:middle;white-space:nowrap}thead th{border-top:0;background:var(--surface-muted)}th{color:var(--muted);font-size:12px;font-weight:700}tbody tr:hover{background:#fbfcfd}.user-link{color:var(--accent-strong);font-weight:700}.muted{color:var(--muted)}.badge{display:inline-flex;min-height:24px;align-items:center;border-radius:999px;background:var(--surface-strong);color:var(--text);padding:3px 9px;font-size:12px;font-weight:700}.badge-green{background:var(--accent-soft);color:var(--accent-strong)}.badge-red{background:var(--danger-soft);color:var(--danger)}.notice{border:1px solid var(--border);border-radius:var(--radius);background:#f8fafc;padding:10px 12px;margin-top:12px;line-height:1.5}.notice-red{border-color:#f1b4aa;background:var(--danger-soft);color:var(--danger)}.split{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px;margin-top:16px}.forms{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(120px,.7fr) minmax(180px,1.2fr) auto;grid-gap:10px;gap:10px}.small-form{display:flex;gap:8px}.small-form .input{min-width:150px}.plan-actions,.plan-control-form{display:flex;align-items:center;gap:8px}.percent-input{width:120px}.action-buttons{display:flex;align-items:center;gap:8px}.action-buttons form{display:flex;align-items:center;gap:12px}.compact-actions .button{min-height:34px;padding:0 10px}.check-row{display:inline-flex;min-height:38px;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);padding:0 12px;white-space:nowrap}.check-row input{width:16px;height:16px;accent-color:var(--accent)}.usage-box{display:grid;grid-gap:8px;gap:8px;min-width:230px}.usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px;width:100%}.return-panel{max-width:760px}.return-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:16px}.return-grid>div{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);padding:10px}.return-grid span,.return-grid strong{display:block}.return-grid strong{margin-top:4px;overflow-wrap:anywhere}.return-actions{display:flex;gap:10px;margin-top:18px}.usage-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);padding:8px;white-space:normal}.usage-item span{display:block;color:var(--muted);font-size:12px}.usage-item b{display:block;margin-top:3px;overflow-wrap:anywhere}.usage-wide{grid-column:1/-1}.usage-strong{color:var(--accent-strong)}.usage-error{color:var(--danger);font-size:13px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.empty{padding:28px;text-align:center;color:var(--muted)}.mono{font-family:SFMono-Regular,Consolas,monospace}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:980px){.forms,.return-grid,.split,.stats{grid-template-columns:1fr}.page-title-row,.panel-header,.recharge-form,.search-form,.sku-form,.topbar-inner{align-items:stretch;flex-direction:column}.recharge-form,.sku-form{display:flex}.topbar-inner{padding:12px 0}.top-actions{justify-content:space-between}.action-buttons,.action-buttons form,.plan-actions,.plan-control-form{align-items:stretch;flex-direction:column}.percent-input{width:100%}}