:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #12121a;--color-bg-tertiary: #1a1a26;--color-bg-card: rgba(26, 26, 38, .6);--color-bg-glass: rgba(255, 255, 255, .05);--color-accent-purple: #8b5cf6;--color-accent-blue: #3b82f6;--color-accent-cyan: #06b6d4;--color-accent-pink: #ec4899;--color-accent-green: #10b981;--color-text-primary: #ffffff;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--gradient-primary: linear-gradient(135deg, var(--color-accent-purple) 0%, var(--color-accent-blue) 50%, var(--color-accent-cyan) 100%);--gradient-secondary: linear-gradient(135deg, var(--color-accent-pink) 0%, var(--color-accent-purple) 100%);--gradient-hero: radial-gradient(ellipse at top, rgba(139, 92, 246, .15) 0%, transparent 50%), radial-gradient(ellipse at bottom right, rgba(59, 130, 246, .1) 0%, transparent 50%);--shadow-glow-purple: 0 0 60px rgba(139, 92, 246, .3);--shadow-glow-blue: 0 0 40px rgba(59, 130, 246, .2);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--border-glass: 1px solid rgba(255, 255, 255, .1);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 20px;--border-radius-xl: 32px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem;--font-size-6xl: 4.5rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--max-width: 1200px;--header-height: 80px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:var(--font-size-6xl);font-weight:800}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-2xl)}p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}a{color:inherit;text-decoration:none}code{font-family:JetBrains Mono,Fira Code,Monaco,Menlo,monospace;font-size:.9em;font-weight:500;color:#67e8f9;background:#67e8f91a;padding:.2em .5em;border-radius:4px;border:1px solid rgba(103,232,249,.2);white-space:nowrap}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--color-bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:var(--border-glass);border-radius:var(--border-radius-lg)}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1100;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-confirm{padding:var(--spacing-2xl);max-width:440px;width:90%;box-shadow:0 24px 48px #0006;animation:modalSlideIn .25s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-confirm-title{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary);line-height:1.25}.modal-confirm-message{margin:0 0 var(--spacing-2xl) 0;color:#ffffffd9;line-height:1.65;font-size:var(--font-size-base);font-weight:400;letter-spacing:.01em}.modal-confirm-repo-name{display:inline-block;margin:0 0 var(--spacing-xl) 0;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#8b5cf640,#3b82f633);border:1px solid rgba(139,92,246,.35);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-weight:600;font-size:var(--font-size-base);font-family:ui-monospace,Monaco,Menlo,monospace}.modal-confirm-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-xs)}.modal-btn-danger{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4)}.modal-btn-danger:hover{background:#ef44444d;border-color:#ef444480;color:#fca5a5}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:1000;background:#0a0a0fcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:var(--border-glass)}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:800}.logo-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl)}.nav-links{display:flex;gap:var(--spacing-lg)}.nav-link{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-text-primary)}.nav-cta{padding:var(--spacing-xs) var(--spacing-md);background:var(--gradient-primary);border-radius:var(--border-radius-md);font-weight:600;font-size:var(--font-size-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.nav-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-purple)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:var(--spacing-3xl) 0;padding-top:calc(var(--header-height) + var(--spacing-3xl));overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:var(--gradient-hero);pointer-events:none}.hero-bg-orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;animation:float 8s ease-in-out infinite}.hero-bg-orb-1{width:600px;height:600px;background:#8b5cf626;top:-200px;right:-200px}.hero-bg-orb-2{width:400px;height:400px;background:#3b82f61a;bottom:-100px;left:-100px;animation-delay:-4s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.hero-content{text-align:center;position:relative;z-index:1;max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-glass);border:var(--border-glass);border-radius:50px;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);animation:fadeInUp .6s ease-out}.hero-badge-dot{width:8px;height:8px;background:var(--color-accent-green);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.hero-title{margin-bottom:var(--spacing-md);animation:fadeInUp .6s ease-out .1s backwards}.hero-subtitle{font-size:var(--font-size-xl);max-width:600px;margin:0 auto var(--spacing-xl);animation:fadeInUp .6s ease-out .2s backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-cta-group{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;animation:fadeInUp .6s ease-out .3s backwards}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;outline:none}.btn-primary{background:var(--gradient-primary);color:var(--color-text-primary);box-shadow:var(--shadow-glow-purple)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 80px #8b5cf666}.btn-secondary{background:transparent;color:var(--color-text-primary);border:var(--border-glass)}.btn-secondary:hover{background:var(--color-bg-glass);transform:translateY(-3px)}.hero-stats{display:flex;justify-content:center;gap:var(--spacing-2xl);margin-top:var(--spacing-3xl);animation:fadeInUp .6s ease-out .4s backwards}.hero-stat{text-align:center}.hero-stat-value{font-size:var(--font-size-4xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.problem-section{padding:var(--spacing-3xl) 0;background:var(--color-bg-secondary);position:relative}.problem-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.problem-card,.solution-card{padding:var(--spacing-xl);border-radius:var(--border-radius-lg)}.problem-card{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.solution-card{background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.card-icon{width:60px;height:60px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.problem-card .card-icon{background:#ef444433}.solution-card .card-icon{background:#10b98133}.card-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.card-text{font-size:var(--font-size-base);line-height:1.8}.benefits-section{padding:var(--spacing-3xl) 0;position:relative}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-label{display:inline-block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent-purple);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-sm)}.section-title{margin-bottom:var(--spacing-md)}.section-subtitle{max-width:600px;margin:0 auto}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.benefit-card{padding:var(--spacing-xl);background:var(--color-bg-glass);border:var(--border-glass);border-radius:var(--border-radius-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.benefit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.benefit-card:hover{transform:translateY(-5px);background:#ffffff14;box-shadow:var(--shadow-card)}.benefit-card:hover:before{opacity:1}.benefit-icon{width:56px;height:56px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);background:var(--gradient-primary)}.benefit-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.benefit-text{font-size:var(--font-size-base);color:var(--color-text-secondary)}.roi-section{padding:var(--spacing-3xl) 0;background:var(--color-bg-secondary)}.roi-content{text-align:center}.roi-highlight{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-2xl);background:var(--gradient-primary);border-radius:var(--border-radius-xl);margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-glow-purple)}.roi-value{font-size:var(--font-size-6xl);font-weight:900;color:#fff}.roi-text{text-align:left;color:#ffffffe6}.roi-text-main{font-size:var(--font-size-2xl);font-weight:700;color:#fff}.roi-text-sub{font-size:var(--font-size-base);opacity:.8}.stats-row{display:flex;justify-content:center;gap:var(--spacing-3xl);flex-wrap:wrap}.stat-item{text-align:center;padding:var(--spacing-lg)}.stat-value{font-size:var(--font-size-5xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.how-section{padding:var(--spacing-3xl) 0}.steps-container{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.step-card{flex:1;min-width:280px;max-width:360px;padding:var(--spacing-xl);background:var(--color-bg-glass);border:var(--border-glass);border-radius:var(--border-radius-lg);text-align:center;position:relative;transition:all var(--transition-base)}.step-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-glow-blue)}.step-number{width:48px;height:48px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:800;margin:0 auto var(--spacing-md)}.step-icon{font-size:48px;margin-bottom:var(--spacing-md)}.step-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.step-text{font-size:var(--font-size-base);color:var(--color-text-secondary)}.cta-section{padding:var(--spacing-3xl) 0;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background:var(--gradient-hero);pointer-events:none}.cta-content{position:relative;z-index:1;text-align:center;max-width:700px;margin:0 auto}.cta-title{margin-bottom:var(--spacing-md)}.cta-text{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xl)}.cta-form{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap;max-width:500px;margin:0 auto}.cta-input{flex:1;min-width:200px;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-glass);border:var(--border-glass);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:var(--font-family);outline:none;transition:all var(--transition-fast)}.cta-input::placeholder{color:var(--color-text-muted)}.cta-input:focus{border-color:var(--color-accent-purple);box-shadow:0 0 0 3px #8b5cf633}.footer{padding:var(--spacing-xl) 0;border-top:var(--border-glass);background:var(--color-bg-secondary)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:700}.footer-links{display:flex;gap:var(--spacing-lg)}.footer-link{color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-text-primary)}.footer-copyright{color:var(--color-text-muted);font-size:var(--font-size-sm)}.legal-page{padding:calc(var(--spacing-3xl) + 80px) 0 var(--spacing-3xl);min-height:100vh}.legal-content{max-width:800px;margin:0 auto}.legal-title{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-xs)}.legal-updated{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2xl)}.legal-body h2{font-size:var(--font-size-xl);font-weight:700;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.legal-body h3{font-size:var(--font-size-lg);font-weight:600;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.legal-body p{color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-md)}.legal-body ul{color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.legal-body li{margin-bottom:var(--spacing-xs)}.legal-body a{color:var(--color-primary);text-decoration:underline;transition:color var(--transition-fast)}.legal-body a:hover{color:var(--color-accent)}@media(max-width:1024px){h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-3xl)}.problem-content,.benefits-grid{grid-template-columns:1fr}}@media(max-width:768px){:root{--font-size-6xl: 2.5rem;--font-size-5xl: 2rem;--font-size-4xl: 1.75rem}.nav-links{display:none}.hero-stats{gap:var(--spacing-lg)}.hero-stat-value{font-size:var(--font-size-3xl)}.roi-highlight{flex-direction:column;padding:var(--spacing-xl)}.roi-value{font-size:var(--font-size-5xl)}.roi-text{text-align:center}.stats-row{gap:var(--spacing-lg)}.stat-value{font-size:var(--font-size-4xl)}.steps-container{flex-direction:column;align-items:center}.step-card{max-width:100%}.footer-content{flex-direction:column;text-align:center}}@media(max-width:480px){.hero-cta-group{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}.cta-form{flex-direction:column;align-items:center}.cta-input{width:100%}}.google-login-wrapper{display:flex;justify-content:center}.cta-login{margin-top:var(--spacing-md)}.nav-cta-wrapper{display:flex;align-items:center}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-md)}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-bg-glass);border-top-color:var(--color-accent-purple);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);gap:var(--spacing-md)}.dashboard-layout{display:flex;min-height:100vh}.dashboard-sidebar{width:280px;background:#12121acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:var(--border-glass);display:flex;flex-direction:column;z-index:100;position:fixed;top:0;left:0;bottom:0}.sidebar-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.03)}.sidebar-nav{flex:1;padding:var(--spacing-sm) var(--spacing-md);overflow-y:auto}.nav-section-title{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-xs);padding-left:var(--spacing-sm)}.nav-section-title:first-child{margin-top:0}.sidebar-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text-secondary);border-radius:var(--border-radius-md);transition:all var(--transition-fast);margin-bottom:2px;font-size:var(--font-size-sm)}.sidebar-link:hover{background:var(--color-bg-glass);color:var(--color-text-primary);transform:translate(4px)}.sidebar-link.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.sidebar-icon{font-size:1.25rem;width:24px;text-align:center}.sidebar-icon-img{width:20px;height:20px;object-fit:contain;border-radius:4px}.sidebar-link-admin{padding:.42rem var(--spacing-sm);margin-bottom:1px;gap:.58rem}.sidebar-icon-admin{font-size:1.1rem;width:20px}.sidebar-footer{padding:var(--spacing-sm);border-top:var(--border-glass)}.user-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-base)}.user-details{display:flex;flex-direction:column;overflow:hidden}.user-name{font-weight:600;font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:transparent;border:var(--border-glass);border-radius:var(--border-radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.logout-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.dashboard-main{flex:1;margin-left:280px;background:var(--color-bg-primary);min-height:100vh;overflow-x:hidden;max-width:calc(100vw - 280px)}.dashboard-content{padding:var(--spacing-2xl);max-width:1200px;margin:0 auto}.eval-runs-content{max-width:1600px}.install-content{max-width:1360px}.page-header{margin-bottom:var(--spacing-2xl);display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md)}.page-header h1{font-size:var(--font-size-4xl);margin:0;display:flex;align-items:center;gap:var(--spacing-md)}.page-title-icon{width:40px;height:40px;object-fit:contain;flex-shrink:0}.page-subtitle{width:100%;color:var(--color-text-secondary);margin:0}.refresh-btn{margin-left:auto;padding:var(--spacing-xs) var(--spacing-md)}.install-steps{display:flex;flex-direction:column;gap:var(--spacing-xl)}.install-content .code-block,.install-content .code-block code{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.install-step{display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--color-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:var(--border-glass);border-radius:var(--border-radius-lg);transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);position:relative;overflow:hidden}.install-step:hover{background:#ffffff14;box-shadow:var(--shadow-glow-blue);transform:translateY(-2px)}.step-badge{width:44px;height:44px;min-width:44px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--font-size-xl);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.step-content{flex:1}.step-content h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.step-content p{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.step-list{list-style:none;padding:0;margin:var(--spacing-sm) 0}.step-list li{padding:var(--spacing-xs) 0;color:var(--color-text-secondary);position:relative;padding-left:var(--spacing-lg)}.step-list li:before{content:"→";position:absolute;left:0;color:var(--color-accent-purple)}.step-list li strong,.step-list li b{font-family:JetBrains Mono,Fira Code,Monaco,Menlo,monospace;font-size:.9em;font-weight:600;color:#a78bfa;background:#a78bfa1a;padding:.2em .5em;border-radius:4px;border:1px solid rgba(167,139,250,.2);white-space:nowrap}.step-note{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic;margin-top:var(--spacing-sm);display:block}.path-list{list-style:none;padding:0;margin:var(--spacing-sm) 0}.path-list li{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--spacing-xs) 0;border-bottom:1px solid rgba(255,255,255,.03)}.path-list li:last-child{border-bottom:none}.path-list code{background:#0003;padding:2px 6px;border-radius:4px;color:var(--color-accent-cyan);font-family:JetBrains Mono,Monaco,monospace}.code-block-wrapper{margin:var(--spacing-md) 0;background:#0d0d14;border:var(--border-glass);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:0 8px 32px #0000004d}.code-block-header{display:flex;justify-content:space-between;align-items:center;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06);padding:var(--spacing-sm) var(--spacing-md)}.code-block-header span{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.1em}.copy-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:6px}.copy-btn:hover{background:#ffffff1a;color:var(--color-text-primary);border-color:#fff3}.code-block{padding:var(--spacing-md);overflow-x:auto;font-family:JetBrains Mono,Fira Code,Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;font-weight:500;line-height:1.8;white-space:pre;letter-spacing:.02em}.code-block code{color:#e4e4ef;font-weight:500;background:none;padding:0;border:none;border-radius:0;white-space:pre}.code-block code span.cmd{color:#67e8f9;font-weight:600}.code-block code span.path{color:#86efac;font-weight:600}.code-block code span.url{color:#93c5fd;text-decoration:underline;font-weight:500}.code-block code span.comment{color:var(--color-text-muted);font-style:italic}.code-block-large{min-height:80px}.prompt-card{background:linear-gradient(135deg,#ffffff05,#ffffff0d);border:1px dashed rgba(255,255,255,.15);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);margin:var(--spacing-lg) 0;position:relative;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center}.prompt-card:hover{border-color:var(--color-accent-purple);background:#ffffff12;box-shadow:0 8px 32px #8b5cf61a}.prompt-text{font-size:var(--font-size-xl);color:var(--color-text-primary);font-weight:500;font-style:italic;line-height:1.4;margin:0}.prompt-copy-btn{background:var(--color-bg-glass);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:var(--color-text-secondary);padding:6px 16px;font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:8px}.prompt-copy-btn:hover{background:var(--gradient-primary);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:var(--shadow-glow-purple)}.file-paths{background:linear-gradient(135deg,#8b5cf614,#3b82f614);border:1px solid rgba(139,92,246,.2);border-radius:var(--border-radius-md);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-md) 0}.file-paths>p{font-size:var(--font-size-xs);font-weight:600;color:var(--color-accent-purple);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.file-paths>p:before{content:"📂";font-size:var(--font-size-sm)}.path-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.path-list li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--spacing-xs) 0}.path-list li strong{min-width:80px;color:var(--color-text-muted);font-weight:500;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.02em}.path-list li code{background:var(--color-bg-tertiary);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-sm);padding:2px 8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-xs);color:var(--color-accent-cyan)}.tools-reference{margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:var(--border-glass)}.tools-reference h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.tool-card{padding:var(--spacing-lg);background:var(--color-bg-glass);border:var(--border-glass);border-radius:var(--border-radius-md)}.tool-icon{width:48px;height:48px;font-size:24px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.tool-card h4{font-size:var(--font-size-sm);font-family:Monaco,Menlo,monospace;color:var(--color-accent-cyan);margin-bottom:var(--spacing-xs);word-break:break-word}.tool-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.usage-blocked-banner{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-xl)}.blocked-icon{font-size:32px;flex-shrink:0}.blocked-content h3{font-size:var(--font-size-lg);color:#ef4444;margin-bottom:var(--spacing-xs)}.blocked-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.usage-overview-card{background:var(--color-bg-secondary);border:var(--border-glass);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.usage-header h2{font-size:var(--font-size-xl);margin:0;color:var(--color-text-primary)}.usage-status{font-size:var(--font-size-xs);font-weight:600;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.usage-status.active{background:#10b98126;color:var(--color-accent-green)}.usage-status.blocked{background:#ef444426;color:#ef4444}.usage-main{display:flex;flex-direction:column;gap:var(--spacing-md)}.usage-amount{display:flex;align-items:baseline;gap:var(--spacing-xs)}.usage-current{font-size:var(--font-size-4xl);font-weight:800;color:var(--color-text-primary);font-family:Monaco,Menlo,monospace}.usage-separator{font-size:var(--font-size-2xl);color:var(--color-text-muted)}.usage-limit{font-size:var(--font-size-xl);color:var(--color-text-secondary);font-family:Monaco,Menlo,monospace}.usage-bar-container{width:100%;height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden}.usage-bar{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width .5s ease}.usage-bar.warning{background:linear-gradient(135deg,#f59e0b,#f97316)}.usage-bar.blocked{background:linear-gradient(135deg,#ef4444,#dc2626)}.usage-details{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.usage-remaining{color:var(--color-text-secondary)}.usage-percent{color:var(--color-text-muted)}.btn-upgrade{margin-top:var(--spacing-md);width:100%;background:linear-gradient(135deg,#8b5cf633,#3b82f633);border:1px solid rgba(139,92,246,.3);color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:not-allowed;transition:all var(--transition-fast)}.btn-upgrade:disabled{opacity:.7}.btn-upgrade:not(:disabled):hover{background:var(--gradient-primary);border-color:transparent;color:#fff;cursor:pointer}.usage-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.usage-stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-secondary);border:var(--border-glass);border-radius:var(--border-radius-md)}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm)}.stat-icon.success{background:#10b98126;color:var(--color-accent-green)}.stat-icon.error{background:#ef444426;color:#ef4444}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);font-family:Monaco,Menlo,monospace}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.usage-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.usage-detail-card{background:var(--color-bg-secondary);border:var(--border-glass);border-radius:var(--border-radius-lg);padding:var(--spacing-xl)}.usage-detail-card.full-width{grid-column:1 / -1;margin-bottom:var(--spacing-lg)}.usage-detail-card.full-width:last-child{margin-bottom:0}.usage-detail-card h3{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);margin-bottom:var(--spacing-lg);text-transform:uppercase;letter-spacing:.08em}.usage-range-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);background:var(--color-bg-secondary);border:var(--border-glass);border-radius:var(--border-radius-md);flex-wrap:wrap}.range-buttons{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.range-btn{padding:6px 14px;font-size:var(--font-size-xs);border-radius:999px;border:1px solid rgba(148,163,184,.3);background:#0f172a99;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.range-btn:hover{border-color:#06b6d4b3;color:var(--color-text-primary)}.range-btn.active{background:var(--gradient-primary);border-color:transparent;color:#fff}.range-custom{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.range-custom label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.range-custom input{background:#0f172a99;border:1px solid rgba(148,163,184,.3);color:var(--color-text-primary);padding:6px 10px;border-radius:8px;font-size:var(--font-size-xs)}.range-note{font-size:var(--font-size-xs);color:var(--color-text-muted)}.usage-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.chart-card h3{margin-bottom:0}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.chart-subtitle{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:none;letter-spacing:.02em}.chart-meta{display:flex;flex-direction:column;gap:4px;font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:right}.chart-legend{display:flex;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.legend-item{display:flex;align-items:center;gap:6px}.legend-swatch{width:12px;height:12px;border-radius:4px;display:inline-block}.legend-swatch.calls{background:#06b6d473;border:1px solid rgba(6,182,212,.7)}.legend-swatch.cost{background:#3b82f640;border:1px solid rgba(59,130,246,.7)}.legend-swatch.avg{background:#3b82f6b3}.legend-swatch.p50{background:#06b6d4b3}.legend-swatch.p95{background:#a78bfad9}.chart-wrapper{background:var(--color-bg-tertiary);border-radius:var(--border-radius-md);padding:var(--spacing-md);border:var(--border-glass)}.chart-svg{width:100%;height:220px;display:block}.chart-surface{fill:#0f172a40}.chart-grid-line{stroke:#ffffff0f;stroke-width:1}.chart-axis-line{stroke:#ffffff1f;stroke-width:1}.chart-axis-text{fill:#94a3b8cc;font-size:10px;font-family:Monaco,Menlo,monospace}.chart-axis-text.end{text-anchor:end}.chart-bar{fill:#06b6d459}.chart-line{fill:none;stroke:#3b82f6cc;stroke-width:2.5}.chart-line.avg{stroke:#3b82f6d9}.chart-line.p50{stroke:#06b6d4e6}.chart-line.p95{stroke:#a78bfae6}.chart-point{fill:#3b82f6e6;stroke:#ffffff40;stroke-width:1}.chart-point.avg{fill:#3b82f6f2}.chart-point.p50{fill:#06b6d4f2}.chart-point.p95{fill:#a78bfae6}.chart-axis{display:flex;justify-content:space-between;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.chart-empty{display:flex;justify-content:center;align-items:center;min-height:180px;color:var(--color-text-muted);font-size:var(--font-size-sm);background:var(--color-bg-tertiary);border-radius:var(--border-radius-md);border:var(--border-glass)}.table-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.table-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.usage-table-wrapper{overflow-x:auto;border-radius:var(--border-radius-md);border:var(--border-glass);background:var(--color-bg-tertiary)}.table-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.table-filters{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.table-filters label{display:flex;flex-direction:column;gap:6px;font-size:var(--font-size-xs);color:var(--color-text-muted)}.table-filters select{min-width:160px;background:#0f172a99;border:1px solid rgba(148,163,184,.3);color:var(--color-text-primary);padding:8px 10px;border-radius:8px;font-size:var(--font-size-sm)}.usage-table{width:100%;border-collapse:collapse;min-width:1040px}.usage-table thead th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;background:#0f172a99;border-bottom:1px solid rgba(255,255,255,.08)}.usage-table tbody td{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:1px solid rgba(255,255,255,.04);vertical-align:top}.usage-table tbody tr:hover{background:#ffffff0a}.usage-table .mono{font-family:Monaco,Menlo,monospace;color:var(--color-text-primary);white-space:nowrap}.usage-table .prompt-cell{max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-primary)}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent;background:#94a3b81f;color:var(--color-text-muted)}.status-badge.success{background:#10b98126;border-color:#10b98166;color:var(--color-accent-green)}.status-badge.failed{background:#ef444426;border-color:#ef444466;color:#ef4444}.detail-rows{display:flex;flex-direction:column;gap:var(--spacing-md)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm)}.detail-row.total{background:var(--color-bg-glass);border:var(--border-glass)}.detail-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.detail-value{font-size:var(--font-size-base);font-weight:600;font-family:Monaco,Menlo,monospace;color:var(--color-text-primary)}.detail-row.sub-row{padding:var(--spacing-sm) var(--spacing-lg);padding-left:var(--spacing-2xl);background:#8b5cf614;border-left:2px solid var(--color-accent-purple);margin-left:var(--spacing-md)}.detail-row.sub-row .detail-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.detail-value.thinking{color:var(--color-accent-purple)}.tool-usage-table{display:flex;flex-direction:column;gap:2px}.tool-usage-header,.tool-usage-row{display:grid;grid-template-columns:1fr 120px 120px;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-md)}.tool-usage-header{background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.tool-usage-row{background:var(--color-bg-glass);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);transition:background var(--transition-fast)}.tool-usage-row:hover{background:#ffffff14}.tool-name-cell{font-family:Monaco,Menlo,monospace;color:var(--color-accent-cyan)}.tool-ops-cell{text-align:right;color:var(--color-text-secondary)}.tool-cost-cell{text-align:right;font-weight:600;font-family:Monaco,Menlo,monospace;color:var(--color-text-primary)}.cost-summary{margin-bottom:var(--spacing-md)}.cost-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm)}.cost-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.cost-value{font-size:var(--font-size-lg);font-weight:600;font-family:Monaco,Menlo,monospace;color:var(--color-text-primary)}.savings-section{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#10b9810f;border:1px solid rgba(16,185,129,.15);border-radius:var(--border-radius-md)}.savings-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap}.savings-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent-green)}.custom-dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-bg-tertiary);border:var(--border-glass);border-radius:var(--border-radius-md);color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);min-width:240px}.dropdown-trigger:hover{border-color:var(--color-accent-cyan);background:#ffffff0d}.dropdown-icon{width:20px;height:20px;object-fit:contain;flex-shrink:0}.dropdown-text{flex:1;text-align:left;font-weight:500}.dropdown-price{font-family:Monaco,Menlo,monospace;font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-secondary);padding:2px 6px;border-radius:4px}.dropdown-arrow{font-size:10px;color:var(--color-text-muted);margin-left:var(--spacing-xs)}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg-secondary);border:var(--border-glass);border-radius:var(--border-radius-md);box-shadow:0 8px 32px #0006;z-index:100;overflow:hidden;animation:dropdownFade .15s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast);text-align:left}.dropdown-item:hover{background:#ffffff14}.dropdown-item.active{background:#06b6d426}.dropdown-item .dropdown-text{font-weight:500}.dropdown-item .dropdown-price{font-size:var(--font-size-xs)}.savings-breakdown{display:flex;flex-direction:column;gap:var(--spacing-xs)}.savings-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.savings-row.note{font-size:var(--font-size-xs);color:var(--color-text-muted)}.savings-row.total{margin-top:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px solid rgba(16,185,129,.15);font-weight:600}.cost-expensive{color:#ef4444;font-family:Monaco,Menlo,monospace}.cost-cheap{color:var(--color-accent-cyan);font-family:Monaco,Menlo,monospace}.savings-amount{font-size:var(--font-size-lg);font-weight:700;font-family:Monaco,Menlo,monospace;color:var(--color-accent-green)}.token-value{color:var(--color-accent-cyan)}.tool-bars{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tool-bar-item{display:flex;align-items:center;gap:var(--spacing-md)}.tool-bar-name{flex:1 1 240px;min-width:240px;max-width:100%;font-size:var(--font-size-sm);font-family:Monaco,Menlo,monospace;color:var(--color-accent-cyan);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-bar-name:hover{overflow:visible;white-space:normal;word-break:break-all}.tool-bar-track{flex:0 1 180px;min-width:80px;height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden}.tool-bar-fill{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width var(--transition-base)}.tool-bar-count{width:50px;text-align:right;font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:Monaco,Menlo,monospace}.section-card{background:var(--color-bg-glass);border:var(--border-glass);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.section-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.metric-card{padding:var(--spacing-lg);background:var(--color-bg-glass);border:var(--border-glass);border-radius:var(--border-radius-md);text-align:center}.metric-value{font-size:var(--font-size-3xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.metric-card.success{border-color:#10b9814d;background:#10b9810d}.metric-card.success .metric-value{background:var(--color-accent-green);-webkit-background-clip:text;background-clip:text}.metric-card.error{border-color:#ef44444d;background:#ef44440d}.metric-card.error .metric-value{background:#ef4444;-webkit-background-clip:text;background-clip:text}.tools-usage{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tool-usage-item{display:flex;align-items:center;gap:var(--spacing-md)}.tool-name{width:140px;font-size:var(--font-size-sm);font-family:Monaco,Menlo,monospace;color:var(--color-accent-cyan)}.tool-bar-container{flex:1;height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden}.tool-bar{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width var(--transition-base)}.tool-count{width:40px;text-align:right;font-size:var(--font-size-sm);color:var(--color-text-muted)}.info-note{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.info-icon{flex-shrink:0}.empty-state,.error-container{text-align:center;padding:var(--spacing-3xl)}.empty-icon,.error-icon{font-size:64px;margin-bottom:var(--spacing-md)}.empty-state h3,.error-container h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.empty-state p,.error-container p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}@media(max-width:768px){.dashboard-sidebar{width:100%;position:relative;border-right:none;border-bottom:var(--border-glass)}.dashboard-main{margin-left:0}.dashboard-layout{flex-direction:column}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:var(--spacing-sm)}.sidebar-link{white-space:nowrap}.sidebar-footer{display:none}.dashboard-content{padding:var(--spacing-lg)}.install-step{flex-direction:column;gap:var(--spacing-md)}.roi-body{flex-direction:column;text-align:center}}.admin-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary)}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);background:#12121acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:var(--border-glass);position:sticky;top:0;z-index:100}.admin-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.admin-back-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text-secondary);border:var(--border-glass);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);transition:all var(--transition-fast);text-decoration:none}.admin-back-btn:hover{background:var(--color-bg-glass);color:var(--color-text-primary)}.admin-title{font-size:var(--font-size-xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.admin-nav{display:flex;gap:4px}.admin-tab{padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--border-radius-md);transition:all var(--transition-fast);text-decoration:none}.admin-tab:hover{background:var(--color-bg-glass);color:var(--color-text-primary)}.admin-tab.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.admin-main{flex:1}@media(max-width:768px){.admin-header{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.admin-nav{overflow-x:auto;width:100%}.admin-tab{white-space:nowrap}}.eval-run-row:hover{background:#8b5cf614!important}.eval-status{font-size:1.1rem}.eval-status-col{min-width:180px}.eval-dual-status{display:flex;flex-direction:column;gap:.25rem;font-size:.78rem}.eval-dual-status-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.eval-dual-status-row span:first-child{white-space:nowrap}.runner-controls{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,2fr) auto;gap:.75rem;align-items:end}.runner-run-wrap{display:flex;align-items:end}.runner-terminal{min-height:320px;max-height:60vh;overflow:auto;padding:.85rem;border-radius:8px;border:1px solid rgba(148,163,184,.22);background:linear-gradient(180deg,#030712f2,#020617fa);box-shadow:inset 0 1px #ffffff08}.runner-terminal-placeholder{color:#cbd5e199;font-size:.82rem}.runner-terminal-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.6rem;flex-wrap:wrap}.runner-view-toggle{display:flex;align-items:center;gap:.35rem}.runner-autoscroll-toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;opacity:.8}.runner-terminal-lines{display:flex;flex-direction:column;gap:.2rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.77rem;line-height:1.42}.runner-terminal-line{display:grid;grid-template-columns:minmax(0,240px) 1fr;gap:.55rem;align-items:start;color:#d1d5db}.runner-line-label{opacity:.72;text-transform:uppercase;letter-spacing:.03em;font-size:.69rem;padding-top:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.runner-line-text{white-space:pre-wrap;overflow-wrap:anywhere}.runner-terminal-line.stream-system .runner-line-label{color:#94a3b8}.runner-terminal-line.stream-with_coduce_stdout .runner-line-label,.runner-terminal-line.stream-with_coduce_stderr .runner-line-label{color:#22c55e}.runner-terminal-line.stream-without_coduce_stdout .runner-line-label,.runner-terminal-line.stream-without_coduce_stderr .runner-line-label{color:#60a5fa}.runner-terminal-line.is-stderr .runner-line-text{color:#fbbf24}.experiments-list-shell{border:1px solid rgba(148,163,184,.18);border-radius:10px;background:#0f172a59;overflow:hidden}.experiments-list-header{display:grid;grid-template-columns:44px minmax(320px,2fr) minmax(180px,1fr) 120px 170px;gap:.8rem;padding:.7rem .85rem;border-bottom:1px solid rgba(148,163,184,.18);background:#0f172a94}.experiments-list-header span{font-size:.69rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:700}.experiments-list-rows{margin:0;padding:0;list-style:none}.experiment-row{display:grid;grid-template-columns:44px minmax(320px,2fr) minmax(180px,1fr) 120px 170px;gap:.8rem;padding:.75rem .85rem;border-bottom:1px solid rgba(148,163,184,.13)}.experiment-row:last-child{border-bottom:none}.experiment-row-index{color:var(--color-text-muted);font-size:.78rem;font-weight:600;padding-top:.08rem}.experiment-row-main{min-width:0}.experiment-row-name{margin:0;color:var(--color-text-primary);font-size:.98rem;font-weight:700;line-height:1.25}.experiment-row-prompt{margin:.35rem 0 0;color:var(--color-text-secondary);font-size:.84rem;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.experiment-row-repo code,.experiment-row-commit code,.experiment-row-updated{display:inline-block;font-size:.75rem;color:#dbeafe;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-family:JetBrains Mono,Fira Code,monospace}.experiment-row-updated{color:var(--color-text-secondary);font-family:inherit}@media(max-width:900px){.runner-terminal-line{grid-template-columns:1fr;gap:.2rem;padding-bottom:.25rem;border-bottom:1px dashed rgba(148,163,184,.15)}}@media(max-width:760px){.experiments-list-header{display:none}.experiment-row{grid-template-columns:34px 1fr;gap:.5rem}.experiment-row-repo,.experiment-row-commit,.experiment-row-updated{grid-column:2}.experiment-row-repo:before,.experiment-row-commit:before,.experiment-row-updated:before{content:attr(data-label) ": ";font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-right:.35rem}.experiment-row-updated{font-size:.72rem}}@media(max-width:1024px){.runner-controls{grid-template-columns:1fr}}.eval-mode-badge{display:inline-block;padding:.15em .6em;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.eval-mode-badge.skill{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.eval-mode-badge.no-skill{background:#fbbf241f;color:#fbbf24;border:1px solid rgba(251,191,36,.25)}.eval-file-tag{display:inline-block;padding:.3em .75em;background:#3b82f61f;color:#93c5fd;border:1px solid rgba(59,130,246,.25);border-radius:6px;font-size:.82rem;font-family:JetBrains Mono,Fira Code,monospace}.eval-timeline{display:flex;flex-direction:column;gap:.75rem}.eval-timeline-item{padding:.85rem 1rem;border-left:3px solid #444;background:#00000026;border-radius:0 8px 8px 0;transition:background var(--transition-fast)}.eval-timeline-item:hover{background:#00000040}.eval-timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.eval-timeline-role{font-weight:700;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.eval-timeline-time{font-size:.75rem;color:var(--color-text-muted)}.eval-timeline-content{font-size:.9rem;line-height:1.6;color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word}.eval-timeline-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.eval-meta-tag{display:inline-block;padding:.15em .5em;font-size:.7rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:var(--color-text-muted);font-family:JetBrains Mono,Fira Code,monospace}