@import"https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;1,600&display=swap";:root,[data-theme=light]{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg-app: #f8fafc;--bg-surface: #ffffff;--bg-surface-elevated: #f1f5f9;--bg-surface-hover: #e2e8f0;--bg-surface-active: #cbd5e1;--bg-topbar: rgba(255, 255, 255, .95);--border-subtle: #e2e8f0;--border-default: #cbd5e1;--border-strong: #94a3b8;--border-focus: #2563eb;--text-primary: #0f172a;--text-secondary: #334155;--text-tertiary: #475569;--text-muted: #64748b;--brand-primary: #2563eb;--brand-primary-hover: #1d4ed8;--brand-primary-light: rgba(37, 99, 235, .08);--brand-accent: #0284c7;--success: #16a34a;--success-bg: rgba(22, 163, 74, .08);--success-border: rgba(22, 163, 74, .25);--success-text: #166534;--warning: #d97706;--warning-bg: rgba(217, 119, 6, .08);--warning-border: rgba(217, 119, 6, .25);--warning-text: #92400e;--danger: #dc2626;--danger-bg: rgba(220, 38, 38, .08);--danger-border: rgba(220, 38, 38, .25);--danger-text: #991b1b;--info: #0284c7;--info-bg: rgba(2, 132, 199, .08);--info-border: rgba(2, 132, 199, .25);--info-text: #075985;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 14px rgba(15, 23, 42, .07), 0 2px 6px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .1), 0 4px 12px rgba(15, 23, 42, .05);--shadow-glow: 0 0 24px rgba(37, 99, 235, .15);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-app: #0b0f19;--bg-surface: #111827;--bg-surface-elevated: #1f2937;--bg-surface-hover: #374151;--bg-surface-active: #4b5563;--bg-topbar: rgba(17, 24, 39, .88);--border-subtle: rgba(255, 255, 255, .08);--border-default: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .22);--border-focus: #3b82f6;--text-primary: #f9fafb;--text-secondary: #e5e7eb;--text-tertiary: #9ca3af;--text-muted: #6b7280;--brand-primary: #3b82f6;--brand-primary-hover: #2563eb;--brand-primary-light: rgba(59, 130, 246, .12);--brand-accent: #38bdf8;--success: #10b981;--success-bg: rgba(16, 185, 129, .12);--success-border: rgba(16, 185, 129, .25);--success-text: #6ee7b7;--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .12);--warning-border: rgba(245, 158, 11, .25);--warning-text: #fde68a;--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .12);--danger-border: rgba(239, 68, 68, .25);--danger-text: #fca5a5;--info: #38bdf8;--info-bg: rgba(56, 189, 248, .12);--info-border: rgba(56, 189, 248, .25);--info-text: #7dd3fc;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55);--shadow-glow: 0 0 24px rgba(59, 130, 246, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--text-primary);letter-spacing:-.025em}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.app-shell{display:flex;min-height:100vh;background:var(--bg-app)}.app-sidebar{width:260px;background:var(--bg-surface);border-right:1px solid var(--border-default);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:40;transition:width var(--transition-normal)}.app-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh;background:var(--bg-app)}.app-topbar{height:64px;background:var(--bg-topbar);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:30}.page-container{flex:1;padding:32px;max-width:1400px;width:100%;margin:0 auto}.sidebar-header{padding:24px 20px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-subtle)}.brand-badge{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.brand-title{font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.brand-sub{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.role-switcher-wrap{padding:16px 14px 10px}.role-switcher{display:flex;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:3px;gap:2px}.role-tab{flex:1;text-align:center;padding:6px 8px;font-size:12px;font-weight:600;color:var(--text-tertiary);border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:5px}.role-tab:hover{color:var(--text-primary)}.role-tab.active{background:var(--bg-surface-active);color:var(--text-primary);box-shadow:var(--shadow-sm)}.sidebar-nav{flex:1;padding:12px 14px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.nav-section-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:10px 10px 6px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;font-size:13.5px;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);border:1px solid transparent}.nav-item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.nav-item.active{background:var(--brand-primary-light);color:var(--brand-primary);font-weight:600;border-color:#2563eb40}.nav-item svg{font-size:18px;flex-shrink:0}.nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center;font-variant-numeric:tabular-nums}.btn.pending-tickets-button{gap:6px;padding:6px 10px;color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border);font-weight:600}.btn.pending-tickets-button:hover{filter:brightness(.97);color:var(--danger)}.pending-tickets-count{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}.sidebar-hud{padding:16px;border-top:1px solid var(--border-subtle);background:var(--bg-surface-elevated);display:flex;flex-direction:column;gap:12px}.hud-stat-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px}.hud-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;display:flex;justify-content:space-between;margin-bottom:6px}.hud-value{font-size:16px;font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.mini-progress-track{height:5px;background:var(--bg-surface-hover);border-radius:var(--radius-full);overflow:hidden;margin-top:6px}.mini-progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-normal)}.fill-cyan{background:linear-gradient(90deg,#06b6d4,#38bdf8)}.fill-indigo,.fill-blue{background:linear-gradient(90deg,#2563eb,#60a5fa)}.fill-amber{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.sidebar-user{display:flex;align-items:center;justify-content:space-between;padding:4px}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,#1e293b,#334155);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--text-primary);border:1px solid var(--border-default)}.user-meta{flex:1;margin-left:10px;overflow:hidden}.user-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role-badge{font-size:10px;color:var(--brand-accent)}.topbar-left{display:flex;align-items:center;gap:16px}.topbar-title{font-size:17px;font-weight:700;color:var(--text-primary)}.topbar-right{display:flex;align-items:center;gap:12px}.status-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:12px;color:var(--text-secondary)}.status-dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.stub{background:var(--warning);box-shadow:0 0 8px var(--warning)}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px}.card-title{font-size:17px;font-weight:700;color:var(--text-primary)}.card-subtitle{font-size:13px;color:var(--text-secondary);margin-top:4px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px;margin-bottom:28px}.stat-grid--tokens{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1450px){.stat-grid--tokens{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}}.stat-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform var(--transition-fast),border-color var(--transition-fast)}.stat-grid--tokens .stat-card{justify-content:flex-start}.stat-card:hover{border-color:#2563eb4d;transform:translateY(-2px)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--border-strong),transparent)}.stat-card.accent-indigo:before,.stat-card.accent-blue:before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.stat-card.accent-cyan:before{background:linear-gradient(90deg,#06b6d4,#38bdf8)}.stat-card.accent-emerald:before{background:linear-gradient(90deg,#10b981,#34d399)}.stat-header{display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary);font-size:13px;font-weight:700}.stat-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--bg-surface-elevated);display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--text-secondary)}.stat-value{font-size:28px;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);margin:12px 0 4px;font-family:var(--font-mono)}.stat-footer{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);font-size:11.5px;font-weight:600;letter-spacing:.02em}.badge-primary{background:var(--brand-primary-light);color:var(--brand-primary);border:1px solid rgba(37,99,235,.25)}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.badge-info{background:var(--info-bg);color:var(--info);border:1px solid var(--info-border)}.badge-neutral{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-default);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);font-size:13.5px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;white-space:nowrap}.btn-primary{background:var(--brand-primary);color:#fff;box-shadow:0 2px 8px #2563eb40}.btn-primary:hover{background:var(--brand-primary-hover);box-shadow:0 4px 16px #2563eb59}.btn-secondary{background:var(--bg-surface-elevated);border-color:var(--border-default);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.btn-danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.btn-danger:hover{background:#ef444433}.btn-ghost{background:transparent;color:var(--text-secondary);font-weight:600}.btn-sm{padding:8px 16px;font-size:12px;border-radius:var(--radius-sm)}.btn.usage-reset-button{min-height:34px;padding:7px 12px;gap:7px;font-size:13px;color:var(--text-secondary)}.btn.usage-refresh-button{width:34px;height:34px;min-height:34px;padding:7px;border:0;flex-shrink:0}.view-toggle{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.btn.view-toggle-button{min-height:34px;padding:7px 14px;gap:6px;font-size:13px}.form-input.account-search-input{min-height:34px;padding:7px 10px 7px 30px;font-size:13px}.radix-select-content.account-search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:320px;overflow-y:auto}.account-search-hint{padding:10px 12px;font-size:12.5px;color:var(--text-tertiary)}.account-search-selected{display:inline-flex;align-items:center;justify-content:space-between;gap:6px;max-width:100%;min-height:34px;padding:4px 6px 4px 12px;border:1px solid var(--brand-primary);border-radius:var(--radius-md);background:var(--bg-surface-elevated);font-size:13px}.account-search-selected-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--text-primary)}.account-search-clear{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);cursor:pointer}.account-search-clear:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.btn-lg{padding:13px 26px;font-size:15px;border-radius:var(--radius-lg)}.btn:disabled{opacity:.5;cursor:not-allowed}.table-container{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow-x:auto;overflow-y:hidden;box-shadow:var(--shadow-sm)}.modern-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.modern-table th{background:var(--bg-surface-elevated);padding:13px 18px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-default);white-space:nowrap}.modern-table td{padding:15px 18px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}.modern-table tr:hover td{background:var(--bg-surface-hover)}.modern-table td.mono{font-family:var(--font-mono)}.modern-table td.num,.modern-table th.num{text-align:right;font-variant-numeric:tabular-nums}.code-box{background:#04060a;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:14px 16px;font-family:var(--font-mono);font-size:13px;color:#38bdf8;display:flex;align-items:center;justify-content:space-between;gap:12px;word-break:break-all}.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.form-label{font-size:12.5px;font-weight:600;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{width:100%;box-sizing:border-box;background:var(--bg-surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:10px 14px;font-size:13.5px;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #2563eb26}.radix-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;background:var(--bg-surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:6px 12px;font-size:13px;color:var(--text-primary);cursor:pointer;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.radix-select-trigger:hover{border-color:var(--border-strong)}.radix-select-trigger:focus,.radix-select-trigger[data-state=open]{border-color:var(--brand-primary);box-shadow:0 0 0 3px #2563eb26}.radix-select-content{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:6px;z-index:200;min-width:150px;animation:selectFadeIn .15s cubic-bezier(.16,1,.3,1)}@keyframes selectFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.radix-select-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:13px;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast),color var(--transition-fast)}.radix-select-item[data-highlighted]{background:var(--bg-surface-hover);color:var(--text-primary)}.radix-select-item[data-state=checked]{color:var(--brand-primary);font-weight:700}.radix-tabs-root{display:flex;flex-direction:column;width:100%}.radix-tabs-list{display:flex;gap:8px;border-bottom:1px solid var(--border-subtle);padding-bottom:12px;margin-bottom:20px}.radix-tabs-trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:600;color:var(--text-secondary);border-radius:var(--radius-md);border:1px solid transparent;background:transparent;cursor:pointer;outline:none;transition:all var(--transition-fast)}.radix-tabs-trigger:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.radix-tabs-trigger[data-state=active]{color:#fff;background:var(--brand-primary);box-shadow:0 2px 10px #2563eb40}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);max-width:540px;width:100%;padding:28px;box-shadow:var(--shadow-lg);animation:modalScaleUp .2s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:19px;font-weight:700}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:24px}.alert{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:var(--radius-md);font-size:13px;line-height:1.5;margin-bottom:18px}.alert-warning{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text)}.alert-danger{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text)}.alert-info{background:var(--info-bg);border:1px solid var(--info-border);color:var(--info-text)}.alert-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.alert strong{color:inherit;font-weight:700}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:24px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}.empty-state{text-align:center;padding:48px 24px;color:var(--text-tertiary)}.empty-icon{font-size:40px;color:var(--text-muted);margin-bottom:14px}.chart-bar{display:flex;justify-content:flex-end;margin-bottom:12px}.keys{display:flex;flex-wrap:wrap;gap:6px}.key{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;font:inherit;font-size:12px;font-weight:600;color:var(--text-primary);display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:980px;cursor:pointer;background:var(--bg-surface-elevated);border:1px solid var(--border-default);transition:all var(--transition-fast)}.key:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-strong)}.key.off{color:var(--text-muted);text-decoration:line-through;opacity:.55}.key.off .key-dot{background:var(--text-muted)!important;opacity:.4}.key-dot{width:9px;height:9px;border-radius:2.5px;flex-shrink:0}.tip{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:10px;box-shadow:var(--shadow-lg);padding:10px 14px;font-size:12px;min-width:210px;pointer-events:none}.tip-head{color:var(--text-secondary);font-weight:700;font-size:11.5px;margin-bottom:6px;font-family:var(--font-mono)}.tip-row{display:flex;align-items:center;gap:7px;line-height:1.9}.tip-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.tip-k{color:var(--text-secondary);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tip-v{margin-left:auto;color:var(--text-primary);font-family:var(--font-mono);font-weight:600}.tip-p{color:var(--text-tertiary);width:32px;text-align:right;font-family:var(--font-mono);font-size:11px}.tip-total{border-top:1px solid var(--border-subtle);margin-top:6px;padding-top:6px;font-weight:700}.tip-total .tip-k{color:var(--text-primary)}.tip-total .tip-v{color:var(--brand-accent)}.recharts-wrapper:focus,.recharts-surface:focus{outline:none}:root{--bg-app:#0b0c0f;--bg-surface:#141519;--bg-surface-elevated:#1a1b20;--bg-surface-hover:#20232d;--bg-surface-active:#292a35;--bg-topbar:rgba(11,12,15,.88);--border-subtle:#ffffff1a;--border-default:#ffffff25;--border-strong:#ffffff38;--text-primary:#f2f1ed;--text-secondary:#c8c7c2;--text-tertiary:#92939b;--text-muted:#686971;--brand-primary:#d8ff54;--brand-primary-hover:#e6ff91;--brand-primary-light:#d8ff5418;--brand-accent:#d8ff54;--success:#aed880;--success-bg:#aed88018;--success-border:#aed88044;--success-text:#c9f3a5;--warning:#f5c86a;--danger:#ee7666;--info:#a8d7ff;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-xl:16px;--shadow-sm:0 1px 0 rgba(255,255,255,.04);--shadow-md:0 15px 30px #0003;--shadow-lg:0 35px 70px #0007;--shadow-glow:0 0 30px #d8ff5430}[data-theme=light]{--bg-app:#f7f6f1;--bg-surface:#fff;--bg-surface-elevated:#fff;--bg-surface-hover:#f0f1e9;--bg-surface-active:#e7eadb;--bg-topbar:rgba(247,246,241,.9);--border-subtle:#1112181c;--border-default:#1112182b;--border-strong:#11121845;--text-primary:#16161a;--text-secondary:#34353a;--text-tertiary:#686971;--text-muted:#686971;--brand-primary:#b1df00;--brand-primary-hover:#c6f36b;--brand-primary-light:#b1df0022;--brand-accent:#91bc32;--success:#436e00;--success-bg:#436e0014;--success-border:#436e0040;--success-text:#365900;--warning:#9a6500;--danger:#b33b2d;--info:#28628a;--shadow-sm:0 1px 2px #1112180a;--shadow-md:0 4px 20px #11121812;--shadow-lg:0 12px 40px #11121818;--shadow-glow:0 0 30px #b1df0033}body{background:var(--bg-app)}.app-shell{background:radial-gradient(900px 500px at 82% -10%,rgba(126,87,194,.11),transparent 70%),var(--bg-app)}.app-sidebar{width:248px;background:var(--bg-surface);border-right:1px solid var(--border-subtle)}.app-main{margin-left:248px;background:transparent}.app-topbar{height:72px;padding:0 38px;background:var(--bg-topbar);border-bottom:1px solid var(--border-subtle)}.page-container{max-width:1500px;padding:42px 48px 72px}.sidebar-header{padding:28px 24px 24px;border-bottom:0}.brand-badge{width:40px;height:40px}.brand-title{font-size:15px;letter-spacing:.02em}.sidebar-nav{padding:18px 14px}.nav-group-title{color:var(--text-muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.nav-item{border-radius:6px;color:var(--text-tertiary);margin:3px 0;padding:10px 12px;font-size:13px;transition:all .18s ease}.nav-item:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.nav-item.active{color:var(--text-primary);background:linear-gradient(90deg,#a78bfa2e,#a78bfa0d);box-shadow:inset 2px 0 var(--brand-primary)}.nav-item.active .nav-icon{color:var(--brand-primary)}.nav-icon{color:var(--text-muted)}.sidebar-footer{padding:16px 18px 22px}.quota-mini-card,.card{background:var(--bg-surface);border:1px solid var(--border-default);box-shadow:var(--shadow-sm);border-radius:10px}.card{padding:24px}.quota-mini-card{padding:12px 14px}.card:hover{border-color:var(--border-strong)}.card-title{font-size:18px;letter-spacing:-.02em}.card-subtitle{color:var(--text-tertiary)}.btn{border-radius:5px;font-size:12px;border:1px solid var(--border-default)}.btn-primary{background:var(--brand-primary);color:#14131a;border-color:var(--brand-primary);font-weight:700}.btn-primary:hover{background:var(--brand-primary-hover)}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary)}.btn-ghost:hover{background:var(--bg-surface-hover);color:var(--text-primary)}input,select,textarea{background:var(--bg-surface)!important;border-color:var(--border-default)!important;color:var(--text-primary)!important}table thead th{color:var(--text-muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}table tbody tr{border-color:var(--border-subtle)}.badge-primary{background:#a78bfa24;color:#c4b5fd;border-color:#a78bfa4d}.mono{color:var(--brand-accent)}[data-theme=light] .app-shell{background:radial-gradient(700px 380px at 90% -10%,#e0e8c8,transparent 70%),var(--bg-app)}[data-theme=light] .app-topbar{background:#f7f6f1e0}[data-theme=light] .nav-item.active{background:linear-gradient(90deg,#b1df0026,#b1df0008);box-shadow:inset 2px 0 #91bc32}[data-theme=light] .badge-primary{background:#6d5dd31f;color:#4436a0;border-color:#6d5dd347}body{font-family:"Manrope",var(--font-sans)}.app-main,.page-container,.card,.stat-card,.grid-2>*,.grid-3>*,.stat-grid>*,.radix-tabs-root,.radix-tabs-content,.modal-body{min-width:0}.page-container,.modal-content,.login-card{overflow-wrap:anywhere}.table-container,.table-scroll{max-width:100%;min-width:0;overflow-x:auto}.table-scroll{overscroll-behavior-x:contain}.modern-table[style*="table-layout: fixed"]{min-width:900px}.radix-tabs-list{max-width:100%;overflow-x:auto}.radix-tabs-trigger{flex-shrink:0;white-space:nowrap}pre{max-width:100%;overflow-x:auto}.btn svg,.stat-icon,.user-avatar,.brand-badge{flex-shrink:0}.radix-select-content{max-width:calc(100vw - 24px);max-height:var(--radix-select-content-available-height);overflow-y:auto}.modal-content{max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain}.modal-header{gap:12px}.modal-footer{flex-wrap:wrap}.mobile-menu-trigger{display:none}.app-topbar>:last-child{margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;z-index:80}.mobile-nav-panel{position:fixed;inset:0 auto 0 0;width:min(320px,90vw);background:var(--bg-surface);z-index:90;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-panel .sidebar-header{padding-right:52px;flex-shrink:0}.mobile-nav-panel .sidebar-nav{min-height:0;overscroll-behavior:contain}.mobile-nav-close{position:absolute;top:18px;right:10px;min-width:44px;min-height:44px}.mobile-nav-panel .nav-item{min-height:44px}.topbar-nav-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--text-secondary)}.topbar-nav-link:hover{color:var(--text-primary)}.login-top-actions{position:absolute;top:24px;right:24px;display:flex;align-items:center;gap:8px;z-index:10}@media(max-width:1100px){.page-container{padding:28px 24px 48px}}@media(max-width:900px){.topbar-nav-link span{display:none}}@media(max-width:900px){.app-sidebar{display:none}.app-main{margin-left:0;width:100%}.app-topbar{height:64px;padding:0 16px}.mobile-menu-trigger{display:inline-flex;min-width:44px;min-height:44px;padding:8px}.responsive-row{flex-wrap:wrap}.responsive-row>*{min-width:0;max-width:100%}.card-header{display:flex;flex-wrap:wrap;gap:12px}.date-range-panel{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px);overflow-y:auto!important;animation:none!important}}@media(max-width:600px){.page-container{padding:20px 16px calc(32px + env(safe-area-inset-bottom))}.app-topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.grid-2,.grid-3,.stat-grid,.checkout-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px}.card,.stat-card{padding:18px}.stat-value{font-size:26px}.stat-footer{flex-wrap:wrap}.btn,.radix-select-trigger,.btn.usage-reset-button,.btn.view-toggle-button,.form-input.account-search-input,.account-search-selected{min-height:44px}.btn.usage-refresh-button{width:44px;height:44px;min-height:44px}.btn{white-space:normal}.form-input,.form-select,.form-textarea,input,select,textarea{font-size:16px!important;max-width:100%}.radix-select-trigger{max-width:100%}.modern-table th,.modern-table td{padding:12px}.code-box{flex-wrap:wrap;padding:12px}.code-box>*{min-width:0;max-width:100%}.alert,.modal-backdrop{padding:12px}.modal-content{padding:20px 16px;max-height:calc(100dvh - 24px)}.modal-title{font-size:17px}.modal-footer{gap:8px}.modal-footer>.btn{flex:1 1 auto}.login-page{min-height:100dvh!important;padding:76px 16px 24px!important}.login-card{padding:24px 18px!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important}.login-card>*{min-width:0}.login-options{padding:24px 16px!important;grid-row:1}.login-language{top:16px!important;right:16px!important}.login-top-actions{top:16px!important;right:16px!important;gap:4px!important}.topbar-nav-link{display:none}.date-range-panel{flex-direction:column}.date-range-presets{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));border-right:0!important;border-bottom:1px solid var(--border-subtle)}.date-range-presets>:first-child{grid-column:1 / -1}}.support-page{display:grid;gap:24px}.support-item{padding:18px 0;border-top:1px solid var(--border-subtle)}.support-item:last-child{padding-bottom:0}.support-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.support-item-header>div{min-width:0}.support-actions{display:flex;gap:8px;flex-wrap:wrap}.support-meta{font-size:12px;color:var(--text-tertiary);margin-top:4px}.support-content{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.support-reply{margin:12px 0;padding:14px;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.support-page .form-textarea{resize:vertical}.support-page form>.btn{justify-self:start}.home-announcements-actions{display:flex;justify-content:flex-end;margin-bottom:8px}.home-announcement{border-top:1px solid var(--border-subtle);padding:12px 0}.home-announcement:last-child{padding-bottom:0}.home-announcement summary{cursor:pointer;overflow-wrap:anywhere}.home-announcement summary:focus-visible{outline:2px solid var(--brand-primary);outline-offset:4px;border-radius:var(--radius-sm)}.home-announcement time{display:block;margin-top:8px}.home-announcement .support-content{max-height:240px;overflow-y:auto}.ticket-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:8px 0;border:0;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.ticket-toggle:focus-visible{outline:2px solid var(--brand-primary);outline-offset:4px;border-radius:var(--radius-sm)}.ticket-toggle:hover .ticket-toggle-action{color:var(--brand-primary)}.ticket-summary{display:grid;gap:4px;min-width:0}.ticket-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px;overflow-wrap:anywhere}.ticket-toggle-action{display:flex;align-items:center;gap:6px;flex-shrink:0;font-size:12px;color:var(--text-tertiary)}.ticket-toggle-action svg{transition:transform .15s ease}.ticket-toggle[aria-expanded=true] .ticket-toggle-action svg{transform:rotate(180deg)}.ticket-content{padding-top:16px}