@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";.landing{background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}.landing-nav{z-index:200;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-primary);background:#09090bcc;position:fixed;top:0;left:0;right:0}.landing-nav__inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 2rem;display:flex}.landing-logo{align-items:center;gap:.5rem;display:flex}.landing-logo__icon{background:linear-gradient(135deg, var(--accent), #6366f1);color:#fff;border-radius:.5rem;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.landing-logo__text{color:var(--text-primary);font-size:1.125rem;font-weight:700}.landing-nav__links{align-items:center;gap:2rem;display:flex}.landing-nav__link{color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:color .2s}.landing-nav__link:hover{color:var(--text-primary)}.landing-nav__actions{align-items:center;gap:.75rem;display:flex}.landing-nav__mobile{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;display:none}.landing-nav__cta-mobile{display:none}.btn-landing{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-landing--primary{background:var(--accent);color:#fff}.btn-landing--primary:hover{background:var(--accent-hover);box-shadow:0 4px 20px #a78bfa4d}.btn-landing--ghost{color:var(--text-secondary);background:0 0}.btn-landing--ghost:hover{color:var(--text-primary)}.btn-landing--outline{color:var(--text-secondary);border:1px solid var(--border-secondary);background:0 0}.btn-landing--outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.btn-landing--lg{padding:.75rem 1.5rem;font-size:.9375rem}.btn-landing--full{justify-content:center;width:100%}.hero{text-align:center;max-width:1200px;margin:0 auto;padding:10rem 2rem 5rem;position:relative}.hero__badge{background:var(--accent-subtle);color:var(--accent);border:1px solid #a78bfa33;border-radius:9999px;align-items:center;gap:.375rem;margin-bottom:2rem;padding:.375rem 1rem;font-size:.75rem;font-weight:600;display:inline-flex}.hero__title{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1}.hero__gradient{background:linear-gradient(135deg, var(--accent), #818cf8, #6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__desc{color:var(--text-secondary);max-width:640px;margin:0 auto 2.5rem;font-size:1.125rem;line-height:1.7}.hero__cta{justify-content:center;align-items:center;gap:.75rem;margin-bottom:4rem;display:flex}.hero__visual{perspective:1000px;max-width:900px;margin:0 auto}.hero__browser{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:1rem;overflow:hidden;box-shadow:0 20px 80px #00000080,0 0 0 1px #a78bfa0d}.hero__browser-bar{border-bottom:1px solid var(--border-primary);background:var(--bg-tertiary);align-items:center;gap:.75rem;padding:.875rem 1.25rem;display:flex}.hero__dots{gap:6px;display:flex}.hero__dots span{background:var(--border-secondary);border-radius:50%;width:12px;height:12px}.hero__dots span:first-child{background:#ef4444}.hero__dots span:nth-child(2){background:#f59e0b}.hero__dots span:last-child{background:#22c55e}.hero__url{text-align:center;color:var(--text-muted);flex:1;font-family:JetBrains Mono,monospace;font-size:.75rem}.hero__browser-content{padding:2rem}.hero__mini-stats{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.hero__mini-stat{background:var(--bg-tertiary);border:1px solid var(--border-primary);text-align:center;border-radius:.75rem;padding:1rem}.hero__mini-val{color:var(--text-primary);font-size:1.5rem;font-weight:700;display:block}.hero__mini-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.25rem;font-size:.7rem;display:block}.hero__mini-chart{align-items:flex-end;gap:6px;height:120px;display:flex}.hero__mini-bar{background:linear-gradient(180deg, var(--accent), #a78bfa4d);border-radius:4px 4px 0 0;flex:1;min-height:8px;animation:1s forwards barGrow}@keyframes barGrow{0%{transform-origin:bottom;transform:scaleY(0)}to{transform-origin:bottom;transform:scaleY(1)}}.landing-stats{border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1000px;margin:0 auto 6rem;padding:3rem 2rem;display:grid}.landing-stat{text-align:center}.landing-stat__value{background:linear-gradient(135deg, var(--text-primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.landing-stat__label{color:var(--text-tertiary);margin-top:.25rem;font-size:.8125rem}.landing-section{max-width:1200px;margin:0 auto;padding:5rem 2rem}.landing-section__header{text-align:center;margin-bottom:4rem}.landing-badge{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;font-size:.75rem;font-weight:600;display:inline-block}.landing-section__title{letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15}.landing-section__desc{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:1.0625rem;line-height:1.6}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;padding:2rem;transition:border-color .3s,box-shadow .3s,transform .3s}.feature-card:hover{border-color:var(--border-secondary);transform:translateY(-4px);box-shadow:0 8px 40px #0000004d}.feature-card__icon{background:var(--accent-subtle);width:48px;height:48px;color:var(--accent);border-radius:.75rem;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.feature-card__title{margin-bottom:.5rem;font-size:1.0625rem;font-weight:600}.feature-card__desc{color:var(--text-tertiary);font-size:.875rem;line-height:1.6}.steps-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.step-card{text-align:center;padding:2rem}.step-card__num{background:linear-gradient(180deg, var(--accent), transparent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:800;line-height:1}.step-card__title{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.step-card__desc{color:var(--text-tertiary);font-size:.875rem;line-height:1.6}.pricing-toggle{color:var(--text-tertiary);justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;font-size:.875rem;display:flex}.pricing-toggle .active{color:var(--text-primary);font-weight:600}.pricing-toggle small{color:var(--success);font-weight:600}.pricing-toggle__switch{background:var(--border-secondary);cursor:pointer;border:none;border-radius:9999px;width:44px;height:24px;transition:background .2s;position:relative}.pricing-toggle__switch.on{background:var(--accent)}.pricing-toggle__switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.pricing-toggle__switch.on:after{transform:translate(20px)}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:1.5rem;display:grid}.pricing-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;padding:2rem;transition:border-color .3s,box-shadow .3s;position:relative}.pricing-card.popular{border-color:var(--accent);box-shadow:0 8px 40px #a78bfa26}.pricing-card__badge{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .75rem;font-size:.65rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card__name{color:var(--text-secondary);margin-bottom:.5rem;font-size:1rem;font-weight:600}.pricing-card__price{color:var(--text-primary);margin-bottom:.375rem;font-size:3rem;font-weight:800;line-height:1}.pricing-card__price span{color:var(--text-muted);font-size:1rem;font-weight:500}.pricing-card__desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:.8125rem}.pricing-card__features{margin-bottom:2rem;list-style:none}.pricing-card__features li{color:var(--text-secondary);align-items:center;gap:.5rem;padding:.375rem 0;font-size:.8125rem;display:flex}.pricing-card__features li svg{color:var(--success);flex-shrink:0}.landing-cta{text-align:center;background:linear-gradient(#0000,#a78bfa0d);padding:6rem 2rem}.landing-cta__title{letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:800}.landing-cta__desc{color:var(--text-secondary);margin-bottom:2rem;font-size:1.0625rem}.landing-footer{border-top:1px solid var(--border-primary);padding:4rem 2rem 2rem}.landing-footer__inner{grid-template-columns:1.5fr 2fr;gap:4rem;max-width:1200px;margin:0 auto 3rem;display:grid}.landing-footer__tagline{color:var(--text-muted);margin-top:1rem;font-size:.875rem;line-height:1.6}.landing-footer__social{gap:1rem;margin-top:1.5rem;display:flex}.landing-footer__social a{color:var(--text-muted);transition:color .2s}.landing-footer__social a:hover{color:var(--accent)}.landing-footer__links{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.landing-footer__col h4{color:var(--text-primary);margin-bottom:1rem;font-size:.875rem;font-weight:600}.landing-footer__col a{color:var(--text-muted);padding:.25rem 0;font-size:.8125rem;transition:color .2s;display:block}.landing-footer__col a:hover{color:var(--text-secondary)}.landing-footer__bottom{border-top:1px solid var(--border-primary);text-align:center;max-width:1200px;color:var(--text-muted);margin:0 auto;padding-top:2rem;font-size:.75rem}@media (width<=768px){.landing-nav__links{display:none}.landing-nav__links.open{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);flex-direction:column;gap:1rem;padding:1.5rem;display:flex;position:absolute;top:64px;left:0;right:0}.landing-nav__cta-mobile{gap:.75rem;margin-top:.5rem;display:flex}.landing-nav__actions{display:none}.landing-nav__mobile{display:block}.hero{padding:8rem 1.5rem 3rem}.hero__cta{flex-direction:column}.hero__mini-stats{grid-template-columns:repeat(2,1fr)}.landing-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.features-grid,.steps-grid,.pricing-grid{grid-template-columns:1fr}.landing-footer__inner{grid-template-columns:1fr;gap:2rem}.landing-footer__links{grid-template-columns:repeat(3,1fr)}}.auth-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.auth-bg-glow{pointer-events:none;background:radial-gradient(circle,#a78bfa14 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:1.25rem;width:100%;max-width:420px;padding:2.5rem;position:relative;box-shadow:0 20px 60px #0006}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{align-items:center;gap:.5rem;margin-bottom:1.5rem;text-decoration:none;display:inline-flex}.auth-logo__icon{background:linear-gradient(135deg, var(--accent), #6366f1);color:#fff;border-radius:.625rem;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.auth-logo__text{color:var(--text-primary);font-size:1.25rem;font-weight:700}.auth-title{color:var(--text-primary);margin-bottom:.375rem;font-size:1.5rem;font-weight:700}.auth-subtitle{color:var(--text-tertiary);font-size:.875rem}.auth-social{flex-direction:column;gap:.625rem;margin-bottom:1.5rem;display:flex}.auth-social-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);width:100%;color:var(--text-secondary);cursor:pointer;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.auth-social-btn:hover{border-color:var(--border-secondary);background:var(--bg-elevated);color:var(--text-primary)}.auth-divider{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-primary);flex:1;height:1px}.auth-divider span{color:var(--text-muted);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-field{flex-direction:column;gap:.375rem;display:flex}.auth-label{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.auth-label-row{justify-content:space-between;align-items:center;display:flex}.auth-forgot{color:var(--accent);font-size:.75rem;font-weight:500;text-decoration:none}.auth-forgot:hover{text-decoration:underline}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--text-muted);pointer-events:none;z-index:1;position:absolute;left:.875rem}.auth-input{background:var(--bg-tertiary);border:1px solid var(--border-primary);width:100%;color:var(--text-primary);border-radius:.625rem;outline:none;padding:.625rem .875rem .625rem 2.5rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #a78bfa26}.auth-input::placeholder{color:var(--text-muted)}.auth-input-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:.25rem;display:flex;position:absolute;right:.75rem}.auth-input-toggle:hover{color:var(--text-secondary)}.auth-terms{color:var(--text-muted);font-size:.7rem;line-height:1.5}.auth-terms a{color:var(--accent);text-decoration:none}.auth-terms a:hover{text-decoration:underline}.auth-submit{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:.625rem;justify-content:center;align-items:center;gap:.375rem;width:100%;padding:.75rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.auth-submit:hover{background:var(--accent-hover);box-shadow:0 4px 20px #a78bfa4d}.auth-footer-text{text-align:center;color:var(--text-muted);margin-top:1.5rem;font-size:.8125rem}.auth-link{color:var(--accent);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}@media (width<=480px){.auth-card{border-radius:1rem;padding:1.75rem}.auth-title{font-size:1.25rem}}.auth-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:.625rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.625rem .875rem;font-size:.8125rem;display:flex}.auth-submit:disabled{opacity:.6;cursor:not-allowed}:root{--bg-primary:#09090b;--bg-secondary:#0f0f12;--bg-tertiary:#18181b;--bg-card:#131316;--bg-card-hover:#1a1a1f;--bg-elevated:#1e1e24;--border-primary:#27272a;--border-secondary:#3f3f46;--border-hover:#52525b;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-muted:#52525b;--accent:#a78bfa;--accent-hover:#8b5cf6;--accent-subtle:#a78bfa1a;--success:#22c55e;--success-subtle:#22c55e1f;--danger:#ef4444;--danger-subtle:#ef44441f;--warning:#f59e0b;--warning-subtle:#f59e0b1f;--info:#3b82f6;--info-subtle:#3b82f61f;--sidebar-width:260px;--topbar-height:56px;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-primary);z-index:100;transition:transform var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--border-primary);padding:1.25rem .875rem}.workspace-selector{border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:.75rem;padding:.5rem .625rem;display:flex}.workspace-selector:hover{background:var(--bg-tertiary)}.workspace-avatar{background:linear-gradient(135deg, var(--accent), #6366f1);color:#fff;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex}.workspace-info{flex:1;min-width:0}.workspace-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.workspace-plan{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem;font-weight:600}.workspace-chevron{color:var(--text-tertiary)}.sidebar-nav{flex:1;padding:.75rem;overflow-y:auto}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:.625rem;width:100%;margin-bottom:2px;padding:.5rem .625rem;font-size:.8125rem;font-weight:500;display:flex}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--accent-subtle);color:var(--accent);font-weight:600}.nav-item svg{flex-shrink:0;width:18px;height:18px}.nav-badge{border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);margin-left:auto;padding:.125rem .375rem;font-size:.65rem;font-weight:600}.nav-item.active .nav-badge{background:var(--accent-subtle);color:var(--accent)}.nav-live-dot{background:var(--success);border-radius:50%;width:8px;height:8px;margin-left:auto;animation:2s infinite pulse-live}@keyframes pulse-live{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.8;box-shadow:0 0 0 6px #22c55e00}}.sidebar-footer{border-top:1px solid var(--border-primary);padding:1rem .875rem}.sidebar-stats{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.sidebar-stat{background:var(--bg-tertiary);border-radius:var(--radius-lg);text-align:center;padding:.75rem}.sidebar-stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.2}.sidebar-stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-top:.125rem;font-size:.625rem;font-weight:500}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh}.topbar{z-index:50;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-primary);height:var(--topbar-height);background:#09090bd9;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:.75rem;display:flex}.topbar-title{color:var(--text-primary);font-size:1rem;font-weight:600}.topbar-actions{align-items:center;gap:.75rem;display:flex}.search-box{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:border-color var(--transition-fast);align-items:center;gap:.5rem;min-width:200px;padding:.4rem .75rem;font-size:.8125rem;display:flex}.search-box:hover{border-color:var(--border-secondary)}.search-box kbd{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-primary);border-radius:.25rem;margin-left:auto;padding:.125rem .375rem;font-family:inherit;font-size:.625rem}.user-avatar{background:linear-gradient(135deg, var(--accent), #6366f1);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:600;display:flex}.page-content{max-width:1400px;padding:2rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);padding:1.25rem}.stat-card:hover{border-color:var(--border-secondary);box-shadow:0 4px 20px #0000004d}.stat-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.stat-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.stat-icon svg{width:16px;height:16px}.stat-value{color:var(--text-primary);margin-bottom:.5rem;font-size:1.75rem;font-weight:700;line-height:1}.stat-change{border-radius:var(--radius-full);align-items:center;gap:.25rem;padding:.125rem .375rem;font-size:.75rem;font-weight:500;display:inline-flex}.stat-change.up{color:var(--success);background:var(--success-subtle)}.stat-change.down{color:var(--danger);background:var(--danger-subtle)}.charts-grid{grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.chart-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:1.5rem}.chart-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.chart-title{color:var(--text-primary);font-size:.9375rem;font-weight:600}.period-group{background:var(--bg-tertiary);border-radius:var(--radius-md);gap:.25rem;padding:.125rem;display:flex}.period-btn{border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:.25rem .625rem;font-size:.75rem;font-weight:500}.period-btn:hover{color:var(--text-secondary)}.period-btn.active{background:var(--accent);color:#fff}.bar-chart{align-items:flex-end;gap:4px;height:200px;padding-bottom:.5rem;display:flex}.bar{min-height:4px;transition:all var(--transition-normal);cursor:pointer;background:var(--accent);opacity:.6;border-radius:3px 3px 0 0;flex:1;position:relative}.bar:hover{opacity:1;box-shadow:0 0 12px #a78bfa4d}.donut-container{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.donut-wrapper{width:180px;height:180px;position:relative}.donut-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-center-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.donut-center-label{color:var(--text-tertiary);font-size:.7rem}.donut-legend{width:100%}.legend-item{align-items:center;gap:.5rem;padding:.375rem 0;font-size:.8125rem;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.legend-label{color:var(--text-secondary);flex:1}.legend-value{color:var(--text-primary);font-weight:600}.data-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden}.data-card-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.data-card-title{color:var(--text-primary);font-size:.9375rem;font-weight:600}.table-row{transition:background var(--transition-fast);border-bottom:1px solid #27272a80;align-items:center;gap:.75rem;padding:.875rem 1.25rem;display:flex}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--bg-card-hover)}.link-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);align-items:center;gap:1rem;margin-bottom:.5rem;padding:1rem 1.25rem;display:flex}.link-card:hover{border-color:var(--border-secondary);box-shadow:0 4px 20px #0003}.link-favicon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.link-body{flex:1;min-width:0}.link-url{color:var(--text-primary);font-size:.875rem;font-weight:600}.link-dest{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin-top:.125rem;font-size:.75rem;overflow:hidden}.link-tags{gap:.375rem;margin-top:.375rem;display:flex}.tag{border-radius:var(--radius-full);padding:.125rem .5rem;font-size:.625rem;font-weight:500}.link-stats{flex-shrink:0;gap:1.5rem;display:flex}.link-stat{text-align:center}.link-stat-value{color:var(--text-primary);font-size:1rem;font-weight:700}.link-stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:.625rem}.icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-primary)}.icon-btn svg{width:14px;height:14px}.pct-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;display:grid}.pct-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);text-align:center;padding:1.5rem;position:relative;overflow:hidden}.pct-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.pct-card.fire:before{background:var(--success)}.pct-card.bot:before{background:var(--danger)}.pct-card.miss:before{background:var(--warning)}.pct-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1rem;display:flex}.pct-card.fire .pct-icon{background:var(--success-subtle);color:var(--success)}.pct-card.bot .pct-icon{background:var(--danger-subtle);color:var(--danger)}.pct-card.miss .pct-icon{background:var(--warning-subtle);color:var(--warning)}.pct-value{margin-bottom:.25rem;font-size:2.5rem;font-weight:800;line-height:1}.pct-card.fire .pct-value{color:var(--success)}.pct-card.bot .pct-value{color:var(--danger)}.pct-card.miss .pct-value{color:var(--warning)}.pct-label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.pct-count{color:var(--text-tertiary);font-size:.75rem}.pct-bar{border-radius:var(--radius-full);background:var(--bg-tertiary);height:6px;margin-top:1rem;overflow:hidden}.pct-bar-fill{border-radius:var(--radius-full);height:100%;transition:width 1s}.pct-card.fire .pct-bar-fill{background:var(--success)}.pct-card.bot .pct-bar-fill{background:var(--danger)}.pct-card.miss .pct-bar-fill{background:var(--warning)}.live-indicator{background:var(--success-subtle);border-radius:var(--radius-full);color:var(--success);border:1px solid #22c55e33;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:flex}.live-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-live}.feed-item{border-bottom:1px solid #27272a80;align-items:center;gap:.75rem;padding:.75rem 1.25rem;animation:.3s fadeSlideIn;display:flex}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.feed-status{border-radius:50%;flex-shrink:0;width:10px;height:10px}.feed-status.fire{background:var(--success)}.feed-status.bot{background:var(--danger)}.feed-status.miss{background:var(--warning)}.feed-info{flex:1;min-width:0}.feed-url{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.feed-meta{color:var(--text-tertiary);margin-top:.125rem;font-size:.7rem}.type-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;padding:.125rem .5rem;font-size:.625rem;font-weight:600}.type-badge.fire{background:var(--success-subtle);color:var(--success)}.type-badge.bot{background:var(--danger-subtle);color:var(--danger)}.type-badge.miss{background:var(--warning-subtle);color:var(--warning)}.feed-time{color:var(--text-muted);text-align:right;flex-shrink:0;min-width:50px;font-size:.7rem}.trace-head{background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;grid-template-columns:40px 2fr 1fr 80px 100px 80px;gap:.75rem;padding:.75rem 1.25rem;font-size:.7rem;font-weight:600;display:grid}.trace-row{transition:background var(--transition-fast);border-bottom:1px solid #27272a80;grid-template-columns:40px 2fr 1fr 80px 100px 80px;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:.8125rem;display:grid}.trace-row:last-child{border-bottom:none}.trace-row:hover{background:var(--bg-card-hover)}.trace-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:28px;height:28px;display:flex}.trace-icon.fire{background:var(--success-subtle);color:var(--success)}.trace-icon.bot{background:var(--danger-subtle);color:var(--danger)}.trace-icon.miss{background:var(--warning-subtle);color:var(--warning)}.trace-icon svg{width:14px;height:14px}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 16px #a78bfa4d}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-secondary);color:var(--text-primary)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.filter-btn{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.375rem;padding:.4rem .75rem;font-size:.8125rem;display:flex}.filter-btn:hover{border-color:var(--border-secondary);background:var(--bg-tertiary)}.filter-btn.active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.filter-btn svg{width:14px;height:14px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;animation:.25s modalSlideIn;overflow-y:auto;box-shadow:0 20px 60px #0006}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{color:var(--text-primary);font-size:1.125rem;font-weight:700}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border-primary);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.8125rem;font-weight:600;display:block}.form-input{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;outline:none;padding:.5rem .75rem;font-size:.875rem}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #a78bfa26}.form-input::placeholder{color:var(--text-muted)}.form-input-group{display:flex}.form-prefix{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md) 0 0 var(--radius-md);color:var(--text-tertiary);white-space:nowrap;border-right:none;align-items:center;padding:0 .75rem;font-size:.8125rem;display:flex}.form-input-group .form-input{border-radius:0 var(--radius-md) var(--radius-md) 0}.form-help{color:var(--text-muted);margin-top:.375rem;font-size:.7rem}.toggle-row{border-bottom:1px solid #27272a80;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.toggle-desc{color:var(--text-muted);margin-top:.125rem;font-size:.7rem}.toggle-switch{background:var(--border-secondary);border-radius:var(--radius-full);cursor:pointer;width:40px;height:22px;transition:background var(--transition-normal);border:none;flex-shrink:0;position:relative}.toggle-switch.on{background:var(--accent)}.toggle-switch:after{content:"";width:18px;height:18px;transition:transform var(--transition-normal);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-switch.on:after{transform:translate(18px)}.settings-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);margin-bottom:1.5rem;overflow:hidden}.settings-card-header{border-bottom:1px solid var(--border-primary);padding:1.25rem 1.5rem}.settings-card-title{color:var(--text-primary);font-size:1rem;font-weight:600}.settings-card-desc{color:var(--text-tertiary);margin-top:.25rem;font-size:.8125rem}.settings-card-body{padding:1.5rem}.settings-card-footer{border-top:1px solid var(--border-primary);background:var(--bg-tertiary);justify-content:flex-end;padding:1rem 1.5rem;display:flex}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid,.pct-grid{grid-template-columns:1fr}.trace-head,.trace-row{grid-template-columns:40px 1fr 80px 80px}.trace-head>:nth-child(3),.trace-row>:nth-child(3),.trace-head>:nth-child(5),.trace-row>:nth-child(5){display:none}}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.page-content{padding:1rem}.topbar{padding:0 1rem}.stats-grid{grid-template-columns:1fr}.search-box{display:none}.mobile-menu-btn{display:flex!important}}.mobile-menu-btn{display:none}.mobile-overlay{z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:fixed;inset:0}.page-loading{text-align:center;color:var(--text-muted);padding:4rem 2rem;font-size:.9375rem}.empty-state{text-align:center;color:var(--text-secondary);padding:4rem 2rem}.empty-state h3{margin-bottom:.5rem;font-size:1.25rem}.empty-state p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.875rem}.chart-empty,.table-empty{min-height:200px;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;padding:2rem;font-size:.875rem;display:flex}.search-input-wrap{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-muted);flex:1;align-items:center;gap:.5rem;max-width:320px;padding:.5rem .75rem;display:flex}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.8125rem}.search-input::placeholder{color:var(--text-muted)}.btn-full{justify-content:center;width:100%}.icon-btn.sm{width:32px;height:32px}.icon-btn.danger{color:var(--text-muted)}.icon-btn.danger:hover{color:var(--danger);background:#ef44441a}.trace-summary{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.trace-summary-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);text-align:center;cursor:pointer;padding:1.25rem;transition:all .2s}.trace-summary-card:hover,.trace-summary-card.active{border-color:var(--accent);background:var(--accent-subtle)}.trace-summary-count{color:var(--text-primary);font-size:2rem;font-weight:800}.trace-summary-label{color:var(--text-muted);margin-top:.25rem;font-size:.8125rem}.trace-filters{gap:.375rem;display:flex}.trace-filter-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;padding:.375rem .75rem;font-size:.75rem;transition:all .2s}.trace-filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.trace-slug{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.8125rem}.trace-location,.trace-device,.trace-time{color:var(--text-tertiary);align-items:center;gap:.375rem;font-size:.75rem;display:flex}.trace-icon.fire{color:var(--success)}.trace-icon.bot{color:var(--danger)}.trace-icon.miss{color:var(--warning)}.page-top-bar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-top-actions{gap:.5rem;display:flex}.modal-tags-input{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:.375rem;min-height:40px;padding:.5rem;display:flex}.modal-tag{background:var(--accent-subtle);border-radius:var(--radius-full);color:var(--accent);border:1px solid #a78bfa33;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.7rem;display:inline-flex}.modal-tag button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;line-height:1}.modal-tag-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:80px;font-size:.8125rem}.modal-tag-input::placeholder{color:var(--text-muted)}.modal-toggles{flex-direction:column;gap:.75rem;margin:.5rem 0;display:flex}.modal-toggle{cursor:pointer;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.modal-toggle-label{color:var(--text-secondary);font-size:.8125rem}.toggle-on{color:var(--accent)}.toggle-off{color:var(--text-muted)}