:root{color-scheme:light;--bg: #f5f8fc;--text: #10233f;--muted: #60708c;--border: rgba(24, 55, 102, .11);--shadow: 0 18px 45px rgba(43, 75, 122, .12)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Avenir Next,Segoe UI,Trebuchet MS,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(20,128,216,.12),transparent 28%),radial-gradient(circle at top right,rgba(216,137,17,.12),transparent 24%),linear-gradient(135deg,#f8fbff,#eef4fb 42%,#f6f9fd)}button,input{font:inherit}.login-shell{display:grid;place-items:center;min-height:100vh;padding:24px}.login-card{width:min(560px,100%);padding:32px;border-radius:28px;background:#ffffffeb;border:1px solid var(--border);box-shadow:var(--shadow)}.login-card h1{margin:0 0 12px}.login-copy{margin:0;color:var(--muted);line-height:1.6}.login-form{display:flex;flex-direction:column;gap:12px;margin-top:20px}.login-field{padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:#f0f4f9;color:var(--text);outline:none}.login-field:focus{border-color:#75a6f6}.login-error{margin:0;color:#b91c1c;font-size:.88rem}.login-submit{width:100%;justify-content:center;cursor:pointer}.live-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.live-badge{display:flex;align-items:center;gap:8px;margin:0;font-size:.78rem;color:var(--muted)}.live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.loading-row,.error-row{padding:24px 18px;color:var(--muted);font-size:.9rem}.error-row{color:#b91c1c}.eyebrow{margin:0 0 6px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.content{width:min(1400px,100%);min-height:100vh;margin:0 auto;padding:28px}.page-header{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.page-header h1{margin:0}.page-header-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.header-actions{display:flex;align-items:center;gap:12px}.tab-bar{display:flex;gap:4px;padding:4px;background:#fffc;border-radius:14px;border:1px solid var(--border);width:fit-content}.tab-btn{padding:8px 22px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:600;font-size:.88rem;cursor:pointer;transition:background .15s,color .15s}.tab-btn:hover{background:#75a6f61f;color:var(--text)}.tab-btn--active{background:#75a6f6;color:#14233b}.tab-section-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.month-picker{display:flex;align-items:center;gap:10px}.month-picker-label{font-size:.95rem;font-weight:700;color:var(--text);min-width:120px;text-align:center;text-transform:capitalize}.costs-grid{display:grid;grid-template-columns:1fr 340px;gap:20px}.ai-charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.ai-bottom-grid{display:grid;grid-template-columns:1fr 340px;gap:20px}@media (max-width: 900px){.costs-grid,.ai-charts-grid,.ai-bottom-grid{grid-template-columns:1fr}}.users-summary{display:flex;align-items:baseline;gap:10px;color:var(--text)}.users-summary strong{font-size:2rem}.users-summary span{color:var(--muted)}.users-card{padding:18px 0 0;background:#ffffffeb;border-radius:26px;box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden}.users-toolbar,.users-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px 18px}.search-input{display:flex;align-items:center;gap:14px;flex:1;min-width:0;padding:14px 18px;border-radius:18px;background:#f0f4f9;border:1px solid var(--border)}.search-icon{color:var(--muted);font-size:1.4rem}.search-input input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.search-input input::placeholder{color:var(--muted)}.users-actions,.pager-actions,.provider-list{display:flex;align-items:center;gap:12px}.primary-pill{padding:14px 18px;border:0;border-radius:999px;background:#75a6f6;color:#14233b;font-weight:700}.icon-button{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:#f0f4f9;color:var(--text);cursor:pointer}.icon-button:disabled{opacity:.45;cursor:default}.users-table-wrap{overflow-x:auto}.users-table{width:100%;border-collapse:collapse;color:var(--text)}.users-table th,.users-table td{padding:18px;text-align:left;border-top:1px solid var(--border)}.users-table thead th{color:var(--muted);font-weight:500;border-top:0}.provider-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#75a6f626;color:#2d6abf;font-size:.9rem}.users-footer{color:var(--muted)}.empty-row{color:var(--muted);text-align:center}.plan-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.82rem;font-weight:600}.plan-badge--free{background:#6464641a;color:#555}.plan-badge--standard{background:#3b82f61f;color:#1d5cbf}.plan-badge--pro{background:#8b5cf61f;color:#6d28d9}.sub-empty{margin:0;color:var(--muted)}.cancel-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#ef44441a;color:#b91c1c;font-size:.82rem;font-weight:600}.active-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#22c55e1a;color:#15803d;font-size:.82rem;font-weight:600}.credits-row{display:flex;justify-content:space-between;margin-bottom:6px;font-size:.95rem}.credits-pct{color:var(--muted);font-size:.82rem}.credits-bar-track{height:6px;border-radius:999px;background:#e8edf5;overflow:hidden}.token-remaining{display:block;margin-top:4px;font-size:.78rem;color:var(--muted)}.credits-bar-fill{height:100%;border-radius:999px;transition:width .4s ease}.cost-card{grid-column:1 / -1}.cost-total{display:flex;align-items:baseline;gap:8px;margin-bottom:20px}.cost-total-value{font-size:2rem;font-weight:700;color:var(--text);font-family:SF Mono,Fira Code,monospace}.cost-total-label{color:var(--muted);font-size:.9rem}.cost-breakdown{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:14px}.cost-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--border)}.cost-row:last-child{border-bottom:0}.cost-row-label{font-size:.9rem;color:var(--text)}.cost-row-ops{font-size:.82rem;color:var(--muted);font-family:SF Mono,Fira Code,monospace}.cost-row-price{font-size:.88rem;font-weight:600;color:var(--text);font-family:SF Mono,Fira Code,monospace;min-width:90px;text-align:right}.cost-section-title{margin:16px 0 8px;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);display:flex;align-items:center;gap:8px}.cost-estimated{font-size:.72rem;font-weight:500;background:#f59e0b1f;color:#b45309;padding:2px 7px;border-radius:999px;text-transform:none;letter-spacing:0}.cost-row--header span{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.cost-row--total{background:#f8fafc;font-weight:700}.cost-row--total .cost-row-label,.cost-row--total .cost-row-price{font-weight:700;color:var(--text)}.cost-note{margin:0;font-size:.75rem;color:var(--muted);line-height:1.5}.summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:20px}.stat-card{display:flex;flex-direction:column;gap:6px;padding:20px;background:#ffffffeb;border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow)}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.stat-value{font-size:1.6rem;font-weight:700;color:var(--text)}.chart-card{grid-column:span 2;padding:20px;background:#ffffffeb;border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow)}.chart-card--wide{grid-column:span 2}.chart-card--full{grid-column:1 / -1}.chart-title{margin:0 0 12px;font-size:.9rem;font-weight:700;color:var(--text)}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;justify-content:center}.legend-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--muted)}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}@media (max-width: 900px){.summary-grid{grid-template-columns:repeat(2,1fr)}.chart-card{grid-column:span 2}}.clickable-row{cursor:pointer;transition:background .15s}.clickable-row:hover{background:#f0f4f9}.back-button{padding:10px 20px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text);font-weight:600;cursor:pointer}.back-button:hover{background:#f0f4f9}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.detail-card{padding:24px 28px;background:#ffffffeb;border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow)}.detail-section-title{margin:0 0 20px;font-size:1rem;font-weight:700;color:var(--text)}.detail-list{margin:0;display:flex;flex-direction:column;gap:16px}.detail-row{display:flex;flex-direction:column;gap:4px}.detail-row dt{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.detail-row dd{margin:0;color:var(--text);word-break:break-all}.uid-value{font-family:SF Mono,Fira Code,monospace;font-size:.88rem}@media (max-width: 760px){.content{padding:20px}.page-header,.users-toolbar,.users-footer{display:grid}.users-actions{justify-content:space-between}}