@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Fira+Code:wght@400;500&display=swap");:root{--bg-dark-obsidian:240 10% 3.9%;--bg-dark-pitch:0 0% 1.5%;--bg-glass-solid:240 10% 3.9%/0.7;--bg-glass-translucent:240 10% 10%/0.4;--border-glass:240 5% 15%/0.5;--border-glass-glow:263 70% 50%/0.15;--text-main:0 0% 98%;--text-desc:240 5% 65%;--text-faded:240 5% 45%;--accent-purple:263 80% 60%;--accent-indigo:239 84% 67%;--accent-cyan:188 86% 53%;--accent-emerald:142 70% 45%;--accent-rose:330 81% 60%;--font-display:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"Fira Code","Courier New",Courier,monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:hsl(var(--bg-dark-pitch));color:hsl(var(--text-main));font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased}.blur-blob{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:.65}.blur-blob-1{width:600px;height:600px;top:-150px;right:-50px;background:radial-gradient(circle,hsla(var(--accent-purple)/.15) 0,hsla(var(--accent-indigo)/.05) 50%,transparent 100%);animation:float-blob-a 25s ease-in-out infinite alternate}.blur-blob-2{width:500px;height:500px;bottom:20%;left:-150px;background:radial-gradient(circle,hsla(var(--accent-cyan)/.12) 0,hsla(var(--accent-indigo)/.04) 60%,transparent 100%);animation:float-blob-b 30s ease-in-out infinite alternate}.blur-blob-3{width:450px;height:450px;bottom:-50px;right:15%;background:radial-gradient(circle,hsla(var(--accent-rose)/.08) 0,hsla(var(--accent-purple)/.02) 50%,transparent 100%);animation:float-blob-a 20s ease-in-out infinite alternate}@keyframes float-blob-a{0%{transform:translate(0) scale(1)}to{transform:translate(60px,80px) scale(1.1)}}@keyframes float-blob-b{0%{transform:translate(0) scale(1.1)}to{transform:translate(-40px,-70px) scale(.9)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.2}p{color:hsl(var(--text-desc));line-height:1.6}.gradient-text{background:linear-gradient(135deg,#fff 10%,#d8b4fe 50%,#818cf8 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-purple-cyan{background:linear-gradient(135deg,#c084fc,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{background:linear-gradient(135deg,hsl(var(--accent-indigo)) 0,hsl(var(--accent-purple)) 100%);color:#fff;border:none;font-family:var(--font-display);font-weight:600;font-size:.95rem;padding:.8rem 1.6rem;border-radius:12px;cursor:pointer;box-shadow:0 4px 20px hsla(var(--accent-indigo)/.25);transition:all .3s cubic-bezier(.16,1,.3,1);text-decoration:none;display:inline-flex;align-items:center;gap:.6rem;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);transform:skewX(-20deg);transition:.75s;opacity:0}.btn-primary:hover:after{opacity:1;left:120%;transition:all .75s ease-in-out}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px hsla(var(--accent-indigo)/.45);filter:brightness(1.1)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:rgba(24,24,27,.4);color:hsl(var(--text-main));border:1px solid rgba(61,61,67,.3);font-family:var(--font-display);font-weight:500;font-size:.95rem;padding:.8rem 1.6rem;border-radius:12px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.16,1,.3,1);text-decoration:none;display:inline-flex;align-items:center;gap:.6rem}.btn-secondary:hover{background:rgba(36,36,40,.6);border-color:rgba(85,85,94,.5);color:#fff;transform:translateY(-2px)}.glass-card{background:hsla(var(--bg-glass-translucent));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.05);border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,.4);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card:hover{border-color:hsla(0,0%,100%,.1);box-shadow:0 25px 45px rgba(0,0,0,.5),0 0 40px hsla(var(--accent-purple)/.03);transform:translateY(-3px)}.nav-header{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;z-index:100;background:hsla(var(--bg-glass-solid));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid hsla(0,0%,100%,.05)}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;justify-content:space-between}.nav-brand,.nav-container{display:flex;align-items:center}.nav-brand{gap:.6rem;text-decoration:none;font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:#fff}.nav-brand span.sparkle{color:hsl(var(--accent-purple));text-shadow:0 0 10px hsla(var(--accent-purple)/.5);animation:pulse-sparkle 2.5s ease-in-out infinite}@keyframes pulse-sparkle{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.15);opacity:1;filter:brightness(1.2)}}.nav-links{display:none;gap:2rem}@media (min-width:768px){.nav-links{display:flex}}.nav-link-item{color:hsl(var(--text-desc));text-decoration:none;font-size:.95rem;font-weight:500;transition:color .25s ease}.nav-link-item:hover{color:#fff}.nav-auth{display:flex;align-items:center;gap:1rem}.section-container{max-width:1200px;margin:0 auto;padding:5rem 1.5rem;position:relative;z-index:10}.grid-cols-2{display:grid;grid-template-columns:1fr;grid-gap:3rem;gap:3rem;align-items:center}.grid-cols-3{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}@media (min-width:992px){.grid-cols-2{grid-template-columns:1fr 1.1fr}.grid-cols-3{grid-template-columns:repeat(3,1fr)}}.cl-rootBox{width:100%}.cl-card{background:rgba(9,9,11,.5)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border:1px solid hsla(0,0%,100%,.08)!important;border-radius:24px!important}.cl-headerTitle{color:#fff!important;font-family:var(--font-display)!important}.cl-headerSubtitle{color:hsl(var(--text-desc))!important}.cl-formButtonPrimary{background:linear-gradient(135deg,hsl(var(--accent-indigo)) 0,hsl(var(--accent-purple)) 100%)!important;border-radius:10px!important}.cl-formButtonPrimary:hover{filter:brightness(1.1)!important}.cl-socialButtonsBlockButton{background:rgba(24,24,27,.3)!important;border:1px solid hsla(0,0%,100%,.06)!important;color:#fff!important}.cl-socialButtonsBlockButton:hover{background:rgba(36,36,40,.5)!important}.cl-formFieldInput{background:rgba(12,12,13,.5)!important;border:1px solid hsla(0,0%,100%,.08)!important;color:#fff!important}.login-page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0c0f1d 0,#030408 100%);padding:2rem;box-sizing:border-box;position:relative;overflow:hidden}.login-panel-card{width:100%;max-width:480px;padding:3rem 2rem;z-index:10;position:relative}.status-card-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.status-loading-spinner{width:48px;height:48px;border-radius:50%;border:3px solid hsla(0,0%,100%,.05);border-top:3px solid hsl(var(--accent-purple));animation:spin 1s cubic-bezier(.5,.1,.4,.9) infinite;margin-bottom:1.5rem}@keyframes spin{to{transform:rotate(1turn)}}.status-text{color:hsl(var(--text-desc));font-family:var(--font-sans);font-weight:500}.status-heading{font-family:var(--font-display);font-size:1.75rem;font-weight:800;margin-bottom:.75rem}.status-desc{color:hsl(var(--text-desc));font-size:.95rem;line-height:1.6;max-width:320px;margin:0 auto}.port-badge{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);padding:.25rem .75rem;border-radius:6px;color:hsl(var(--text-faded));font-family:var(--font-mono);font-size:.8rem;margin-top:1.5rem}.status-success-circle{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:50%;color:hsl(var(--accent-emerald));box-shadow:0 0 20px rgba(16,185,129,.15)}.status-error-circle,.status-success-circle{width:60px;height:60px;font-size:2rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.status-error-circle{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:50%;color:#ef4444;box-shadow:0 0 20px rgba(239,68,68,.15)}.success-glow-text{color:hsl(var(--accent-emerald));text-shadow:0 0 15px rgba(16,185,129,.2)}.error-glow-text{color:#f87171;text-shadow:0 0 15px rgba(239,68,68,.2)}.error-text{color:#fca5a5}.progress-bar-wrapper{width:100%;max-width:240px;height:4px;background:hsla(0,0%,100%,.05);border-radius:2px;overflow:hidden;margin-bottom:2rem}.progress-bar-line{height:100%;width:40%;background:linear-gradient(90deg,hsl(var(--accent-indigo)),hsl(var(--accent-purple)));border-radius:2px}.animate-progress{animation:progressMove 1.5s ease-in-out infinite}@keyframes progressMove{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}.login-card-wrapper{display:flex;flex-direction:column;gap:1.5rem;width:100%}.branding-container{text-align:center}.branding-logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-family:var(--font-display);font-size:2rem;font-weight:800;color:#fff}.brand-logo-icon{color:hsl(var(--accent-purple));text-shadow:0 0 8px hsla(var(--accent-purple)/.4)}.branding-subtitle{color:hsl(var(--text-desc));font-size:.95rem;margin-top:.25rem}.auth-alert-banner{background:hsla(var(--accent-indigo)/.08);border:1px solid hsla(var(--accent-indigo)/.2);border-radius:12px;padding:.85rem 1.25rem;font-size:.85rem;color:#a5b4fc;display:flex;flex-direction:column;gap:.35rem}.alert-badge{font-weight:800;font-size:.7rem;letter-spacing:.05em;color:hsl(var(--accent-purple))}.clerk-container{width:100%;display:flex;justify-content:center}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}.animate-scale-up{animation:scaleUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hero-section{gap:4rem;padding-top:6rem;padding-bottom:6rem}.hero-content,.hero-section{display:flex;flex-direction:column}.hero-content{gap:1.5rem;max-width:650px}.hero-badge{background:hsla(var(--accent-purple)/.1);border:1px solid hsla(var(--accent-purple)/.25);color:#c084fc;padding:.4rem 1rem;border-radius:99px;font-size:.85rem;font-weight:600;align-self:flex-start;display:flex;align-items:center;gap:.5rem}.badge-pulse{width:8px;height:8px;background:hsl(var(--accent-purple));border-radius:50%;display:inline-block;box-shadow:0 0 8px hsl(var(--accent-purple));animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(.95);opacity:.5}}.hero-title{font-family:var(--font-display);font-size:3rem;line-height:1.15;font-weight:800;letter-spacing:-.02em}@media (min-width:768px){.hero-title{font-size:4rem}}.hero-subtitle{color:hsl(var(--text-desc));font-size:1.15rem;line-height:1.6;max-width:580px}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.simulator-container{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;width:100%}@media (min-width:992px){.simulator-container{grid-template-columns:1.1fr 1.3fr}}.simulator-input-card{padding:2rem;display:flex;flex-direction:column;gap:1.5rem;border-color:hsla(0,0%,100%,.04)}.simulator-input-card h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.simulator-presets{display:flex;flex-wrap:wrap;gap:.5rem}.preset-btn{background:rgba(24,24,27,.3);border:1px solid hsla(0,0%,100%,.05);color:hsl(var(--text-desc));padding:.4rem .8rem;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .25s ease}.preset-btn.active,.preset-btn:hover{background:hsla(var(--accent-purple)/.1);border-color:hsla(var(--accent-purple)/.4);color:#fff}.textarea-wrapper{position:relative}.simulator-textarea{width:100%;height:110px;background:rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.07);border-radius:12px;padding:1rem;color:#fff;font-family:var(--font-sans);font-size:.95rem;resize:none;outline:none;transition:border-color .25s ease}.simulator-textarea:focus{border-color:hsla(var(--accent-indigo)/.5)}.simulator-actions{display:flex;justify-content:flex-end}.simulator-output-card{border-radius:16px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.06);background:#07090f;min-height:380px;display:flex;flex-direction:column}.ide-header{background:rgba(13,17,28,.9);padding:.75rem 1rem;justify-content:space-between;border-bottom:1px solid hsla(0,0%,100%,.05)}.ide-header,.ide-tabs{display:flex;align-items:center}.ide-dots{display:flex;gap:6px}.ide-dot{width:10px;height:10px;border-radius:50%}.ide-dot.red{background-color:#ef4444}.ide-dot.yellow{background-color:#f59e0b}.ide-dot.green{background-color:#10b981}.ide-tab{margin-left:1.5rem;background:#07090f;border:1px solid hsla(0,0%,100%,.05);border-bottom:none;padding:.4rem .8rem;border-top-left-radius:6px;border-top-right-radius:6px;display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#fff}.ide-tab span.tab-icon{color:hsl(var(--accent-purple));font-size:.8rem}.ide-lang{color:hsl(var(--text-faded));font-size:.75rem}.ide-body,.ide-lang{font-family:var(--font-mono)}.ide-body{padding:1.5rem;flex-grow:1;overflow-y:auto;position:relative;font-size:.9rem;line-height:1.5}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(7,9,15,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;justify-content:center;gap:1.25rem;z-index:20}.loading-overlay,.loading-steps{display:flex;flex-direction:column}.loading-steps{gap:.5rem;align-items:flex-start;max-width:250px}.loading-step{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:hsl(var(--text-faded))}.loading-step.active{color:#fff}.loading-step.completed{color:hsl(var(--accent-emerald))}.loading-step-bullet{width:6px;height:6px;border-radius:50%;background:currentColor}.code-output{white-space:pre-wrap;color:#c9d1d9}.code-line{display:block}.code-keyword{color:#ff7b72}.code-string{color:#a5d6ff}.code-comment{color:#8b949e}.code-variable{color:#79c0ff}.code-property{color:#ff7b72}.features-section{padding-top:6rem;padding-bottom:6rem}.section-header{text-align:center;max-width:650px;margin:0 auto 4rem;display:flex;flex-direction:column;gap:1rem}.section-title{font-size:2.25rem;font-weight:800}.section-desc{font-size:1.1rem}.bento-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:minmax(260px,auto);grid-gap:1.5rem;gap:1.5rem}@media (min-width:768px){.bento-grid{grid-template-columns:repeat(6,1fr)}.bento-cell-1,.bento-cell-2{grid-column:span 3}.bento-cell-3{grid-column:span 4}.bento-cell-4{grid-column:span 2}}.bento-card{padding:2.5rem;display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;border:1px solid hsla(0,0%,100%,.04)}.bento-card:hover{border-color:hsla(0,0%,100%,.08)}.bento-icon{font-size:1.75rem;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.06);margin-bottom:auto;transition:all .3s ease}.bento-card:hover .bento-icon{background:hsla(var(--accent-purple)/.1);border-color:hsla(var(--accent-purple)/.3);color:#fff}.bento-card h3{font-family:var(--font-display);font-size:1.35rem;font-weight:700}.bento-card p{font-size:.95rem;color:hsl(var(--text-desc))}.pricing-section{padding-top:6rem;padding-bottom:6rem}.pricing-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;max-width:900px;margin:0 auto}@media (min-width:768px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}.pricing-card{padding:3rem 2.5rem;display:flex;flex-direction:column;gap:2rem;border:1px solid hsla(0,0%,100%,.04)}.pricing-card.premium-border{border-color:hsla(var(--accent-purple)/.5);box-shadow:0 15px 40px rgba(139,92,246,.12)}.premium-glow-card{position:relative}.premium-glow-card:before{content:"";position:absolute;inset:-1px;border-radius:20px;padding:1px;background:linear-gradient(135deg,hsl(var(--accent-purple)) 0,hsl(var(--accent-rose)) 50%,hsl(var(--accent-cyan)) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5;transition:opacity .3s ease;animation:borderGlow 6s linear infinite}.premium-glow-card:hover:before{opacity:1}@keyframes borderGlow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.pricing-badge{position:absolute;top:-12px;right:24px;background:linear-gradient(135deg,hsl(var(--accent-purple)) 0,hsl(var(--accent-rose)) 100%);color:#fff;font-family:var(--font-display);font-size:.7rem;font-weight:800;letter-spacing:.1em;padding:.3rem .8rem;border-radius:99px;box-shadow:0 5px 15px rgba(139,92,246,.3)}.pricing-header{display:flex;flex-direction:column;gap:.5rem}.plan-name{font-size:1.75rem;font-weight:800}.plan-desc{font-size:.9rem;color:hsl(var(--text-desc))}.price-tag{display:flex;align-items:baseline;margin-top:1rem}.price-currency{font-size:1.5rem;font-weight:700}.price-amount{font-size:3.5rem;font-weight:800;font-family:var(--font-display);line-height:1}.price-period{font-size:.95rem;color:hsl(var(--text-faded));margin-left:.25rem}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:.85rem}.feature-item{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:hsl(var(--text-desc))}.feature-item span.icon{color:hsl(var(--accent-emerald));font-weight:700}.pricing-action-btn{margin-top:auto;width:100%;justify-content:center}.footer-container{border-top:1px solid hsla(0,0%,100%,.05);background:rgba(5,5,6,.8);padding:4rem 1.5rem;margin-top:4rem;position:relative;z-index:10}.footer-content{max-width:1200px;margin:0 auto;flex-direction:column;gap:1.5rem;text-align:center}.footer-brand,.footer-content{display:flex;align-items:center}.footer-brand{font-family:var(--font-display);font-size:1.5rem;font-weight:800;gap:.35rem}.copyright{color:hsl(var(--text-faded));font-size:.9rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:hsl(var(--text-desc));text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links a:hover{color:#fff}.dashboard-container{max-width:1200px;margin:0 auto;padding:3rem 1.5rem;position:relative;z-index:10}.dashboard-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}@media (min-width:768px){.dashboard-header{flex-direction:row;align-items:center;justify-content:space-between}}.dashboard-user-card{display:flex;align-items:center;gap:1.25rem}.dashboard-avatar{border-radius:50%;border:2px solid hsla(0,0%,100%,.1)}.dashboard-avatar,.dashboard-avatar-fallback{width:64px;height:64px;box-shadow:0 4px 15px rgba(0,0,0,.3)}.dashboard-avatar-fallback{border-radius:50%;background:linear-gradient(135deg,hsl(var(--accent-purple)) 0,hsl(var(--accent-indigo)) 100%);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.dashboard-user-info h2{font-size:1.5rem;font-weight:700;color:#fff;font-family:var(--font-display)}.dashboard-user-info p{font-size:.9rem;color:hsl(var(--text-desc))}.dashboard-badge-ignite{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);color:#10b981;border-radius:99px;font-weight:600;text-shadow:0 0 10px rgba(16,185,129,.2)}.dashboard-badge-ignite,.dashboard-badge-spark{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem}.dashboard-badge-spark{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);color:hsl(var(--text-desc));border-radius:99px;font-weight:500}.sync-banner{margin:2rem 0;background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(99,102,241,.05));border:1px solid rgba(16,185,129,.15);padding:1.5rem;border-radius:16px;display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.sync-banner{flex-direction:row;align-items:center;justify-content:space-between}}.sync-banner-content h4{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.sync-banner-content p{font-size:.85rem;color:hsl(var(--text-desc))}.dashboard-tabs{display:flex;border-bottom:1px solid hsla(0,0%,100%,.06);margin-top:3rem;margin-bottom:2rem;gap:1.5rem}.dashboard-tab-btn{background:none;border:none;color:hsl(var(--text-faded));padding:.75rem .5rem;font-size:.95rem;font-weight:600;font-family:var(--font-display);cursor:pointer;position:relative;transition:color .2s;display:inline-flex;align-items:center;gap:.5rem}.dashboard-tab-btn:hover{color:#fff}.dashboard-tab-btn.active{color:#10b981}.dashboard-tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#10b981;box-shadow:0 0 10px rgba(16,185,129,.5)}.history-list{display:flex;flex-direction:column;gap:1.5rem}.history-card{border:1px solid hsla(0,0%,100%,.05);background:rgba(24,24,27,.3);padding:1.5rem;border-radius:16px;transition:all .3s}.history-card:hover{border-color:hsla(0,0%,100%,.1);background:rgba(24,24,27,.45)}.history-card-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid hsla(0,0%,100%,.05);padding-bottom:1rem;margin-bottom:1rem}.history-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-family:var(--font-mono);font-size:.75rem;color:hsl(var(--text-desc))}.history-model-badge{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);padding:.2rem .5rem;border-radius:6px;color:#fff}.history-latency{gap:.25rem}.btn-copy,.history-latency{display:inline-flex;align-items:center}.btn-copy{background:none;border:none;color:#10b981;font-size:.8rem;font-weight:500;gap:.35rem;cursor:pointer;opacity:.8;transition:opacity .2s}.btn-copy:hover{opacity:1}.history-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}@media (min-width:768px){.history-grid{grid-template-columns:1fr 1fr}}.history-pane h5{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-faded));margin-bottom:.5rem}.history-pane.enhanced h5{color:#10b981}.code-box{background:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.04);padding:1rem;border-radius:10px;font-family:var(--font-mono);font-size:.8rem;color:hsl(var(--text-desc));max-height:200px;overflow-y:auto;white-space:pre-wrap;line-height:1.5}.history-pane.enhanced .code-box{background:rgba(0,0,0,.75);border-color:rgba(16,185,129,.08);color:#fff}.templates-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}@media (min-width:768px){.templates-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.templates-grid{grid-template-columns:repeat(3,1fr)}}.template-card{border:1px solid hsla(0,0%,100%,.05);background:rgba(24,24,27,.3);padding:1.5rem;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;min-height:280px;transition:all .3s}.template-card:hover{border-color:#10b981;transform:translateY(-2px)}.template-card-header{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.template-card-header h3{font-size:1.15rem;font-weight:700;color:#fff;font-family:var(--font-display)}.template-date{font-size:.75rem;color:hsl(var(--text-faded));font-family:var(--font-mono);margin-bottom:1rem}.template-body-box{background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.03);padding:.75rem;border-radius:8px;font-family:var(--font-mono);font-size:.8rem;color:hsl(var(--text-desc));height:120px;overflow-y:auto;white-space:pre-wrap;line-height:1.5}.template-footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid hsla(0,0%,100%,.05);font-family:var(--font-mono);font-size:.75rem;color:hsl(var(--text-faded))}