@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Outfit:wght@300;400;500;600;700;800&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg-deep:#0a0a0a;--bg-surface:#111;--bg-elevated:#181818;--bg-card:#1e1e1e;--bg-input:#1a1a1a;--border:#252525;--border-active:#3a3a3a;--text-primary:#f0f0f0;--text-secondary:#999;--text-muted:#666;--accent:#4ade80;--accent-dim:#4ade801a;--accent-glow:#4ade8033;--accent-hover:#22c55e;--accent-2:#34d399;--accent-2-dim:#34d3991a;--danger:#d94f4f;--warning:#c9963a;--success:#4ade80;--radius:8px;--radius-sm:6px;--radius-md:10px;--font:"Outfit",system-ui,sans-serif;--mono:"JetBrains Mono",monospace;--sidebar-width:240px;--sidebar-collapsed:60px}[data-theme=light]{--bg-deep:#fafafa;--bg-surface:#fff;--bg-elevated:#f5f5f5;--bg-card:#eee;--bg-input:#f0f0f0;--border:#e0e0e0;--border-active:#ccc;--text-primary:#111;--text-secondary:#666;--text-muted:#999;--accent:#16a34a;--accent-dim:#16a34a14;--accent-glow:#16a34a26;--accent-hover:#15803d;--accent-2:#059669;--accent-2-dim:#05966914;--danger:#c44040;--warning:#b08030;--success:#16a34a}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#0a0a0a;background:var(--bg-deep);color:#f0f0f0;color:var(--text-primary);font-family:Outfit,system-ui,sans-serif;font-family:var(--font);line-height:1.6}.spin,.spinner{animation:spin .8s linear infinite}.spinner{border:3px solid #252525;border-top-color:#4ade80;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.loading-screen{align-items:center;background:#0a0a0a;background:var(--bg-deep);display:flex;height:100vh;justify-content:center}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4ade80,#22c55e);background:linear-gradient(135deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;background-clip:text}.auth-logo{border-radius:8px;display:block;height:40px;margin:0 auto 12px;object-fit:contain;width:40px}.logo-mark,.nav-logo-img{border-radius:6px;height:28px;object-fit:contain;width:28px}.logo-mark{flex-shrink:0}.btn-primary{align-items:center;background:#4ade80;background:var(--accent);border:none;border-radius:999px;color:#0a0a0a;cursor:pointer;display:inline-flex;font-family:Outfit,system-ui,sans-serif;font-family:var(--font);font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:transform .15s,box-shadow .15s,opacity .15s}.btn-primary:hover{background:#22c55e;background:var(--accent-hover);box-shadow:0 4px 20px #4ade8033;box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-ghost{background:#0000;border:1px solid #252525;border:1px solid var(--border);border-radius:999px;color:#f0f0f0;color:var(--text-primary);cursor:pointer;font-family:Outfit,system-ui,sans-serif;font-family:var(--font);font-size:14px;font-weight:500;padding:10px 24px;transition:border-color .15s,background-color .15s}.btn-ghost:hover{background:#181818;background:var(--bg-elevated);border-color:#666;border-color:var(--text-muted)}.btn-google{align-items:center;background:#1e1e1e;background:var(--bg-card);border:1px solid #252525;border:1px solid var(--border);border-radius:999px;color:#f0f0f0;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:Outfit,system-ui,sans-serif;font-family:var(--font);font-size:14px;font-weight:500;gap:10px;justify-content:center;padding:12px 24px;transition:border-color .15s,background-color .15s}.btn-google:hover{background:#181818;background:var(--bg-elevated);border-color:#666;border-color:var(--text-muted)}.btn-sm{align-items:center;background:#4ade801a;background:var(--accent-dim);border:1px solid #0000;border-radius:999px;color:#4ade80;color:var(--accent);cursor:pointer;display:inline-flex;font-family:Outfit,system-ui,sans-serif;font-family:var(--font);font-size:12px;font-weight:500;gap:4px;padding:6px 14px;transition:background-color .15s,color .15s}.btn-sm:hover{background:#4ade80;background:var(--accent);color:#0a0a0a;color:var(--bg-deep)}.btn-icon{align-items:center;background:none;border:none;border-radius:6px;color:#666;color:var(--text-muted);cursor:pointer;display:flex;padding:6px;transition:color .15s,background-color .15s}.btn-icon:hover{background:#1e1e1e;background:var(--bg-card);color:#f0f0f0;color:var(--text-primary)}.btn-icon.btn-danger:hover,.btn-icon.danger:hover{background:#ff3b301a;color:#d94f4f;color:var(--danger)}.btn-full{justify-content:center;width:100%}.btn-lg{font-size:15px;padding:14px 32px}.landing{background:#0a0a0a;background:var(--bg-deep);min-height:100vh}.landing-nav{justify-content:space-between;margin:0 auto;max-width:1280px;padding:20px 48px}.landing-nav,.logo{align-items:center;display:flex}.logo{color:#f0f0f0;color:var(--text-primary);font-size:20px;font-weight:700;gap:10px;text-decoration:none}.logo-icon{background:#f0f0f0;background:var(--text-primary);border-radius:8px;color:#0a0a0a;color:var(--bg-deep);font-size:16px;font-weight:800;height:32px;justify-content:center;width:32px}.logo-icon,.nav-actions{align-items:center;display:flex}.nav-actions{gap:12px}.hero{margin:0 auto;max-width:820px;padding:100px 24px 80px;text-align:center}.hero-badge{background:#4ade801a;background:var(--accent-dim);border:1px solid #ffd60026;border-radius:999px;color:#4ade80;color:var(--accent);display:inline-block;font-size:12px;font-weight:600;letter-spacing:1.5px;margin-bottom:28px;padding:6px 16px;text-transform:uppercase}.hero h1{font-size:56px;font-weight:800;letter-spacing:-2px;line-height:1.08;margin-bottom:24px}.hero-sub{color:#999;color:var(--text-secondary);font-size:17px;line-height:1.7;margin:0 auto 36px;max-width:580px}.hero-actions{display:flex;gap:16px;justify-content:center;margin-bottom:24px}.hero-proof{color:#666;color:var(--text-muted);font-size:13px}.how-it-works{margin:0 auto;max-width:1120px;padding:40px 48px 60px;text-align:center}.how-it-works h2{font-size:36px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.section-sub{color:#999;color:var(--text-secondary);font-size:16px;margin-bottom:48px}.steps-grid{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:48px}.step-card{background:#111;background:var(--bg-surface);border:1px solid #252525;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);padding:32px 24px;position:relative;text-align:left;transition:border-color .2s,transform .2s;width:280px}.step-card:hover{border-color:#4ade80;border-color:var(--accent);transform:translateY(-3px)}.step-num{align-items:center;background:#4ade80;background:var(--accent);border-radius:50%;color:#0a0a0a;color:var(--bg-deep);display:flex;font-size:12px;font-weight:800;height:24px;justify-content:center;left:16px;position:absolute;top:-12px;width:24px}.step-icon{color:#4ade80;color:var(--accent);margin-bottom:14px}.step-card h3{font-size:16px;font-weight:600;margin-bottom:6px}.step-card p{color:#999;color:var(--text-secondary);font-size:13px;line-height:1.6}.step-card code{background:#181818;background:var(--bg-elevated);border-radius:3px;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px;padding:1px 5px}.step-arrow{color:#666;color:var(--text-muted)}.code-preview{background:#111;background:var(--bg-surface);border:1px solid #252525;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);margin:0 auto;max-width:680px;overflow:hidden;text-align:left}.code-header{align-items:center;background:#181818;background:var(--bg-elevated);border-bottom:1px solid #252525;border-bottom:1px solid var(--border);display:flex;gap:8px;padding:10px 16px}.code-dot{border-radius:50%;height:10px;width:10px}.code-dot.red{background:#ff5f57}.code-dot.yellow{background:#ffbd2e}.code-dot.green{background:#28c840}.code-lang{color:#666;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:11px;margin-left:auto}.code-preview pre{overflow-x:auto;padding:20px}.code-preview code{color:#f0f0f0;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:13px;line-height:1.7}.code-comment{color:#666;color:var(--text-muted)}.code-str{color:#4ade80;color:var(--accent)}.features{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1120px;padding:20px 48px 60px}.feature-card{background:#111;background:var(--bg-surface);border:1px solid #252525;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);padding:28px;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:#4ade80;border-color:var(--accent);transform:translateY(-3px)}.feature-icon{color:#4ade80;color:var(--accent);margin-bottom:16px}.feature-card h3{font-size:16px;font-weight:600;margin-bottom:8px}.feature-card p{color:#999;color:var(--text-secondary);font-size:13px;line-height:1.6}.pricing{margin:0 auto;max-width:1120px;padding:40px 48px 60px;text-align:center}.pricing h2{font-size:36px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.tier-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.tier-card{background:#111;background:var(--bg-surface);border:1px solid #252525;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);padding:36px 28px;position:relative;text-align:left;transition:border-color .2s}.tier-card:hover{border-color:#3a3a3a;border-color:var(--border-active)}.tier-featured{border-color:#ffd6004d}.tier-badge{background:#4ade80;background:var(--accent);border-radius:999px;color:#0a0a0a;color:var(--bg-deep);font-size:11px;font-weight:700;left:24px;padding:3px 12px;position:absolute;text-transform:uppercase;top:-10px}.tier-name{font-size:20px;font-weight:700}.tier-name,.tier-price{margin-bottom:4px}.price-amount{font-size:36px;font-weight:800}.price-period{color:#666;color:var(--text-muted);font-size:14px}.tier-desc{color:#4ade80;color:var(--accent);font-size:13px;font-weight:500;margin-bottom:20px}.tier-card ul{list-style:none;margin-bottom:24px}.tier-card li{align-items:center;color:#999;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;padding:5px 0}.tier-card li svg{color:#4ade80;color:var(--accent);flex-shrink:0}.byok-banner{align-items:center;background:#111;background:var(--bg-surface);border:1px solid #252525;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);display:flex;gap:24px;justify-content:space-between;padding:32px 36px}.byok-content{text-align:left}.byok-content h3{font-size:18px;font-weight:600;margin-bottom:4px}.byok-content p{color:#999;color:var(--text-secondary);font-size:14px}.landing-footer{border-top:1px solid #252525;border-top:1px solid var(--border);color:#666;color:var(--text-muted);font-size:13px;margin:0 auto;max-width:1120px;padding:32px;text-align:center}.footer-links{display:flex;gap:24px;justify-content:center;margin-bottom:8px}.footer-links button{background:none;border:none;color:#999;color:var(--text-secondary);cursor:pointer;font-family:Outfit,system-ui,sans-serif;font-family:var(--font);font-size:13px}.footer-links button:hover{color:#4ade80;color:var(--accent)}.auth-page{align-items:center;background:#0a0a0a;background:var(--bg-deep);display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-card{background:#111;background:var(--bg-surface);border:1px solid #252525;border:1px solid var(--border);border-radius:16px;max-width:400px;padding:40px;width:100%}.auth-header{margin-bottom:28px;text-align:center}.auth-header h2{font-size:24px;font-weight:700;margin-bottom:4px}.auth-header p{color:#999;color:var(--text-secondary);font-size:14px}.auth-error{background:#ff3b3014;border:1px solid #ff3b3033;border-radius:6px;border-radius:var(--radius-sm);color:#d94f4f;color:var(--danger);font-size:13px;margin-bottom:16px;padding:10px 14px}.input-group{align-items:center;background:#1a1a1a;background:var(--bg-input);border:1px solid #252525;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);display:flex;gap:10px;margin-bottom:12px;padding:0 14px;transition:border-color .15s}.input-group:focus-within{border-color:#4ade80;border-color:var(--accent)}.input-group svg{color:#666;color:var(--text-muted);flex-shrink:0}.input-group input{background:none;border:none;color:#f0f0f0;color:var(--text-primary);flex:1 1;font-family:Outfit,system-ui,sans-serif;font-family:var(--font);font-size:14px;outline:none;padding:13px 0}.input-group input::placeholder,.pw-toggle{color:#666;color:var(--text-muted)}.pw-toggle{background:none;border:none;cursor:pointer;display:flex;padding:4px}.auth-divider{margin:20px 0;position:relative;text-align:center}.auth-divider:before{border-top:1px solid #252525;border-top:1px solid var(--border);content:"";left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#111;background:var(--bg-surface);color:#666;color:var(--text-muted);font-size:12px;padding:0 12px;position:relative}.auth-link{color:#999;color:var(--text-secondary);font-size:13px;margin-top:20px;text-align:center}.auth-link a{color:#4ade80;color:var(--accent);font-weight:500;text-decoration:none}.onboarding{align-items:center;background:#0a0a0a;background:var(--bg-deep);display:flex;justify-content:center;min-height:100vh;padding:24px}.onboarding-container{max-width:560px;width:100%}.onboarding-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.step-indicator{gap:8px}.step-dot,.step-indicator{align-items:center;display:flex}.step-dot{background:#1e1e1e;background:var(--bg-card);border:2px solid #252525;border:2px solid var(--border);border-radius:50%;color:#666;color:var(--text-muted);font-size:12px;font-weight:700;height:28px;justify-content:center;transition:background-color .2s,border-color .2s,color .2s;width:28px}.step-dot.active{background:#4ade80;background:var(--accent);border-color:#4ade80;border-color:var(--accent);color:#0a0a0a;color:var(--bg-deep)}.step-line{background:#252525;background:var(--border);height:2px;width:32px}.onboarding-step{background:#111;background:var(--bg-surface);border:1px solid #252525;border:1px solid var(--border);border-radius:16px;padding:36px}.step-title{align-items:center;display:flex;gap:12px;margin-bottom:8px}.step-title h2{font-size:22px;font-weight:700}.step-title svg{color:#4ade80;color:var(--accent)}.success-icon{color:#4ade80!important;color:var(--success)!important}.step-desc{color:#999;color:var(--text-secondary);font-size:14px;margin-bottom:24px}.step-desc code{background:#181818;background:var(--bg-elevated);border-radius:3px;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px;padding:1px 5px}.onboarding-form{display:flex;flex-direction:column;gap:12px}.onboarding-form label{color:#999;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.onboarding-form input,.onboarding-form select{background:#1a1a1a;background:var(--bg-input);border:1px solid #252525;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#f0f0f0;color:var(--text-primary);font-family:Outfit,system-ui,sans-serif;font-family:var(--font);font-size:14px;outline:none;padding:12px 14px}.onboarding-form input:focus,.onboarding-form select:focus{border-color:#4ade80;border-color:var(--accent)}.proxy-key-display{margin-bottom:24px}.proxy-key-display label{color:#999;color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.key-copy-row{align-items:center;background:#181818;background:var(--bg-elevated);border:1px solid #4ade80;border:1px solid var(--accent);border-radius:8px;border-radius:var(--radius);display:flex;gap:8px;padding:12px 14px}.key-copy-row code{color:#4ade80;color:var(--accent);flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:13px;word-break:break-all}.snippet-container{margin-bottom:24px}.snippet-tabs{display:flex;gap:4px;margin-bottom:0}.snippet-tabs button{background:#1e1e1e;background:var(--bg-card);border:1px solid #252525;border:1px solid var(--border);border-bottom:none;border-radius:6px 6px 0 0;color:#666;color:var(--text-muted);cursor:pointer;font-family:Outfit,system-ui,sans-serif;font-family:var(--font);font-size:12px;font-weight:500;padding:6px 14px;transition:background-color .15s,color .15s}.snippet-tabs button.active{border-color:#3a3a3a;border-color:var(--border-active);color:#4ade80;color:var(--accent)}.snippet-code,.snippet-tabs button.active{background:#181818;background:var(--bg-elevated)}.snippet-code{border:1px solid #252525;border:1px solid var(--border);border-radius:0 8px 8px 8px;border-radius:0 var(--radius) var(--radius) var(--radius);overflow:hidden;position:relative}.snippet-copy{background:#1e1e1e;background:var(--bg-card);border:1px solid #252525;border:1px solid var(--border);border-radius:4px;color:#666;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;position:absolute;right:8px;top:8px}.snippet-copy:hover{color:#4ade80;color:var(--accent)}.snippet-code pre{margin:0;overflow-x:auto;padding:16px}.snippet-code code{color:#f0f0f0;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px;line-height:1.7}.dashboard{background:#0a0a0a;background:var(--bg-deep);display:flex;min-height:100vh}.sidebar{background:#111;background:var(--bg-surface);border-right:1px solid #252525;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:sticky;top:0;transition:width .25s cubic-bezier(.4,0,.2,1);width:240px;width:var(--sidebar-width);z-index:50}.sidebar.collapsed{width:60px;width:var(--sidebar-collapsed)}.sidebar-header{border-bottom:1px solid #252525;border-bottom:1px solid var(--border);justify-content:space-between;min-height:64px;padding:20px 16px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{gap:10px;overflow:hidden}.sidebar-logo .logo-icon{display:none}.sidebar-logo .logo-text{font-size:17px;font-weight:600;letter-spacing:-.3px;white-space:nowrap}.sidebar-toggle{align-items:center;background:none;border:1px solid #252525;border:1px solid var(--border);border-radius:6px;color:#666;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:color .15s,border-color .15s;width:28px}.sidebar-toggle:hover{border-color:#3a3a3a;border-color:var(--border-active);color:#f0f0f0;color:var(--text-primary)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:12px 8px}.sidebar-tab{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#999;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Outfit,system-ui,sans-serif;font-family:var(--font);font-size:14px;font-weight:500;gap:12px;padding:10px 12px;text-align:left;transition:background-color .15s,color .15s;width:100%}.sidebar-tab:hover{background:#181818;background:var(--bg-elevated);color:#f0f0f0;color:var(--text-primary)}.sidebar-tab.active{background:#4ade801a;background:var(--accent-dim);color:#4ade80;color:var(--accent)}.sidebar-tab svg{flex-shrink:0}.sidebar.collapsed .sidebar-tab{justify-content:center;padding:10px}.sidebar.collapsed .sidebar-tab span{display:none}.sidebar-footer{border-top:1px solid #252525;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;padding:12px 8px}.sidebar-user{gap:10px;overflow:hidden;padding:8px 12px}.sidebar-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:#181818;background:var(--bg-elevated);border:1px solid #252525;border:1px solid var(--border);border-radius:8px;color:#999;color:var(--text-secondary);flex-shrink:0;font-size:13px;font-weight:600;height:32px;justify-content:center;width:32px}.user-details{display:flex;flex-direction:column;min-width:0;overflow:hidden}.user-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tier-label{color:#666;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.logout-btn{color:#666!important;color:var(--text-muted)!important}.logout-btn:hover{background:#ff3b3014!important;color:#d94f4f!important;color:var(--danger)!important}.sidebar.collapsed .sidebar-footer .sidebar-user{display:none}.sidebar.collapsed .sidebar-toggle{margin:0 auto}.sidebar.collapsed .sidebar-header{justify-content:center;padding:20px 8px}.sidebar.collapsed .sidebar-logo .logo-text{display:none}.dashboard-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.dashboard-topbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111;background:var(--bg-surface);background:#0c0c0cd9;border-bottom:1px solid #252525;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 32px;position:sticky;top:0;z-index:40}.page-title{font-size:22px;font-weight:700;letter-spacing:-.3px}.topbar-actions{align-items:center;display:flex;gap:12px}.dashboard-content{display:flex;flex-direction:column;gap:20px;max-width:1200px;padding:28px 32px;width:100%}.panel{background:#111;background:var(--bg-surface);border:1px solid #252525;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);overflow:hidden}.panel-header{border-bottom:1px solid #252525;border-bottom:1px solid var(--border);justify-content:space-between;padding:18px 24px}.panel-header,.panel-header h3{align-items:center;display:flex}.panel-header h3{font-size:15px;font-weight:600;gap:8px}.empty{color:#666;color:var(--text-muted);font-size:14px;padding:40px 24px;text-align:center}.stats-grid{grid-gap:1px;background:#252525;background:var(--border);display:grid;gap:1px}.stats-4{grid-template-columns:repeat(4,1fr)}.stat-card{background:#111;background:var(--bg-surface);padding:28px;text-align:center}.stat-card.accent .stat-value{color:#4ade80;color:var(--accent)}.stat-value{font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:32px;font-weight:700;margin-bottom:4px}.stat-value.warning{color:#c9963a;color:var(--warning)}.stat-label{color:#666;color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#181818;background:var(--bg-elevated);color:#666;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-align:left;text-transform:uppercase}.data-table td,.data-table th{border-bottom:1px solid #252525;border-bottom:1px solid var(--border)}.data-table td{font-size:13px;padding:14px 24px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#181818;background:var(--bg-elevated)}.data-table .mono{color:#666;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px}.data-table .key-cell{align-items:center;display:flex;gap:8px}.provider-badge{border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.provider-badge.openai{background:#74a99e26;color:#74a99e}.provider-badge.anthropic{background:#d4a37626;color:#d4a376}.provider-badge.google{background:#007aff26;color:#34d399;color:var(--accent-2)}.provider-badge.groq{background:#ff6f4126;color:#ff6f41}.status-badge{border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.status-badge.active,.status-badge.success{background:#28c8401f;color:#4ade80;color:var(--success)}.status-badge.revoked{background:#ff3b301f;color:#d94f4f;color:var(--danger)}.status-badge.drift_warning{background:#ff95001f;color:#c9963a;color:var(--warning)}.chart-container{padding:20px 16px 12px}.chart-tooltip{background:#1e1e1e;background:var(--bg-card);border:1px solid #252525;border:1px solid var(--border);border-radius:8px;font-size:12px;padding:10px 14px}.chart-date{font-weight:600;margin-bottom:4px}.search-box{align-items:center;background:#1a1a1a;background:var(--bg-input);border:1px solid #252525;border:1px solid var(--border);border-radius:999px;display:flex;gap:8px;padding:4px 12px}.search-box input{background:none;border:none;color:#f0f0f0;color:var(--text-primary);font-family:Outfit,system-ui,sans-serif;font-family:var(--font);font-size:13px;outline:none;padding:4px 0;width:200px}.search-box svg{color:#666;color:var(--text-muted)}.health-row{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:12px;padding:16px 24px}.health-dot{border-radius:50%;height:8px;width:8px}.health-dot.green{background:#4ade80;background:var(--success);box-shadow:0 0 6px #4ade80;box-shadow:0 0 6px var(--success)}.health-dot.red{background:#d94f4f;background:var(--danger);box-shadow:0 0 6px #d94f4f;box-shadow:0 0 6px var(--danger)}.drift-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:20px 24px}.drift-card{background:#181818;background:var(--bg-elevated);border:1px solid #252525;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);padding:20px;transition:border-color .2s}.drift-card.warning{border-color:#c9963a;border-color:var(--warning)}.drift-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.drift-label{font-size:14px;font-weight:500}.drift-status{color:#4ade80;color:var(--success);font-size:11px;font-weight:600;text-transform:uppercase}.drift-status.warning{color:#c9963a;color:var(--warning)}.drift-score{text-align:center}.score-value{display:block;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:28px;font-weight:700}.score-label{color:#666;color:var(--text-muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.fingerprint-list{list-style:none;padding:16px 24px}.fingerprint-list li{align-items:center;border-bottom:1px solid #252525;border-bottom:1px solid var(--border);display:flex;font-size:13px;gap:16px;padding:10px 0}.fingerprint-list li:last-child{border-bottom:none}.fp-model{font-weight:500;min-width:120px}.fp-hash{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.fp-hash,.fp-time{color:#666;color:var(--text-muted);font-size:12px}.fp-time{margin-left:auto}.settings-form{display:flex;flex-direction:column;gap:16px;padding:20px 24px}.form-row{align-items:center;display:flex;justify-content:space-between}.form-row label{color:#999;color:var(--text-secondary);font-size:14px}.form-row select{background:#1a1a1a;background:var(--bg-input);border:1px solid #252525;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#f0f0f0;color:var(--text-primary);font-family:Outfit,system-ui,sans-serif;font-family:var(--font);font-size:13px;outline:none;padding:8px 12px}.form-row select:focus{border-color:#4ade80;border-color:var(--accent)}.toggle input{accent-color:#4ade80;accent-color:var(--accent);cursor:pointer;height:18px;width:18px}.subscription-info{padding:20px 24px}.sub-tier{align-items:center;display:flex;gap:12px;margin-bottom:16px}.sub-tier .tier-badge{background:#4ade801a;background:var(--accent-dim);border-radius:999px;color:#4ade80;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.tier-price{font-size:20px;font-weight:700}.sub-limits{color:#999;color:var(--text-secondary);gap:6px;margin-bottom:16px}.account-info,.sub-limits{display:flex;flex-direction:column;font-size:14px}.account-info{gap:8px;padding:20px 24px}.account-info code{color:#666;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px}.teams-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:20px 24px}.team-card{background:#181818;background:var(--bg-elevated);border:1px solid #252525;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);display:flex;flex-direction:column;gap:12px;padding:20px}.team-header{align-items:center;display:flex;justify-content:space-between}.team-header h4{font-size:16px;font-weight:600}.team-meta{color:#666;color:var(--text-muted);font-size:13px;gap:6px}.invitation-card,.team-meta{align-items:center;display:flex}.invitation-card{border-bottom:1px solid #252525;border-bottom:1px solid var(--border);justify-content:space-between;padding:14px 24px}.inv-info{display:flex;flex-direction:column;gap:2px}.inv-actions{display:flex;gap:8px}.role-badge{background:#1e1e1e;background:var(--bg-card);border-radius:4px;color:#666;color:var(--text-muted);font-size:12px;font-weight:600;padding:2px 10px;text-transform:capitalize}.pii-grid{grid-gap:1px;background:#252525;background:var(--border);display:grid;gap:1px;grid-template-columns:repeat(3,1fr)}.pii-stat{background:#111;background:var(--bg-surface);padding:20px;text-align:center}.pii-value{font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:24px;font-weight:700}.pii-label{color:#666;color:var(--text-muted);font-size:11px;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.pii-breakdown{padding:16px 24px}.pii-types{display:flex;flex-wrap:wrap;gap:8px}.pii-tag{background:#181818;background:var(--bg-elevated);border:1px solid #252525;border:1px solid var(--border);border-radius:999px;font-size:12px;padding:4px 10px}.time-selector{display:flex;gap:4px}.time-btn{background:#0000;border:1px solid #252525;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#666;color:var(--text-muted);cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .15s,color .15s,border-color .15s}.time-btn:hover{border-color:#3a3a3a;border-color:var(--border-active);color:#f0f0f0;color:var(--text-primary)}.time-btn.active{background:#4ade80;background:var(--accent);border-color:#4ade80;border-color:var(--accent);color:#0a0a0a;color:var(--bg-deep);font-weight:600}.analytics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;padding:20px 24px}.modal-overlay{align-items:center;animation:modalFadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:modalSlide .25s ease;background:#111;background:var(--bg-surface);border:1px solid #252525;border:1px solid var(--border);border-radius:16px;max-width:440px;padding:32px;width:100%}@keyframes modalSlide{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h3{font-size:18px;font-weight:700;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-group label{color:#999;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select{background:#1a1a1a;background:var(--bg-input);border:1px solid #252525;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#f0f0f0;color:var(--text-primary);font-family:Outfit,system-ui,sans-serif;font-family:var(--font);font-size:14px;outline:none;padding:10px 14px}.form-group input:focus,.form-group select:focus{border-color:#4ade80;border-color:var(--accent)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-secondary{background:#1e1e1e;background:var(--bg-card);border:1px solid #252525;border:1px solid var(--border);border-radius:999px;color:#999;color:var(--text-secondary);cursor:pointer;font-family:Outfit,system-ui,sans-serif;font-family:var(--font);font-size:14px;font-weight:500;padding:10px 20px;transition:border-color .15s}.btn-secondary:hover{border-color:#3a3a3a;border-color:var(--border-active)}.upgrade-overlay{align-items:center;animation:modalFadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.upgrade-modal{animation:modalSlide .25s ease;background:#111;background:var(--bg-surface);border:1px solid #252525;border:1px solid var(--border);border-radius:20px;max-height:90vh;max-width:960px;overflow-y:auto;padding:40px;position:relative;width:100%}.upgrade-close{align-items:center;background:#1e1e1e;background:var(--bg-card);border:1px solid #252525;border:1px solid var(--border);border-radius:50%;color:#666;color:var(--text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:color .15s,border-color .15s;width:36px}.upgrade-close:hover{border-color:#666;border-color:var(--text-muted);color:#f0f0f0;color:var(--text-primary)}.upgrade-header{margin-bottom:32px;text-align:center}.upgrade-icon{color:#4ade80;color:var(--accent);margin-bottom:8px}.upgrade-header h2{font-size:28px;font-weight:700;margin-bottom:4px}.upgrade-header p{color:#999;color:var(--text-secondary);font-size:14px}.upgrade-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.upgrade-card{background:#0a0a0a;background:var(--bg-deep);border:1px solid #252525;border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;padding:24px 20px;position:relative;transition:border-color .2s,transform .15s}.upgrade-card:hover{border-color:#3a3a3a;border-color:var(--border-active)}.upgrade-card.featured{border-color:#ffd6004d}.upgrade-card.current{border-color:#34d399;border-color:var(--accent-2)}.upgrade-badge{background:#4ade80;background:var(--accent);border-radius:999px;color:#0a0a0a;color:var(--bg-deep);font-size:10px;font-weight:700;left:50%;padding:2px 10px;position:absolute;text-transform:uppercase;top:-10px;transform:translateX(-50%);white-space:nowrap}.current-badge{background:#34d399!important;background:var(--accent-2)!important}.upgrade-tier-name{font-size:18px;font-weight:700;margin-top:8px}.upgrade-price{margin:8px 0 4px}.upgrade-amount{font-size:32px;font-weight:800}.upgrade-period{color:#666;color:var(--text-muted);font-size:13px}.upgrade-tokens{color:#4ade80;color:var(--accent);font-size:13px;font-weight:500}.upgrade-keys{color:#666;color:var(--text-muted);font-size:12px;margin-bottom:12px}.upgrade-features{flex:1 1;list-style:none;margin-bottom:16px}.upgrade-features li{align-items:center;color:#999;color:var(--text-secondary);display:flex;font-size:12px;gap:6px;padding:3px 0}.upgrade-features li svg{color:#4ade80;color:var(--accent);flex-shrink:0}.upgrade-cta{font-size:13px;justify-content:center;padding:10px 16px;width:100%}.upgrade-nav-btn{align-items:center;background:#4ade80;background:var(--accent);border:none;border-radius:999px;color:#0a0a0a;cursor:pointer;display:flex;font-family:Outfit,system-ui,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;gap:4px;padding:8px 18px;transition:background-color .15s}.upgrade-nav-btn:hover{background:#22c55e;background:var(--accent-hover)}.savings-calc{margin:0 auto;max-width:800px;padding:40px 48px 60px;text-align:center}.savings-calc h2{font-size:36px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.calc-container{margin:0 auto;max-width:600px}.calc-input-wrap{align-items:center;background:#111;background:var(--bg-surface);border:2px solid #252525;border:2px solid var(--border);border-radius:14px;display:flex;gap:0;margin-bottom:24px;padding:4px;transition:border-color .2s}.calc-input-wrap:focus-within{border-color:#4ade80;border-color:var(--accent)}.calc-dollar{color:#666;color:var(--text-muted);flex-shrink:0;margin:0 12px}.calc-input{background:none;border:none;color:#f0f0f0;color:var(--text-primary);flex:1 1;font-family:Outfit,system-ui,sans-serif;font-family:var(--font);font-size:24px;font-weight:700;outline:none;padding:14px 0}.calc-input::placeholder{color:#666;color:var(--text-muted)}.calc-input::-webkit-inner-spin-button,.calc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.calc-suffix{color:#666;color:var(--text-muted);font-size:14px;padding-right:16px;white-space:nowrap}.calc-results{grid-gap:16px;animation:fadeIn .3s ease;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.calc-result-card{background:#111;background:var(--bg-surface);border:1px solid #252525;border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center}.calc-result-card svg{margin-bottom:8px}.savings-card{border-color:#ffd60033}.savings-card .calc-result-value,.savings-card svg{color:#4ade80;color:var(--accent)}.yearly-card{border-color:#007aff33}.yearly-card .calc-result-value,.yearly-card svg{color:#34d399;color:var(--accent-2)}.roi-card .calc-result-value{color:#c9963a;color:var(--warning)}.calc-result-value{font-size:28px;font-weight:800;margin-bottom:2px}.calc-result-label{letter-spacing:.5px;text-transform:uppercase}.calc-footnote,.calc-result-label{color:#666;color:var(--text-muted);font-size:12px}.calc-footnote{line-height:1.6;margin-top:8px}.verify-banner{background:#ff95000f;border:1px solid #ff950033;border-radius:8px;border-radius:var(--radius);padding:12px 20px}.verify-content{align-items:center;color:#c9963a;color:var(--warning);display:flex;flex-wrap:wrap;font-size:13px;font-weight:500;gap:10px}.verify-action{background:#ff95001a!important;border-color:#ff950040!important;color:#c9963a!important;color:var(--warning)!important}.verify-input-row{align-items:center;display:flex;gap:6px}.verify-code-input{background:#1a1a1a;background:var(--bg-input);border:1px solid #252525;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#f0f0f0;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:13px;letter-spacing:1px;outline:none;padding:5px 10px;text-transform:uppercase;width:130px}.verify-code-input:focus{border-color:#4ade80;border-color:var(--accent)}.verify-msg{font-size:12px;margin-top:6px}.verify-msg.success{color:#4ade80;color:var(--success)}.verify-msg.error{color:#d94f4f;color:var(--danger)}.verify-reminder{align-items:center;background:#ff95000f;border:1px solid #ff950033;border-radius:8px;border-radius:var(--radius);color:#c9963a;color:var(--warning);display:flex;font-size:13px;gap:8px;padding:12px 20px}.docs-page{background:#0a0a0a;background:var(--bg-deep);min-height:100vh}.docs-container{margin:0 auto;max-width:800px;padding:24px 32px 80px}.docs-back{font-size:13px;margin-bottom:24px}.docs-container h1{font-size:36px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px}.docs-intro{color:#999;color:var(--text-secondary);font-size:16px;line-height:1.7}.docs-intro,.docs-section{margin-bottom:40px}.docs-section h2{align-items:center;display:flex;font-size:22px;font-weight:700;gap:8px;margin-bottom:12px}.docs-section p{color:#999;color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:16px}.docs-section code{background:#181818;background:var(--bg-elevated);border-radius:3px;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px;padding:1px 5px}.docs-steps{margin-bottom:16px;padding-left:20px}.docs-steps li{color:#999;color:var(--text-secondary);font-size:14px;padding:6px 0}.docs-steps li strong{color:#f0f0f0;color:var(--text-primary)}.docs-snippet-nav{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:0}.docs-snippet-nav button{background:#1e1e1e;background:var(--bg-card);border:1px solid #252525;border:1px solid var(--border);border-bottom:none;border-radius:6px 6px 0 0;color:#666;color:var(--text-muted);cursor:pointer;font-family:Outfit,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;padding:8px 16px;transition:background-color .15s,color .15s}.docs-snippet-nav button.active{background:#181818;background:var(--bg-elevated);border-color:#3a3a3a;border-color:var(--border-active);color:#4ade80;color:var(--accent)}.docs-code-block{background:#111;background:var(--bg-surface);border:1px solid #252525;border:1px solid var(--border);border-radius:0 8px 8px 8px;border-radius:0 var(--radius) var(--radius) var(--radius);overflow:hidden;position:relative}.docs-code-block.small{border-radius:8px;border-radius:var(--radius);margin-top:0}.docs-code-block pre{margin:0;overflow-x:auto;padding:20px}.docs-code-block code{color:#f0f0f0;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:13px;line-height:1.7;white-space:pre}.docs-code-block .code-header{position:relative}.docs-code-block .snippet-copy{background:#1e1e1e;background:var(--bg-card);border:1px solid #252525;border:1px solid var(--border);border-radius:4px;color:#666;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;position:absolute;right:8px;top:8px;z-index:2}.endpoint-list{display:flex;flex-direction:column;gap:8px}.endpoint-item{align-items:center;background:#111;background:var(--bg-surface);border:1px solid #252525;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);display:flex;font-size:13px;gap:12px;padding:12px 16px}.method{border-radius:4px;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:11px;font-weight:700;padding:2px 8px}.method.post{background:#ffd6001f;color:#4ade80;color:var(--accent)}.endpoint-path{color:#f0f0f0;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:13px}.docs-cta{border-top:1px solid #252525;border-top:1px solid var(--border);padding-top:20px;text-align:center}.playground-container{border:1px solid #252525;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);display:flex;gap:0;height:calc(100vh - 140px);overflow:hidden}.playground-sidebar{background:#111;background:var(--bg-surface);border-right:1px solid #252525;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px;width:240px}.new-chat-btn{align-items:center;background:#4ade80;background:var(--accent);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#0a0a0a;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:11px;transition:background-color .15s;width:100%}.new-chat-btn:hover{background:#22c55e;background:var(--accent-hover)}.sessions-list{flex:1 1;margin-top:20px;overflow-y:auto}.sessions-list h4{font-size:11px;font-weight:600;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.no-sessions,.sessions-list h4{color:#666;color:var(--text-muted)}.no-sessions,.session-item{font-size:13px}.session-item{align-items:center;border-radius:6px;border-radius:var(--radius-sm);color:#999;color:var(--text-secondary);cursor:pointer;display:flex;gap:8px;margin-bottom:2px;padding:10px 12px;transition:background-color .15s,color .15s}.session-item:hover{background:#181818;background:var(--bg-elevated);color:#f0f0f0;color:var(--text-primary)}.session-item.active{background:#4ade801a;background:var(--accent-dim);color:#4ade80;color:var(--accent)}.session-preview{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-session-btn{background:none;border:none;color:#d94f4f;color:var(--danger);cursor:pointer;opacity:0;padding:4px;transition:opacity .15s}.session-item:hover .delete-session-btn{opacity:1}.playground-main{display:flex;flex:1 1;flex-direction:column}.playground-header{align-items:center;background:#111;background:var(--bg-surface);border-bottom:1px solid #252525;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 20px}.model-selector{align-items:center;display:flex;gap:10px}.model-selector label{color:#666;color:var(--text-muted);font-size:13px}.model-selector select{background:#1a1a1a;background:var(--bg-input);border:1px solid #252525;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#f0f0f0;color:var(--text-primary);font-size:13px;min-width:200px;padding:8px 14px}.model-info{align-items:center;background:#4ade801a;background:var(--accent-dim);border-radius:999px;color:#4ade80;color:var(--accent);display:flex;font-size:12px;gap:8px;padding:6px 14px}.messages-container{gap:20px;overflow-y:auto;padding:20px}.empty-chat,.messages-container{display:flex;flex:1 1;flex-direction:column}.empty-chat{align-items:center;color:#666;color:var(--text-muted);gap:12px;justify-content:center;text-align:center}.empty-chat h3{color:#f0f0f0;color:var(--text-primary);font-size:20px;margin:0}.empty-chat p{line-height:1.5;margin:0;max-width:400px}.model-hint{font-size:13px;margin-top:8px}.message{animation:msgFadeIn .25s ease;display:flex;gap:12px;max-width:85%}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.assistant{align-self:flex-start}.message.error .message-content{background:#ff3b3014;border-color:#d94f4f;border-color:var(--danger)}.message-avatar{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.message-avatar,.message-content{background:#181818;background:var(--bg-elevated);border:1px solid #252525;border:1px solid var(--border)}.message-content{border-radius:8px;border-radius:var(--radius);max-width:100%;padding:12px 16px}.message.user .message-content{background:#4ade80;background:var(--accent);border-color:#4ade80;border-color:var(--accent);color:#0a0a0a}.message-text{font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap}.message-model{color:#666;color:var(--text-muted);display:block;font-size:11px;margin-top:8px}.message.user .message-model{color:#00000080}.message-metrics{border-top:1px solid #252525;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:8px}.message-metrics span{background:#0a0a0a;background:var(--bg-deep);border-radius:4px;color:#666;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:11px;padding:2px 8px}.message-metrics .metric-saved{background:#4ade801a;background:var(--accent-dim);color:#4ade80;color:var(--accent)}.message-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.attachment-preview{max-width:200px}.attachment-image{border-radius:6px;border-radius:var(--radius-sm);max-width:100%}.attachment-file{align-items:center;color:#666;color:var(--text-muted);display:flex;font-size:12px;gap:6px}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#666;background:var(--text-muted);border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.attachments-preview{background:#111;background:var(--bg-surface);border-top:1px solid #252525;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;padding:10px 20px}.attachment-chip{align-items:center;background:#181818;background:var(--bg-elevated);border:1px solid #252525;border:1px solid var(--border);border-radius:999px;color:#999;color:var(--text-secondary);display:flex;font-size:12px;gap:6px;padding:6px 10px}.attachment-chip button{align-items:center;background:none;border:none;color:#666;color:var(--text-muted);cursor:pointer;display:flex;padding:0}.attachment-chip button:hover{color:#d94f4f;color:var(--danger)}.input-container{align-items:flex-end;background:#111;background:var(--bg-surface);border-top:1px solid #252525;border-top:1px solid var(--border);display:flex;gap:10px;padding:16px 20px}.input-container textarea{background:#1a1a1a;background:var(--bg-input);border:1px solid #252525;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#f0f0f0;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;max-height:150px;min-height:44px;outline:none;padding:12px 16px;resize:none}.input-container textarea:focus{border-color:#4ade80;border-color:var(--accent)}.input-container textarea::placeholder{color:#666;color:var(--text-muted)}.attach-btn,.send-btn{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:44px;justify-content:center;transition:background-color .15s,transform .15s;width:44px}.attach-btn{background:#181818;background:var(--bg-elevated);color:#666;color:var(--text-muted)}.attach-btn:hover{background:#1a1a1a;background:var(--bg-input);color:#f0f0f0;color:var(--text-primary)}.send-btn{background:#4ade80;background:var(--accent);color:#0a0a0a}.send-btn:hover:not(:disabled){transform:scale(1.05)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.stream-toggle{align-items:center;color:#666;color:var(--text-muted);cursor:pointer;display:flex;font-size:12px;gap:6px;margin-left:16px}.stream-toggle input{accent-color:#4ade80;accent-color:var(--accent);cursor:pointer}.stream-toggle span{-webkit-user-select:none;user-select:none}.message.streaming .message-content:after{animation:blink 1s infinite;color:#4ade80;color:var(--accent);content:"\25CB";margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width:900px){.landing-nav{padding:16px 20px}.hero h1{font-size:36px}.features{grid-template-columns:repeat(2,1fr);padding:20px 20px 60px}.tier-grid{grid-template-columns:1fr}.steps-grid{flex-direction:column}.step-arrow{transform:rotate(90deg)}.how-it-works,.pricing{padding:40px 20px}.byok-banner{flex-direction:column;text-align:center}.stats-4{grid-template-columns:repeat(2,1fr)}.dashboard{flex-direction:column}.sidebar{flex-direction:row;height:auto;position:relative;width:100%}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:8px}.sidebar-tab{white-space:nowrap}.sidebar-footer{display:none}.dashboard-content{padding:16px}.upgrade-grid{grid-template-columns:repeat(2,1fr)}.upgrade-modal{padding:24px}.calc-results{grid-template-columns:1fr}.savings-calc{padding:40px 20px}.analytics-grid,.pii-grid{grid-template-columns:1fr}.playground-container{flex-direction:column;height:auto;min-height:calc(100vh - 140px)}.playground-sidebar{border-bottom:1px solid #252525;border-bottom:1px solid var(--border);border-right:none;max-height:200px;width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.checkout-banner{align-items:center;animation:fadeIn .3s ease;background:#ffd6000f;border:1px solid #ffd60033;border-radius:8px;border-radius:var(--radius);color:#4ade80;color:var(--accent);display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px}.usage-bar{background:#252525;background:var(--border);border-radius:3px;height:6px;overflow:hidden;width:100%}.usage-fill{border-radius:3px;height:100%;transition:width .3s ease}.btn-danger{background:#ff3b300f!important;border-color:#ff3b3033!important;color:#d94f4f!important;color:var(--danger)!important}.btn-danger:hover{background:#ff3b301f!important}.btn-icon.btn-danger{background:#0000!important}.btn-icon.btn-danger:hover{background:#ff3b3014!important}.theme-btn{color:#666!important;color:var(--text-muted)!important}.theme-btn:hover{background:#181818!important;background:var(--bg-elevated)!important;color:#f0f0f0!important;color:var(--text-primary)!important}[data-theme=light] .auth-logo,[data-theme=light] .logo-mark,[data-theme=light] .nav-logo-img{filter:none}.endpoint-url-row{align-items:center;background:#181818;background:var(--bg-elevated);border:1px solid #252525;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);display:flex;gap:10px;padding:12px 16px}.endpoint-url{color:#4ade80;color:var(--accent);flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:14px;font-weight:500;word-break:break-all}.endpoint-example{background:#181818;background:var(--bg-elevated);border:1px solid #252525;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:4px;padding:10px 14px}.endpoint-label{color:#666;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.endpoint-example code{color:#999;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px;line-height:1.5;word-break:break-all}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#252525;background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a3a3a;background:var(--border-active)}
/*# sourceMappingURL=main.7f189ae7.css.map*/