*{margin:0;padding:0;box-sizing:border-box}:root{--app-height:100vh;--app-height:100svh;--app-height:100dvh;--bg:#0a0a0a;--surface:#111111;--card:#161616;--card-hover:#1a1a1a;--border:#222222;--text-primary:#ffffff;--text-secondary:#b8b8b8;--text-tertiary:#b8b8b8;--accent:#00d67e;--accent-dim:#00d67e22;--blue:#3b82f6;--red:#ef4444;--orange:#f59e0b;--green:#00d67e;--table-header-bg:#111827;--table-header-text:#cbd5e1;--table-header-border:#334155;--sidebar-w:240px;--radius:12px}[data-theme="light"]{--bg:#f5f5f5;--surface:#ffffff;--card:#f9f9f9;--card-hover:#f0f0f0;--border:#e0e0e0;--green:#00c26e;--text-primary:#000000;--text-secondary:#666666;--text-tertiary:#666666;--accent:#00b368;--accent-dim:#00b36822;--blue:#2563eb;--red:#dc2626;--orange:#d97706;--table-header-bg:#eef2f7;--table-header-text:#475569;--table-header-border:#cbd5e1}[data-theme="light"] .nav-item.active{color:var(--text-primary) !important}[data-theme="light"] .btn-primary{color:#fff !important}[data-theme="light"] .key-card-h:hover{border-color:var(--border) !important}[data-theme="light"] .quick-btn:hover{border-color:var(--border) !important}[data-theme="light"] .btn-sm:hover{border-color:var(--border) !important}[data-theme="light"] .btn-secondary:hover{border-color:var(--border) !important}[data-theme="light"] #auth-tabs .auth-tab{color:var(--text-primary) !important}[data-theme="light"] #auth-tabs .auth-tab.active{color:#fff !important}[data-theme="light"] .pill{color:#fff !important}[data-theme="light"] .key-delete:hover{color:#fff !important}[data-theme="light"] .key-card-h .btn-sm{color:#fff !important}[data-theme="light"] .key-card-h .btn-sm.danger:hover{color:#fff !important}[data-theme="light"] .logo-text{color:var(--text-primary) !important}[data-theme="ocean"]{--bg:#f0f6fa;--surface:#ffffff;--card:#e8f1f7;--card-hover:#dce8f0;--border:#c5d9e5;--green:#00b368;--text-primary:#000000;--text-secondary:#666666;--text-tertiary:#666666;--accent:#0ea5e9;--accent-dim:#0ea5e922;--blue:#0284c7;--red:#dc2626;--orange:#d97706;--table-header-bg:#e0f2fe;--table-header-text:#0369a1;--table-header-border:#bae6fd}[data-theme="ocean"] .nav-item.active{color:var(--text-primary) !important}[data-theme="ocean"] .btn-primary{color:#fff !important}[data-theme="ocean"] .key-card-h:hover{border-color:var(--border) !important}[data-theme="ocean"] .quick-btn:hover{border-color:var(--border) !important}[data-theme="ocean"] .btn-sm:hover{border-color:var(--border) !important}[data-theme="ocean"] .btn-secondary:hover{border-color:var(--border) !important}[data-theme="ocean"] #auth-tabs .auth-tab{color:var(--text-primary) !important}[data-theme="ocean"] #auth-tabs .auth-tab.active{color:#fff !important}[data-theme="ocean"] .pill{color:#fff !important}[data-theme="ocean"] .key-delete:hover{color:#fff !important}[data-theme="ocean"] .key-card-h .btn-sm{color:#fff !important}[data-theme="ocean"] .key-card-h .btn-sm.danger:hover{color:#fff !important}[data-theme="ocean"] .logo-text{color:var(--text-primary) !important}[data-theme="sunset"]{--bg:#1a0e0a;--surface:#241310;--card:#2e1a14;--card-hover:#38221a;--border:#3e2820;--green:#22c55e;--text-primary:#ffffff;--text-secondary:#b8b8b8;--text-tertiary:#b8b8b8;--accent:#f97316;--accent-dim:#f9731622;--blue:#3b82f6;--red:#ef4444;--orange:#fb923c;--table-header-bg:#3b1d12;--table-header-text:#fed7aa;--table-header-border:#7c2d12}[data-theme="sunset"] .nav-item.active{color:var(--text-primary) !important}[data-theme="sunset"] .btn-primary{color:#fff !important}[data-theme="sunset"] .pill{color:#fff !important}[data-theme="sunset"] .logo-text{color:var(--text-primary) !important}[data-theme="slate"]{--bg:#0e1116;--surface:#151921;--card:#1a1f2a;--card-hover:#202634;--border:#2a3140;--green:#00d67e;--text-primary:#ffffff;--text-secondary:#b8b8b8;--text-tertiary:#b8b8b8;--accent:#64748b;--accent-dim:#64748b22;--blue:#3b82f6;--red:#ef4444;--orange:#f59e0b;--table-header-bg:#1f2937;--table-header-text:#cbd5e1;--table-header-border:#334155}[data-theme="slate"] .nav-item.active{color:var(--text-primary) !important}[data-theme="slate"] .btn-primary{color:#fff !important}[data-theme="slate"] .pill{color:#fff !important}[data-theme="slate"] .logo-text{color:var(--text-primary) !important}[data-theme="cherry"]{--bg:#fff5f8;--surface:#ffffff;--card:#ffeef4;--card-hover:#ffe0ec;--border:#f5c6d8;--green:#00b368;--text-primary:#000000;--text-secondary:#666666;--text-tertiary:#666666;--accent:#e11d76;--accent-dim:#e11d7622;--blue:#2563eb;--red:#dc2626;--orange:#d97706;--table-header-bg:#ffe4ef;--table-header-text:#be185d;--table-header-border:#f9a8d4}[data-theme="cherry"] body::before{content:'';position:fixed;top:-20%;left:-10%;width:120%;height:140%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 80%,#ffd0e0 0%,transparent 50%),radial-gradient(circle at 80% 20%,#ffe0f0 0%,transparent 50%),radial-gradient(circle at 50% 50%,#fff5f8 0%,#fff0f5 100%);animation:cherryPetal 20s ease-in-out infinite}@keyframes cherryPetal{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2deg)}}[data-theme="cherry"] .nav-item.active{color:var(--text-primary) !important}[data-theme="cherry"] .btn-primary{color:#fff !important}[data-theme="cherry"] .pill{color:#fff !important}[data-theme="cherry"] .logo-text{color:var(--text-primary) !important}[data-theme="cherry"] .key-card-h:hover{border-color:var(--border) !important}[data-theme="cherry"] .quick-btn:hover{border-color:var(--border) !important}[data-theme="cherry"] .btn-sm:hover{border-color:var(--border) !important}[data-theme="cherry"] .btn-secondary:hover{border-color:var(--border) !important}[data-theme="cherry"] #auth-tabs .auth-tab{color:var(--text-primary) !important}[data-theme="cherry"] #auth-tabs .auth-tab.active{color:#fff !important}[data-theme="cherry"] .key-delete:hover{color:#fff !important}[data-theme="cherry"] .key-card-h .btn-sm{color:#fff !important}[data-theme="cherry"] .key-card-h .btn-sm.danger:hover{color:#fff !important}[data-theme="nordic"]{--bg:#eef2f7;--surface:#ffffff;--card:#e4e9f0;--card-hover:#d8dfe8;--border:#c5cdd8;--green:#00b368;--text-primary:#000000;--text-secondary:#666666;--text-tertiary:#666666;--accent:#5b8ab5;--accent-dim:#5b8ab522;--blue:#2563eb;--red:#dc2626;--orange:#d97706;--table-header-bg:#dbe7f2;--table-header-text:#3f5f76;--table-header-border:#b7c7d8}[data-theme="nordic"] .nav-item.active{color:var(--text-primary) !important}[data-theme="nordic"] .btn-primary{color:#fff !important}[data-theme="nordic"] .pill{color:#fff !important}[data-theme="nordic"] .logo-text{color:var(--text-primary) !important}[data-theme="nordic"] .key-card-h:hover{border-color:var(--border) !important}[data-theme="nordic"] .quick-btn:hover{border-color:var(--border) !important}[data-theme="nordic"] .btn-sm:hover{border-color:var(--border) !important}[data-theme="nordic"] .btn-secondary:hover{border-color:var(--border) !important}[data-theme="nordic"] #auth-tabs .auth-tab{color:var(--text-primary) !important}[data-theme="nordic"] #auth-tabs .auth-tab.active{color:#fff !important}[data-theme="nordic"] .key-delete:hover{color:#fff !important}[data-theme="nordic"] .key-card-h .btn-sm{color:#fff !important}[data-theme="nordic"] .key-card-h .btn-sm.danger:hover{color:#fff !important}.theme-picker{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:none;color:var(--text-secondary);font-size:13px;cursor:pointer;border-radius:10px;transition:all 0.15s;margin-bottom:8px}.theme-picker:hover{background:var(--card);color:var(--text-primary)}.theme-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:4px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:6px;box-shadow:0 -4px 20px rgba(0,0,0,0.3);z-index:1000;max-height:340px;overflow-y:auto;display:none}.theme-dropdown.show{display:block}.theme-option{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-secondary);transition:all 0.1s}.theme-option:hover{background:var(--card-hover);color:var(--text-primary)}.theme-option.active{background:var(--accent-dim);color:var(--accent);font-weight:600}.theme-swatch{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);flex-shrink:0}::-webkit-scrollbar{width:8px;height:8px;background:transparent}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::-webkit-scrollbar-button{background:transparent;width:8px;height:8px;display:none}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text-primary);min-height:100vh;display:flex}.sidebar{position:relative;width:var(--sidebar-w);height:100vh;background:var(--surface);border-right:1px solid var(--border);position:fixed;top:0;left:0;display:flex;flex-direction:column;padding:20px 12px;z-index:100}.logo{display:flex;align-items:center;gap:10px;padding:4px 12px;margin-bottom:28px}.logo-icon{width:28px;height:28px;border-radius:7px;overflow:hidden;flex-shrink:0}.logo-icon img{width:100%;height:100%;object-fit:cover}.logo-icon .logo-dark{display:none}.logo-icon .logo-light{display:block}[data-theme="dark"] .logo-icon .logo-dark{display:block}[data-theme="dark"] .logo-icon .logo-light{display:none}.logo-text{font-size:17px;font-weight:600;color:#fff;letter-spacing:-0.3px}.nav-group{margin-bottom:20px}.nav-label{font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.8px;padding:0 12px;margin-bottom:6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all 0.15s;text-decoration:none;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:var(--card);color:var(--text-primary)}.nav-item.active{background:var(--card);color:#fff}.nav-item svg{width:18px;height:18px;opacity:0.6;flex-shrink:0}.nav-item.active svg{opacity:1}.nav-item .badge{margin-left:auto;background:var(--accent);color:#000;font-size:9px;font-weight:700;padding:1px 6px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}.theme-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:none;color:var(--text-secondary);font-size:13px;cursor:pointer;border-radius:10px;transition:all 0.15s;margin-bottom:8px}.theme-toggle:hover{background:var(--card);color:var(--text-primary)}.user-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--card)}.ua-card{padding:12px;background:var(--card);border:1px solid var(--border);border-radius:10px}.ua-listbox{height:410px;overflow-y:auto;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.ua-listgrid{display:grid;gap:8px}.ua-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:0}.ua-identity{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;width:260px;flex:0 0 260px}.ua-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.ua-plan{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;white-space:nowrap}.ua-ultra{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#f0c040}.ua-pro{background:#e5a820;color:#fff}.ua-max{background:var(--orange);color:#000}.ua-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center;flex-shrink:0}.ua-referral-control{display:inline-flex;align-items:center;gap:5px}.ua-referral-rate{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.ua-referral-rate.default{color:var(--red)}.ua-referral-rate.custom{color:#d6a21d}.redeem-referral-layout{display:grid;grid-template-columns:repeat(2,minmax(360px,1fr));gap:20px;align-items:stretch}#page-redeem .redeem-referral-layout{margin-top:0}.redeem-referral-col{min-width:0;display:flex;flex-direction:column}.redeem-referral-title{font-size:18px;font-weight:700;margin:0 0 12px 0}.redeem-big-box{min-height:430px;height:clamp(430px,calc(100vh - 260px),760px);padding:20px;background:var(--card);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;min-width:0}.redeem-record-list,.referral-record-listbox{flex:1;min-height:0;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px}.ua-sel{padding:4px 8px;border-radius:6px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:12px}.ua-info{display:grid;grid-template-columns:210px 96px 84px 82px 96px;align-items:center;justify-content:start;gap:12px;font-size:12px;color:var(--text-secondary);min-width:max-content;flex:1 1 auto;overflow:hidden}.ua-info>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ua-email{width:210px}.ua-balance{width:96px}.ua-level{width:84px}.ua-keys{width:82px}.ua-date{width:96px}@media (max-width:820px){.redeem-referral-layout{grid-template-columns:1fr}}@media (max-width:480px){.ua-card{padding:10px}.ua-header{flex-direction:column}.ua-name{max-width:100%}.ua-actions{width:100%;justify-content:flex-start}.ua-info{grid-template-columns:1fr 1fr;font-size:11px}.ua-listbox{height:520px}.redeem-referral-layout{grid-template-columns:1fr}.redeem-big-box{height:clamp(430px,calc(100vh - 220px),760px)}}@media (max-width:768px){.ua-listbox{padding:8px;height:calc(100vh - 170px);max-height:none}.ua-listgrid{gap:10px}.ua-card{padding:14px;border-radius:14px}.ua-header{display:grid;grid-template-columns:1fr;align-items:stretch;gap:10px;margin-bottom:0}.ua-identity{width:auto;flex:none;min-width:0;justify-content:flex-start;gap:6px}.ua-name{font-size:15px;max-width:100%;flex:0 1 auto}.ua-info{width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;padding:10px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,0.02);font-size:12px}.ua-info>div,.ua-email,.ua-balance,.ua-level,.ua-keys,.ua-date{width:auto;min-width:0}.ua-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;justify-content:stretch;align-items:stretch}.ua-actions .btn-sm,.ua-actions .ua-sel{width:100%;min-width:0;min-height:34px;justify-content:center;text-align:center}.ua-referral-control{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}}@media (max-width:380px){.ua-info{grid-template-columns:1fr}.ua-actions{grid-template-columns:1fr}}.ua-mobile-summary,.ua-mobile-primary,.ua-mobile-more-btn,.ua-mobile-secondary{display:none}.ua-desktop-actions{display:contents}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#00a868);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#000;flex-shrink:0}.user-meta{flex:1;min-width:0}.user-name{font-size:13px;font-weight:600}.user-email{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#dashboard-page{width:100%;min-height:100vh}.main{margin-left:var(--sidebar-w);flex:1;padding:24px 32px;min-height:100vh;max-width:calc(100vw - var(--sidebar-w))}.main>div[id^="page-"]{width:100%}.main>div[id^="page-"]>*{width:100%}.main>div[id^="page-"]>.section-header{max-width:100%}.main>div[id^="page-"]>p{max-width:100%}.breadcrumb{font-size:12px;color:var(--text-tertiary);margin-bottom:20px}#page-keys .breadcrumb,#page-logs .breadcrumb,#page-models .breadcrumb,#page-redeem .breadcrumb{margin-bottom:8px}#page-keys .page-title-header,#page-logs .page-title-header,#page-models .page-title-header{margin-top:0;margin-bottom:10px}.breadcrumb span{color:var(--text-secondary)}.page-refresh-status{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:-8px 0 10px;min-height:28px;pointer-events:none}.page-refresh-status>*{pointer-events:auto}.page-refresh-chip{display:inline-flex;align-items:center;gap:6px;max-width:min(100%,420px);padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px);color:var(--text-tertiary);font-size:11px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-refresh-chip.auto{color:var(--green,#22c55e);border-color:color-mix(in srgb,var(--green,#22c55e) 35%,var(--border))}.page-refresh-chip.paused{color:#d97706;border-color:color-mix(in srgb,#d97706 35%,var(--border))}.page-refresh-chip.manual{color:var(--text-secondary)}.page-refresh-chip.updating{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.page-refresh-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;opacity:0.85}.page-refresh-chip.auto .page-refresh-dot{animation:page-refresh-pulse 1.6s ease-in-out infinite}.page-refresh-chip.updating .page-refresh-dot{animation:page-refresh-pulse 0.8s ease-in-out infinite}@keyframes page-refresh-pulse{0%,100%{opacity:0.35;transform:scale(0.9)}50%{opacity:1;transform:scale(1.15)}}.page-refresh-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:999px;padding:4px 10px;font-size:11px;line-height:1.3;cursor:pointer;white-space:nowrap}.page-refresh-btn:hover{border-color:var(--accent);color:var(--accent)}.page-refresh-btn:disabled{opacity:0.55;cursor:default}@media (max-width:768px){.page-refresh-status{margin:-4px 0 8px;justify-content:space-between}.page-refresh-chip{max-width:calc(100% - 72px)}}.welcome h1{font-size:26px;font-weight:700;letter-spacing:-0.5px;margin-bottom:4px}.welcome .date{font-size:13px;color:var(--text-tertiary)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0 14px;width:100%}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px 28px;position:relative;overflow:hidden}.stat-card::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-dim),transparent)}.stat-label{font-size:11px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px}.stat-value{font-size:28px;font-weight:700;letter-spacing:-1px;line-height:1;margin-bottom:6px}.stat-value .accent{color:var(--accent)}.stat-value .unit{font-size:14px;font-weight:500;color:var(--text-tertiary)}.stat-sub{font-size:11px;color:var(--text-tertiary)}.stat-sub a{color:var(--accent);text-decoration:none;cursor:pointer}.section-header{display:flex;justify-content:space-between;align-items:center;margin:16px 0 7px}.section-header h2{font-size:16px;font-weight:600}.section-header .count{font-size:11px;color:var(--text-tertiary);margin-left:8px;font-weight:400}.link-btn{font-size:12px;color:var(--accent);text-decoration:none;cursor:pointer;background:none;border:none;white-space:nowrap}.keys-grid{display:flex;flex-direction:column;gap:6px;width:100%}.keys-mobile-list{display:none}.api-base-box{font-size:12px;color:var(--text-tertiary);margin-bottom:16px}.api-base-value-row{display:inline-flex;align-items:center;gap:8px;min-width:0}.api-base-box code{color:var(--accent);font-family:monospace}.key-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:16px;transition:border-color 0.15s;position:relative}.key-card:hover{border-color:var(--text-tertiary)}.key-name{font-size:13px;font-weight:600;min-width:80px}.key-suffix{font-size:12px;color:var(--text-secondary);font-family:monospace;background:var(--surface);padding:2px 8px;border-radius:4px}.key-meta{font-size:11px;color:var(--text-tertiary);white-space:nowrap}.key-meta span{color:var(--text-secondary)}.key-copy-btn{padding:4px 12px;border-radius:6px;background:var(--accent);border:none;color:#000;cursor:pointer;font-size:11px;font-weight:600;transition:opacity 0.15s;white-space:nowrap}.key-copy-btn:hover{opacity:0.8}.key-delete-btn{padding:4px 10px;border-radius:6px;background:transparent;border:1px solid var(--border);color:var(--text-tertiary);cursor:pointer;font-size:11px;transition:all 0.15s;white-space:nowrap;margin-left:auto}.key-delete-btn:hover{background:var(--red);color:#fff;border-color:var(--red)}.key-card-h{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--card);border:1px solid var(--border);border-radius:10px;transition:border-color 0.15s;width:100%}.key-card-h:hover{border-color:var(--text-tertiary)}.key-cell{font-size:12px;color:var(--text-secondary);white-space:nowrap}.key-name-cell{font-weight:600;color:var(--text-primary);min-width:80px}.key-value-cell code{font-family:monospace;font-size:11px;background:var(--surface);padding:2px 8px;border-radius:4px}.key-group-cell{font-size:11px;color:var(--accent)}.key-time-cell{font-size:11px;color:var(--text-tertiary)}.keys-table{width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;background-clip:padding-box;isolation:isolate}.keys-table .keys-header{display:flex;align-items:center;padding:10px 16px;padding-right:56px;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.5px;background:var(--surface);border-bottom:1px solid var(--border);gap:16px;min-width:920px;white-space:nowrap;text-align:left}.keys-table .keys-row{display:flex;align-items:center;padding:12px 16px;padding-right:56px;border-bottom:1px solid var(--border);font-size:12px;gap:16px;transition:background 0.15s;min-width:920px;white-space:nowrap;text-align:left}.keys-table .keys-row:last-child{border-bottom:none}.keys-table .keys-row:hover{background:var(--card-hover)}.keys-table .kcol{flex-shrink:0;min-width:0;text-align:left;white-space:nowrap}.keys-table .kcol-name{flex:0 0 120px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.keys-table .kcol-project{flex:0 0 90px;color:var(--accent);font-size:11px}.keys-table .kcol-key{flex:0 0 140px;font-family:monospace;font-size:11px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.keys-table .kcol-copy{flex:0 0 52px}.keys-table .kcol-quota{flex:0 0 90px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.keys-table .kcol-group{flex:0 0 80px;color:var(--accent);font-size:11px}.keys-table .kcol-time{flex:0 0 110px;font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.keys-table .kcol-actions{flex:0 0 70px;display:flex;gap:6px;flex-wrap:nowrap}@media (max-width:1000px){.keys-table .kcol-quota{display:none}.keys-table .kcol-group{display:none}.keys-table .keys-header,.keys-table .keys-row{min-width:740px}}@media (max-width:768px){.key-card{flex-wrap:wrap;gap:8px}.key-card-h{flex-wrap:wrap;gap:8px}.keys-table .keys-header{white-space:nowrap}.keys-table .keys-row{white-space:nowrap}.key-delete-btn{margin-left:0}#page-auth-files .section-header{align-items:flex-start}#page-auth-files .section-header>div{flex-wrap:wrap;justify-content:flex-start;width:100%}.auth-files-toolbar{margin-left:0 !important;width:100%;justify-content:flex-start !important}.auth-files-toolbar input{width:min(100%,180px) !important}#auth-files-list{width:100%;overflow-x:hidden}.auth-files-grid{grid-template-columns:1fr !important}#auth-files-list .auth-file-card{padding:12px !important;gap:9px !important;border-radius:10px !important}#auth-files-list .auth-file-card-head{display:grid !important;grid-template-columns:auto auto minmax(0,1fr) auto;gap:6px !important}#auth-files-list .auth-file-card-head span{min-width:0}#auth-files-list .auth-file-card-actions{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px !important}#auth-files-list .auth-file-card-actions .btn,#auth-files-list .auth-file-card-actions .btn-secondary{width:100%;justify-content:center;padding:6px 4px !important;font-size:11px !important}#audit-log-list{overflow-x:hidden !important}#audit-log-list .audit-desktop-table{display:none !important}#audit-log-list .audit-mobile-list{display:flex !important;flex-direction:column;gap:8px}.audit-mobile-card{border:1px solid var(--border);border-radius:10px;background:var(--card);padding:10px 11px;min-width:0}.audit-mobile-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;margin-bottom:7px}.audit-mobile-action{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;color:var(--text-primary)}.audit-mobile-time{font-size:11px;color:var(--text-tertiary);white-space:nowrap;font-variant-numeric:tabular-nums}.audit-mobile-admin{font-size:11px;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px}.audit-mobile-detail{font-size:12px;line-height:1.45;color:var(--text-secondary);word-break:break-word}.patrol-shell{grid-template-columns:1fr !important}.patrol-sidebar{width:100% !important}.patrol-category-btn{width:100% !important}#auth-files-list .btn{white-space:nowrap}}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px;width:100%}.quick-btn{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px 14px;cursor:pointer;transition:all 0.15s;white-space:nowrap}.quick-btn:hover{border-color:#333;background:var(--card-hover)}.quick-icon{width:30px;height:30px;background:var(--surface);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px}.quick-text{font-size:12px;font-weight:500}#sw-word-list,#sw-trigger-log-list{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;background-clip:padding-box;isolation:isolate}#sw-word-list .sw-scroll,#sw-trigger-log-list .sw-scroll{flex:1;min-height:0;overflow-y:auto}.activity-list{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;background-clip:padding-box;isolation:isolate}.activity-scroll{flex:1;min-height:0;width:max-content;min-width:100%;overflow-y:auto;overflow-x:visible}.redeem-tbl{overflow-x:auto;-webkit-overflow-scrolling:touch}.redeem-tbl-header,.redeem-tbl-row{display:grid;grid-template-columns:200px 100px 100px 150px 150px 200px 80px;gap:0;padding:8px 10px;text-align:left;align-items:center}.redeem-tbl-header{font-size:11px;font-weight:600;color:var(--text-tertiary);border-bottom:2px solid var(--border);white-space:nowrap}.redeem-tbl-row{border-bottom:1px solid var(--border);font-size:12px}#page-home,#page-logs{display:flex;flex-direction:column;height:calc(100vh - 48px)}#page-home>*:not(.home-activity-layout),#page-logs>*:not(.logs-record-layout){flex-shrink:0}.home-activity-layout{display:grid;grid-template-columns:minmax(0,calc(66.666% - 210px)) minmax(460px,calc(33.333%+194px));gap:16px;flex:1;min-height:250px;align-items:stretch}.logs-record-layout{display:grid;grid-template-columns:minmax(0,calc(66.666% - 150px)) minmax(400px,calc(33.333%+134px));gap:16px;flex:1;min-height:250px;align-items:stretch}.home-activity-list-panel,.logs-record-list{display:flex;flex-direction:column;min-width:0;min-height:0}.home-activity-layout .activity-list,.logs-record-layout .activity-list{flex:1;min-height:0}.model-dist-card{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;height:100%;box-sizing:border-box;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;overflow:hidden}.model-dist-title{font-size:14px;font-weight:700;color:var(--text-primary);margin:0}.model-dist-canvas-wrap{position:relative;flex:0 0 auto;width:100%;min-width:0}.model-dist-stacked-bar{display:flex;width:100%;height:28px;overflow:hidden;border-radius:7px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}.model-dist-stacked-bar.is-empty{opacity:.55}.model-dist-segment{display:block;height:100%;min-width:0;transition:filter .15s ease}.model-dist-segment:hover{filter:brightness(1.14)}.model-dist-list{display:flex;flex:1;flex-direction:column;gap:6px;overflow-y:auto;min-width:0;min-height:0;border:none;border-radius:0;background:transparent !important;padding:0}.model-dist-table-header,.model-dist-item{display:grid;grid-template-columns:minmax(0,1.6fr) 82px 46px 70px;align-items:center;gap:8px;padding:2px 0;font-size:12px;color:var(--text-secondary);text-align:left;background:transparent !important}.model-dist-table-header{position:sticky;top:0;z-index:1;margin:0 0 2px;padding:2px 0;border-bottom:none;border-radius:0;background:transparent !important;color:var(--text-tertiary) !important;font-size:11px;font-weight:700}.model-dist-table-header span{color:var(--text-tertiary) !important}.model-dist-model{display:flex;align-items:center;gap:8px;min-width:0;text-align:left}.model-dist-dot{width:9px;height:9px;border-radius:50%;display:block;flex-shrink:0}.model-dist-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;text-align:left}.model-dist-value{flex-shrink:0;font-variant-numeric:tabular-nums;color:var(--text-primary);font-weight:700;text-align:right;white-space:nowrap}.model-dist-cost{color:var(--green)}.home-mobile-activity{display:none}.logs-mobile-row{display:none}.logs-section-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.report-section-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin:20px 0 8px}.report-scrollbox{--report-row-height:38px;max-height:calc(var(--report-row-height) * 11);overflow:auto;border-radius:var(--radius);border:1px solid var(--border);background:var(--card)}.report-scrollbox .admin-table .row{min-height:var(--report-row-height)}.report-scrollbox>.admin-table{border:none;border-radius:0}.report-scrollbox .row.header{position:sticky;top:0;z-index:2}.report-collapse-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 8px;padding:0;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;text-align:left}.report-collapse-arrow{color:var(--text-tertiary);font-size:12px;transition:transform 0.15s ease}.report-collapse.open .report-collapse-arrow{transform:rotate(90deg)}.report-mobile-list{display:none}.report-mobile-card{border:1px solid var(--border);border-radius:12px;background:var(--card);padding:10px 11px}.report-mobile-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;margin-bottom:8px}.report-mobile-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;color:var(--text-primary)}.report-mobile-money{font-size:13px;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}.report-mobile-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}.report-mobile-kv{min-width:0;font-size:11px;color:var(--text-tertiary);line-height:1.35}.report-mobile-kv strong{display:block;margin-top:2px;color:var(--text-secondary);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-mobile-pill{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:800;line-height:1.5;background:var(--surface);color:var(--text-secondary);white-space:nowrap}.report-mobile-pill.is-error{background:rgba(239,68,68,0.12);color:var(--red)}.report-mobile-dense-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;padding:7px 9px;border-bottom:1px solid var(--border);background:var(--card)}.report-mobile-dense-row:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.report-mobile-dense-row:last-child{border-bottom:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.report-mobile-dense-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;color:var(--text-primary)}.report-mobile-dense-money{font-size:12px;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.report-mobile-dense-meta{grid-column:1 / -1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;line-height:1.35;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.report-mobile-dense-meta b{color:var(--text-secondary);font-weight:800}.report-mobile-dense-meta .red{color:var(--red)}.report-mobile-dense-meta .green{color:var(--green)}.report-mobile-dense-meta .accent{color:var(--accent)}.report-mobile-tabs{display:none}.report-mobile-tabbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0 8px;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.report-mobile-tab-btn{border:none;border-radius:9px;padding:7px 4px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.report-mobile-tab-btn.active{background:var(--card);color:var(--accent);box-shadow:0 1px 4px rgba(0,0,0,0.16)}.report-mobile-panel{display:none}.report-mobile-panel.active{display:block}.report-mini-table{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--card)}.report-mini-head,.report-mini-row{display:grid;align-items:center;gap:6px;min-width:0}.report-mini-head{padding:6px 8px;background:var(--table-header-bg);color:var(--table-header-text);font-size:10px;font-weight:800}.report-mini-row{padding:7px 8px;border-top:1px solid var(--border);font-size:11px;color:var(--text-secondary)}.report-mini-row-main{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-weight:800}.report-mini-num{text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800}.report-mini-sub{grid-column:1 / -1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.35;color:var(--text-tertiary)}.report-mini-user-grid,.report-mini-upstream-grid,.report-mini-daily-grid{grid-template-columns:minmax(0,1fr) 46px 62px 62px}@media (max-width:820px) and (orientation:portrait){
body.report-phone-portrait #page-reports{overflow-x:hidden}
body.report-phone-portrait #page-reports .breadcrumb{display:none}
body.report-phone-portrait #page-reports .section-header{margin:0 0 10px;align-items:stretch}
body.report-phone-portrait #page-reports .section-header h2{margin:0;font-size:19px;line-height:1.2}
body.report-phone-portrait #page-reports .report-filter-bar{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:8px !important;
  margin-bottom:10px !important;
  align-items:center !important;
}
body.report-phone-portrait #page-reports #report-period{
  grid-column:1 / -1;
  width:100%;min-width:0;height:36px;box-sizing:border-box;
  font-size:13px !important;padding:0 10px !important;border-radius:9px !important;
}
body.report-phone-portrait #page-reports #report-start-date,
body.report-phone-portrait #page-reports #report-end-date{
  width:100%;min-width:0;height:36px;box-sizing:border-box;
  font-size:12px !important;padding:0 9px !important;border-radius:9px !important;
}
body.report-phone-portrait #page-reports .report-date-sep{display:none !important}
body.report-phone-portrait #page-reports .report-source-note{
  grid-column:1 / -1;font-size:11px !important;line-height:1.45;margin-top:0;
}
body.report-phone-portrait #page-reports #report-summary{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
  margin-bottom:12px !important;
  overflow:visible !important;
  padding-bottom:0 !important;
  scroll-snap-type:none !important;
}
body.report-phone-portrait #page-reports #report-summary>div{
  flex:none !important;
  min-width:0 !important;
  width:auto !important;
  padding:11px 12px !important;
  border-radius:12px !important;
  box-sizing:border-box;
}
body.report-phone-portrait #page-reports #report-summary>div:last-child{
  grid-column:1 / -1;
}
body.report-phone-portrait #page-reports #report-summary div[style*="font-size:11px"]{
  font-size:11px !important;margin-bottom:4px !important;white-space:normal;
}
body.report-phone-portrait #page-reports #report-summary div[style*="font-size:20px"]{
  font-size:18px !important;line-height:1.2 !important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body.report-phone-portrait #page-reports .report-section-title,
body.report-phone-portrait #page-reports .report-collapse-toggle,
body.report-phone-portrait #page-reports .report-collapse{
  display:none !important;
}
body.report-phone-portrait #page-reports .report-scrollbox{display:none !important}
body.report-phone-portrait #page-reports .report-mobile-list{display:none !important}
body.report-phone-portrait #page-reports .report-desktop-report-sections{display:none !important}
body.report-phone-portrait #page-reports .report-mobile-tabs{display:block !important}
body.report-phone-portrait #page-reports .report-mobile-tabbar{
  position:sticky;top:0;z-index:5;margin:0 0 10px;background:var(--surface);
}
body.report-phone-portrait #page-reports .report-mobile-card-list{
  display:flex;flex-direction:column;gap:8px;
}
body.report-phone-portrait #page-reports .report-mobile-card{
  border:1px solid var(--border);border-radius:12px;background:var(--card);padding:11px 12px;
}
body.report-phone-portrait #page-reports .report-mobile-meta{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;
}
body.report-phone-portrait #page-reports .report-mobile-empty{
  text-align:center;color:var(--text-tertiary);padding:28px 12px;font-size:13px;
  border:1px dashed var(--border);border-radius:12px;background:var(--card);
}
}#page-sensitive-words{display:flex;flex-direction:column;height:calc(100vh - 48px)}#page-sensitive-words>*:not(#sw-words-panel):not(#sw-logs-panel){flex-shrink:0}#sw-words-panel,#sw-logs-panel{display:flex;flex-direction:column;flex:1;min-height:0}#sw-word-list,#sw-trigger-log-list{flex:1;min-height:0}.activity-row{display:flex;align-items:center;padding:12px 16px;padding-right:56px;border-bottom:1px solid var(--border);font-size:12px;white-space:nowrap;min-width:630px;gap:16px;text-align:left}.activity-time{color:var(--text-tertiary);min-width:80px;flex:0 0 auto;font-variant-numeric:tabular-nums}.activity-model{background:var(--surface);padding:3px 10px;border-radius:6px;font-weight:500;color:var(--text-primary);min-width:100px;flex:0 0 auto}.activity-tokens{color:var(--text-secondary);min-width:80px;flex:0 0 auto;font-variant-numeric:tabular-nums}.activity-status{min-width:40px;flex:0 0 auto;font-weight:600}.status-200{color:var(--green)}.status-error{color:var(--red)}.admin-table{width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;background-clip:padding-box;isolation:isolate}.admin-table .row{display:flex;align-items:center;padding:12px 16px;padding-right:56px;border-bottom:1px solid var(--border);font-size:12px;gap:16px;min-width:980px;white-space:nowrap;text-align:left}.admin-table .row:last-child{border-bottom:none}.admin-table .row.header{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.5px;background:var(--surface)}.admin-table .col{flex-shrink:0;min-width:0;white-space:nowrap;text-align:left}.admin-table .col-name{flex:0 0 140px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.admin-table .col-url{flex:0 0 180px;min-width:180px;max-width:180px;color:var(--text-secondary);font-family:monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis}.admin-table .col-key{flex:0 0 140px;min-width:140px;max-width:140px;font-family:monospace;font-size:11px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis}.admin-table .col-upstream-cost{flex:0 0 80px;min-width:80px;max-width:80px;font-family:monospace;font-size:11px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis}.admin-table .col-group{flex:0 0 60px;overflow:hidden;text-overflow:ellipsis}.admin-table .col-priority{flex:0 0 56px;min-width:56px}.admin-table .col-status{flex:0 0 86px;min-width:86px}.admin-table .col-fail{flex:0 0 48px;min-width:48px}.admin-table .col-success{flex:0 0 48px;min-width:48px}.admin-table .col-tokens{flex:0 0 190px;min-width:190px;font-variant-numeric:tabular-nums}.admin-table .col-balance{flex:0 0 110px;min-width:110px;font-variant-numeric:tabular-nums}.admin-table .col-models{flex:1 1 320px;min-width:320px}.admin-table .col-actions{flex:0 0 auto;display:flex;gap:6px;flex-wrap:nowrap;justify-content:flex-end;text-align:right;margin-left:auto}#page-admin .admin-table .row.header .col-actions,#page-admin .admin-table .row:not(.header) .col-actions{justify-content:flex-end !important;text-align:right !important;margin-left:auto}#page-admin .admin-table .col-actions button,#page-admin .model-admin-tbl .col-actions button{flex:0 0 auto}.admin-table .col-model-tags{display:flex;gap:4px;flex-wrap:wrap;align-items:center;min-width:0}.preset-mobile-list{display:none}.sw-mobile-list{display:none}.model-admin-tbl .row,.model-admin-tbl .row.header{display:grid !important;grid-template-columns:28px 250px 160px 90px 70px 100px 100px 100px 100px 200px 50px 150px;gap:0;padding:8px 12px;min-width:1338px}.model-admin-tbl .col{overflow:hidden;text-overflow:ellipsis}.model-admin-tbl .col-actions{display:flex;gap:6px;flex-wrap:nowrap;justify-content:flex-end;text-align:right;margin-left:auto}.admin-table.model-admin-tbl{width:100%;min-width:1338px;max-width:none !important;overflow-x:visible}#admin-models-list .group-body{width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);background-clip:padding-box;isolation:isolate}#admin-models-list .group-body .admin-table.model-admin-tbl{border:0;border-radius:0;background:transparent}.tbl{width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;overflow-y:hidden;background-clip:padding-box;isolation:isolate}.admin-table,.keys-table,.tbl,.activity-list,#models-list,#upstream-keys-list,#admin-models-list,#groups-list,#presets-list,#keys-grid,#audit-log-list,#sw-word-list,#sw-trigger-log-list,#activity-list,#logs-list{min-width:0;max-width:100%}#models-list,#admin-models-list,#upstream-keys-list,#groups-list,#keys-grid{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;background-clip:padding-box;isolation:isolate}.available-model-group{width:100%;max-width:100%;box-sizing:border-box;margin-top:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background-clip:padding-box;isolation:isolate}.available-model-group:first-child{margin-top:0}.available-model-group-header{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.available-model-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.available-model-table{width:100%;min-width:1372px;max-width:none !important;background:var(--card);overflow-x:visible}.available-model-header,.available-model-row{display:grid;grid-template-columns:var(--available-model-grid-cols);gap:0;min-width:1372px;width:100%;white-space:nowrap}.available-model-header{padding:4px 16px;background:var(--card);font-size:12px;color:var(--text-tertiary);font-weight:400}.available-model-row{padding:7px 16px;border-top:1px solid var(--border);font-size:12px;align-items:center}.available-model-row:nth-child(odd){background:var(--surface)}.available-model-cell{padding:3px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400 !important}.available-model-name{font-weight:400;color:var(--green)}.available-model-multiplier{font-weight:700 !important;color:var(--green)}.available-model-request-price{color:var(--text-primary);font-weight:400}.available-model-effective{color:var(--green);font-weight:700 !important}.available-model-request-price.muted{color:var(--text-tertiary)}.available-model-header .available-model-rate-heading{color:var(--green) !important;font-weight:700 !important}#page-presets .preset-desktop-table .row{padding:7px 12px;gap:12px;min-height:0}#page-presets .preset-desktop-table .row.header{font-weight:400}#page-presets .preset-desktop-table input{padding:3px 5px !important;height:28px;box-sizing:border-box;font-weight:400}#page-presets .preset-desktop-table .btn-sm{padding:4px 10px !important;min-height:28px;line-height:1.1}.available-model-latency{font-size:11px;color:var(--text-tertiary)}.capability-pill{font-size:11px}.models-toolbar{display:flex;gap:8px;align-items:center}#audit-log-list .audit-mobile-list{display:none}.upstream-mobile-list,.upstream-mobile-disabled,.admin-model-mobile-list,.groups-mobile-list{display:none}.admin-model-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;padding:8px 12px;background:var(--card);border-radius:8px;border:1px solid var(--border);cursor:pointer;user-select:none}.admin-model-group-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:var(--text-secondary)}.admin-model-group-actions{display:flex;gap:6px;flex:0 0 auto}.admin-model-mobile-more,.admin-model-mobile-actions{display:none}.models-group-select{padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text-primary);font-size:13px}.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.tbl-header,.tbl-row{display:flex;align-items:center;padding:10px 14px;padding-right:56px;border-bottom:1px solid var(--border);font-size:12px;white-space:nowrap;gap:16px;text-align:left}.tbl-header{font-weight:600;font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.5px;background:var(--surface);position:sticky;top:0;z-index:2}body.bg-main-active .tbl-header,body.bg-custom-image .tbl-header,body.bg-main-active .main [style*="position:sticky"],body.bg-custom-image .main [style*="position:sticky"]{background:rgba(0,0,0,0.6) !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10}.tbl-row:last-child{border-bottom:none}.tbl-row:hover{background:var(--card-hover)}.tbl-cell{flex-shrink:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.pill{display:inline-block;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.pill-green{background:#00d67e22;color:var(--accent)}.pill-red{background:#ef444422;color:var(--red)}.pill-gray{background:#88888822;color:var(--text-secondary)}.pill-blue{background:#3b82f622;color:#60a5fa}.chat-layout{display:flex;height:calc(100vh - 120px);gap:0}.chat-sidebar{width:240px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--card);border-radius:12px 0 0 12px;overflow:hidden}.chat-sidebar-header{padding:12px;border-bottom:1px solid var(--border)}.chat-sidebar-header button{width:100%}.chat-list{flex:1;overflow-y:auto;padding:8px}.chat-item{padding:10px 12px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center;transition:all .15s;margin-bottom:2px}.chat-item:hover{background:var(--surface)}.chat-item.active{background:var(--accent-dim);color:var(--text-primary);font-weight:600}.chat-item-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-delete{opacity:0;color:var(--red);cursor:pointer;font-size:14px;padding:2px 4px;border:none;background:none}.chat-item:hover .chat-item-delete{opacity:0.6}.chat-item-delete:hover{opacity:1 !important}.chat-item-rename{opacity:0;cursor:pointer;font-size:12px;padding:2px 4px;border:none;background:none}.chat-item:hover .chat-item-rename{opacity:0.6}.chat-item-rename:hover{opacity:1 !important}.chat-item-title input{width:100%;padding:2px 6px;border-radius:4px;border:1px solid var(--accent);background:var(--surface);color:var(--text-primary);font-size:13px;font-family:inherit}.chat-main{flex:1;display:flex;flex-direction:column;background:var(--card);border-radius:0 12px 12px 0;overflow:hidden;border:1px solid var(--border);border-left:none}.chat-header{padding:10px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chat-model-wrap{display:flex;align-items:center;gap:8px;min-width:220px}.chat-model-label{color:var(--text-tertiary);font-size:11px;white-space:nowrap}.chat-header select{padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:13px}.chat-more-wrap{display:none;position:relative}.chat-more-btn{width:34px;height:34px;padding:0 !important;font-size:18px !important;line-height:1}.chat-more-menu{display:none;position:absolute;right:0;top:calc(100%+8px);z-index:30;min-width:132px;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--card);box-shadow:0 12px 32px rgba(0,0,0,0.35)}.chat-more-menu.show{display:grid;gap:4px}.chat-more-menu button{width:100%;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:12px;text-align:left;cursor:pointer}.chat-more-menu button:hover{background:var(--surface);color:var(--text-primary)}.hidden-action{display:none !important}.chat-messages{flex:1;overflow-y:auto;padding:20px}.chat-empty{text-align:center;color:var(--text-tertiary);padding:60px 20px}.chat-empty h3{font-size:18px;margin-bottom:8px;color:var(--text-secondary)}.chat-empty-actions{display:flex;justify-content:center;gap:8px;margin-top:16px;flex-wrap:wrap}.chat-empty-primary{padding:8px 14px;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:#fff;font-size:13px;font-weight:700;cursor:pointer}.chat-empty-chip{padding:7px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:12px;cursor:pointer}.chat-empty-chip:hover{color:var(--text-primary);border-color:var(--accent)}.msg-row{display:flex;margin-bottom:16px;gap:10px}.msg-row.user{flex-direction:row-reverse}.msg-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.msg-avatar.user-av{background:var(--accent-dim);color:var(--accent)}.msg-avatar.ai-av{background:#3b82f622;color:#60a5fa}.msg-bubble{max-width:75%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.6}.msg-row.user .msg-bubble{background:var(--accent-dim);border-top-right-radius:4px}.msg-row.assistant .msg-bubble{background:var(--surface);border-top-left-radius:4px}.msg-bubble p{margin:0 0 8px}.msg-bubble p:last-child{margin-bottom:0}.msg-bubble pre{background:#1e1e2e;border-radius:8px;padding:12px;overflow-x:auto;margin:8px 0;position:relative}.msg-bubble pre code{font-family:'JetBrains Mono','Fira Code',monospace;font-size:13px;color:#e0e0e0}.msg-bubble code:not(pre code){background:var(--border);padding:2px 6px;border-radius:4px;font-size:13px;font-family:monospace}.msg-bubble ul,.msg-bubble ol{padding-left:20px;margin:8px 0}.msg-bubble li{margin:4px 0}.msg-bubble blockquote{border-left:3px solid var(--accent);padding-left:12px;margin:8px 0;color:var(--text-secondary)}.msg-bubble table{border-collapse:collapse;margin:8px 0;width:100%;font-size:13px}.msg-bubble th,.msg-bubble td{border:1px solid var(--border);padding:6px 10px;text-align:left}.msg-bubble th{background:var(--card);font-weight:600}.msg-bubble a{color:var(--accent)}.msg-bubble img{max-width:300px;max-height:300px;border-radius:8px}.copy-btn{position:absolute;top:6px;right:6px;background:rgba(255,255,255,0.1);border:none;color:#aaa;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;opacity:0;transition:opacity .15s}.msg-bubble pre:hover .copy-btn{opacity:1}.copy-btn:hover{background:rgba(255,255,255,0.2);color:#fff}.chat-input-area{padding:12px 16px;border-top:1px solid var(--border)}.chat-attach-preview{display:none;gap:8px;padding:8px 0;overflow-x:auto;white-space:nowrap}.chat-input-row{display:flex;gap:8px;align-items:flex-end}.chat-input-row textarea{flex:1;padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:14px;resize:none;font-family:inherit;height:42px;min-height:42px;max-height:200px}.chat-input-row textarea::placeholder{font-size:12px;opacity:0.6}.params-panel{display:none;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.params-panel.show{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:12px}.params-panel label{color:var(--text-secondary);display:flex;align-items:center;gap:6px}.params-panel input[type=range]{width:100px;accent-color:var(--accent)}.params-panel input[type=number]{width:70px;padding:4px 6px;border-radius:6px;border:1px solid var(--border);background:var(--card);color:var(--text-primary);font-size:12px}.sys-prompt-panel{display:none;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.sys-prompt-panel.show{display:block}.sys-prompt-panel textarea{width:100%;height:60px;padding:8px;border-radius:6px;border:1px solid var(--border);background:var(--card);color:var(--text-primary);font-size:12px;resize:vertical;font-family:inherit}.btn-sm{padding:4px 12px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);transition:all 0.15s;white-space:nowrap}.btn-sm:hover{border-color:#444;color:var(--text-primary)}.btn-sm.danger:hover{border-color:var(--red);color:var(--red)}.btn-sm.active-toggle{border-color:var(--accent);color:var(--accent)}#sw-trigger-log-list,#audit-log-list{overflow-x:auto;-webkit-overflow-scrolling:touch}#sw-trigger-log-list>div,#audit-log-list>div{min-width:560px}#usage-chart-container{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0;max-width:100%}.usage-chart-inner{min-width:600px;padding:12px}#usage-chart{height:220px !important;min-height:220px;min-width:0;width:100% !important}@media (max-width:768px){.usage-chart-inner{min-width:560px}}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:200;align-items:center;justify-content:center;overflow-y:auto;padding:5vh 0}.modal-overlay.show{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;width:520px;max-width:92vw;max-height:90vh;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.modal h3{font-size:18px;margin-bottom:16px}.modal label{display:block;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px;margin-top:12px}.modal label:first-of-type{margin-top:0}.modal input,.modal select,.modal textarea{width:100%;padding:10px 14px;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;margin-bottom:4px;outline:none}.modal input:focus,.modal select:focus{border-color:var(--accent)}.modal select{cursor:pointer}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.backup-toolbar{display:flex;gap:8px;flex-wrap:nowrap;margin:12px 0 6px;align-items:center;overflow-x:auto;padding-bottom:2px}.backup-toolbar label{display:flex !important;align-items:center;gap:6px;font-size:12px !important;color:var(--text-secondary) !important;text-transform:none !important;letter-spacing:0 !important;margin:0 !important;white-space:nowrap;flex:0 0 auto}.backup-note{display:block;font-size:11px;color:var(--text-tertiary);line-height:1.5;margin:0 0 12px}@media (max-width:768px){.backup-toolbar{flex-wrap:wrap;overflow-x:visible}}.btn{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all 0.15s;white-space:nowrap}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{opacity:0.9}.btn-secondary{background:var(--card);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{border-color:#444}.new-key-display{background:var(--card);border:1px solid var(--accent);border-radius:8px;padding:12px;font-family:monospace;font-size:13px;color:var(--accent);margin-bottom:16px;word-break:break-all;cursor:pointer}.new-key-display:hover{opacity:0.8}.copy-hint{font-size:11px;color:var(--text-tertiary);margin-bottom:16px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background:#f0f2f5;position:relative;overflow:hidden}.login-page::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.login-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:460px;padding:0 20px}.login-brand{text-align:center;margin-bottom:40px}.login-brand .logo-icon{width:56px;height:56px;margin:0 auto 16px}.login-brand .logo-icon img{width:100%;height:100%;object-fit:contain}.login-brand .brand-title{font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:6px}.login-brand .brand-sub{font-size:13px;color:#888;letter-spacing:1px}.login-box{background:#ffffff;border:1px solid #e0e0e0;border-radius:20px;padding:40px 36px 32px;width:100%;text-align:center;box-shadow:0 4px 24px rgba(0,0,0,0.06)}.login-box h2{font-size:22px;margin-bottom:6px;color:#1a1a2e;font-weight:600}.login-box .login-desc{font-size:13px;color:#888;margin-bottom:28px}.login-input-wrap{position:relative;margin-bottom:16px}.login-input-wrap .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#aaa;width:18px;height:18px;pointer-events:none}.login-input-wrap .input-icon svg{width:18px;height:18px}.login-box input{width:100%;padding:14px 16px 14px 42px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;color:#1a1a2e;font-size:14px;outline:none;transition:border-color .2s}.login-box input:focus{border-color:var(--accent)}.login-box input::placeholder{color:#aaa}.login-box .btn-primary{width:100%;padding:14px;border:none;border-radius:12px;background:#00b368;color:#ffffff;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,transform .1s,box-shadow .15s;margin-top:4px}.login-box .btn-primary:hover{background:#009f5c;box-shadow:0 6px 16px rgba(0,179,104,.22)}.login-box .btn-primary:active{transform:scale(.98)}.login-box #auth-tabs{background:#f3f4f6 !important;border:1px solid #e5e7eb}.login-box .auth-tab{color:#1a1a2e !important;background:transparent !important}.login-box .auth-tab:hover{color:#00b368 !important;background:#eaf8f1 !important}.login-box .auth-tab.active{color:#ffffff !important;background:#00b368 !important}.login-box .link-btn{color:#00b368 !important}.login-box .link-btn:hover{color:#009f5c !important}.login-register-link{margin-top:24px;font-size:13px;color:#888}.login-register-link a{color:#00b368;text-decoration:none;font-weight:600;cursor:pointer;transition:color .15s}.login-register-link a:hover{color:#009f5c;text-decoration:underline}.login-footer{margin-top:32px;font-size:11px;color:#aaa;text-align:center}.code-inputs{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.code-inputs input{width:44px;height:50px;font-size:20px;font-weight:600;text-align:center;padding:0;padding-left:0 !important}.hidden{display:none !important}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:calc(48px+env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);background:var(--surface);border-bottom:1px solid var(--border);align-items:center;padding-left:16px;padding-right:16px;gap:12px;z-index:200}.mobile-header .hamburger{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-primary);cursor:pointer;border-radius:8px}.mobile-header .hamburger:hover{background:var(--card)}.mobile-header .hamburger svg{width:22px;height:22px}.mobile-header .mobile-title{font-size:15px;font-weight:600;color:var(--text-primary)}.user-dropdown{position:absolute;bottom:calc(100%+8px);top:auto;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:6px;box-shadow:0 -4px 20px rgba(0,0,0,0.3);z-index:1200;transform-origin:bottom center}.user-card-wrapper{position:relative;overflow:visible;z-index:1200}.sidebar-bottom{overflow:visible;position:relative;z-index:1200}.user-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:none;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;border-radius:8px;transition:all 0.15s}.user-dropdown-item:hover{background:var(--card);color:var(--text-primary)}.user-dropdown-item.danger:hover{background:#ef444422;color:var(--red)}.user-dropdown-divider{height:1px;background:var(--border);margin:4px 8px}.bg-section{padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.bg-section+.bg-section{margin-top:16px;border-top:3px solid var(--accent);box-shadow:0 -8px 18px rgba(0,0,0,0.08)}.bg-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.bg-section h4{font-size:14px;font-weight:700;margin:0;color:var(--text-primary)}.bg-section-note{font-size:12px;color:var(--red);font-weight:700;white-space:nowrap}.bg-effect-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.bg-preset-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.bg-effect-item,.bg-preset-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:9px 5px;border-radius:9px;cursor:pointer;transition:all 0.15s;border:1px solid transparent;background:var(--card)}.bg-effect-item:hover,.bg-preset-item:hover{border-color:var(--accent)}.bg-effect-item.active,.bg-preset-item.active{border-color:var(--accent);background:var(--accent-bg,rgba(99,102,241,0.1))}.bg-preview{width:40px;height:30px;border-radius:5px;overflow:hidden}.bg-effect-item span,.bg-preset-item span{font-size:11px;line-height:1.2;color:var(--text-secondary);text-align:center;white-space:nowrap}.bg-control-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin-top:16px}.bg-section:first-of-type .bg-control-duo{grid-template-columns:1fr}.bg-control-box{min-width:0}.bg-control-row{display:flex;gap:12px;align-items:center;margin-top:10px}.bg-control-row input[type="range"]{width:100%}.bg-mini-actions{display:flex;align-items:center;gap:8px}.bg-main-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch;margin-top:12px}.bg-subpanel{border:1px solid var(--border);border-radius:12px;background:var(--card);padding:12px;min-width:0;display:flex;flex-direction:column}.bg-subpanel-title{font-size:12px;font-weight:700;color:var(--text-primary);margin-bottom:10px}.bg-control-effect-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bg-control-effect-grid .bg-effect-item{padding:8px 5px}.main.control-bg-frosted{--surface:rgba(255,255,255,0.10);--card:rgba(255,255,255,0.10);--card-hover:rgba(255,255,255,0.16);--border:rgba(255,255,255,0.18)}.main.control-bg-semi-light{--surface:rgba(255,255,255,0.16);--card:rgba(255,255,255,0.16);--card-hover:rgba(255,255,255,0.22);--border:rgba(255,255,255,0.20)}.main.control-bg-semi-dark{--surface:rgba(0,0,0,0.55);--card:rgba(0,0,0,0.55);--card-hover:rgba(0,0,0,0.65);--border:rgba(255,255,255,0.12)}.main.control-bg-blur-light{--surface:rgba(255,255,255,0.08);--card:rgba(255,255,255,0.08);--card-hover:rgba(255,255,255,0.14);--border:rgba(255,255,255,0.16)}.main.control-bg-blur-dark{--surface:rgba(0,0,0,0.55);--card:rgba(0,0,0,0.55);--card-hover:rgba(0,0,0,0.65);--border:rgba(255,255,255,0.12)}.main.control-bg-frosted .card,.main.control-bg-blur-light .card,.main.control-bg-blur-dark .card,.main.control-bg-frosted .admin-table,.main.control-bg-blur-light .admin-table,.main.control-bg-blur-dark .admin-table,.main.control-bg-frosted .keys-table,.main.control-bg-blur-light .keys-table,.main.control-bg-blur-dark .keys-table,.main.control-bg-frosted .activity-list,.main.control-bg-blur-light .activity-list,.main.control-bg-blur-dark .activity-list{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.main.has-control-color{--surface:var(--control-color-bg);--card:var(--control-color-bg);--card-hover:var(--control-color-hover)}.list-fixed-header,.keys-table .keys-header,.admin-table .row.header,.model-admin-tbl .row.header,.tbl-header,.redeem-tbl-header,.available-model-group-header,.available-model-header,.model-dist-table-header,.report-scrollbox .row.header,.activity-list .activity-row:first-child,#activity-list .activity-row:first-child,#logs-list .activity-row:first-child{background:var(--table-header-bg) !important;color:var(--table-header-text) !important;border-bottom-color:var(--table-header-border) !important}.list-fixed-header *,.keys-table .keys-header *,.admin-table .row.header *,.model-admin-tbl .row.header *,.tbl-header *,.redeem-tbl-header *,.available-model-group-header *,.available-model-header *,.model-dist-table-header *,.report-scrollbox .row.header *,.activity-list .activity-row:first-child *,#activity-list .activity-row:first-child *,#logs-list .activity-row:first-child *{color:var(--table-header-text) !important}@media (max-width:640px){#bg-modal .modal{width:calc(100vw - 24px) !important}.bg-effect-grid,.bg-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bg-control-duo,.bg-main-layout,.home-activity-layout,.logs-record-layout{grid-template-columns:1fr}.home-activity-layout,.logs-record-layout{flex:none;min-height:0;align-items:stretch}.home-activity-list-panel,.logs-record-list{min-height:320px}.home-activity-layout .activity-list,.logs-record-layout .activity-list{flex:none;height:320px;min-height:320px}.model-dist-card{grid-template-columns:1fr;grid-template-rows:auto 180px auto;height:auto;min-height:0}.model-dist-canvas-wrap{grid-column:1;grid-row:2;min-height:180px;height:180px}.model-dist-list{grid-column:1;grid-row:3;max-height:220px;padding-right:14px;scrollbar-gutter:stable}.model-dist-table-header,.model-dist-item{grid-template-columns:minmax(0,1.2fr) 52px 36px minmax(72px,auto) !important;gap:6px}.model-dist-value{font-size:11px}.model-dist-cost,.model-dist-table-header span:last-child{min-width:72px;padding-right:2px}.bg-control-effect-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bg-section-title{align-items:flex-start;flex-direction:column}.bg-section-note{white-space:normal}}.bg-custom-url{margin-top:12px}.bg-custom-url label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:6px}.bg-custom-url input{width:100%;margin-bottom:8px}.bg-scope-toggle{margin-top:8px}.bg-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text-secondary)}.bg-checkbox input[type="checkbox"]{width:16px;height:16px;accent-color:var(--accent)}.sidebar.bg-frosted{background:rgba(255,255,255,0.1) !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid rgba(255,255,255,0.15)}.sidebar.bg-semi-light{background:rgba(255,255,255,0.15) !important}.sidebar.bg-semi-dark{background:rgba(0,0,0,0.55) !important}.sidebar.bg-blur-light{background:rgba(255,255,255,0.08) !important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.sidebar.bg-blur-dark{background:rgba(0,0,0,0.55) !important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.sidebar::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;display:none}.sidebar.has-color-overlay::before{display:block}.sidebar>*{position:relative;z-index:1}#main-color-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;display:none;mix-blend-mode:overlay}#main-color-overlay.active{display:block}body.bg-main-active{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}body.bg-main-active .main{background:transparent !important}body.bg-main-active .main,body.bg-custom-image .main{--control-bg-alpha:0.30;--control-bg-hover-alpha:0.40;--surface:rgba(0,0,0,var(--control-bg-alpha));--card:rgba(0,0,0,var(--control-bg-alpha));--card-hover:rgba(0,0,0,var(--control-bg-hover-alpha));--border:rgba(255,255,255,0.1)}body.bg-main-active .main>div[id^="page-"],body.bg-custom-image .main>div[id^="page-"]{background:rgba(0,0,0,var(--control-bg-alpha,0.30));border-radius:12px;padding:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}body.bg-main-active .main .settings-modal-content,body.bg-custom-image .main .settings-modal-content{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}body.bg-scope-all.bg-main-active .sidebar{background:transparent !important}.settings-tabs{display:flex;gap:0;margin-bottom:20px;background:var(--card);border-radius:10px;padding:3px}.settings-tab{flex:1;padding:8px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;background:transparent;color:var(--text-secondary);transition:all .15s}.settings-tab.active{background:var(--accent);color:#000}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 20px;font-size:13px;z-index:300;transition:transform 0.3s}.toast.show{transform:translateX(-50%) translateY(0)}@media (max-width:1600px){.main{padding:24px 28px}}@media (max-width:1400px){.main{padding:24px 24px}}@media (max-width:1200px){.main{padding:24px 20px}.quick-grid{grid-template-columns:repeat(3,1fr)}.admin-table .col-key{display:none}}@media (max-width:1000px){.main{padding:20px 16px}.stats{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{position:fixed;left:0;top:0;bottom:auto;width:280px;height:100vh;height:100dvh;max-height:100dvh;transform:translateX(-100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);z-index:1000;box-shadow:none;padding:16px 12px;padding-bottom:calc(12px+env(safe-area-inset-bottom,0px));overflow:hidden;overscroll-behavior:contain}.sidebar>nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sidebar-bottom{flex:0 0 auto;margin-top:8px;padding-top:8px;background:var(--surface)}.sidebar.open{transform:translateX(0);box-shadow:8px 0 32px rgba(0,0,0,0.4)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:900;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.sidebar-overlay.show{display:block}.mobile-header{display:flex !important}.main{margin-left:0;padding:calc(60px+env(safe-area-inset-top,0px)) 16px 24px;max-width:100vw;overflow-x:hidden}.breadcrumb{margin-bottom:8px;font-size:11px}.welcome h1{font-size:20px;letter-spacing:-0.3px}.welcome .date{font-size:12px}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}.stat-card{padding:16px 14px}.stat-label{font-size:10px;margin-bottom:6px}.stat-value{font-size:22px;margin-bottom:4px}.stat-sub{font-size:10px}.quick-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.quick-btn{padding:14px 12px;gap:8px;flex-direction:column;text-align:center}.quick-icon{width:32px;height:32px;font-size:15px}.quick-text{font-size:12px}.section-header{flex-wrap:wrap;gap:8px;margin:16px 0 10px}.section-header .btn{width:100%;text-align:center}#page-home{height:auto;min-height:calc(100vh - 84px)}#page-home .breadcrumb{display:none}#page-home .welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:8px}#page-home .welcome h1{font-size:18px;margin:0;line-height:1.25}#page-home .welcome .date{text-align:right;white-space:nowrap;line-height:1.4}#page-home .stats{grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);gap:8px;margin:10px 0 12px}#page-home .stats .stat-card:first-child{display:none}#page-home .stats .stat-card:nth-child(2){grid-row:span 2;padding:16px}#page-home .stats .stat-card:nth-child(2) .stat-value{font-size:25px;margin-bottom:8px;word-break:break-word}#page-home .stats .stat-card:nth-child(3),#page-home .stats .stat-card:nth-child(4){padding:12px;min-height:74px}#page-home .stats .stat-card:nth-child(3) .stat-value,#page-home .stats .stat-card:nth-child(4) .stat-value{font-size:18px;letter-spacing:0}#page-home .stat-label{letter-spacing:0;text-transform:none}#page-home .section-header{margin:12px 0 8px;flex-wrap:nowrap}#page-home .section-header h2{font-size:14px}#page-home .section-header .count{display:block;margin:2px 0 0;font-size:10px}#page-home .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}#page-home .quick-btn{min-height:70px;padding:10px 8px;gap:6px;justify-content:center;border-radius:8px}#page-home .quick-btn:nth-child(3),#page-home .quick-btn:nth-child(5){display:none}#page-home .quick-icon{width:28px;height:28px;border-radius:7px;font-size:14px}#page-home .quick-text{font-size:11px;white-space:normal;line-height:1.25}#page-home .home-activity-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,44%);gap:10px;min-height:0}#page-home #home-model-dist-card{order:initial;margin-bottom:2px}#page-home .home-activity-list-panel{order:initial}#page-home .home-activity-list-panel,#page-home .home-activity-layout .activity-list{min-height:0;height:auto}#page-home #activity-list{background:transparent;border:0;border-radius:0;overflow:visible}#page-home #activity-list .activity-scroll{width:100%;min-width:0;display:flex;flex-direction:column;gap:8px;background:transparent;border:0;border-radius:0;overflow:visible}#page-home #activity-list .activity-row:first-child,#page-home #activity-list .home-desktop-activity{display:none !important}#page-home #activity-list .activity-row{min-width:0 !important;padding:0;border:0;background:transparent}.home-mobile-activity{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;width:100%;padding:11px 12px;background:var(--card);border:1px solid var(--border);border-radius:8px}.home-mobile-activity .hma-model{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;color:var(--text-primary)}.home-mobile-activity .hma-cost{color:var(--green);font-size:13px;font-weight:750;font-variant-numeric:tabular-nums}.home-mobile-activity .hma-meta,.home-mobile-activity .hma-time{color:var(--text-tertiary);font-size:11px;line-height:1.35}.home-mobile-activity .hma-status{justify-self:end;font-size:11px;font-weight:700}#page-home .model-dist-card{display:block;height:auto;min-height:0;padding:12px;border-radius:8px}#page-home .model-dist-title{font-size:14px;margin-bottom:8px}#page-home .model-dist-canvas-wrap{display:none}#page-home .model-dist-list{max-height:none;overflow:visible;padding:0}#page-home .model-dist-table-header{display:none}#page-home .model-dist-item{display:grid !important;align-items:center !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;column-gap:8px !important;row-gap:4px !important;padding:9px 0 !important;border-bottom:1px solid var(--border);min-width:0;overflow:hidden}#page-home .model-dist-item:has(.model-dist-upstream-cost){grid-template-columns:repeat(4,minmax(0,1fr)) !important}#page-home .model-dist-item:last-child{border-bottom:0}#page-home .model-dist-model{grid-column:1/-1;min-width:0;gap:6px;display:flex;align-items:center}#page-home .model-dist-dot{width:7px;height:7px;flex-shrink:0}#page-home .model-dist-name{font-size:12px;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#page-home .model-dist-value{font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;width:100%;justify-self:stretch}#page-home .model-dist-value:nth-of-type(2){text-align:left}#page-home .model-dist-cost{font-size:11px;font-weight:800;color:var(--green)}#page-home .model-dist-upstream-cost{font-size:11px;color:var(--orange,#f59e0b)}#page-keys .breadcrumb{display:none}#page-keys .section-header{align-items:stretch;margin:0 0 10px;gap:10px}#page-keys .section-header h2{font-size:18px;line-height:1.25}#page-keys .section-header .btn{width:100%;height:40px;padding:0 14px;border-radius:8px;font-size:13px}#page-keys .api-base-box{display:block;padding:11px 12px;margin:0 0 12px;background:var(--card);border:1px solid var(--border);border-radius:8px}#page-keys .api-base-label{font-size:10px;font-weight:700;color:var(--text-tertiary);letter-spacing:0;margin-bottom:6px}#page-keys .api-base-value-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}#page-keys .api-base-box code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent);font-size:11px}#page-keys .api-base-box .link-btn{height:28px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:var(--surface);font-size:11px}#page-keys #keys-grid{display:none}#page-keys .keys-mobile-list{display:flex;flex-direction:column;gap:8px}.key-mobile-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 10px;padding:12px;background:var(--card);border:1px solid var(--border);border-radius:8px}.key-mobile-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;color:var(--text-primary)}.key-mobile-group{display:inline-flex;align-items:center;gap:4px;max-width:112px;height:24px;padding:0 8px;border-radius:999px;background:rgba(0,214,126,0.1);border:1px solid rgba(0,214,126,0.2);color:var(--accent);font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}.key-mobile-code{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:7px}.key-mobile-code code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--text-secondary)}.key-mobile-meta{color:var(--text-tertiary);font-size:10px;line-height:1.5}.key-mobile-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px}.key-mobile-actions .btn-sm,.key-mobile-code .btn-sm{height:26px;padding:0 9px;font-size:11px;border-radius:7px}#page-keys #stream-setting{margin-top:12px !important;padding:12px !important;border-radius:8px !important}#page-keys #stream-setting>div{gap:12px;align-items:center !important}#page-keys #stream-setting div[style*="font-size:14px"]{font-size:13px !important}#page-keys #stream-setting div[style*="font-size:12px"]{max-width:240px;font-size:11px !important;line-height:1.45}.tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin:0 -16px;padding:0 16px}.admin-table{min-width:600px;border-radius:0}.admin-table .row{white-space:nowrap}.admin-table .col{flex-shrink:0;white-space:nowrap}.admin-table .col-actions{flex-wrap:nowrap;justify-content:flex-end}.keys-table .keys-row{white-space:nowrap}.keys-table .kcol-actions{flex-wrap:nowrap}.activity-list{overflow-x:auto;-webkit-overflow-scrolling:touch}#upstream-keys-list,#groups-list,#presets-list,#keys-grid,#activity-list,#logs-list,#audit-log-list{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.activity-list{background:transparent;border:0;border-radius:0;isolation:auto}.activity-scroll{width:max-content;min-width:630px;max-width:none !important;overflow-x:visible;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);background-clip:padding-box;isolation:isolate}.keys-table{width:max-content;min-width:740px;max-width:none !important;overflow-x:visible}.admin-table:not(.report-detail-table){width:max-content;min-width:980px;max-width:none !important;overflow-x:visible}.admin-table.model-admin-tbl{width:100%;min-width:1338px;max-width:none !important;overflow-x:visible}.tbl{width:max-content;min-width:600px;max-width:none !important;overflow-x:visible;margin:0;padding:0}.tbl-header,.tbl-row{min-width:600px}.redeem-tbl{width:max-content;min-width:780px;max-width:none !important;overflow-x:visible;margin:0;padding:0}#admin-models-list .group-body{overflow-x:auto;-webkit-overflow-scrolling:touch}#models-list,#admin-models-list{overflow-x:visible !important;overflow-y:visible !important;width:100%;max-width:100%}.models-section-header{align-items:stretch;gap:10px}.models-toolbar{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.models-group-select{width:100%;min-width:0;height:34px;font-size:12px}#page-models #btn-model-test-models{height:34px;padding:0 10px;white-space:nowrap;font-size:12px}#models-list{overflow-x:hidden !important}.available-model-group{margin-top:12px;border-radius:10px}.available-model-group-header{padding:10px 12px;justify-content:space-between;background:rgba(255,255,255,0.045)}.available-model-group-header span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px !important}.available-model-group-header span:last-child{flex:0 0 auto;padding:2px 8px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--text-secondary) !important}.available-model-scroll{overflow-x:hidden}.available-model-table{min-width:0;width:100%;display:grid;gap:0}.available-model-header{display:none}.available-model-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name capability" "summary summary";gap:4px 8px;min-width:0;width:100%;padding:8px 9px;white-space:normal;align-items:start;border-top:1px solid var(--border);background:var(--card)}.available-model-row:nth-child(odd){background:var(--surface)}.available-model-cell{min-width:0;padding:0;white-space:normal;overflow:visible;text-overflow:clip;font-size:12px;line-height:1.35}.available-model-cell::before{content:attr(data-label);display:block;margin-bottom:2px;color:var(--text-tertiary);font-size:10px;font-weight:500}.available-model-name{grid-area:name;font-size:13px;font-weight:400;color:var(--green);line-height:1.35;word-break:break-word;overflow-wrap:anywhere}.available-model-name::before,.available-model-capability::before{display:none}.available-model-capability{grid-area:capability;justify-self:end}.capability-pill{display:inline-flex;align-items:center;gap:4px;max-width:96px;padding:3px 8px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,0.045);color:var(--text-secondary);font-size:11px;line-height:1.2;white-space:nowrap}.available-model-multiplier,.available-model-latency,.available-model-row .available-model-cell:nth-child(n+4):nth-child(-n+10){display:none}.available-model-mobile-summary{grid-area:summary;display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden;color:var(--text-secondary);font-size:11px;line-height:1.25;white-space:nowrap}.available-model-mobile-summary span{flex:0 0 auto}.available-model-mobile-summary span:not(.mobile-summary-rate):not(.mobile-summary-latency){max-width:82px;overflow:hidden;text-overflow:ellipsis}.mobile-summary-rate{color:var(--green);font-weight:800}.mobile-summary-latency{margin-left:auto;color:var(--text-tertiary)}#page-admin .admin-upstream-header{align-items:stretch;gap:10px}#page-admin .admin-upstream-actions{width:100%;display:grid !important;grid-template-columns:minmax(0,1fr);gap:8px !important}#page-admin .admin-upstream-actions .btn{width:100%;justify-content:center;min-height:36px;padding:0 12px}#page-admin .admin-upstream-secondary-action{background:transparent !important;border-color:var(--border) !important;color:var(--text-secondary) !important}#page-admin #upstream-keys-list{overflow-x:visible}#page-admin #upstream-keys-list>.admin-table,#page-admin .upstream-desktop-disabled,#page-admin #disabled-upstream-keys .admin-table{display:none}.upstream-mobile-list{display:flex;flex-direction:column;gap:7px}.upstream-mobile-disabled{display:block}.upstream-mobile-card{border:1px solid var(--border);border-radius:10px;background:var(--card);padding:9px 10px;display:grid;gap:7px;min-width:0}.upstream-mobile-card.disabled{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.055);opacity:.92}.upstream-mobile-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.upstream-mobile-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:13px;font-weight:800}.upstream-mobile-meta{display:flex;flex-wrap:wrap;gap:5px;color:var(--text-tertiary);font-size:11px;line-height:1.35}.upstream-mobile-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;padding:7px 8px;border-radius:8px;background:var(--surface);border:1px solid var(--border)}.upstream-mobile-url-row code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:11px;font-family:monospace}.upstream-mobile-url-row code a{color:var(--accent) !important;font-family:inherit}.upstream-mobile-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.upstream-mobile-summary span{min-width:0;padding:5px 6px;border-radius:7px;background:var(--surface);color:var(--text-secondary);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upstream-mobile-primary-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.upstream-mobile-more-btn{border-color:var(--border) !important;color:var(--text-secondary) !important;background:transparent !important}.upstream-mobile-actions{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:7px;border-radius:8px;border:1px solid var(--border);background:var(--surface)}.upstream-mobile-actions.show{display:grid}.upstream-mobile-primary-actions .btn-sm,.upstream-mobile-actions .btn-sm{min-width:0;justify-content:center;padding:5px 6px;font-size:11px;min-height:30px}.upstream-mobile-actions .danger{grid-column:1 / -1}.admin-model-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;padding:8px 12px;background:var(--card);border-radius:8px;border:1px solid var(--border);cursor:pointer;user-select:none}.admin-model-group-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:var(--text-secondary)}.admin-model-group-actions{display:flex;gap:6px;flex:0 0 auto}.admin-model-mobile-more{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-secondary);font-size:12px;font-weight:700}#page-admin .admin-model-group-header{padding:10px 12px;gap:8px}#page-admin .admin-model-group-actions{display:none}#page-admin .admin-model-mobile-actions{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0 0;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}#page-admin .admin-model-mobile-actions.show{display:grid}#page-admin .admin-model-mobile-actions .btn-sm{justify-content:center;min-height:30px}#page-admin .admin-model-mobile-actions .danger{grid-column:1 / -1}#page-admin #admin-models-list [data-group-section]{margin-bottom:12px !important}#page-admin #admin-models-list .group-body{margin-top:6px !important;border-left:2px solid var(--border);padding-left:6px}#page-admin #admin-models-list .model-admin-tbl{border-radius:8px;overflow-x:auto}#page-admin #admin-models-list .model-admin-tbl .row{min-height:34px;padding-top:7px;padding-bottom:7px}#page-admin #admin-models-list .model-admin-tbl input[type="checkbox"]{width:18px;height:18px}#page-admin #admin-models-list .model-admin-tbl .col{font-size:12px;line-height:1.25}#page-admin #admin-models-list .model-admin-tbl .col-name,#page-admin #admin-models-list .model-admin-tbl .col-model{font-weight:700;color:var(--green)}#page-admin #admin-models-list .group-body>.model-admin-tbl,#page-admin #admin-models-list [data-group-section]>.model-admin-tbl{display:none}#page-admin #admin-models-list .admin-model-mobile-list{display:flex;flex-direction:column;gap:7px}#page-groups .groups-page-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:10px 0 8px}#page-groups .groups-page-header h2{font-size:20px;line-height:1.2;margin:0;min-width:0}#page-groups .groups-create-btn{width:auto;min-height:34px;padding:0 12px;border-radius:9px;font-size:12px;white-space:nowrap}#page-groups .groups-page-desc{margin-bottom:10px !important;font-size:11px !important;line-height:1.45}#page-groups .groups-page-desc::before{content:'管理上游密钥分组，删除只解除绑定。'}#page-groups .groups-page-desc{font-size:0 !important}#page-groups .groups-page-desc::before{font-size:11px;color:var(--text-tertiary)}#page-groups #groups-list{overflow-x:visible;overflow-y:visible}#page-groups #groups-list>.admin-table{display:none}#page-groups .groups-mobile-list{display:flex;flex-direction:column;gap:8px}.group-mobile-card{display:grid;gap:7px;padding:10px 11px;border:1px solid var(--border);border-radius:10px;background:var(--card);min-width:0}.group-mobile-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.group-mobile-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:14px;font-weight:800}.group-mobile-desc{color:var(--text-tertiary);font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.group-mobile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.group-mobile-stats span{min-width:0;padding:5px 6px;border-radius:7px;background:var(--surface);color:var(--text-secondary);font-size:11px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-mobile-models{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.group-mobile-models span{max-width:100%;padding:2px 7px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:10px;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-mobile-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.group-mobile-actions .btn-sm{min-width:0;justify-content:center;min-height:30px;padding:5px 6px;font-size:11px}.admin-model-mobile-card{display:grid;gap:6px;padding:8px 9px;border:1px solid var(--border);border-radius:9px;background:var(--card)}.admin-model-mobile-main{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px}.admin-model-mobile-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent);font-size:12px;font-weight:800}.admin-model-mobile-sub{display:flex;flex-wrap:wrap;gap:5px;color:var(--text-tertiary);font-size:11px;line-height:1.35}.admin-model-mobile-sub span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-model-mobile-actions-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.admin-model-mobile-actions-row .btn-sm{justify-content:center;min-width:0;min-height:29px;padding:4px 6px;font-size:11px}#page-playground{height:calc(var(--app-height) - 84px);min-height:0;display:flex;flex-direction:column;overflow:hidden}#page-playground.hidden{display:none !important}.chat-layout{flex:1;min-height:0;flex-direction:column;height:auto}.chat-sidebar{position:fixed;left:0;top:0;bottom:0;width:300px;z-index:1000;transform:translateX(-100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);border-radius:0;box-shadow:none;border-right:1px solid var(--border)}.chat-sidebar.open{transform:translateX(0);box-shadow:8px 0 32px rgba(0,0,0,0.4)}.chat-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:950;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.chat-sidebar-overlay.show{display:block}.chat-main{border-radius:0;border:none;flex:1;min-height:0}.chat-header{padding:8px 10px;gap:8px;flex-wrap:nowrap;overflow:visible;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;border-bottom:1px solid var(--border)}.chat-header>div[style*="flex:1"]{display:none !important}.chat-header .chat-sidebar-toggle{display:flex !important;width:34px;height:34px;padding:0 !important;justify-content:center;align-items:center;flex-shrink:0}.chat-model-wrap{min-width:0;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;align-items:center}#pg-upstream-wrap{grid-column:2;grid-row:2}.chat-model-label{font-size:10px;color:var(--text-tertiary)}.chat-header select{width:100%;flex:1 1 auto;min-width:0 !important;font-size:13px;padding:8px 10px}.chat-header .btn{font-size:12px !important;padding:6px 10px !important;white-space:nowrap;flex-shrink:0}.chat-tool-btn,.chat-clear-btn{display:none !important}.chat-more-wrap{display:block;justify-self:end}.chat-more-menu{position:fixed;right:12px;top:104px}.chat-header .chat-more-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0 !important}.chat-messages{padding:14px 12px}.msg-bubble{max-width:85%;font-size:14px;padding:10px 14px}.msg-avatar{width:30px;height:30px;font-size:13px}.msg-row{gap:8px;margin-bottom:14px}.chat-input-area{padding:9px 10px;padding-bottom:calc(9px+env(safe-area-inset-bottom,0px));border-top:1px solid var(--border)}.chat-input-row{gap:7px;align-items:flex-end}.chat-input-row textarea{font-size:15px;padding:11px 12px;height:44px;min-height:44px;max-height:132px;border-radius:10px}.chat-input-row textarea::placeholder{font-size:13px}.chat-input-row .btn{height:44px !important;padding:0 12px !important;font-size:13px !important}.chat-input-row button[title="上传图片"]{width:40px;padding:0 !important;border-radius:10px}#pg-send-btn{min-width:52px;border-radius:10px;transition:opacity .15s,background .15s}#pg-send-btn:disabled{opacity:.45;cursor:not-allowed}#pg-send-btn.input-empty:not(:disabled){opacity:.62}.chat-empty{padding:44px 16px}.chat-empty h3{font-size:18px;margin-bottom:6px}.chat-empty p{margin:0;font-size:12px;line-height:1.5}.chat-empty-actions{margin-top:14px;gap:7px}.chat-empty-primary{padding:8px 14px;font-size:13px}.chat-empty-chip{padding:7px 10px;font-size:12px}.params-panel.show{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px}.params-panel input[type=range]{width:100%}.params-panel>div>div{flex-wrap:wrap !important}.params-panel>div>div>label{min-width:80px !important;font-size:12px}.params-panel>div>div>span:last-child{display:none}.sys-prompt-panel textarea{height:80px}.msg-bubble pre{font-size:12px;padding:10px}.msg-bubble pre code{font-size:11px;word-break:break-all;white-space:pre-wrap}.msg-bubble img{max-width:240px;max-height:240px;border-radius:8px}.msg-bubble table{font-size:11px}.msg-bubble th,.msg-bubble td{padding:4px 6px}#page-presets .presets-page-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:10px 0 8px}#page-presets .presets-page-header h2{font-size:20px;line-height:1.2;margin:0;min-width:0}#page-presets .presets-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}#page-presets .presets-add-btn,#page-presets .presets-excel-btn{width:auto;height:32px;min-height:32px;padding:0 9px;border-radius:8px;font-size:11px;line-height:1;white-space:nowrap}#page-presets .presets-excel-actions{display:flex;align-items:center;gap:5px}#page-presets .presets-excel-btn{color:var(--text-secondary);background:var(--surface)}@media (max-width:390px){#page-presets .presets-page-header{grid-template-columns:1fr;align-items:start}#page-presets .presets-page-actions{justify-content:flex-start;flex-wrap:wrap}}#page-presets .presets-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-bottom:10px}#page-presets #presets-brand-filter{width:100%;min-width:0;height:34px;font-size:12px !important}#page-presets .presets-inline-hint{font-size:11px !important;line-height:1.4}#page-presets #presets-list{overflow-x:visible;overflow-y:visible}#page-presets .preset-brand-section{margin-bottom:12px !important}#page-presets .preset-brand-header{margin-bottom:7px !important;padding:9px 10px !important;border-radius:9px !important;justify-content:space-between}#page-presets .preset-brand-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px !important}#page-presets .preset-brand-count{flex:0 0 auto;padding:2px 7px;border:1px solid var(--border);border-radius:999px;background:var(--card);font-size:10px !important}#page-presets .preset-desktop-table{display:none}#page-presets .preset-mobile-list{display:flex;flex-direction:column;gap:7px}.preset-mobile-card{display:grid;gap:6px;padding:8px 9px;border:1px solid var(--border);border-radius:10px;background:var(--card);min-width:0}.preset-mobile-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}.preset-mobile-name{min-width:0;color:var(--accent);font-size:12px;font-weight:800;line-height:1.35;overflow-wrap:anywhere;word-break:break-word}.preset-mobile-display{min-width:0;color:var(--text-secondary);font-size:11px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-mobile-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.preset-mobile-price-box{min-width:0;padding:6px;border-radius:8px;background:var(--surface)}.preset-mobile-price-label{margin-bottom:3px;color:var(--text-tertiary);font-size:10px;line-height:1.1}.preset-mobile-price-box input{width:100%;min-width:0;padding:5px 4px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--green);font-size:12px;font-weight:800;text-align:right}.preset-mobile-per-request{padding:7px 8px;border-radius:8px;background:var(--surface);color:var(--green);font-size:12px;font-weight:800}.preset-mobile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.preset-mobile-actions .btn-sm{justify-content:center;min-width:0;min-height:30px;padding:5px 6px;font-size:11px}#page-logs{height:auto;min-height:calc(100vh - 48px);overflow-x:hidden}#page-logs .breadcrumb{display:none}#page-logs .section-header{align-items:stretch;margin:0 0 10px;gap:10px}#page-logs .section-header h2{font-size:19px;line-height:1.2;margin:0}#page-logs .section-header>div{display:grid !important;grid-template-columns:minmax(0,1fr) auto;gap:8px !important;align-items:center !important}#page-logs #chart-period{height:36px;width:100%;min-width:0;padding:0 10px !important;font-size:12px !important;border-radius:9px !important}#page-logs .section-header .btn{height:36px;padding:0 10px;border-radius:9px;font-size:11px !important;white-space:nowrap}#page-logs #logs-summary{margin-bottom:10px !important}#page-logs #logs-summary>div{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px !important;margin-bottom:10px !important}#page-logs #logs-summary>div>div{min-width:0 !important;padding:10px 11px !important;border-radius:10px !important;text-align:left !important}#page-logs #logs-summary div[style*="font-size:11px"]{font-size:10px !important;letter-spacing:0 !important}#page-logs #logs-summary div[style*="font-size:22px"]{font-size:17px !important;line-height:1.15 !important;margin-top:3px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#page-logs #usage-chart-container{margin-bottom:10px !important;border-radius:10px !important;overflow-x:hidden !important}#page-logs .usage-chart-inner{width:100%;min-width:0 !important;height:156px;padding:8px;box-sizing:border-box}#page-logs #usage-chart{width:100% !important;height:140px !important;min-height:140px}#page-logs .logs-section-title{font-size:13px;font-weight:800;color:var(--text-primary);margin:0 0 8px;display:flex;align-items:center;justify-content:space-between}#page-logs .logs-record-layout{display:flex;flex-direction:column;gap:10px;min-height:0}#page-logs .logs-record-list,#page-logs .logs-record-layout .activity-list{min-height:340px;height:auto;flex:none}#page-logs .logs-record-list{order:2}#page-logs #logs-model-dist-card{order:1;display:flex !important;flex-direction:column !important;gap:7px !important;min-width:0 !important;min-height:0 !important;height:auto !important;padding:10px !important;border-radius:10px !important;overflow:hidden !important}#page-logs #logs-model-dist-card .model-dist-title{writing-mode:horizontal-tb !important;font-size:13px !important;font-weight:800 !important;letter-spacing:0 !important;margin:0 !important}#page-logs #logs-model-dist-card .model-dist-canvas-wrap{display:none !important}#page-logs #logs-model-dist-list{max-height:158px !important;overflow-y:auto !important;padding-right:2px !important;-webkit-overflow-scrolling:touch}#page-logs #logs-model-dist-list .model-dist-table-header{display:none !important}#page-logs #logs-model-dist-list .model-dist-table-header{display:none !important}#page-logs #logs-model-dist-list .model-dist-item{display:grid !important;align-items:center !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;column-gap:8px !important;row-gap:4px !important;padding:9px 0 !important;border-bottom:1px solid var(--border);min-width:0}#page-logs #logs-model-dist-list .model-dist-item:has(.model-dist-upstream-cost){grid-template-columns:repeat(4,minmax(0,1fr)) !important}#page-logs #logs-model-dist-list .model-dist-item:last-child{border-bottom:0}#page-logs #logs-model-dist-list .model-dist-model{grid-column:1/-1;min-width:0;gap:6px;display:flex;align-items:center}#page-logs #logs-model-dist-list .model-dist-dot{width:7px;height:7px;flex-shrink:0}#page-logs #logs-model-dist-list .model-dist-name{font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}#page-logs #logs-model-dist-list .model-dist-value{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;width:100%;justify-self:stretch;overflow:hidden;text-overflow:ellipsis}#page-logs #logs-model-dist-list .model-dist-value:nth-of-type(2){text-align:left}#page-logs #logs-model-dist-list .model-dist-cost{display:inline-block !important;font-size:11px;font-weight:800;color:var(--green);width:100%;text-align:right}#page-logs #logs-model-dist-list .model-dist-upstream-cost{font-size:11px;color:var(--orange,#f59e0b);width:100%;text-align:right}#page-logs #logs-list{overflow-x:hidden !important;border-radius:10px}#page-logs #logs-list .activity-scroll{width:100%;min-width:100%;overflow-x:hidden !important}#page-logs #logs-list .activity-row:not(.logs-mobile-row){display:none !important}#page-logs #logs-list .logs-desktop-row{display:none !important}#page-logs #logs-list .logs-mobile-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:5px 9px;padding:10px 10px;border-bottom:1px solid var(--border);font-size:11px;min-width:0 !important;align-items:center;background:var(--card)}#page-logs #logs-list .logs-mobile-row:last-child{border-bottom:0}#page-logs .lmr-model{grid-column:1 / 3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;color:var(--text-primary)}#page-logs .lmr-cost{grid-column:3;color:var(--green);font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}#page-logs .lmr-meta{grid-column:1 / -1;color:var(--text-secondary);line-height:1.55;white-space:normal}#page-logs .lmr-status{justify-self:start;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:800;line-height:1.5;background:rgba(34,197,94,0.12)}#page-logs .lmr-status.status-error{background:rgba(239,68,68,0.12)}#page-logs .lmr-upstream{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);text-align:center;font-size:11px}#page-logs .lmr-time{justify-self:end;color:var(--text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}#page-sensitive-words{height:calc(100vh - 40px) !important;overflow:hidden}#page-sensitive-words .sw-breadcrumb{display:none}#page-sensitive-words .sw-page-header{margin:8px 0 6px}#page-sensitive-words .sw-page-header h2{margin:0;font-size:19px;line-height:1.2}#page-sensitive-words .sw-tabs{margin-bottom:0}#page-sensitive-words .sw-tabs .auth-tab{flex:1;padding:8px 6px !important;font-size:13px !important;text-align:center}#page-sensitive-words #sw-logs-panel,#page-sensitive-words #sw-words-panel{padding-top:8px !important;min-height:0}#page-sensitive-words .sw-log-toolbar,#page-sensitive-words .sw-word-toolbar{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px !important;margin-bottom:8px !important}#page-sensitive-words .sw-log-toolbar input,#page-sensitive-words .sw-word-toolbar input{grid-column:1 / -1;width:100%;min-width:0 !important;height:36px;padding:7px 10px !important;font-size:13px !important;box-sizing:border-box}#page-sensitive-words .sw-log-toolbar .btn,#page-sensitive-words .sw-word-toolbar .btn{min-width:0;min-height:32px;padding:0 8px;border-radius:8px;justify-content:center;font-size:11px !important}#page-sensitive-words .sw-word-toolbar .sw-add-btn,#page-sensitive-words .sw-word-toolbar .sw-upload-btn{background:var(--accent);color:#fff}#page-sensitive-words .sw-desc{margin:0 0 8px !important;font-size:11px !important;line-height:1.45}#page-sensitive-words .sw-stats{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px !important;margin-bottom:8px !important}#page-sensitive-words .sw-stats span{padding:7px 9px;border:1px solid var(--border);border-radius:9px;background:var(--surface);font-size:11px;min-width:0}#page-sensitive-words #sw-trigger-log-list,#page-sensitive-words #sw-word-list{overflow-x:visible;overflow-y:auto;background:transparent;border:0;border-radius:0;gap:7px;padding-bottom:8px}#page-sensitive-words #sw-trigger-log-list>.tbl-header,#page-sensitive-words #sw-trigger-log-list>.sw-scroll,#page-sensitive-words #sw-word-list>.tbl-header,#page-sensitive-words #sw-word-list>.sw-scroll{display:none !important}#page-sensitive-words .sw-mobile-list{display:flex;flex-direction:column;gap:7px}#page-sensitive-words .sw-mobile-card{display:grid;gap:7px;padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:var(--card);min-width:0}#page-sensitive-words .sw-mobile-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}#page-sensitive-words .sw-mobile-primary{min-width:0;color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#page-sensitive-words .sw-mobile-word{color:var(--red);font-weight:800;overflow-wrap:anywhere;word-break:break-word;white-space:normal}#page-sensitive-words .sw-mobile-pill{padding:2px 7px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-secondary);font-size:10px;white-space:nowrap}#page-sensitive-words .sw-mobile-meta{display:grid;gap:4px;color:var(--text-secondary);font-size:11px;line-height:1.35;min-width:0}#page-sensitive-words .sw-mobile-meta-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:6px;min-width:0}#page-sensitive-words .sw-mobile-label{color:var(--text-tertiary)}#page-sensitive-words .sw-mobile-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#page-sensitive-words .sw-mobile-actions{display:grid;grid-template-columns:minmax(0,1fr)}#page-sensitive-words .sw-mobile-actions .btn-sm{justify-content:center;min-height:30px;font-size:11px}#page-users-admin .users-admin-breadcrumb{display:none}#page-users-admin .users-admin-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin:8px 0 8px}#page-users-admin .users-admin-header h2{margin:0;font-size:19px;line-height:1.2}#page-users-admin .users-admin-actions{display:contents !important}#page-users-admin .users-detect-btn,#page-users-admin .users-more-admin-btn{display:inline-flex !important;min-height:32px;padding:0 10px;border-radius:8px;justify-content:center;font-size:11px !important;white-space:nowrap}#page-users-admin .users-site-btn,#page-users-admin .users-auto-status,#page-users-admin .users-backup-btn,#page-users-admin .users-reset-btn,#page-users-admin .users-registration-btn,#page-users-admin .users-registration-status,#page-users-admin .users-referral-btn,#page-users-admin .users-default-referral-rate{display:none !important}#page-users-admin .users-admin-more-panel{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 8px;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--card)}#page-users-admin .users-admin-more-panel.open{display:grid !important}#page-users-admin .users-admin-more-panel .btn,#page-users-admin .users-admin-more-panel .users-more-status{width:100%;min-width:0;min-height:32px;padding:0 8px;border-radius:8px;justify-content:center;font-size:11px !important}#page-users-admin .users-admin-more-panel .users-more-status{display:inline-flex;align-items:center;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary)}#page-users-admin .users-admin-toolbar{display:grid !important;grid-template-columns:minmax(0,1fr) auto;gap:6px !important;max-width:none !important;margin-bottom:8px !important}#page-users-admin #users-admin-search{grid-column:1 / -1;width:100%;min-width:0 !important;height:36px;padding:7px 10px !important;box-sizing:border-box}#page-users-admin .users-clear-search-btn,#page-users-admin .users-export-btn{min-height:32px;padding:0 10px;border-radius:8px;justify-content:center;font-size:11px !important}#page-users-admin .users-clear-search-btn{color:var(--text-secondary)}#page-users-admin .users-export-btn{justify-self:end}#page-users-admin .users-list-summary{margin:0 0 6px !important;font-size:11px !important}#page-users-admin .ua-listbox{height:calc(100vh - 150px) !important;padding:6px}#page-users-admin .ua-listgrid{gap:7px}#page-users-admin .ua-card{padding:10px;border-radius:11px}#page-users-admin .ua-header{gap:7px}#page-users-admin .ua-identity{gap:5px;align-items:center;flex-wrap:wrap}#page-users-admin .ua-name{font-size:14px;font-weight:800}#page-users-admin .ua-info{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:8px;font-size:11px}#page-users-admin .ua-info>div{min-width:0}#page-users-admin .ua-email{font-size:12px}#page-users-admin .ua-mobile-summary{display:block;color:var(--text-secondary);font-size:11px;line-height:1.45;overflow-wrap:anywhere}#page-users-admin .ua-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#page-users-admin .ua-desktop-actions,#page-users-admin .ua-balance,#page-users-admin .ua-level,#page-users-admin .ua-keys,#page-users-admin .ua-date{display:none !important}#page-users-admin .ua-actions .btn-sm,#page-users-admin .ua-actions .ua-sel{min-height:30px;padding:5px 6px;font-size:11px;justify-content:center}#page-users-admin .ua-mobile-secondary{display:none;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-top:2px}#page-users-admin .ua-mobile-secondary.open{display:grid}#page-users-admin .ua-mobile-primary,#page-users-admin .ua-mobile-more-btn{display:inline-flex}#page-users-admin .ua-referral-control{grid-template-columns:minmax(0,1fr) auto}#page-users-admin .ua-referral-rate{padding:0 5px;font-size:10px}}@media (max-width:768px) and (orientation:landscape){#page-home .home-activity-layout{display:grid;grid-template-columns:minmax(0,calc(66.666% - 210px)) minmax(460px,calc(33.333%+194px));gap:16px;flex:1;min-height:250px;align-items:stretch}#page-home .home-activity-list-panel,#page-home .home-activity-layout .activity-list{min-height:0;height:auto}#page-home #activity-list{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;overflow-y:hidden}#page-home #activity-list .activity-scroll{width:max-content;min-width:100%;display:block;background:transparent;border:0;border-radius:0;overflow-y:auto;overflow-x:visible}#page-home #activity-list .activity-row:first-child{display:flex !important}#page-home #activity-list .home-desktop-activity{display:flex !important}#page-home #activity-list .home-mobile-activity{display:none !important}#page-home #activity-list .activity-row{min-width:602px !important;padding:12px 16px;padding-right:56px;border-bottom:1px solid var(--border);border-top:0;background:transparent;gap:16px;align-items:center;white-space:nowrap}#page-models .available-model-scroll{overflow-x:auto;overflow-y:hidden}#page-models .available-model-table{width:100%;min-width:1372px;max-width:none !important}#page-models .available-model-header,#page-models .available-model-row{display:grid !important;grid-template-columns:var(--available-model-grid-cols) !important;grid-template-areas:none !important;min-width:1372px !important;width:100%;padding:8px 16px;white-space:nowrap}#page-models .available-model-row{padding:10px 16px}#page-models .available-model-cell{display:block !important;padding:4px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#page-models .available-model-cell::before{display:none !important}#page-models .available-model-mobile-summary{display:none !important}}@media (max-width:480px){#edit-group-modal .modal{padding:12px !important;border-radius:12px !important}#edit-group-modal .modal h3{font-size:16px !important;margin-bottom:10px !important}#edit-group-modal .modal>div:nth-child(3)>div:nth-child(2)>div{min-height:140px}.main{padding:56px 12px 20px}.stats{gap:8px}.stat-card{padding:12px 10px}.stat-value{font-size:20px}.quick-grid{gap:8px}.quick-btn{padding:12px 10px}.chat-header{padding:8px 10px}.chat-messages{padding:12px 8px}.msg-bubble{max-width:90%;font-size:13px;padding:8px 12px}.chat-input-area{padding:8px 10px}.modal{width:98vw;max-height:96vh;padding:20px}}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#ccc;border-radius:22px;transition:0.3s}.toggle-slider::before{content:'';position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:0.3s}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider::before{transform:translateX(18px)}.user-logs-mobile-section-title,.user-logs-mobile-list,.user-log-mobile-card{display:none}@media (max-width:768px) and (orientation:portrait){#user-logs-modal .modal{width:100vw !important;height:100dvh !important;max-height:100dvh !important;border-radius:0 !important;padding:calc(12px+env(safe-area-inset-top,0px)) 12px calc(12px+env(safe-area-inset-bottom,0px)) !important;gap:0 !important}.user-logs-modal-header{margin-bottom:8px !important;gap:8px !important;flex-shrink:0}#user-logs-title{font-size:16px !important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-logs-close-btn{width:34px !important;height:34px !important;min-width:34px !important;padding:0 !important;border-radius:50% !important;font-size:0 !important}.user-logs-close-btn::before{content:'×';font-size:22px;line-height:1;color:var(--text-primary)}#user-logs-summary{margin-bottom:8px !important;flex-shrink:0}.user-logs-summary-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important}.user-logs-summary-card{min-width:0 !important;padding:9px 10px !important;text-align:left !important;border-radius:10px !important}.user-logs-summary-label{font-size:10px !important;margin-bottom:3px !important}.user-logs-summary-value{font-size:17px !important;line-height:1.2 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-logs-main-body{flex:1 !important;min-height:0 !important;gap:8px !important;overflow:hidden}#user-logs-model-dist-card{height:auto !important;min-height:0 !important;max-height:32vh !important;display:flex !important;flex-direction:column !important;gap:6px !important;padding:10px !important;overflow:hidden !important}#user-logs-model-dist-card .model-dist-title{writing-mode:horizontal-tb !important;letter-spacing:0 !important;align-self:auto !important;justify-content:flex-start !important;text-align:left !important;font-size:12px !important;font-weight:800 !important;margin:0 !important;width:auto !important}#user-logs-model-dist-card .model-dist-canvas-wrap{display:none !important}#user-logs-model-dist-list{max-height:none !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch}#user-logs-model-dist-list .model-dist-row{padding:5px 0 !important;gap:8px !important}#user-logs-model-dist-list .model-dist-name{min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.user-logs-mobile-section-title{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;font-size:12px;font-weight:800;color:var(--text-primary);padding:0 2px}.logs-record-list{height:auto !important;flex:1 !important;min-height:0 !important;overflow:hidden}#user-logs-list{height:100% !important;overflow-x:hidden !important;border-radius:10px !important}#user-logs-list .activity-scroll{width:100% !important;min-width:0 !important;height:100% !important;overflow-y:auto !important;overflow-x:hidden !important;-webkit-overflow-scrolling:touch}#user-logs-list .user-logs-desktop-row{display:none !important}#user-logs-list .user-log-mobile-card{display:grid !important;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:10px 10px;border-bottom:1px solid var(--border);background:var(--card)}#user-logs-list .user-log-mobile-main{min-width:0;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#user-logs-list .user-log-mobile-status{justify-self:end;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:800;line-height:1.5;background:rgba(34,197,94,0.12)}#user-logs-list .user-log-mobile-status.status-error{background:rgba(239,68,68,0.12)}#user-logs-list .user-log-mobile-meta{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--text-secondary);font-size:11px;line-height:1.5}#user-logs-list .user-log-mobile-cost{color:var(--green);font-weight:800}#user-logs-list .user-log-mobile-time{color:var(--text-tertiary);font-variant-numeric:tabular-nums}}#page-presets .presets-page-header{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;align-items:center !important;column-gap:12px !important;row-gap:8px !important}#page-presets .presets-page-actions{display:flex !important;align-items:center !important;justify-content:flex-end !important;flex-wrap:nowrap !important;gap:6px !important;width:auto !important;min-width:0 !important}#page-presets .presets-excel-actions{display:flex !important;align-items:center !important;flex-wrap:nowrap !important;gap:6px !important;width:auto !important}#page-presets .presets-page-actions .btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:auto !important;height:34px !important;min-height:34px !important;padding:0 12px !important;margin:0 !important;border-radius:8px !important;font-size:12px !important;line-height:1 !important;white-space:nowrap !important;box-sizing:border-box !important}@media (max-width:430px){#page-presets .presets-page-header{grid-template-columns:1fr !important;align-items:start !important}#page-presets .presets-page-actions{justify-content:flex-start !important;flex-wrap:wrap !important}}

/* Activity/records stay on the left, model distribution stays on the right. */
.home-activity-layout,.logs-record-layout,#page-home .home-activity-layout,#page-logs .logs-record-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(300px,calc(44% - 100px)) !important;
  gap:16px !important;
  align-items:stretch !important;
}
.logs-record-list,.home-activity-list-panel{order:0 !important;min-width:0 !important;}
#home-model-dist-card,#logs-model-dist-card{order:1 !important;display:flex !important;flex-direction:column !important;min-width:0 !important;height:100% !important;}
.model-dist-canvas-wrap{display:block !important;width:100% !important;height:auto !important;min-height:0 !important;}
.model-dist-stacked-bar{position:relative;}
.model-dist-segment{flex-basis:12px !important;min-width:12px;cursor:pointer;outline:none;}
.model-dist-segment:hover,.model-dist-segment:focus{filter:brightness(1.18);box-shadow:inset 0 0 0 2px rgba(255,255,255,.72);}
.model-dist-tooltip{position:absolute;left:50%;top:38px;z-index:20;max-width:calc(100% - 16px);padding:7px 9px;border:1px solid var(--border);border-radius:7px;background:var(--table-header-bg);color:var(--table-header-text);box-shadow:0 8px 24px rgba(0,0,0,.28);font-size:11px;font-weight:650;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:0;transform:translate(-50%,-4px);transition:opacity .12s ease,transform .12s ease;}
.model-dist-tooltip.is-visible{opacity:1;transform:translate(-50%,0);}
.home-activity-pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 12px;border-top:1px solid var(--border);color:var(--text-tertiary);font-size:12px;}
.home-activity-pager .btn-sm:disabled{opacity:.38;cursor:not-allowed;pointer-events:none;}
.model-dist-table-header.has-upstream-cost,.model-dist-item:has(.model-dist-upstream-cost){grid-template-columns:minmax(0,1fr) 72px 50px 76px 86px !important;}
.model-dist-upstream-cost{display:block !important;font-weight:700;color:var(--orange);}
@media (max-width:760px){
  .home-activity-layout,.logs-record-layout,#page-home .home-activity-layout,#page-logs .logs-record-layout{grid-template-columns:1fr !important;}
}

/* mobile model-dist ABOVE records + fixed cols 2026-07-18d */
@media (max-width:768px){
  /* 模型分布固定在使用记录上方 */
  #page-logs .logs-record-layout,
  #page-home .home-activity-layout{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }
  #page-logs #logs-model-dist-card,
  #page-home #home-model-dist-card,
  #user-logs-model-dist-card{
    order:-1 !important;
    display:flex !important;
    flex-direction:column !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:10px 12px !important;
    gap:8px !important;
  }
  #page-logs .logs-record-list,
  #page-home .home-activity-list-panel{
    order:2 !important;
    min-height:0 !important;
    height:auto !important;
  }

  /* 列表：模型名整行 + 下方固定4列数字 */
  #page-logs #logs-model-dist-list,
  #page-home #home-model-dist-list,
  #user-logs-model-dist-list{
    max-height:260px !important;
    overflow-y:auto !important;
    padding:0 2px 4px 0 !important;
    -webkit-overflow-scrolling:touch;
  }
  #page-logs #logs-model-dist-list .model-dist-table-header,
  #page-home #home-model-dist-list .model-dist-table-header,
  #user-logs-model-dist-list .model-dist-table-header{
    display:none !important;
  }
  #page-logs #logs-model-dist-list .model-dist-item,
  #page-home #home-model-dist-list .model-dist-item,
  #user-logs-model-dist-list .model-dist-item{
    display:grid !important;
    grid-template-columns:minmax(0,1.2fr) 44px 72px 72px !important;
    column-gap:6px !important;
    row-gap:3px !important;
    align-items:center !important;
    padding:8px 0 !important;
    border-bottom:1px solid var(--border) !important;
    min-width:0 !important;
  }
  #page-logs #logs-model-dist-list .model-dist-item:has(.model-dist-upstream-cost),
  #page-home #home-model-dist-list .model-dist-item:has(.model-dist-upstream-cost),
  #user-logs-model-dist-list .model-dist-item:has(.model-dist-upstream-cost){
    grid-template-columns:minmax(0,1fr) 40px 70px 70px !important;
  }
  #page-logs #logs-model-dist-list .model-dist-item:last-child,
  #page-home #home-model-dist-list .model-dist-item:last-child,
  #user-logs-model-dist-list .model-dist-item:last-child{
    border-bottom:0 !important;
  }
  #page-logs #logs-model-dist-list .model-dist-model,
  #page-home #home-model-dist-list .model-dist-model,
  #user-logs-model-dist-list .model-dist-model{
    grid-column:1 / -1 !important;
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    min-width:0 !important;
  }
  #page-logs #logs-model-dist-list .model-dist-dot,
  #page-home #home-model-dist-list .model-dist-dot,
  #user-logs-model-dist-list .model-dist-dot{
    width:7px !important;
    height:7px !important;
    flex-shrink:0 !important;
  }
  #page-logs #logs-model-dist-list .model-dist-name,
  #page-home #home-model-dist-list .model-dist-name,
  #user-logs-model-dist-list .model-dist-name{
    font-size:12px !important;
    font-weight:700 !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  #page-logs #logs-model-dist-list .model-dist-value,
  #page-home #home-model-dist-list .model-dist-value,
  #user-logs-model-dist-list .model-dist-value{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    font-size:11px !important;
    font-weight:700 !important;
    font-variant-numeric:tabular-nums !important;
    font-feature-settings:"tnum" 1 !important;
    text-align:right !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    letter-spacing:-0.2px !important;
  }
  /* Token 左对齐，次数/金额右对齐 */
  #page-logs #logs-model-dist-list .model-dist-value:nth-of-type(2),
  #page-home #home-model-dist-list .model-dist-value:nth-of-type(2),
  #user-logs-model-dist-list .model-dist-value:nth-of-type(2){
    text-align:left !important;
  }
  #page-logs #logs-model-dist-list .model-dist-cost,
  #page-home #home-model-dist-list .model-dist-cost,
  #user-logs-model-dist-list .model-dist-cost{
    color:var(--green) !important;
    font-weight:800 !important;
  }
  #page-logs #logs-model-dist-list .model-dist-upstream-cost,
  #page-home #home-model-dist-list .model-dist-upstream-cost,
  #user-logs-model-dist-list .model-dist-upstream-cost{
    color:var(--orange,#f59e0b) !important;
  }
  #page-logs #logs-model-dist-card .model-dist-canvas-wrap,
  #page-home #home-model-dist-card .model-dist-canvas-wrap{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
  }
}