:root{--bg: #07090f;--bg-2: #0b0f17;--panel: #121722;--panel-2: #0d1119;--panel-hi: #1a2130;--border: #242c3d;--border-2: #303a52;--text: #e7ebf3;--dim: #8b95a9;--dim-2: #5b6478;--acc: #38bdf8;--acc-2: #818cf8;--pro: #a78bfa;--good: #34d399;--warn: #fbbf24;--bad: #f87171;--danger: #ef4444;--grad: linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);--glow: linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--radius: 14px;--radius-sm: 9px;--shadow: 0 6px 24px -8px rgba(0, 0, 0, .5);--shadow-lg: 0 18px 48px -16px rgba(0, 0, 0, .65);--font: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{background:radial-gradient(900px 480px at 12% -10%,rgba(56,189,248,.12),transparent 60%),radial-gradient(800px 520px at 95% -5%,rgba(129,140,248,.12),transparent 55%),radial-gradient(700px 500px at 50% 120%,rgba(167,139,250,.07),transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}code{font-family:var(--mono);font-size:.9em;color:#93c5fd}.app{min-height:100vh}.topbar{display:flex;align-items:center;gap:16px;padding:12px 22px;border-bottom:1px solid var(--border);background:#0d1119b8;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);position:sticky;top:0;z-index:20}.brand{font-weight:650;font-size:15px;display:flex;align-items:center;gap:9px;letter-spacing:-.01em;white-space:nowrap}.logo{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--glow);color:#04121f;font-size:15px;box-shadow:0 2px 10px -2px #38bdf899}.tabs{display:flex;gap:4px;margin-left:4px;padding:3px;border:1px solid var(--border);border-radius:11px;background:var(--panel-2);overflow-x:auto;max-width:100%;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{background:transparent;color:var(--dim);border:none;padding:6px 15px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:550;white-space:nowrap;transition:color .15s ease,background .15s ease}.tab:hover{color:var(--text);background:#ffffff0a}.tab.active{background:var(--glow);color:#04121f;box-shadow:0 4px 14px -4px #818cf8b3}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.email{color:var(--dim);font-size:13px}.content{padding:24px;max-width:1240px;margin:0 auto}.tier-pill{padding:3px 11px;border-radius:999px;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.05em}.tier-free{background:#38bdf81f;color:var(--acc);border:1px solid rgba(56,189,248,.35)}.tier-pro{background:#a78bfa1f;color:var(--pro);border:1px solid rgba(167,139,250,.35)}.tier-admin{background:#fbbf241f;color:var(--warn);border:1px solid rgba(251,191,36,.35)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}@media (max-width: 1200px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.cards{grid-template-columns:1fr}}.card{position:relative;background:#11131f;border:1px solid #1c1e2e;border-radius:14px;padding:18px 20px;box-shadow:0 4px 20px #0000004d;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;overflow:hidden}.card:hover{border-color:#2d3248;transform:translateY(-2px);box-shadow:0 8px 30px #00000073}.card.mini{margin-bottom:0}.card-label{color:#9ca3af;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:8px}.card-sub{color:var(--dim);font-size:12.5px;margin-top:8px}.big{font-size:28px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-family:var(--mono);line-height:1.1}.sub{color:var(--dim);font-size:12.5px}.note{color:var(--dim)}.stack{display:flex;flex-direction:column;gap:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}.bar{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;height:10px;overflow:hidden;margin-top:10px}.bar.thin{height:6px;margin-top:6px}.bar-fill{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.22,1,.36,1);background:var(--grad, var(--acc))}.bar-fill.pro{--grad: linear-gradient(90deg, #a78bfa, #818cf8)}.bar-fill.free{--grad: linear-gradient(90deg, #38bdf8, #60a5fa)}.bar-fill.ok{--grad: linear-gradient(90deg, #34d399, #22d3ee)}.bar-fill.warn{--grad: linear-gradient(90deg, #fbbf24, #fb923c)}.bar-fill.danger,.bar-fill.err,.fill-danger{--grad: linear-gradient(90deg, #f87171, #ef4444)}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:16px;border-radius:8px}.table-wrap::-webkit-scrollbar{height:5px}.table-wrap::-webkit-scrollbar-track{background:#0003}.table-wrap::-webkit-scrollbar-thumb{background:#2d3248;border-radius:4px}.table{width:100%;min-width:680px;border-collapse:collapse;font-size:13px}.table th{text-align:left;color:var(--dim);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:9px 10px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:11px 10px;border-bottom:1px solid var(--border-2);vertical-align:middle}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:#ffffff06}.row-disabled{opacity:.45}.badge{display:inline-block;padding:1px 9px;border-radius:999px;font-size:11px;font-weight:650;letter-spacing:.02em}.badge.hit{background:#34d39921;color:var(--good)}.badge.miss{background:#6b728029;color:var(--dim)}.badge.ok{background:#34d39921;color:var(--good)}.badge.cool{background:#f8717124;color:var(--bad)}.status{font-weight:650}.status-ok{color:var(--good)}.status-err{color:var(--bad)}.health{font-weight:650}.health-good{color:var(--good)}.health-warn{color:var(--warn)}.health-bad{color:var(--bad)}.provider{display:inline-block;padding:1px 8px;border-radius:7px;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.03em}.provider-groq{background:#38bdf81f;color:var(--acc)}.provider-openrouter{background:#a78bfa1f;color:var(--pro)}.form{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--dim)}.field.inline{flex-direction:row;align-items:center;gap:8px}.field.grow{flex:1}.field span{color:var(--dim);font-weight:500}.in,.field input,.field select,.field textarea{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 11px;font-size:13px;font-family:inherit;width:100%;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.field input:focus,.field select:focus,.field textarea:focus,.in:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px #38bdf829;background:var(--panel)}.field.inline input{width:110px}.row{display:flex;gap:16px;align-items:center}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.radio{display:flex;align-items:center;gap:6px;color:var(--text);font-size:13px;cursor:pointer}input[type=radio],input[type=checkbox]{accent-color:var(--acc)}.btn{background:var(--panel-hi);color:var(--text);border:1px solid var(--border-2);padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:550;font-family:inherit;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,background .12s ease}.btn:hover{border-color:var(--dim-2);background:var(--panel)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--glow);color:#04121f;border:none;font-weight:650;box-shadow:0 6px 18px -6px #818cf8bf}.btn.primary:hover{filter:brightness(1.06)}.btn.sm{padding:4px 10px;font-size:12px}.btn.ghost{background:transparent;color:var(--dim);border-color:transparent}.btn.ghost:hover{color:var(--text);background:#ffffff0a;border-color:var(--border)}.btn.danger{color:var(--bad);border-color:#f8717166;background:#f871710f}.btn.danger:hover{background:#f8717124;border-color:var(--bad)}.btn:disabled{opacity:.5;cursor:default;transform:none}.switch{position:relative;display:inline-block;width:34px;height:20px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--panel-2);border:1px solid var(--border-2);border-radius:999px;transition:.18s ease}.switch span:before{content:"";position:absolute;height:14px;width:14px;left:2px;top:2px;background:var(--dim-2);border-radius:50%;transition:.18s ease}.switch input:checked+span{background:var(--glow);border-color:transparent}.switch input:checked+span:before{transform:translate(14px);background:#fff}.usage-cell{min-width:130px}.mono{font-family:var(--mono);font-size:12px;font-variant-numeric:tabular-nums}.actions{display:flex;gap:6px;align-items:center;white-space:nowrap}.empty{color:var(--dim);padding:26px 0;text-align:center;font-size:13.5px}.error{color:var(--bad);font-size:13px;margin:6px 0}.ok{color:var(--good);font-size:13px;margin:6px 0}.warn-box{background:#fbbf2412;border:1px solid rgba(251,191,36,.4);border-radius:var(--radius-sm);padding:9px 13px;margin-top:12px;color:var(--warn)}.chart{width:100%;height:auto}.gridline{stroke:var(--border);stroke-width:1}.axis{fill:var(--dim);font-size:10px;font-family:var(--mono)}.axis.small{font-size:8px}.bar-rect{fill:var(--grad, var(--acc));opacity:.85}.limit-line{stroke:var(--warn);stroke-width:1.5;stroke-dasharray:5 4}.limit-label{fill:var(--warn);font-size:10px;font-family:var(--mono)}.acc-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 900px){.acc-charts{grid-template-columns:1fr}}.acc-chart{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;background:var(--panel-2)}.acc-title{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;font-size:13px}.split{display:flex;flex-direction:column;gap:10px}.split-row{display:flex;align-items:center;gap:10px}.split-label{width:48px;color:var(--dim);font-size:12px}.split-row .bar{flex:1;margin:0}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:420px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 45%),var(--panel);border:1px solid var(--border-2);border-radius:18px;padding:30px;box-shadow:var(--shadow-lg)}.login-brand{margin-bottom:8px}.login-sub{color:var(--dim);font-size:13.5px;margin:0 0 18px}.login-card form{display:flex;flex-direction:column;gap:14px}.me-ok{margin-top:16px;color:var(--good);font-size:13px}h2{font-size:19px;font-weight:700;letter-spacing:-.02em;margin:0 0 16px}@media (max-width: 760px){.topbar{flex-wrap:wrap;gap:8px;padding:10px 14px}.brand{flex:1}.tabs{order:3;flex:1 1 100%;width:100%;margin-left:0}.topbar-right{margin-left:0}.content{padding:14px}.cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.card{padding:14px}.big{font-size:23px}}.card-filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}.toolbar-right{display:flex;align-items:center;gap:10px}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);flex-wrap:wrap}.pagination-info{color:var(--dim);font-size:12px}.pagination-buttons{display:flex;align-items:center;gap:5px}.pagination-ellipsis{color:var(--dim);padding:0 4px;font-size:12px}.app-container{display:flex;min-height:100vh;background:#090a10;color:#e5e7eb}.sidebar{width:240px;background:#0b0d14;border-right:1px solid #161824;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:100;transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar-header{padding:22px 20px;display:flex;align-items:center;gap:12px}.sidebar-brand-logo{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#d946ef);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;box-shadow:0 4px 16px #6366f166}.sidebar-brand-text{font-size:18px;font-weight:700;letter-spacing:-.02em;color:#fff}.sidebar-nav{flex:1;padding:12px 14px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;color:#9ca3af;font-size:13.5px;font-weight:500;background:transparent;border:none;cursor:pointer;width:100%;text-align:left;transition:all .15s ease}.sidebar-nav-item:hover{color:#f3f4f6;background:#ffffff0d}.sidebar-nav-item.active{background:#1e1b4b;color:#fff;font-weight:600;box-shadow:0 2px 12px #1e1b4bb3;border-left:3px solid #818cf8}.sidebar-nav-item svg{width:18px;height:18px;flex-shrink:0}.sidebar-footer{padding:16px;border-top:1px solid #161824;margin-top:auto}.sidebar-user-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#11131f;border:1px solid #1c1e2e}.sidebar-user-info{display:flex;flex-direction:column;flex:1;overflow:hidden}.sidebar-user-name{font-size:13px;font-weight:600;color:#f9fafb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:11px;color:#9ca3af}.sidebar-logout-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.sidebar-logout-btn:hover{color:#ef4444;background:#ef44441a}.main-wrapper{flex:1;margin-left:240px;display:flex;flex-direction:column;min-width:0}.top-header{padding:18px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #161824;background:#0b0d14cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.top-header-title-group{display:flex;align-items:center;gap:14px}.top-header-title{margin:0;font-size:22px;font-weight:700;color:#fff;letter-spacing:-.01em}.connected-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#10b9811a;color:#34d399;font-size:11px;font-weight:600;border:1px solid rgba(16,185,129,.2)}.top-header-actions{display:flex;align-items:center;gap:14px}.icon-btn{background:#11131f;border:1px solid #1c1e2e;color:#9ca3af;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.icon-btn:hover{color:#fff;border-color:#374151}.quick-action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;background:#4f46e5;color:#fff;font-size:13px;font-weight:600;border:none;cursor:pointer;box-shadow:0 4px 14px #4f46e559;transition:background .15s}.quick-action-btn:hover{background:#4338ca}.mobile-header{display:none;height:56px;padding:0 18px;background:#0b0d14;border-bottom:1px solid #161824;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:120;width:100%}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:190}@media (max-width: 768px){html,body,#root{overflow-x:hidden!important;max-width:100vw!important}.app-container{flex-direction:column!important;overflow-x:hidden!important;max-width:100vw!important}.mobile-header{display:flex!important}.top-header{display:none!important}.sidebar{position:fixed!important;top:0!important;bottom:0!important;left:0!important;width:260px!important;z-index:200!important;transform:translate(-100%)!important;transition:transform .25s ease!important}.sidebar.open{transform:translate(0)!important;box-shadow:10px 0 30px #000c!important}.sidebar-overlay.open{display:block!important}.main-wrapper{margin-left:0!important;width:100%!important;max-width:100vw!important;overflow-x:visible!important}.content{padding:14px!important;width:100%!important;max-width:100vw!important;overflow-x:visible!important}.table-wrap{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important;margin-top:16px;border-radius:8px}.table-wrap::-webkit-scrollbar{height:6px}.table-wrap::-webkit-scrollbar-track{background:#0003}.table-wrap::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:4px}.table{width:max-content!important;min-width:680px!important;border-collapse:collapse;font-size:13px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070ec7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:#0f131f;border:1px solid #252b3d;border-radius:16px;width:100%;max-width:520px;box-shadow:0 20px 60px #000000b3;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:18px 22px;border-bottom:1px solid #1e2433;display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:16px;font-weight:700;color:#f3f4f6;margin:0;display:flex;align-items:center;gap:8px}.modal-close-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-close-btn:hover{color:#fff;background:#ffffff14}.modal-body{padding:22px;display:flex;flex-direction:column;gap:16px;max-height:75vh;overflow-y:auto}.modal-footer{padding:16px 22px;border-top:1px solid #1e2433;display:flex;align-items:center;justify-content:flex-end;gap:10px;background:#0a0d16}.action-buttons-group{display:inline-flex;align-items:center;gap:6px}.action-pill-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;border-radius:7px;cursor:pointer;transition:all .15s ease;border:1px solid transparent;line-height:1}.action-pill-btn.edit-pill{background:#38bdf81a;color:#38bdf8;border-color:#38bdf840}.action-pill-btn.edit-pill:hover{background:#38bdf833;border-color:#38bdf8}.action-pill-btn.delete-pill{background:#f871711a;color:#f87171;border-color:#f8717140;padding:5px 8px}.action-pill-btn.delete-pill:hover{background:#f8717138;border-color:#f87171}.page-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-header-info{display:flex;flex-direction:column;gap:4px}.page-title{font-size:20px;font-weight:700;color:#fff;margin:0;letter-spacing:-.01em}.page-subtitle{font-size:13px;color:#8b95a9;margin:0}.page-header-actions{display:flex;align-items:center;gap:10px}.stats-grid-compact{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}@media (max-width: 900px){.stats-grid-compact{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid-compact{grid-template-columns:1fr}}.stat-card-compact{background:#11131f;border:1px solid #1c1e2e;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.stat-card-compact .stat-label{font-size:11px;text-transform:uppercase;color:#8b95a9;font-weight:600;letter-spacing:.05em}.stat-card-compact .stat-val{font-size:20px;font-weight:700;color:#fff;font-family:var(--mono)}.stat-card-compact .stat-sub{font-size:11.5px;color:#64748b}