*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light;--bg: #f3f5fb;--bg2: #e8ecf6;--panel: #ffffff;--card: #ffffff;--line: #d5dceb;--text: #1b2438;--muted: #5c6680;--accent: #3d7af5;--accent2: #7c5ce0;--ok: #16a34a;--no: #dc2626;--pill-bg: rgba(61,122,245,.1);--pill-active: rgba(61,122,245,.18);--radius: 12px;--grad: linear-gradient(135deg, #3d7af5 0%, #7c5ce0 100%);--bg-glow: #dce6ff;--topbar-bg: rgba(255,255,255,.86);--nav-backdrop: rgba(15, 23, 42, .28);--nav-panel-bg: rgba(255,255,255,.97);--nav-panel-shadow: 0 12px 28px rgba(30, 45, 80, .12);--surface-grad: linear-gradient(160deg, #ffffff, #f4f6fb);--cta-fg: #0b1020;--cta-shadow: rgba(61,122,245,.28);--cta-shadow-hover: rgba(61,122,245,.38);--focus-ring: rgba(61,122,245,.16);--modal-mask: rgba(15, 23, 42, .42);--code-bg: rgba(27, 36, 56, .07);--code-block-bg: rgba(27, 36, 56, .05);--table-head-bg: rgba(27, 36, 56, .05);--drop-shadow: 0 8px 24px rgba(30, 45, 80, .14);--card-shadow: 0 10px 28px rgba(61,122,245,.14);--accent2-bg: rgba(124,92,224,.1);--accent2-bg-active: rgba(124,92,224,.18);--accent2-border: rgba(124,92,224,.28);--accent2-border-strong: rgba(124,92,224,.4)}[data-theme=dark]{color-scheme:dark;--bg: #0c0f18;--bg2: #10141f;--panel: #151a28;--card: #1b2133;--line: #262c42;--text: #e7eaf5;--muted: #8a91ab;--accent: #6ea8ff;--accent2: #a78bfa;--ok: #4ade80;--no: #f87171;--pill-bg: rgba(110,168,255,.1);--pill-active: rgba(110,168,255,.22);--grad: linear-gradient(135deg, #6ea8ff 0%, #a78bfa 100%);--bg-glow: #16203a;--topbar-bg: rgba(12,15,24,.82);--nav-backdrop: rgba(4, 6, 12, .45);--nav-panel-bg: rgba(12, 15, 24, .96);--nav-panel-shadow: 0 12px 28px rgba(0, 0, 0, .4);--surface-grad: linear-gradient(160deg, #161d2f, #131726);--cta-fg: #0b1020;--cta-shadow: rgba(110,168,255,.25);--cta-shadow-hover: rgba(110,168,255,.35);--focus-ring: rgba(110,168,255,.12);--modal-mask: rgba(4,6,12,.7);--code-bg: rgba(0, 0, 0, .28);--code-block-bg: rgba(0, 0, 0, .32);--table-head-bg: rgba(0, 0, 0, .18);--drop-shadow: 0 6px 22px rgba(4,6,12,.55);--card-shadow: 0 10px 28px rgba(110,168,255,.16);--accent2-bg: rgba(167,139,250,.12);--accent2-bg-active: rgba(167,139,250,.22);--accent2-border: rgba(167,139,250,.25);--accent2-border-strong: rgba(167,139,250,.35)}html,body{height:100%;overflow-x:hidden}body{background:radial-gradient(1200px 600px at 20% -10%,var(--bg-glow) 0%,var(--bg) 55%) no-repeat fixed;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Microsoft YaHei,sans-serif;line-height:1.55}#app{min-height:100%;overflow-x:hidden}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;min-width:0}.app-shell.is-chat{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden}.topbar{position:sticky;top:0;z-index:70;background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);flex-shrink:0}.topbar-inner{max-width:1320px;width:100%;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:24px;box-sizing:border-box}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;min-width:0;flex-shrink:1}.brand-mark{width:22px;height:22px;border-radius:6px;object-fit:contain;flex-shrink:0}.brand-name{font-size:18px;font-weight:700;letter-spacing:.2px;white-space:nowrap}.brand-sub{font-size:12px;color:var(--muted);white-space:nowrap}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;flex-shrink:0;background:var(--pill-bg);border:1px solid var(--line);border-radius:10px;cursor:pointer;padding:0}.nav-toggle-bar{display:block;width:16px;height:2px;border-radius:1px;background:var(--text);transition:transform .18s,opacity .18s}.topbar.menu-open .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.topbar.menu-open .nav-toggle-bar:nth-child(2){opacity:0}.topbar.menu-open .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-backdrop,.nav-drawer{display:none}.topnav{display:flex;gap:6px;margin-left:8px}.nav-link{padding:6px 12px;border-radius:8px;color:var(--muted);font-size:14px;text-decoration:none;transition:all .15s;font-weight:500;white-space:nowrap}.nav-link:hover{color:var(--text);background:var(--pill-bg)}.nav-link.active{color:var(--accent);background:var(--pill-active)}.topnav-right{margin-left:auto;display:flex;align-items:center;gap:10px}.topnav-account{display:flex;align-items:center;gap:10px}.whoami{font-size:13px;color:var(--muted);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.currency-switch{display:inline-flex;align-items:center;flex-shrink:0;height:32px;padding:2px;gap:2px;border-radius:999px;border:1px solid var(--line);background:var(--bg2)}.currency-seg{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;padding:0 8px;min-width:28px;height:26px;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;line-height:1}.currency-seg:hover{color:var(--text)}.currency-seg.active{color:var(--accent);background:var(--pill-active)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;flex-shrink:0;border-radius:8px;border:1px solid var(--line);background:var(--bg2);color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.theme-toggle:hover{color:var(--text);border-color:var(--accent);background:var(--pill-bg)}.theme-toggle svg{width:16px;height:16px;display:block}.version-badge{font-size:11px;color:var(--muted);padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:var(--bg2);white-space:nowrap}@media(max-width:900px){.page{padding:14px 14px 32px}.topbar-inner{padding:8px 12px;gap:10px}.brand-sub,.topnav,.topnav-account{display:none}.nav-toggle{display:inline-flex}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--nav-backdrop);opacity:0;pointer-events:none;transition:opacity .2s}.nav-backdrop.show{opacity:1;pointer-events:auto}.nav-drawer{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:min(320px,86vw);z-index:65;padding:64px 14px 20px;background:var(--nav-panel-bg);border-right:1px solid var(--line);box-shadow:var(--nav-panel-shadow);transform:translate(-105%);transition:transform .22s ease;overflow-y:auto}.nav-drawer.open{transform:translate(0)}.drawer-nav{display:flex;flex-direction:column;gap:4px}.drawer-nav .nav-link{padding:12px;font-size:15px}.drawer-foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:10px}.whoami{max-width:100%}}.btn-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--grad);color:var(--cta-fg);border:0;border-radius:10px;padding:8px 18px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .12s,box-shadow .12s,opacity .15s;box-shadow:0 4px 16px var(--cta-shadow);white-space:nowrap}.btn-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--cta-shadow-hover)}.btn-cta:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-cta.ghost{background:var(--pill-bg);color:var(--accent);box-shadow:none;border:1px solid var(--line)}.btn-cta.ghost:hover{background:var(--pill-active)}.page{flex:1;width:100%;max-width:1320px;margin:0 auto;padding:24px 20px 60px;min-width:0}.page.page-flush{padding:0;max-width:none;display:flex;flex-direction:column;min-height:0;overflow:hidden}@media(min-width:901px){.page.page-flush{padding:16px 20px 20px;max-width:1320px}}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.page-hint{color:var(--muted);font-size:13px;line-height:1.45}.page-head .btn-cta{flex-shrink:0;padding:8px 16px;font-size:13px}.filter-stack{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.filter-search-row{display:flex;align-items:center;gap:8px}.f-search{flex:1;min-width:0;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:9px 14px;font-size:14px;outline:none}.f-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.tabs-row{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.tabs-row::-webkit-scrollbar{display:none}.filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--muted);cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap}.filter-toggle:hover{color:var(--text);border-color:var(--accent)}.filter-toggle.open,.filter-toggle.active{background:var(--pill-active);color:var(--accent);border-color:var(--accent)}.filter-tag{font-size:11px;color:var(--accent);background:var(--pill-bg);padding:3px 8px;border-radius:999px;white-space:nowrap}.filter-sheet-mask{display:none}.filter-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:10px}.filter-panel-head{display:none}.filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.f-num{width:74px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:4px 8px;font-size:12px;outline:none}.f-num:focus{border-color:var(--accent)}.f-num::placeholder{color:var(--muted);opacity:.5}.f-label{font-size:12px;color:var(--muted);font-weight:600;flex-shrink:0;white-space:nowrap}.f-label-sm{font-size:11px;color:var(--muted);white-space:nowrap}.f-count{font-size:12px;color:var(--muted);white-space:nowrap}.collapse-link{font-size:12px;color:var(--accent);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.collapse-link:hover{text-decoration:underline}.tab{padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--muted);cursor:pointer;font-size:13px;font-weight:600;transition:all .15s;white-space:nowrap;flex-shrink:0}.tab:hover{color:var(--text);border-color:var(--accent)}.tab.active{background:var(--pill-active);color:var(--accent);border-color:var(--accent)}.radio-pill,.check-pill{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;font-size:12px;cursor:pointer;background:var(--pill-bg);color:var(--muted);transition:all .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.radio-pill:hover,.check-pill:hover{color:var(--text)}.radio-pill.active,.check-pill.active{background:var(--pill-active);color:var(--accent)}.check-pill.check-pill-out{background:var(--accent2-bg);color:var(--muted)}.check-pill.check-pill-out:hover{color:var(--text)}.check-pill.check-pill-out.active{background:var(--accent2-bg-active);color:var(--accent2);border:1px solid var(--accent2-border-strong)}.btn-refresh{background:var(--pill-bg);color:var(--accent);border:1px solid var(--line);border-radius:8px;padding:5px 14px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}.btn-refresh:disabled{opacity:.4;cursor:default}@media(max-width:900px){.filter-sheet-mask{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:var(--nav-backdrop)}.filter-panel{position:fixed;left:0;right:0;bottom:0;z-index:81;border-radius:16px 16px 0 0;max-height:78vh;overflow-y:auto;padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 40px #0000002e}.filter-panel-head{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:700;padding-bottom:8px}.filter-done{background:var(--pill-bg);color:var(--accent);border:1px solid var(--line);border-radius:8px;padding:4px 12px;font-size:13px;font-weight:600;cursor:pointer}}.vendor-group{margin-bottom:18px}.vendor-hd{display:flex;align-items:center;gap:10px;padding:8px 4px;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--line);margin-bottom:12px}.vendor-name{font-weight:700;font-size:16px}.vendor-cnt{font-size:11px;color:var(--muted);background:var(--bg2);padding:1px 9px;border-radius:999px;border:1px solid var(--line)}.price{font-size:14px;font-weight:700;color:var(--accent)}.price small{font-size:10px;color:var(--muted);font-weight:500;margin-left:1px}.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace}.muted{color:var(--muted)}.err{color:var(--no);font-size:13px;margin:10px 0}.empty{color:var(--muted);font-size:14px;text-align:center;padding:40px 0}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-mask);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px;width:480px;max-width:92vw}.modal h2{font-size:17px;margin-bottom:2px}.modal-sub{font-size:12px;color:var(--muted);margin-bottom:14px;word-break:break-all}.modal dl{display:grid;grid-template-columns:96px 1fr;gap:8px 14px;font-size:13px;margin-bottom:18px}.modal dt{color:var(--muted)}.modal dd{margin:0}.modal.modal-wide{width:760px;max-width:94vw;display:flex;flex-direction:column;max-height:85vh;padding:22px 24px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-head h2{margin-bottom:2px;word-break:break-all}.modal-close{flex-shrink:0;background:var(--bg2);color:var(--muted);border:1px solid var(--line);border-radius:8px;width:28px;height:28px;cursor:pointer;font-size:14px;transition:all .14s}.modal-close:hover{color:var(--text);border-color:var(--accent)}.json-view{margin-top:10px;padding:14px;overflow:auto;flex:1;background:var(--bg);border:1px solid var(--line);border-radius:10px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.5;color:var(--text);white-space:pre}.usage-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:10px}.usage-card{background:var(--surface-grad);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;min-width:0}.usage-k{font-size:12px;color:var(--muted);font-weight:600}.usage-v{font-size:24px;font-weight:800;letter-spacing:-.4px;margin-top:6px;word-break:break-all}.usage-sub{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.4}.usage-fx{font-size:12px;margin:0 0 16px}.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.usage-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 16px 8px;min-width:0}.usage-panel-wide{grid-column:1 / -1}.usage-h{font-size:15px;font-weight:700;margin-bottom:8px}.usage-note{font-size:12px;margin:-2px 0 8px}.usage-chart{width:100%;height:280px;min-height:260px}.usage-chart-today{height:220px;min-height:200px}@media(max-width:1100px){.usage-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.usage-cards{grid-template-columns:1fr 1fr}.usage-grid{grid-template-columns:1fr}.usage-v{font-size:20px}.usage-chart{height:220px;min-height:200px}.usage-chart-today{height:180px;min-height:160px}}@media(max-width:560px){.usage-cards{grid-template-columns:1fr}}