@import"https://fonts.googleapis.com/css2?family=Anybody:wght@400;500;700;900&family=Syne:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";:root{--color-bg: #0d0d0d;--color-bg-elevated: #141414;--color-bg-card: #1a1a1a;--color-neon: #00ff88;--color-neon-bright: #4fffaa;--color-neon-dim: #00cc6a;--color-neon-glow: rgba(0, 255, 136, .4);--color-neon-subtle: rgba(0, 255, 136, .08);--color-electric: #00d4ff;--color-hot: #ff3366;--color-text: #ffffff;--color-text-dim: #888888;--color-text-muted: #555555;--color-border: #2a2a2a;--color-border-bright: #3a3a3a;--font-display: "Syne", sans-serif;--font-body: "Anybody", sans-serif;--font-mono: "Space Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 5rem;--space-4xl: 8rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--transition-snap: .1s cubic-bezier(.22, 1, .36, 1);--transition-smooth: .3s cubic-bezier(.22, 1, .36, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100vh;overflow-x:hidden;cursor:crosshair}a,button,[role=button]{cursor:pointer}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 100% 100% at 0% 0%,var(--color-neon-subtle),transparent 50%),radial-gradient(ellipse 80% 80% at 100% 100%,rgba(0,212,255,.05),transparent 50%);pointer-events:none;z-index:-2}body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:60px 60px;opacity:.15;pointer-events:none;z-index:-1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;line-height:1;letter-spacing:-.03em;text-transform:uppercase}h1{font-size:clamp(3rem,12vw,10rem);font-weight:900}h2{font-size:clamp(2rem,6vw,4rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{font-family:var(--font-body);color:var(--color-text-dim);font-weight:400}a{color:var(--color-neon);text-decoration:none;transition:all var(--transition-snap)}a:hover{text-shadow:0 0 20px var(--color-neon-glow)}.neon-text{color:var(--color-neon);text-shadow:0 0 10px var(--color-neon-glow),0 0 40px var(--color-neon-glow),0 0 80px var(--color-neon-glow)}.gradient-text{background:linear-gradient(135deg,var(--color-neon),var(--color-electric));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-display);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border:2px solid transparent;background:transparent;color:var(--color-text);transition:all var(--transition-snap);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:var(--color-neon);transform:translateY(100%);transition:transform var(--transition-smooth);z-index:-1}.btn:hover:before{transform:translateY(0)}.btn-primary{background:var(--color-neon);color:var(--color-bg);border-color:var(--color-neon)}.btn-primary:hover{background:transparent;color:var(--color-neon);box-shadow:0 0 30px var(--color-neon-glow)}.btn-primary:hover:before{transform:translateY(-100%)}.btn-outline{border-color:var(--color-border-bright)}.btn-outline:hover{border-color:var(--color-neon);color:var(--color-bg)}.btn-ghost{padding:var(--space-sm) var(--space-md);border:none;color:var(--color-text-dim)}.btn-ghost:hover{color:var(--color-neon)}.btn-ghost:before{display:none}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:1rem}.card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-xl);position:relative;transition:all var(--transition-snap)}.card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-neon);transform:scaleY(0);transform-origin:bottom;transition:transform var(--transition-smooth)}.card:hover{border-color:var(--color-neon)}.card:hover:before{transform:scaleY(1)}.input{width:100%;padding:var(--space-md) var(--space-lg);font-family:var(--font-mono);font-size:.9375rem;color:var(--color-text);background:transparent;border:none;border-bottom:2px solid var(--color-border);outline:none;transition:all var(--transition-snap)}.input:focus{border-color:var(--color-neon);box-shadow:0 4px 20px -10px var(--color-neon-glow)}.input::placeholder{color:var(--color-text-muted);font-style:italic}code,.mono{font-family:var(--font-mono);font-size:.875em;color:var(--color-neon)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border:1px solid}.badge-active{border-color:var(--color-neon);color:var(--color-neon);background:var(--color-neon-subtle)}.badge-soon{border-color:var(--color-electric);color:var(--color-electric)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-xl)}.container-fluid{width:100%;padding:0 var(--space-xl)}@keyframes pulse-neon{0%,to{box-shadow:0 0 20px var(--color-neon-glow)}50%{box-shadow:0 0 40px var(--color-neon-glow),0 0 60px var(--color-neon-glow)}}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-scale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-neon{animation:pulse-neon 2s ease-in-out infinite}.animate-reveal{animation:reveal-up .8s cubic-bezier(.22,1,.36,1) forwards}.stagger>*{opacity:0;animation:reveal-up .6s cubic-bezier(.22,1,.36,1) forwards}.stagger>*:nth-child(1){animation-delay:.1s}.stagger>*:nth-child(2){animation-delay:.2s}.stagger>*:nth-child(3){animation-delay:.3s}.stagger>*:nth-child(4){animation-delay:.4s}.stagger>*:nth-child(5){animation-delay:.5s}.stagger>*:nth-child(6){animation-delay:.6s}.hover-glitch:hover{animation:glitch .3s ease-in-out}.hover-lift{transition:transform var(--transition-smooth)}.hover-lift:hover{transform:translateY(-4px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-bright)}::-webkit-scrollbar-thumb:hover{background:var(--color-neon)}::selection{background:var(--color-neon);color:var(--color-bg)}:focus-visible{outline:2px solid var(--color-neon);outline-offset:2px}#root{min-height:100vh}.marquee{overflow:hidden;white-space:nowrap}.marquee-content{display:inline-block;animation:marquee 20s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-bright),transparent)}.glow-border{position:relative}.glow-border:after{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,var(--color-neon),var(--color-electric));z-index:-1;opacity:0;transition:opacity var(--transition-smooth);filter:blur(8px)}.glow-border:hover:after{opacity:.5}.layout{display:flex;min-height:100vh}.mobile-toggle{display:none;position:fixed;top:var(--space-lg);left:var(--space-lg);z-index:200;width:44px;height:44px;background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text);align-items:center;justify-content:center;cursor:pointer}.mobile-overlay{display:none;position:fixed;inset:0;background:#000c;z-index:90}.sidebar{width:240px;background:var(--color-bg);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-header{padding:var(--space-xl);border-bottom:1px solid var(--color-border)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:800;font-size:1rem;color:var(--color-text);letter-spacing:.05em}.sidebar-logo svg{color:var(--color-neon)}.sidebar-nav{flex:1;padding:var(--space-lg) 0;overflow-y:auto}.nav-section{margin-bottom:var(--space-xl)}.nav-section-title{display:block;padding:0 var(--space-xl) var(--space-sm);font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-muted);letter-spacing:.15em}.sidebar-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);color:var(--color-text-dim);font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.1em;transition:all var(--transition-snap);position:relative}.sidebar-link:hover{color:var(--color-text);background:#ffffff05}.sidebar-link.active{color:var(--color-neon);background:var(--color-neon-subtle)}.sidebar-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-neon)}.active-indicator{margin-left:auto;opacity:.7}.sidebar-footer{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.user-block{display:flex;align-items:center;gap:var(--space-md)}.user-avatar{width:32px;height:32px;background:var(--color-neon);color:var(--color-bg);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.75rem;cursor:pointer}.user-info{display:flex;flex-direction:column}.user-name{font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.05em}.user-tier{font-family:var(--font-mono);font-size:.6rem;color:var(--color-neon);letter-spacing:.1em}.logout-btn{padding:var(--space-sm);color:var(--color-text-muted)}.logout-btn:hover{color:var(--color-hot)}.main{flex:1;margin-left:240px;padding:var(--space-2xl) var(--space-3xl);min-height:100vh}@media(max-width:768px){.mobile-toggle{display:flex}.mobile-overlay{display:block}.sidebar{transform:translate(-100%);transition:transform var(--transition-smooth)}.sidebar.open{transform:translate(0)}.main{margin-left:0;padding:var(--space-3xl) var(--space-lg) var(--space-lg)}}.landing{min-height:100vh;overflow-x:hidden}.nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-2xl);position:fixed;top:0;left:0;right:0;z-index:100;background:#0d0d0de6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.nav-logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:800;font-size:1.25rem;color:var(--color-text);letter-spacing:.05em}.nav-logo svg{color:var(--color-neon)}.nav-links{display:flex;gap:var(--space-2xl);position:absolute;left:50%;transform:translate(-50%)}.nav-link{font-family:var(--font-display);font-weight:600;font-size:.75rem;color:var(--color-text-dim);letter-spacing:.15em;transition:color var(--transition-snap);position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-neon);transition:width var(--transition-smooth)}.nav-link:hover{color:var(--color-neon)}.nav-link:hover:after{width:100%}.nav-actions{display:flex;gap:var(--space-md)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px var(--space-2xl) var(--space-3xl);position:relative}.hero-tag{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:.75rem;color:var(--color-neon);letter-spacing:.2em;margin-bottom:var(--space-xl)}.tag-dot{width:8px;height:8px;background:var(--color-neon);border-radius:50%;animation:pulse-neon 2s ease-in-out infinite}.hero-title{margin-bottom:var(--space-2xl)}.hero-title .line{display:block}.hero-title .outline{-webkit-text-stroke:2px var(--color-text);-webkit-text-fill-color:transparent}.hero-desc{font-size:1.25rem;line-height:1.8;max-width:500px;margin-bottom:var(--space-2xl)}.hero-actions{display:flex;gap:var(--space-lg)}.code-container{position:absolute;right:var(--space-3xl);top:50%;transform:translateY(-50%) rotate(2deg);max-width:500px}.code-label{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-neon);color:var(--color-bg);font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.1em}.code-block{background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-xl);margin:0;overflow-x:auto;transition:border-color var(--transition-smooth)}.code-container:hover .code-block{border-color:var(--color-neon)}.code-block code{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-dim);line-height:1.8}.code-corner{position:absolute;bottom:-20px;right:-20px;width:40px;height:40px;border:2px solid var(--color-neon);opacity:.5;animation:float 3s ease-in-out infinite}.stats-marquee{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-lg) 0;background:var(--color-bg-elevated)}.stat-item{font-family:var(--font-display);font-weight:700;font-size:.875rem;letter-spacing:.1em;color:var(--color-text-dim);padding:0 var(--space-xl)}.stat-divider{color:var(--color-neon);opacity:.5}.features{padding:var(--space-4xl) var(--space-2xl)}.section-header{display:flex;align-items:baseline;gap:var(--space-xl);margin-bottom:var(--space-3xl)}.section-number{font-family:var(--font-mono);font-size:.875rem;color:var(--color-neon)}.features-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:auto auto;gap:var(--space-lg)}.feature-card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-2xl);position:relative;transition:all var(--transition-snap)}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--color-neon);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-smooth)}.feature-card:hover:before{transform:scaleX(1)}.feature-large{grid-row:span 2;display:flex;flex-direction:column}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);color:var(--color-neon);margin-bottom:var(--space-xl);transition:all var(--transition-smooth)}.feature-card:hover .feature-icon{background:var(--color-neon);color:var(--color-bg);border-color:var(--color-neon)}.feature-card h3{font-size:1rem;margin-bottom:var(--space-md);letter-spacing:.05em}.feature-card p{font-size:.9375rem;line-height:1.6}.feature-stat{margin-top:auto;padding-top:var(--space-2xl);display:flex;align-items:baseline;gap:var(--space-sm)}.feature-stat .stat-value{font-family:var(--font-display);font-size:4rem;font-weight:900;color:var(--color-neon);line-height:1}.feature-stat .stat-label{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}.models{padding:var(--space-4xl) var(--space-2xl);background:var(--color-bg-elevated)}.models-list{border-top:1px solid var(--color-border)}.model-row{display:grid;grid-template-columns:60px 1fr 200px 120px;align-items:center;padding:var(--space-xl) 0;border-bottom:1px solid var(--color-border);transition:all var(--transition-snap)}.model-row.active:hover{background:#00ff8805;padding-left:var(--space-md)}.model-index{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}.model-info{display:flex;flex-direction:column;gap:4px}.model-name{font-family:var(--font-display);font-weight:700;font-size:1.25rem;letter-spacing:.02em}.model-desc{font-size:.8rem;color:var(--color-text-muted)}.model-provider{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);letter-spacing:.1em}.model-row.soon{opacity:.5}.cta{padding:var(--space-4xl) var(--space-2xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.cta h2{font-size:clamp(3rem,8vw,6rem);line-height:.95}.cta p{font-size:1.125rem;margin:var(--space-xl) 0 var(--space-2xl)}.cta-decoration{display:flex;flex-direction:column;gap:var(--space-lg);justify-self:end}.deco-line{height:4px;background:var(--color-border);transition:all var(--transition-smooth)}.deco-line:nth-child(1){width:200px}.deco-line:nth-child(2){width:150px;background:var(--color-neon);box-shadow:0 0 20px var(--color-neon-glow)}.deco-line:nth-child(3){width:100px}.footer{border-top:1px solid var(--color-border);padding:var(--space-2xl)}.footer-content{display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:700;font-size:.875rem;letter-spacing:.1em;color:var(--color-text)}.footer-brand svg{color:var(--color-neon)}.footer-links{display:flex;gap:var(--space-2xl)}.footer-links a{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);letter-spacing:.1em;transition:color var(--transition-snap)}.footer-links a:hover{color:var(--color-neon)}.footer-copy{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}@media(max-width:1200px){.code-container{display:none}.features-grid{grid-template-columns:1fr 1fr}.feature-large{grid-column:span 2;grid-row:span 1}}@media(max-width:768px){.nav-links{display:none}.hero{padding:100px var(--space-lg) var(--space-2xl)}.hero-title{font-size:clamp(2.5rem,10vw,4rem)}.features-grid{grid-template-columns:1fr}.feature-large{grid-column:span 1}.model-row{grid-template-columns:40px 1fr auto;gap:var(--space-md)}.model-provider,.model-desc{display:none}.cta{grid-template-columns:1fr}.cta-decoration{display:none}.footer-content{flex-direction:column;gap:var(--space-lg);text-align:center}}.auth-page{min-height:100vh;display:flex}.auth-side{flex:1.5;max-width:650px;padding:var(--space-2xl) var(--space-3xl);display:flex;flex-direction:column}.auth-logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:800;font-size:1rem;color:var(--color-text);letter-spacing:.05em;margin-bottom:var(--space-3xl)}.auth-logo svg{color:var(--color-neon)}.auth-content{flex:1;display:flex;flex-direction:column;justify-content:center}.auth-header{margin-bottom:var(--space-2xl)}.auth-tag{display:block;font-family:var(--font-mono);font-size:.7rem;color:var(--color-neon);letter-spacing:.1em;margin-bottom:var(--space-md)}.auth-header h1{font-size:clamp(2rem,4vw,3rem);line-height:1}.auth-error{padding:var(--space-md) var(--space-lg);background:#ff33661a;border:1px solid var(--color-hot);color:var(--color-hot);font-family:var(--font-mono);font-size:.8rem;margin-bottom:var(--space-lg)}.auth-form{display:flex;flex-direction:column;gap:var(--space-xl)}.form-field{display:flex;flex-direction:column;gap:var(--space-sm)}.form-field label{font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-muted);letter-spacing:.15em}.input-group{position:relative;display:flex}.input-group .input{flex:1;padding-right:var(--space-3xl)}.input-action{position:absolute;right:0;top:0;bottom:0;padding:0 var(--space-md);background:none;border:none;border-left:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-snap)}.input-action:hover{color:var(--color-neon)}.password-strength{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-sm)}.strength-bar{display:flex;gap:4px;flex:1}.strength-segment{height:4px;flex:1;background:var(--color-border);transform-origin:left}.strength-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em}.form-row{display:flex;align-items:center;justify-content:space-between}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--color-text-dim);cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-neon)}.forgot-link{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}.forgot-link:hover{color:var(--color-neon)}.btn-full{width:100%;padding:var(--space-lg)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-switch{margin-top:var(--space-2xl);font-size:.875rem;color:var(--color-text-muted)}.auth-switch a{color:var(--color-neon);font-weight:600}.auth-decoration{flex:.5;max-width:400px;background:var(--color-bg-elevated);border-left:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.auth-decoration:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 80% at 70% 30%,rgba(0,255,136,.15),transparent 50%),radial-gradient(ellipse 60% 60% at 30% 70%,rgba(0,212,255,.1),transparent 50%),radial-gradient(ellipse 40% 40% at 80% 80%,rgba(255,51,102,.08),transparent 50%);animation:gradientShift 10s ease-in-out infinite}.auth-decoration:after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--color-neon) 1px,transparent 1px),linear-gradient(90deg,var(--color-neon) 1px,transparent 1px);background-size:80px 80px;opacity:.05;animation:gridPulse 4s ease-in-out infinite}@keyframes gradientShift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes gridPulse{0%,to{opacity:.05}50%{opacity:.1}}.deco-content{position:relative;z-index:1;text-align:center}.deco-logo{width:80px;height:80px;margin:0 auto var(--space-lg);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-neon);position:relative}.deco-logo:before{content:"";position:absolute;inset:-6px;border:1px solid var(--color-border-bright);opacity:.3}.deco-logo svg{color:var(--color-neon);filter:drop-shadow(0 0 20px var(--color-neon-glow))}.deco-tagline{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.1em;color:var(--color-text);margin-bottom:var(--space-xs)}.deco-subline{font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-muted);letter-spacing:.1em}.deco-orb{position:absolute;border-radius:50%;filter:blur(60px);animation:orbFloat 6s ease-in-out infinite}.deco-orb-1{width:140px;height:140px;background:var(--color-neon);opacity:.12;top:15%;right:15%;animation-delay:0s}.deco-orb-2{width:100px;height:100px;background:var(--color-electric);opacity:.08;bottom:25%;left:15%;animation-delay:2s}.deco-orb-3{width:70px;height:70px;background:var(--color-hot);opacity:.06;bottom:15%;right:25%;animation-delay:4s}@keyframes orbFloat{0%,to{transform:translate(0)}25%{transform:translate(10px,-20px)}50%{transform:translate(-10px,10px)}75%{transform:translate(20px,5px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.deco-lines{position:absolute;bottom:var(--space-2xl);right:var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-sm)}.deco-lines div{height:3px;background:var(--color-border);transition:width var(--transition-smooth)}.deco-lines div:nth-child(1){width:120px}.deco-lines div:nth-child(2){width:90px;background:var(--color-neon);box-shadow:0 0 10px var(--color-neon-glow)}.deco-lines div:nth-child(3){width:60px}.deco-lines div:nth-child(4){width:30px}.deco-lines div:nth-child(5){width:15px}@media(max-width:1024px){.auth-decoration{display:none}.auth-side{max-width:100%}}@media(max-width:768px){.auth-side{padding:var(--space-xl) var(--space-lg)}.auth-header h1{font-size:clamp(2rem,10vw,3rem)}}@media(max-width:480px){.auth-side{padding:var(--space-lg)}.auth-header h1{font-size:2rem}.auth-form{gap:var(--space-lg)}.form-row{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.btn-full{padding:var(--space-md);font-size:.8rem}}.dashboard,.page-container{max-width:1200px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-2xl)}.page-title{display:flex;align-items:center;gap:var(--space-sm)}.page-title h1{font-size:1.5rem;font-weight:700}.page-title svg{color:var(--color-neon)}.page-tag{display:block;font-family:var(--font-mono);font-size:.7rem;color:var(--color-neon);letter-spacing:.1em;margin-bottom:var(--space-xs)}.page-header h1{font-size:2rem}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-2xl)}.stat-block{background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-xl);position:relative;transition:all var(--transition-snap)}.stat-block:hover{border-color:var(--color-neon)}.stat-block:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-neon),transparent);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-smooth)}.stat-block:hover:after{transform:scaleX(1)}.stat-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.stat-icon{color:var(--color-neon)}.stat-label{font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-muted);letter-spacing:.15em}.stat-body{display:flex;align-items:baseline;gap:var(--space-md)}.stat-value{font-family:var(--font-display);font-size:2.5rem;font-weight:900;line-height:1}.stat-change{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.75rem;color:var(--color-neon)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-xl)}.card h3{font-size:.75rem;letter-spacing:.1em;margin-bottom:var(--space-lg)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.card-header h3{margin-bottom:0}.card-actions{display:flex;gap:var(--space-xs)}.quick-key-card{grid-column:span 2;border-left:3px solid var(--color-neon)}.key-display{display:block;font-family:var(--font-mono);font-size:1.25rem;color:var(--color-text);background:var(--color-bg);padding:var(--space-lg);border:1px solid var(--color-border);margin-bottom:var(--space-md)}.key-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}.key-usage{color:var(--color-text-dim)}.quick-links{display:flex;flex-direction:column;gap:var(--space-sm)}.quick-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-border);color:var(--color-text);transition:all var(--transition-snap)}.quick-link:hover{border-color:var(--color-neon);background:var(--color-neon-subtle)}.quick-link-icon{font-family:var(--font-mono);color:var(--color-neon)}.quick-link-content{flex:1}.quick-link-title{display:block;font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.05em}.quick-link-desc{font-size:.7rem;color:var(--color-text-muted)}.activity-card{grid-column:span 2}.activity-list{border-top:1px solid var(--color-border)}.activity-item{display:grid;grid-template-columns:100px 1fr auto;gap:var(--space-lg);padding:var(--space-md) 0;border-bottom:1px solid var(--color-border);font-size:.875rem}.activity-time{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-muted)}.activity-action{color:var(--color-text-dim)}.activity-tokens{font-family:var(--font-mono);font-size:.75rem;color:var(--color-neon)}@media(max-width:1024px){.stats-row,.dashboard-grid{grid-template-columns:1fr}.quick-key-card,.activity-card{grid-column:span 1}}.playground{height:calc(100vh - var(--space-2xl) * 2);display:flex;flex-direction:column}.playground .page-header{flex-shrink:0}.model-selector{position:relative}.model-selector select{appearance:none;padding:var(--space-sm) var(--space-2xl) var(--space-sm) var(--space-md);font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.05em;color:var(--color-text);background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;outline:none;transition:all var(--transition-snap)}.model-selector select:focus,.model-selector select:hover{border-color:var(--color-neon)}.select-icon{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.chat-container{flex:1;display:flex;flex-direction:column;background:var(--color-bg-card);border:1px solid var(--color-border);overflow:hidden}.messages-area{flex:1;overflow-y:auto;padding:var(--space-xl)}.empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-icon{color:var(--color-neon);margin-bottom:var(--space-xl);opacity:.6}.empty-state h3{font-size:1rem;margin-bottom:var(--space-sm)}.empty-state p{font-size:.875rem;margin-bottom:var(--space-xl)}.suggestions{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.suggestion-chip{padding:var(--space-sm) var(--space-lg);font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim);background:transparent;border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-snap)}.suggestion-chip:hover{border-color:var(--color-neon);color:var(--color-neon);background:var(--color-neon-subtle)}.messages-list{display:flex;flex-direction:column;gap:var(--space-xl)}.message{max-width:80%}.message.user{margin-left:auto}.message-label{font-family:var(--font-mono);font-size:.6rem;color:var(--color-text-muted);letter-spacing:.1em;margin-bottom:var(--space-xs)}.message.user .message-label{text-align:right}.message-content{position:relative;padding:var(--space-lg);border:1px solid var(--color-border);background:var(--color-bg);transition:all var(--transition-snap)}.message.user .message-content{border-left:3px solid var(--color-neon)}.message.assistant .message-content{border-left:3px solid var(--color-electric)}.message:hover .message-content{border-color:var(--color-border-bright)}.message-content p{color:var(--color-text);line-height:1.6;white-space:pre-wrap}.copy-btn{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:6px;background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;opacity:0;transition:all var(--transition-snap)}.message-content:hover .copy-btn{opacity:1}.copy-btn:hover{color:var(--color-neon);border-color:var(--color-neon)}.typing{display:flex;gap:6px;padding:var(--space-sm) 0}.typing span{width:8px;height:8px;background:var(--color-electric);border-radius:50%}.input-area{padding:var(--space-lg);border-top:1px solid var(--color-border);display:flex;gap:var(--space-md);align-items:flex-end}.clear-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;color:var(--color-text-muted);background:none;border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-snap)}.clear-btn:hover{color:var(--color-hot);border-color:var(--color-hot)}.input-wrapper{flex:1;display:flex;align-items:flex-end;gap:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);padding:var(--space-sm);transition:all var(--transition-snap)}.input-wrapper:focus-within{border-color:var(--color-neon);box-shadow:0 0 20px -10px var(--color-neon-glow)}.input-wrapper textarea{flex:1;padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:.9375rem;color:var(--color-text);background:transparent;border:none;outline:none;resize:none;min-height:24px;max-height:120px}.input-wrapper textarea::placeholder{color:var(--color-text-muted);font-style:italic}.send-btn{padding:var(--space-sm) var(--space-md);background:var(--color-neon);border:none;color:var(--color-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-snap)}.send-btn:hover:not(:disabled){box-shadow:0 0 20px var(--color-neon-glow)}.send-btn:disabled{opacity:.3;cursor:not-allowed}@media(max-width:768px){.message{max-width:95%}.suggestions{flex-direction:column}}.pricing-page{min-height:100vh}.pricing-page .nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-2xl);position:fixed;top:0;left:0;right:0;z-index:100;background:#0d0d0de6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.pricing-page .nav-logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:800;font-size:1.25rem;color:var(--color-text)}.pricing-page .nav-logo svg{color:var(--color-neon)}.pricing-page .nav-links{display:flex;gap:var(--space-2xl)}.pricing-page .nav-link{font-family:var(--font-display);font-weight:600;font-size:.75rem;color:var(--color-text-dim);letter-spacing:.15em;transition:color var(--transition-snap)}.pricing-page .nav-link:hover,.pricing-page .nav-link.active{color:var(--color-neon)}.pricing-page .nav-actions{display:flex;gap:var(--space-md)}.pricing-hero{padding:180px var(--space-2xl) var(--space-4xl);text-align:center}.pricing-hero .hero-tag{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:.75rem;color:var(--color-neon);letter-spacing:.2em;margin-bottom:var(--space-xl)}.pricing-hero h1{font-size:clamp(3rem,8vw,6rem);line-height:.95;margin-bottom:var(--space-xl)}.pricing-hero p{font-size:1.25rem}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);max-width:1200px;margin:0 auto;padding:0 var(--space-2xl) var(--space-4xl)}.plan-card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-2xl);position:relative;transition:all var(--transition-snap)}.plan-card:hover{border-color:var(--color-border-bright)}.plan-card.popular{border-color:var(--color-neon);box-shadow:0 0 40px -20px var(--color-neon-glow)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:var(--space-xs) var(--space-lg);background:var(--color-neon);color:var(--color-bg);font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.1em}.plan-card h3{font-size:.875rem;letter-spacing:.15em;margin-bottom:var(--space-lg)}.plan-price{display:flex;align-items:baseline;gap:var(--space-xs);margin-bottom:var(--space-md)}.plan-price .price{font-family:var(--font-display);font-size:3rem;font-weight:900;line-height:1}.plan-card.popular .price{color:var(--color-neon)}.plan-price .period{font-family:var(--font-mono);font-size:.875rem;color:var(--color-text-muted)}.plan-desc{font-size:.875rem;margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border)}.plan-features{list-style:none;margin-bottom:var(--space-2xl)}.plan-features li{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:.875rem}.plan-features li svg{color:var(--color-neon);flex-shrink:0}.faq-section{max-width:900px;margin:0 auto;padding:var(--space-4xl) var(--space-2xl)}.faq-section h2{text-align:center;margin-bottom:var(--space-3xl)}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.faq-item{padding:var(--space-xl);background:var(--color-bg-card);border:1px solid var(--color-border)}.faq-item h4{font-size:.875rem;margin-bottom:var(--space-md)}.faq-item p{font-size:.875rem;line-height:1.6}.pricing-page .footer{border-top:1px solid var(--color-border);padding:var(--space-2xl)}.pricing-page .footer-content{display:flex;align-items:center;justify-content:space-between}.pricing-page .footer-brand{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:700;font-size:.875rem}.pricing-page .footer-brand svg{color:var(--color-neon)}.pricing-page .footer-links{display:flex;gap:var(--space-2xl)}.pricing-page .footer-links a{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}.pricing-page .footer-links a:hover{color:var(--color-neon)}.pricing-page .footer-copy{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}@media(max-width:1024px){.plans-grid{grid-template-columns:1fr;max-width:400px}.faq-grid{grid-template-columns:1fr}}@media(max-width:768px){.pricing-page .nav-links{display:none}.pricing-hero{padding:140px var(--space-lg) var(--space-3xl)}}.docs-page{min-height:100vh}.docs-page .nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-2xl);position:fixed;top:0;left:0;right:0;z-index:100;background:#0d0d0df2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.docs-page .nav-logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:800;font-size:1.25rem;color:var(--color-text)}.docs-page .nav-logo svg{color:var(--color-neon)}.docs-page .nav-links{display:flex;gap:var(--space-2xl)}.docs-page .nav-link{font-family:var(--font-display);font-weight:600;font-size:.75rem;color:var(--color-text-dim);letter-spacing:.15em}.docs-page .nav-link:hover,.docs-page .nav-link.active{color:var(--color-neon)}.docs-page .nav-actions{display:flex;gap:var(--space-md)}.docs-container{display:flex;padding-top:80px}.docs-sidebar{width:240px;position:fixed;top:80px;left:0;bottom:0;padding:var(--space-2xl);border-right:1px solid var(--color-border);overflow-y:auto}.docs-sidebar .sidebar-section{margin-bottom:var(--space-2xl)}.docs-sidebar .section-title{display:block;font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-muted);letter-spacing:.15em;margin-bottom:var(--space-md)}.docs-sidebar .sidebar-link{display:block;padding:var(--space-sm) var(--space-md);font-size:.875rem;color:var(--color-text-dim);transition:all var(--transition-snap);border-left:3px solid transparent;margin-left:-3px}.docs-sidebar .sidebar-link:hover{color:var(--color-neon)}.docs-sidebar .sidebar-link.active{color:var(--color-neon);background:var(--color-neon-subtle);border-left-color:var(--color-neon)}.docs-content{flex:1;margin-left:240px;padding:var(--space-3xl) var(--space-4xl);max-width:900px}.docs-content section{margin-bottom:var(--space-4xl)}.docs-content .section-tag{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:.7rem;color:var(--color-neon);letter-spacing:.15em;margin-bottom:var(--space-lg)}.docs-content h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:var(--space-xl)}.docs-content h2{font-size:1.5rem;margin-bottom:var(--space-lg);padding-top:var(--space-xl)}.docs-content p{font-size:1rem;line-height:1.8;margin-bottom:var(--space-lg)}.intro-text{font-size:1.125rem!important;max-width:600px}.feature-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-top:var(--space-2xl)}.feature-card{padding:var(--space-xl);background:var(--color-bg-card);border:1px solid var(--color-border)}.feature-card svg{color:var(--color-neon);margin-bottom:var(--space-md)}.feature-card h4{font-size:.875rem;letter-spacing:.1em;margin-bottom:var(--space-sm)}.feature-card p{font-size:.875rem;margin:0}.steps{display:flex;flex-direction:column;gap:var(--space-xl);margin-top:var(--space-2xl)}.step{display:flex;gap:var(--space-xl);padding:var(--space-xl);background:var(--color-bg-card);border:1px solid var(--color-border)}.step-number{font-family:var(--font-display);font-size:2rem;font-weight:900;color:var(--color-neon);line-height:1}.step h4{font-size:1rem;margin-bottom:var(--space-sm)}.step p{font-size:.875rem;margin:0}.step a{color:var(--color-neon)}.docs-content code{font-family:var(--font-mono);font-size:.875rem;background:var(--color-bg-card);padding:2px 8px;border:1px solid var(--color-border)}.code-block.inline{display:block;padding:var(--space-lg);margin:var(--space-lg) 0}.code-block.inline code{background:transparent;border:none;padding:0}.code-container{margin:var(--space-xl) 0;border:1px solid var(--color-border)}.code-tabs{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-bg-card)}.code-tab{padding:var(--space-md) var(--space-lg);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;background:none;border:none;color:var(--color-text-dim);cursor:pointer;transition:all var(--transition-snap)}.code-tab:hover{color:var(--color-text)}.code-tab.active{color:var(--color-neon);border-bottom:2px solid var(--color-neon)}.code-container .copy-btn{margin-left:auto;padding:var(--space-md);background:none;border:none;color:var(--color-text-muted);cursor:pointer}.code-container .copy-btn:hover{color:var(--color-neon)}.code-container .code-block{margin:0;padding:var(--space-xl);background:var(--color-bg);overflow-x:auto}.code-container .code-block code{background:transparent;border:none;padding:0;white-space:pre;color:var(--color-text-dim);line-height:1.6}.models-table{width:100%;border-collapse:collapse;margin-top:var(--space-lg)}.models-table th,.models-table td{padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:1px solid var(--color-border)}.models-table th{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;color:var(--color-text-muted)}.models-table td code{font-size:.8rem}.status{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;padding:4px 8px}.status.active{color:var(--color-neon);background:var(--color-neon-subtle)}.status.soon{color:var(--color-text-muted);background:var(--color-bg-card)}@media(max-width:1024px){.docs-sidebar{display:none}.docs-content{margin-left:0;padding:var(--space-2xl)}}@media(max-width:768px){.docs-page .nav-links{display:none}.feature-cards{grid-template-columns:1fr}}.api-keys{max-width:900px}.warning-banner{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:#f59e0b1a;border:1px solid #f59e0b;color:#f59e0b;font-family:var(--font-mono);font-size:.8rem;margin-bottom:var(--space-2xl)}.keys-container{display:flex;flex-direction:column;gap:var(--space-lg)}.key-card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-xl);transition:all var(--transition-snap)}.key-card:hover{border-color:var(--color-border-bright)}.key-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.key-header h3{font-size:1rem;letter-spacing:.05em}.key-actions{display:flex;gap:var(--space-xs)}.delete-btn:hover{color:var(--color-hot)!important}.key-value{display:block;width:100%;padding:var(--space-md) var(--space-lg);font-family:var(--font-mono);font-size:.9rem;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);margin-bottom:var(--space-lg);transition:all var(--transition-snap)}.key-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-family:var(--font-mono);font-size:.6rem;color:var(--color-text-muted);letter-spacing:.15em}.meta-value{font-size:.875rem;color:var(--color-text-dim)}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-xl)}.modal{background:var(--color-bg-card);border:1px solid var(--color-border);width:100%;max-width:480px;padding:var(--space-xl)}.modal-small{max-width:360px;text-align:center}.modal-small h2{margin-bottom:var(--space-md)}.modal-small p{font-size:.875rem;margin-bottom:var(--space-xl)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.modal-header h2{font-size:1rem;letter-spacing:.1em}.modal-body{display:flex;flex-direction:column;gap:var(--space-lg)}.success-message{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-neon);font-weight:600}.warning-text{font-size:.875rem;color:var(--color-text-muted)}.created-key-display{display:flex;gap:var(--space-md);align-items:center}.created-key-display code{flex:1;padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-neon);font-size:.8rem;word-break:break-all}.modal-actions{display:flex;gap:var(--space-md);justify-content:center}@media(max-width:768px){.key-meta{grid-template-columns:1fr;gap:var(--space-md)}}.settings-page{max-width:900px}.settings-container{display:grid;grid-template-columns:200px 1fr;gap:var(--space-2xl)}.settings-tabs{display:flex;flex-direction:column;gap:var(--space-xs)}.settings-tab{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.1em;color:var(--color-text-dim);background:none;border:1px solid transparent;cursor:pointer;transition:all var(--transition-snap);text-align:left}.settings-tab:hover{color:var(--color-text);border-color:var(--color-border)}.settings-tab.active{color:var(--color-neon);background:var(--color-neon-subtle);border-color:var(--color-neon)}.settings-content{background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-2xl)}.settings-section h3{font-size:1rem;margin-bottom:var(--space-sm)}.settings-section>p{font-size:.875rem;margin-bottom:var(--space-2xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-border)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-2xl)}.form-field.full{grid-column:span 2}.plan-info{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);background:var(--color-bg);border:1px solid var(--color-border)}.current-plan{display:flex;flex-direction:column;gap:4px}.plan-label{font-family:var(--font-mono);font-size:.6rem;color:var(--color-text-muted);letter-spacing:.15em}.plan-name{font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:var(--color-neon)}.plan-limit{font-size:.8rem;color:var(--color-text-dim)}.toggle-list{display:flex;flex-direction:column}.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) 0;border-bottom:1px solid var(--color-border);cursor:pointer}.toggle-item:last-child{border-bottom:none}.toggle-title{display:block;font-weight:600;margin-bottom:4px}.toggle-desc{display:block;font-size:.8rem;color:var(--color-text-muted)}.toggle-item input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-neon)}.security-options{display:flex;flex-direction:column;gap:var(--space-lg)}.security-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border)}.security-item h4{font-size:.875rem;margin-bottom:4px}.security-item p{font-size:.8rem;color:var(--color-text-muted);margin:0}.security-item.danger{border-color:var(--color-hot)}.btn-danger{background:var(--color-hot);border-color:var(--color-hot);color:#fff}.btn-danger:hover{background:transparent;color:var(--color-hot)}@media(max-width:768px){.settings-container{grid-template-columns:1fr}.settings-tabs{flex-direction:row;flex-wrap:wrap;gap:var(--space-sm)}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:span 1}}.usage-page{max-width:1000px}.usage-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-2xl)}.stat-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);background:var(--color-bg-card);border:1px solid var(--color-border);transition:all var(--transition-snap)}.stat-card:hover{border-color:var(--color-neon)}.stat-card svg{color:var(--color-neon)}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-label{font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-muted);letter-spacing:.1em}.stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:900}.chart-card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-2xl);margin-bottom:var(--space-2xl)}.chart-card h3{font-size:.875rem;letter-spacing:.1em;margin-bottom:var(--space-2xl)}.chart-container{display:flex;justify-content:space-between;align-items:flex-end;height:200px;padding-top:var(--space-xl)}.chart-bar-container{display:flex;flex-direction:column;align-items:center;flex:1;height:100%;position:relative}.chart-bar{width:40px;background:linear-gradient(to top,var(--color-neon),var(--color-electric));position:absolute;bottom:40px;border-radius:2px 2px 0 0;transition:height .5s ease-out}.chart-label{position:absolute;bottom:0;font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-muted)}.chart-value{position:absolute;bottom:calc(100% + 8px);font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-dim);opacity:0;transition:opacity var(--transition-snap)}.chart-bar-container:hover .chart-value{opacity:1}.model-usage-card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-2xl)}.model-usage-card h3{font-size:.875rem;letter-spacing:.1em;margin-bottom:var(--space-2xl)}.model-list{display:flex;flex-direction:column;gap:var(--space-xl)}.model-item{display:flex;flex-direction:column;gap:var(--space-sm)}.model-header{display:flex;justify-content:space-between}.model-name{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text)}.model-requests{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}.progress-bar{height:8px;background:var(--color-border);position:relative}.progress-fill{height:100%;background:var(--color-neon);position:relative}.progress-label{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:.6rem;color:var(--color-bg);font-weight:700}@media(max-width:768px){.usage-stats{grid-template-columns:1fr}.chart-bar{width:24px}}.image-gen-layout{display:grid;grid-template-columns:350px 1fr;gap:var(--space-xl);height:calc(100vh - 200px)}.image-gen-controls{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border)}.prompt-input-container{display:flex;flex-direction:column;gap:var(--space-sm)}.prompt-input-container label{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-muted);letter-spacing:.1em}.prompt-textarea{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);padding:var(--space-md);font-family:var(--font-body);font-size:.9rem;resize:vertical;min-height:100px;transition:border-color var(--transition-snap)}.prompt-textarea:focus{outline:none;border-color:var(--color-neon)}.generate-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-neon);color:var(--color-bg);border:none;font-family:var(--font-display);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-snap)}.generate-btn:hover:not(:disabled){background:var(--color-neon-bright);transform:translateY(-2px)}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.image-gen-gallery{display:flex;flex-direction:column;background:var(--color-bg-card);border:1px solid var(--color-border);overflow-y:auto}.empty-gallery{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-md);color:var(--color-text-muted)}.empty-gallery svg{opacity:.3}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-md);padding:var(--space-lg)}.gallery-item{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--color-border)}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item .download-btn{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);opacity:0;transition:opacity var(--transition-snap)}.gallery-item:hover .download-btn{opacity:1}@media(max-width:768px){.image-gen-layout{grid-template-columns:1fr;height:auto}}.usage-page .usage-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-bottom:var(--space-2xl)}.usage-page .stat-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border)}.usage-page .stat-card svg{color:var(--color-neon)}.usage-page .stat-info{display:flex;flex-direction:column}.usage-page .stat-label{font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-muted);letter-spacing:.1em}.usage-page .stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-text)}.usage-page .header-actions{display:flex;align-items:center;gap:var(--space-lg)}.time-selector{display:flex;background:var(--color-bg-card);border:1px solid var(--color-border)}.time-btn{padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--color-text-dim);background:transparent;border:none;cursor:pointer;transition:all var(--transition-snap)}.time-btn:hover{color:var(--color-text)}.time-btn.active{background:var(--color-neon);color:var(--color-bg)}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.chart-card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-xl)}.chart-card.wide{grid-column:1 / -1}.chart-card h3{font-size:.8rem;font-weight:700;color:var(--color-text);letter-spacing:.1em;margin-bottom:var(--space-lg)}.chart-wrapper{width:100%}.legend{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.legend-item{display:flex;align-items:center;gap:var(--space-sm)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-label{flex:1;font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-dim)}.legend-value{font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--color-neon)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--color-border)}.recharts-tooltip-wrapper{outline:none}@media(max-width:768px){.usage-page .usage-stats{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.chart-card.wide{grid-column:1}.usage-page .header-actions{flex-direction:column;align-items:stretch;gap:var(--space-md)}}.error-example{margin-top:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.error-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#ff33661a;border-bottom:1px solid var(--color-border);font-family:var(--font-mono);font-size:.75rem;color:var(--color-hot)}.error-example .code-block{margin:0;border:none;border-radius:0}.rate-limit-info{display:flex;gap:var(--space-lg);margin:var(--space-xl) 0}.rate-limit-card{flex:1;padding:var(--space-xl);background:var(--color-bg-card);border:1px solid var(--color-border);text-align:center}.rate-limit-card h4{font-size:2.5rem;font-weight:900;color:var(--color-neon);margin-bottom:var(--space-xs)}.rate-limit-card p{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim)}.docs-content h3{font-size:1rem;margin-top:var(--space-2xl);margin-bottom:var(--space-lg)}.models-page{padding:var(--space-xl)}.models-page.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-md);color:var(--color-text-dim)}.models-filters{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.filter-group{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.filter-label{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim);text-transform:uppercase}.filter-btn{padding:var(--space-xs) var(--space-md);font-family:var(--font-mono);font-size:.75rem;background:transparent;border:1px solid var(--color-border);color:var(--color-text-dim);border-radius:var(--radius-sm);transition:all var(--transition-snap)}.filter-btn:hover{border-color:var(--color-neon);color:var(--color-neon)}.filter-btn.active{background:var(--color-neon);border-color:var(--color-neon);color:var(--color-bg)}.models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.model-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);transition:all var(--transition-smooth)}.model-card:hover{border-color:var(--color-neon);box-shadow:0 0 20px var(--color-neon-subtle)}.model-card.coming-soon{opacity:.6}.model-header{display:flex;justify-content:space-between;align-items:center}.model-provider-badge{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;border-radius:var(--radius-full)}.model-category{color:var(--color-text-dim)}.model-name{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-text)}.model-description{font-size:.85rem;color:var(--color-text-dim);line-height:1.5}.model-specs{display:flex;gap:var(--space-lg);padding:var(--space-sm) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.spec-item{display:flex;flex-direction:column;gap:2px}.spec-label{font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase}.spec-value{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text);font-weight:700}.model-pricing{display:flex;gap:var(--space-lg)}.price-item{display:flex;flex-direction:column;gap:2px}.price-label{font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase}.price-value{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-neon)}.price-value small{font-size:.6rem;color:var(--color-text-dim);font-weight:400}.model-status{display:flex;align-items:center}.status-active{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:.7rem;color:var(--color-neon);text-transform:uppercase}.status-soon{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase}.model-try-btn{margin-top:auto;width:100%;justify-content:center}.playground-layout{display:flex;gap:var(--space-lg);flex:1;min-height:0}.conversation-sidebar{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden}.conversation-sidebar .sidebar-header{padding:var(--space-md);border-bottom:1px solid var(--color-border)}.conversation-sidebar .sidebar-header h3{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-dim);letter-spacing:.1em}.conversation-list{flex:1;overflow-y:auto;padding:var(--space-sm)}.empty-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--color-text-muted);gap:var(--space-sm)}.empty-conversations p{font-size:.8rem}.conversation-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-snap);margin-bottom:var(--space-xs)}.conversation-item:hover{background:var(--color-bg-elevated)}.conversation-item.active{background:var(--color-neon-subtle);border-left:2px solid var(--color-neon)}.conv-info{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:2px}.conv-title{font-size:.8rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-date{font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-muted)}.conv-delete{opacity:0;background:transparent;border:none;color:var(--color-hot);padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-snap)}.conversation-item:hover .conv-delete{opacity:1}.conv-delete:hover{background:#ff33661a}.header-actions{display:flex;gap:var(--space-sm);align-items:center}@media(max-width:768px){.playground-layout{flex-direction:column}.conversation-sidebar{position:fixed;left:0;top:60px;bottom:0;z-index:100;border-radius:0}}.api-key-required{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--space-xl)}.api-key-card{background:var(--color-bg-card);border:2px solid var(--color-hot);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;max-width:400px}.api-key-card .warning-icon{color:var(--color-hot);margin-bottom:var(--space-lg)}.api-key-card h2{font-family:var(--font-display);font-size:1.5rem;font-weight:900;margin-bottom:var(--space-md)}.api-key-card p{color:var(--color-text-dim);margin-bottom:var(--space-xl)}.api-key-card .btn{display:inline-flex;align-items:center;gap:var(--space-sm)}.token-pricing{max-width:1000px;margin:0 auto;padding:var(--space-2xl)}.pricing-info{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-neon-subtle);border:1px solid var(--color-neon);border-radius:var(--radius-md);margin-bottom:var(--space-2xl);font-size:.9rem;color:var(--color-neon)}.provider-section{margin-bottom:var(--space-2xl)}.provider-name{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--color-neon);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.pricing-table{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr .8fr;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);font-weight:600}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr .8fr;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);transition:background var(--transition-snap)}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--color-neon-subtle)}.model-name{font-weight:600;color:var(--color-text)}.price-cell{font-family:var(--font-mono);color:var(--color-neon-bright);font-weight:600}.context-cell{color:var(--color-text-dim);font-size:.9rem}.how-it-works{max-width:1000px;margin:0 auto;padding:var(--space-3xl) var(--space-2xl)}.how-it-works h2{font-family:var(--font-display);font-size:2rem;font-weight:900;text-align:center;margin-bottom:var(--space-2xl)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.step-item{text-align:center;padding:var(--space-xl)}.step-number{display:inline-block;font-family:var(--font-display);font-size:3rem;font-weight:900;color:var(--color-neon);margin-bottom:var(--space-md);opacity:.3}.step-item h4{font-family:var(--font-display);font-size:1.1rem;font-weight:800;margin-bottom:var(--space-sm)}.step-item p{color:var(--color-text-dim);font-size:.9rem}@media(max-width:768px){.table-header,.table-row{grid-template-columns:1.5fr 1fr 1fr .6fr;font-size:.8rem;padding:var(--space-sm) var(--space-md)}.steps-grid{grid-template-columns:1fr}}.legal-page{min-height:100vh;display:flex;flex-direction:column}.legal-content{max-width:800px;margin:0 auto;padding:var(--space-4xl) var(--space-xl);flex:1}.legal-header{text-align:center;margin-bottom:var(--space-3xl);padding-bottom:var(--space-2xl);border-bottom:2px solid var(--color-border)}.legal-header svg{color:var(--color-neon);margin-bottom:var(--space-lg)}.legal-header h1{font-family:var(--font-display);font-size:2.5rem;font-weight:900;margin-bottom:var(--space-md);letter-spacing:.02em}.last-updated{color:var(--color-text-dim);font-size:.9rem}.legal-body{line-height:1.8}.legal-body section{margin-bottom:var(--space-2xl)}.legal-body h2{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:var(--color-neon);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.legal-body h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.legal-body p{color:var(--color-text-dim);margin-bottom:var(--space-md)}.legal-body ul{list-style:none;margin-bottom:var(--space-md);padding-left:var(--space-md)}.legal-body ul li{position:relative;padding-left:var(--space-lg);margin-bottom:var(--space-sm);color:var(--color-text-dim)}.legal-body ul li:before{content:"→";position:absolute;left:0;color:var(--color-neon)}.legal-body a{color:var(--color-neon);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-snap)}.legal-body a:hover{border-bottom-color:var(--color-neon)}.legal-body strong{color:var(--color-text);font-weight:600}.legal-warning{background:#ff64641a;border:2px solid rgba(255,100,100,.5);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl)}.legal-warning h2{color:#ff6b6b!important;border-bottom-color:#ff64644d!important}.legal-warning p,.legal-warning li{color:var(--color-text)!important}.legal-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);margin:var(--space-lg) 0}.legal-card p{margin-bottom:var(--space-xs)}.legal-card p:last-child{margin-bottom:0}.legal-note{font-size:.9rem;font-style:italic;opacity:.8}.info-box{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-left:3px solid var(--color-neon);border-radius:var(--radius-md);padding:var(--space-lg);margin:var(--space-lg) 0}.info-box p{margin-bottom:var(--space-xs)}.info-box p:last-child{margin-bottom:0}.data-table{width:100%;border-collapse:collapse;margin:var(--space-lg) 0;font-size:.9rem}.data-table th,.data-table td{padding:var(--space-md);text-align:left;border:1px solid var(--color-border)}.data-table th{background:var(--color-bg-elevated);font-weight:600;color:var(--color-text);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.data-table td{color:var(--color-text-dim)}.data-table tr:hover td{background:var(--color-neon-subtle)}@media(max-width:768px){.legal-header h1{font-size:1.8rem}.legal-content{padding:var(--space-2xl) var(--space-md)}.data-table{font-size:.8rem}.data-table th,.data-table td{padding:var(--space-sm)}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-dim);cursor:pointer;transition:all var(--transition-snap)}.theme-toggle:hover{border-color:var(--color-neon);color:var(--color-neon)}[data-theme=light]{--color-bg: #f5f5f5;--color-bg-elevated: #ffffff;--color-bg-card: #ffffff;--color-text: #1a1a1a;--color-text-dim: #666666;--color-border: #e0e0e0;--color-neon-subtle: rgba(0, 180, 100, .1)}.shortcut-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;max-height:80vh;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);z-index:1001;overflow:hidden}.shortcut-content{padding:var(--space-lg);max-height:60vh;overflow-y:auto}.shortcut-group{margin-bottom:var(--space-xl)}.shortcut-group:last-child{margin-bottom:0}.shortcut-group h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.shortcut-list{display:flex;flex-direction:column;gap:var(--space-sm)}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0}.shortcut-keys{display:flex;align-items:center;gap:var(--space-xs)}.shortcut-keys kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 var(--space-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8rem;color:var(--color-text)}.key-separator{color:var(--color-text-dim);font-size:.8rem}.shortcut-desc{color:var(--color-text-dim);font-size:.9rem}.onboarding-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:480px;background:var(--color-bg-card);border:2px solid var(--color-neon);border-radius:var(--radius-lg);padding:var(--space-2xl);z-index:1001;text-align:center}.onboarding-progress{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.progress-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border);transition:all var(--transition-smooth)}.progress-dot.active{background:var(--color-neon);box-shadow:0 0 10px var(--color-neon)}.progress-dot.completed{background:var(--color-neon);opacity:.5}.onboarding-content{margin-bottom:var(--space-xl)}.onboarding-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--color-neon-subtle);border:2px solid var(--color-neon);border-radius:50%;color:var(--color-neon);margin-bottom:var(--space-lg)}.onboarding-content h2{font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin-bottom:var(--space-md)}.onboarding-content p{color:var(--color-text-dim);line-height:1.6;margin-bottom:var(--space-md)}.onboarding-highlight{display:inline-block;padding:var(--space-sm) var(--space-md);background:var(--color-neon-subtle);border-radius:var(--radius-sm);color:var(--color-neon);font-weight:600}.onboarding-actions{display:flex;justify-content:center;gap:var(--space-md)}.onboarding-skip{display:block;margin-top:var(--space-lg);color:var(--color-text-dim);font-size:.85rem;background:none;border:none;cursor:pointer;transition:color var(--transition-snap)}.onboarding-skip:hover{color:var(--color-text)}.referrals-page{padding:var(--space-2xl)}.referral-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-2xl)}.referral-stats .stat-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.referral-stats .stat-card svg{color:var(--color-neon)}.referral-stats .stat-card.highlight{border-color:var(--color-neon);background:var(--color-neon-subtle)}.stat-info{display:flex;flex-direction:column}.stat-value{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--color-text)}.stat-label{font-size:.85rem;color:var(--color-text-dim)}.referral-link-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-2xl)}.referral-link-section h3{font-family:var(--font-display);font-size:1rem;font-weight:700;margin-bottom:var(--space-sm)}.referral-link-section>p{color:var(--color-text-dim);margin-bottom:var(--space-lg)}.referral-link-box{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.referral-link-box code{flex:1;padding:var(--space-sm) var(--space-md);background:transparent;color:var(--color-text-dim);font-size:.9rem;word-break:break-all}.referral-code{margin-top:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);color:var(--color-text-dim)}.referral-code strong{font-family:var(--font-mono);font-size:1.2rem;color:var(--color-neon);letter-spacing:.1em}.how-it-works-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-2xl)}.how-it-works-section h3{font-family:var(--font-display);font-size:1rem;font-weight:700;margin-bottom:var(--space-lg);text-align:center}.steps-row{display:flex;align-items:center;justify-content:center;gap:var(--space-md)}.steps-row .step{text-align:center;padding:var(--space-md)}.steps-row .step-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:50%;font-family:var(--font-display);font-weight:800;margin-bottom:var(--space-sm)}.steps-row .step.highlight .step-num{background:var(--color-neon);color:var(--color-bg);border-color:var(--color-neon)}.steps-row .step p{font-size:.85rem;color:var(--color-text-dim)}.step-arrow{color:var(--color-neon);font-size:1.5rem}.referrals-table{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.referrals-table .table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr}.referrals-table .status-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;text-transform:uppercase}.referrals-table .status-badge.pending{background:#ffc8001a;color:#ffc800}.referrals-table .status-badge.completed{background:var(--color-neon-subtle);color:var(--color-neon)}.referrals-table .earned{color:var(--color-neon);font-weight:600}.templates-page{padding:var(--space-2xl)}.templates-filters{display:flex;gap:var(--space-lg);margin-bottom:var(--space-2xl);flex-wrap:wrap}.templates-filters .search-box{flex:1;min-width:250px;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.templates-filters .search-box input{flex:1;background:transparent;border:none;color:var(--color-text);font-size:.95rem}.templates-filters .search-box svg{color:var(--color-text-dim)}.category-tabs{display:flex;gap:var(--space-sm);flex-wrap:wrap}.category-tab{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-dim);font-size:.85rem;cursor:pointer;transition:all var(--transition-snap)}.category-tab:hover{border-color:var(--color-neon);color:var(--color-text)}.category-tab.active{background:var(--color-neon-subtle);border-color:var(--color-neon);color:var(--color-neon)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.template-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-snap)}.template-card:hover{border-color:var(--color-neon);transform:translateY(-2px)}.template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.template-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-neon-subtle);border-radius:var(--radius-sm);color:var(--color-neon)}.system-badge{font-size:.65rem;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xs);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em}.template-card h3{font-family:var(--font-display);font-size:1rem;font-weight:700;margin-bottom:var(--space-sm)}.template-card p{font-size:.85rem;color:var(--color-text-dim);line-height:1.5;margin-bottom:var(--space-md)}.template-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-md);border-top:1px solid var(--color-border)}.category-label{font-size:.75rem;color:var(--color-neon);text-transform:uppercase}.uses-count{font-size:.75rem;color:var(--color-text-dim)}.template-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;max-height:80vh;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);z-index:1001;overflow:hidden;display:flex;flex-direction:column}.template-detail-content{padding:var(--space-xl);overflow-y:auto}.template-description{color:var(--color-text-dim);margin-bottom:var(--space-xl);line-height:1.6}.variables-section{margin-bottom:var(--space-xl)}.variables-section h4,.prompt-section h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);margin-bottom:var(--space-md)}.variable-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg-elevated);border-radius:var(--radius-sm)}.variable-item code{font-family:var(--font-mono);font-size:.85rem;color:var(--color-neon)}.prompt-preview{padding:var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.85rem;white-space:pre-wrap;color:var(--color-text-dim);max-height:200px;overflow-y:auto}.modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl)}.webhooks-page{padding:var(--space-2xl)}.webhooks-list{display:flex;flex-direction:column;gap:var(--space-lg)}.webhook-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg)}.webhook-card.inactive{opacity:.6}.webhook-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.webhook-status{display:flex;align-items:center;gap:var(--space-sm)}.webhook-status .status-active{color:var(--color-neon)}.webhook-status .status-inactive{color:var(--color-text-dim)}.webhook-status h3{font-family:var(--font-display);font-size:1rem;font-weight:700}.webhook-actions{display:flex;gap:var(--space-sm)}.webhook-actions button{padding:var(--space-xs) var(--space-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-dim);font-size:.8rem;cursor:pointer;transition:all var(--transition-snap)}.webhook-actions button:hover{border-color:var(--color-neon);color:var(--color-text)}.webhook-actions button.delete:hover{border-color:var(--color-error);color:var(--color-error)}.webhook-url{margin-bottom:var(--space-md)}.webhook-url code{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-dim);word-break:break-all}.webhook-secret{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg);border-radius:var(--radius-sm)}.webhook-secret span{font-size:.8rem;color:var(--color-text-dim)}.webhook-secret code{flex:1;font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-dim)}.webhook-secret button{background:none;border:none;color:var(--color-text-dim);cursor:pointer;padding:var(--space-xs)}.webhook-secret button:hover{color:var(--color-neon)}.webhook-events{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.event-tag{padding:var(--space-xs) var(--space-sm);background:var(--color-neon-subtle);border-radius:var(--radius-xs);font-size:.75rem;color:var(--color-neon)}.webhook-meta{display:flex;gap:var(--space-lg);font-size:.8rem;color:var(--color-text-dim)}.webhook-meta .failure-count{color:var(--color-error)}.webhook-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);z-index:1001}.event-checkbox:hover{border-color:var(--color-neon)}.event-checkbox input{margin-top:var(--space-xs)}.event-info{display:flex;flex-direction:column}.event-name{font-weight:600;font-size:.9rem}.audit-logs-page{padding:var(--space-2xl)}.audit-filters{display:flex;gap:var(--space-lg);margin-bottom:var(--space-2xl);flex-wrap:wrap}.filter-tabs{display:flex;gap:var(--space-sm)}.filter-tabs button{padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-dim);font-size:.85rem;cursor:pointer;transition:all var(--transition-snap)}.filter-tabs button:hover{border-color:var(--color-neon)}.filter-tabs button.active{background:var(--color-neon-subtle);border-color:var(--color-neon);color:var(--color-neon)}.audit-table{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.audit-table .table-header,.audit-table .table-row{display:grid;grid-template-columns:1.5fr 2fr 1fr 1fr}.action-cell{display:flex;align-items:center;gap:var(--space-sm)}.action-cell svg{color:var(--color-neon)}.resource-cell code{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-dim)}.load-more{display:flex;justify-content:center;padding:var(--space-xl)}.team-page{padding:var(--space-2xl)}.no-org-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.no-org-state svg{color:var(--color-neon);margin-bottom:var(--space-xl);opacity:.5}.no-org-state h2{font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin-bottom:var(--space-md)}.no-org-state p{color:var(--color-text-dim);margin-bottom:var(--space-xl)}.org-info{display:flex;align-items:baseline;gap:var(--space-md)}.org-slug{font-family:var(--font-mono);color:var(--color-text-dim);font-size:.9rem}.members-section,.invites-section{margin-top:var(--space-2xl)}.members-section h3,.invites-section h3{font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.05em;margin-bottom:var(--space-lg)}.members-list,.invites-list{display:flex;flex-direction:column;gap:var(--space-md)}.member-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.member-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-neon-subtle);border:1px solid var(--color-neon);border-radius:50%;color:var(--color-neon);font-family:var(--font-display);font-weight:700}.member-info{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.member-email{font-weight:500}.member-role{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.75rem;color:var(--color-text-dim)}.member-role.owner{color:var(--color-neon)}.member-role.admin{color:#ffc800}.remove-btn{padding:var(--space-sm);background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-dim);cursor:pointer;transition:all var(--transition-snap)}.remove-btn:hover{border-color:var(--color-error);color:var(--color-error)}.invite-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.invite-info{display:flex;align-items:center;gap:var(--space-md)}.invite-info svg{color:var(--color-text-dim)}.invite-role{font-size:.8rem;padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border-radius:var(--radius-xs);color:var(--color-text-dim)}.invite-actions{display:flex;gap:var(--space-sm)}.invite-actions button{padding:var(--space-sm);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-dim);cursor:pointer;transition:all var(--transition-snap)}.invite-actions button:hover{border-color:var(--color-neon);color:var(--color-neon)}.ip-whitelist-page{padding:var(--space-2xl)}.info-banner{display:flex;gap:var(--space-md);padding:var(--space-lg);background:var(--color-neon-subtle);border:1px solid var(--color-neon);border-radius:var(--radius-md);margin-bottom:var(--space-2xl)}.info-banner svg{color:var(--color-neon);flex-shrink:0}.info-banner strong{display:block;margin-bottom:var(--space-xs)}.info-banner p{color:var(--color-text-dim);font-size:.9rem}.whitelist-container{display:flex;flex-direction:column;gap:var(--space-2xl)}.key-selector label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);margin-bottom:var(--space-md)}.key-tabs{display:flex;flex-wrap:wrap;gap:var(--space-md)}.key-tab{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-snap)}.key-tab:hover{border-color:var(--color-neon)}.key-tab.active{border-color:var(--color-neon);background:var(--color-neon-subtle)}.key-name{font-weight:600}.key-prefix{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-dim)}.whitelist-count{font-size:.75rem;padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border-radius:var(--radius-xs);color:var(--color-neon)}.add-ip-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xl)}.add-ip-section h3,.whitelist-section h3{font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.05em;margin-bottom:var(--space-lg)}.whitelist-section h3{display:flex;align-items:center;gap:var(--space-md)}.all-allowed-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-neon-subtle);border-radius:var(--radius-sm);font-size:.75rem;font-weight:400;color:var(--color-neon)}.form-row{display:flex;gap:var(--space-md);align-items:flex-end}.form-row .form-group{flex:1}.empty-whitelist{padding:var(--space-xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.empty-whitelist p{color:var(--color-text-dim)}.whitelist-table{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.whitelist-table .table-header,.whitelist-table .table-row{display:grid;grid-template-columns:2fr 2fr 1fr 60px}.ip-cell{display:flex;align-items:center;gap:var(--space-sm)}.allowed-icon{color:var(--color-neon)}.ip-cell code{font-family:var(--font-mono);color:var(--color-text)}.action-cell .delete-btn{padding:var(--space-sm);background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-dim);cursor:pointer;transition:all var(--transition-snap)}.action-cell .delete-btn:hover{border-color:var(--color-error);color:var(--color-error)}.auth-success{text-align:center;padding:var(--space-xl)}.auth-success .success-icon{color:var(--color-neon);margin-bottom:var(--space-lg)}.auth-success h2{font-family:var(--font-display);font-size:1.3rem;font-weight:800;margin-bottom:var(--space-md)}.auth-success p{color:var(--color-text-dim);margin-bottom:var(--space-xl);line-height:1.6}.auth-success strong{color:var(--color-text)}.password-requirements{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-lg);font-size:.85rem;color:var(--color-text-dim)}.password-requirements span.valid{color:var(--color-neon)}.email-confirmation-box{text-align:center;padding:var(--space-2xl);max-width:400px}.email-confirmation-box .confirmation-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:var(--space-xl);background:var(--color-neon-subtle);border-radius:50%;color:var(--color-neon)}.email-confirmation-box .check-overlay{position:absolute;bottom:-4px;right:-4px;background:var(--color-bg);border-radius:50%;padding:2px;color:var(--color-neon)}.email-confirmation-box h2{font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin-bottom:var(--space-lg);color:var(--color-text)}.email-confirmation-box .confirmation-text{color:var(--color-text-dim);margin-bottom:var(--space-md);line-height:1.6}.email-confirmation-box .confirmation-text strong{color:var(--color-neon);word-break:break-all}.email-confirmation-box .confirmation-instructions{color:var(--color-text-dim);margin-bottom:var(--space-xl);line-height:1.6;font-size:.9rem}.email-confirmation-box .confirmation-instructions strong{color:var(--color-text)}.email-confirmation-box .confirmation-tips{background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-lg);margin-bottom:var(--space-xl);text-align:left}.email-confirmation-box .confirmation-tips p{font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm);font-size:.85rem}.email-confirmation-box .confirmation-tips ul{list-style:none;padding:0;margin:0}.email-confirmation-box .confirmation-tips li{color:var(--color-text-dim);font-size:.8rem;padding:var(--space-xs) 0;padding-left:var(--space-md);position:relative}.email-confirmation-box .confirmation-tips li:before{content:"→";position:absolute;left:0;color:var(--color-neon)}.modal-backdrop{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.template-modal,.team-modal,.webhook-modal,.create-modal,.org-modal{position:fixed;inset:0;margin:auto;width:90%;max-width:560px;height:fit-content;max-height:85vh;overflow-y:auto;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);z-index:1001;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-bg-card);z-index:10;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-header h3{font-family:var(--font-display);font-size:1.1rem;font-weight:800;letter-spacing:.05em;margin:0}.modal-header button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-dim);cursor:pointer;transition:all var(--transition-snap)}.modal-header button:hover{border-color:var(--color-neon);color:var(--color-neon);background:var(--color-neon-subtle)}.modal-title{display:flex;align-items:center;gap:var(--space-sm)}.modal-title h3{color:var(--color-neon)}.modal-close{background:none;border:none;color:var(--color-text-dim);padding:var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-snap);cursor:pointer}.modal-close:hover{background:var(--color-neon-subtle);color:var(--color-neon)}.modal-body{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-border);background:var(--color-bg);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.template-detail-content,.modal-content{padding:var(--space-xl)}.template-description{color:var(--color-text-dim);margin-bottom:var(--space-lg)}.variables-section,.prompt-section{margin-bottom:var(--space-lg)}.variables-section h4,.prompt-section h4{font-family:var(--font-display);font-size:.75rem;font-weight:600;color:var(--color-text-dim);margin-bottom:var(--space-md);letter-spacing:.1em}.variables-list{display:flex;flex-direction:column;gap:var(--space-sm)}.variable-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg);border-radius:var(--radius-sm)}.variable-item code{font-family:var(--font-mono);color:var(--color-neon);font-size:.85rem}.variable-item span{color:var(--color-text-dim);font-size:.85rem}.prompt-preview{background:var(--color-bg);padding:var(--space-md);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.85rem;white-space:pre-wrap;word-break:break-word;color:var(--color-text-dim);border:1px solid var(--color-border);max-height:200px;overflow-y:auto}.modal-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group label{font-family:var(--font-display);font-size:.75rem;font-weight:600;color:var(--color-text-dim);letter-spacing:.1em;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-body);font-size:.9rem;transition:all var(--transition-snap);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-neon);box-shadow:0 0 0 2px var(--color-neon-subtle)}.form-group textarea{min-height:100px;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.slug-preview{display:block;margin-top:var(--space-sm);font-family:var(--font-mono);font-size:.85rem;color:var(--color-neon)}.events-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.event-checkbox{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-snap)}.event-checkbox:hover{border-color:var(--color-neon);background:var(--color-neon-subtle)}.event-checkbox input[type=checkbox]{width:16px;height:16px;margin-top:2px;accent-color:var(--color-neon);cursor:pointer;flex-shrink:0}.event-info{display:flex;flex-direction:column;gap:2px}.event-name{font-weight:600;font-size:.9rem;color:var(--color-text)}.event-desc{font-size:.8rem;color:var(--color-text-dim)}.sidebar-actions{display:flex;gap:var(--space-sm)}.lang-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm)!important;font-size:.7rem;font-weight:600}.lang-code{font-family:var(--font-mono);color:var(--color-neon)}.lang-btn:hover .lang-code{color:var(--color-text)}.provider-checkboxes{display:flex;flex-direction:column;gap:var(--space-sm)}.provider-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.provider-option:hover{border-color:var(--color-text-dim)}.provider-option.selected{border-color:var(--color-neon);background:#00ff880d}.provider-option input[type=checkbox]{appearance:none;width:18px;height:18px;border:2px solid var(--color-border);border-radius:4px;background:var(--color-bg);cursor:pointer;position:relative;flex-shrink:0}.provider-option input[type=checkbox]:checked{background:var(--color-neon);border-color:var(--color-neon)}.provider-option input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-bg);font-size:12px;font-weight:800}.provider-name{font-family:var(--font-display);font-weight:700;font-size:.85rem;color:var(--color-text)}.provider-path{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-dim);margin-left:auto}.key-providers{display:flex;gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap}.provider-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.provider-badge.openai{background:#10a37f26;color:#10a37f;border:1px solid rgba(16,163,127,.3)}.provider-badge.anthropic{background:#cc934f26;color:#cc934f;border:1px solid rgba(204,147,79,.3)}.credits-page{padding:var(--space-xl)}.balance-card{background:linear-gradient(135deg,var(--color-bg-card),var(--color-bg-elevated));border:2px solid var(--color-neon);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-xl);position:relative;overflow:hidden}.balance-card:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,var(--color-neon-glow),transparent);opacity:.3}.balance-header{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-neon);font-family:var(--font-mono);font-size:.75rem;margin-bottom:var(--space-md)}.balance-amount{display:flex;align-items:baseline;gap:var(--space-xs)}.balance-amount .currency{font-size:2rem;color:var(--color-text-dim)}.balance-amount .amount{font-family:var(--font-display);font-size:4rem;font-weight:900;color:var(--color-text)}.balance-meta{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.tier-badge{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border:1px solid;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.7rem}.discount-badge{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--color-hot);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.7rem;color:#fff}.tier-progress-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-xl)}.progress-header{display:flex;justify-content:space-between;margin-bottom:var(--space-md);font-size:.85rem}.progress-amount{color:var(--color-neon);font-family:var(--font-mono)}.progress-bar{height:8px;background:var(--color-bg);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width 1s ease}.packages-section,.tiers-section{margin-bottom:var(--space-2xl)}.packages-section h2,.tiers-section h2{font-family:var(--font-display);font-size:1.25rem;font-weight:800;margin-bottom:var(--space-lg)}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.package-card{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;cursor:pointer;position:relative;transition:all .2s ease}.package-card:hover{border-color:var(--color-neon)}.package-card.selected{border-color:var(--color-neon);background:var(--color-neon-subtle)}.bonus-badge{position:absolute;top:-8px;right:-8px;background:var(--color-hot);color:#fff;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full)}.package-amount{font-family:var(--font-display);font-size:1.5rem;font-weight:900;margin-bottom:var(--space-xs)}.package-total{font-size:.75rem;color:var(--color-text-dim)}.selected-check{position:absolute;top:8px;left:8px;width:24px;height:24px;background:var(--color-neon);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-bg)}.topup-btn{width:100%;padding:var(--space-md) var(--space-xl);font-size:1rem;justify-content:center;gap:var(--space-md)}.tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.tier-card{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);position:relative}.tier-card.current{background:var(--color-neon-subtle)}.tier-header{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:800;margin-bottom:var(--space-sm)}.tier-requirement{font-size:.75rem;color:var(--color-text-dim);margin-bottom:var(--space-md)}.tier-benefits{list-style:none;padding:0;margin:0}.tier-benefits li{display:flex;align-items:center;gap:var(--space-sm);font-size:.8rem;padding:var(--space-xs) 0;color:var(--color-text-dim)}.current-badge{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--color-neon);color:var(--color-bg);font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm)}:root{--color-gold: #ffd700}