:root{color-scheme:light;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;--bg: #f6f7f9;--panel: #ffffff;--text: #1b1f27;--muted: #647084;--line: #dfe4ea;--brand: #0f766e;--brand-dark: #115e59;--accent: #b45309;--danger: #c2410c;--success-bg: #dcfce7;--success: #166534;--error-bg: #fee2e2;--error: #991b1b;--warn-bg: #fef3c7;--warn: #92400e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.loading,.loginShell{min-height:100vh;display:grid;place-items:center;padding:24px}.loginShell{background:linear-gradient(135deg,rgba(15,118,110,.16),transparent 42%),linear-gradient(315deg,rgba(180,83,9,.16),transparent 45%),#f7faf9}.loginPanel{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:32px;box-shadow:0 24px 80px #0f172a1f}.loginPanel h1{margin:16px 0 24px;font-size:28px;letter-spacing:0}.brandMark{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:var(--brand);color:#fff}.brandMark.small{width:32px;height:32px}.stack,.formPanel{display:grid;gap:14px}label{display:grid;gap:7px;color:var(--muted);font-size:13px}input,select{width:100%;border:1px solid var(--line);border-radius:6px;min-height:40px;padding:0 12px;background:#fff;color:var(--text)}select[multiple]{min-width:280px;height:42px;padding:8px 34px 8px 12px}input:focus,select:focus{outline:2px solid rgba(15,118,110,.22);border-color:var(--brand)}.passwordField{display:grid;grid-template-columns:1fr 42px;gap:8px}.primaryButton,.secondaryButton,.fileButton{min-height:40px;border:0;border-radius:6px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:var(--brand);cursor:pointer;text-decoration:none;white-space:nowrap}.primaryButton:hover{background:var(--brand-dark)}.primaryButton:disabled{opacity:.6;cursor:wait}.secondaryButton,.fileButton{background:#334155}.compact{min-height:36px}.iconButton{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--text);cursor:pointer}.iconButton:hover{border-color:var(--brand);color:var(--brand)}.iconButton.danger:hover{border-color:var(--danger);color:var(--danger)}.errorText{margin:0;color:var(--error);font-size:13px}.appShell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{min-height:100vh;background:#111827;color:#f8fafc;padding:18px;display:flex;flex-direction:column;gap:20px}.sideBrand{display:flex;align-items:center;gap:10px;padding:4px 4px 12px}nav{display:grid;gap:8px}.navItem{width:100%;border:0;border-radius:6px;min-height:42px;padding:0 12px;display:flex;align-items:center;gap:10px;color:#cbd5e1;background:transparent;cursor:pointer;text-align:left}.navItem:hover,.navItem.active{color:#fff;background:#ffffff1a}.logout{margin-top:auto}.content{min-width:0;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.topbar p{margin:0 0 6px;color:var(--muted);font-size:13px}.topbar h1{margin:0;display:flex;align-items:center;gap:10px;font-size:26px;letter-spacing:0}.userPill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px;min-width:0}.splitGrid{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:16px;align-items:start}.singleGrid,.rechargeLayout{display:grid;gap:16px}.filterGrid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr)) auto auto;gap:12px;align-items:end}.statsGrid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-top:14px}.statsGrid div{border:1px solid var(--line);border-radius:6px;padding:12px;background:#f8fafc;display:grid;gap:5px}.statsGrid span,.statsGrid small{color:var(--muted);font-size:12px}.statsGrid strong{font-size:22px;letter-spacing:0}.sectionTitle,.toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap}.sectionTitle h2{margin:0;font-size:18px;letter-spacing:0}.toolbar{justify-content:flex-start}.selectAll,.checkLine{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.selectAll input,.checkLine input,td input[type=checkbox]{width:16px;height:16px;min-height:16px;padding:0}.checkGroup{display:grid;gap:10px;padding:10px 0}.fileButton{position:relative;overflow:hidden}.fileButton input{position:absolute;inset:0;opacity:0;cursor:pointer}.statusText{color:var(--muted);font-size:13px}.tableWrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:840px}th,td{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:top;font-size:14px}th{color:var(--muted);font-size:12px;font-weight:700;background:#f8fafc}.tableSortButton{border:0;background:transparent;color:var(--muted);font:inherit;font-weight:700;padding:0;cursor:pointer}.tableSortButton:hover{color:var(--brand)}tbody tr:hover{background:#fbfcfd}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;max-width:240px;word-break:break-all}.rowActions{display:flex;gap:8px}.badge{display:inline-flex;align-items:center;max-width:260px;min-height:26px;padding:0 9px;border-radius:999px;font-size:12px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#e5e7eb;color:#374151}.badge.success{background:var(--success-bg);color:var(--success)}.badge.error{background:var(--error-bg);color:var(--error)}.badge.unsupported{background:var(--warn-bg);color:var(--warn)}.jsonPreview{margin:0;max-width:520px;max-height:120px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;color:#334155;white-space:pre-wrap}.jsonPreview.large{max-width:100%;max-height:280px}.linkButton{border:0;padding:0;background:transparent;color:var(--text);font:inherit;cursor:pointer;text-align:left}.linkButton:hover{color:var(--brand);text-decoration:underline}.modalBackdrop{position:fixed;inset:0;background:#0f172a7a;display:grid;place-items:center;padding:20px;z-index:20}.modalPanel{width:min(420px,100%);background:#fff;border-radius:8px;border:1px solid var(--line);padding:18px;box-shadow:0 24px 80px #0f172a38;display:grid;gap:14px}.wideModal{width:min(760px,100%)}.detailGrid{display:grid;grid-template-columns:minmax(130px,180px) 1fr;gap:10px 14px;border:1px solid var(--line);border-radius:6px;padding:12px;background:#f8fafc}.detailGrid span{color:var(--muted);font-size:13px}.detailGrid strong{font-weight:600;word-break:break-word}.qrImage{width:220px;height:220px;justify-self:center;border:1px solid var(--line);border-radius:6px}.dropdownWrap{position:relative}.dropdownWrap svg{position:absolute;right:10px;top:12px;pointer-events:none;color:var(--muted)}@media(max-width:900px){.appShell{grid-template-columns:1fr}.sidebar{min-height:auto;position:sticky;top:0;z-index:3}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.logout{margin-top:0}.splitGrid{grid-template-columns:1fr}.filterGrid,.statsGrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.content{padding:16px}.topbar{align-items:flex-start;flex-direction:column}nav{grid-template-columns:1fr}.filterGrid,.statsGrid{grid-template-columns:1fr}}