@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=DM+Serif+Display:ital@0;1&display=swap";:root{--black-950:#0b0c10;--black-900:#12131a;--black-800:#1f2833;--black-700:#2c3540;--black-600:#475569;--black-500:#64748b;--lime-300:#ffc299;--lime-400:#ffa366;--lime-500:#ff5c00;--lime-600:#e04d00;--surface-1:#1f2833;--surface-2:#12131a;--surface-3:#2c3540;--border:#ffffff14;--border-hover:#ff5c0059;--text-primary:#fff;--text-secondary:#c5c6c7;--text-muted:#6b7280;--navbar-bg:11, 12, 16;--bg:var(--black-950);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-body:"Inter", -apple-system, sans-serif;--font-display:"DM Serif Display", Georgia, serif;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 32px #00000080;--shadow-lg:0 16px 64px #0009;--card-shadow:0 4px 16px #0000004d;--card-shadow-hover:0 12px 32px #00000080;--card-bg-hover:#242e3b;--trans-white-10:#ffffff1a;--trans-white-04:#ffffff0a}:root[data-theme=light]{--black-950:#f6f4ed;--black-900:#efe9de;--black-800:#faf8f5;--black-700:#e3d9c9;--black-600:#7c7365;--black-500:#595146;--lime-300:#ffa366;--lime-400:#ff7a2b;--lime-500:#ff5c00;--lime-600:#d94e00;--surface-1:#faf8f5;--surface-2:#efe9de;--surface-3:#e4dccf;--border:#7c736538;--border-hover:#ff5c0080;--text-primary:#1c1917;--text-secondary:#57524a;--text-muted:#8f887c;--navbar-bg:246, 244, 237;--bg:var(--black-950);--card-shadow:0 4px 12px #7c736514;--card-shadow-hover:0 12px 28px #7c736524, 0 0 0 1px #ff5c0026;--card-bg-hover:#fff;--trans-white-10:#7c736526;--trans-white-04:#7c73650d;--shadow-sm:0 2px 6px #7c73650f;--shadow-md:0 6px 20px #7c736514;--shadow-lg:0 12px 40px #7c73651f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;transition:background .3s,color .3s,border-color .3s;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary);font-weight:700;line-height:1.2}.display-text{font-family:var(--font-display);letter-spacing:-.01em}a{color:inherit}.page-container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.page-content{max-width:1280px;margin:0 auto;padding:2.5rem 1.5rem}.section-gap{margin-top:4rem}.btn-primary{background:linear-gradient(135deg, var(--lime-500), var(--lime-400));color:#0a0c1b;border-radius:var(--radius-md);cursor:pointer;font-size:.9375rem;font-weight:700;font-family:var(--font-body);border:none;align-items:center;gap:.5rem;padding:.75rem 1.75rem;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 20px #ff5c0033}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #ff5c0059}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--surface-2);color:var(--text-primary);border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;font-size:.9375rem;font-weight:600;font-family:var(--font-body);align-items:center;gap:.5rem;padding:.75rem 1.75rem;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--surface-3);border-color:var(--border-hover)}.btn-ghost{color:var(--text-secondary);border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;font-size:.9375rem;font-weight:600;font-family:var(--font-body);background:0 0;align-items:center;gap:.5rem;padding:.75rem 1.75rem;text-decoration:none;transition:all .15s;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-hover)}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:var(--border-hover);box-shadow:var(--card-shadow-hover);background:var(--card-bg-hover)}.card-lg{border-radius:var(--radius-xl);padding:2rem}.pill{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;gap:.3rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.pill-lime{color:var(--lime-400);background:#ff5c001a;border:1px solid #ff5c0033}.pill-green{color:#34d399;background:#34d3991a;border:1px solid #34d39933}.pill-blue{color:#60a5fa;background:#60a5fa1a;border:1px solid #60a5fa33}.pill-red{color:#f87171;background:#f871711a;border:1px solid #f8717133}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}@media (width<=1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.section-title{letter-spacing:-.02em;font-size:1.375rem;font-weight:700}.section-sub{color:var(--text-muted);margin-top:.25rem;font-size:.875rem;font-weight:400}.gradient-text{background:linear-gradient(135deg, var(--lime-500), #fc9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-lime{box-shadow:0 0 40px #ff5c0026}.divider{border:none;border-top:1px solid var(--border);margin:2rem 0}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:3rem;display:flex}.empty-state-icon{opacity:.5;font-size:2.5rem}.empty-state-text{color:var(--text-muted);font-size:.9rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--black-500)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade{animation:.4s forwards fadeIn}.animate-slide{animation:.5s forwards slideUp}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.form-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:.9375rem;font-family:var(--font-body);outline:none;padding:.75rem 1rem;transition:border-color .15s}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--lime-400);box-shadow:0 0 0 3px #ff5c0026}.form-label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.875rem;font-weight:600;display:block}textarea.form-input{resize:vertical;min-height:120px}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);background-size:200% 100%;border-radius:6px;animation:1.5s infinite shimmer}.page-enter{animation:.4s slideUp}.navbar{z-index:100;background:rgba(var(--navbar-bg,8, 12, 30), .8);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:sticky;top:0}.navbar-inner{align-items:center;gap:2rem;max-width:1280px;height:64px;margin:0 auto;padding:0 1.5rem;display:flex}.navbar-logo{color:var(--text-primary);letter-spacing:-.02em;flex-shrink:0;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.logo-icon,.logo-accent{color:var(--lime-400)}.navbar-links{flex:1;align-items:center;gap:.25rem;display:flex}.nav-link{color:var(--text-secondary);white-space:nowrap;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-link:hover{color:var(--text-primary);background:var(--surface-2)}.nav-link.active{color:var(--lime-400);background:#a3e63514}.navbar-right{flex-shrink:0;align-items:center;gap:.75rem;margin-left:auto;display:flex}.navbar-auth-btns{align-items:center;gap:.5rem;display:flex}.btn-ghost-sm{color:var(--text-secondary);border:1px solid var(--border);background:var(--surface-1);box-shadow:var(--shadow-sm);border-radius:8px;justify-content:center;align-items:center;padding:.45rem 1.125rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-ghost-sm:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--surface-2)}.btn-lime-sm{background:var(--lime-400);color:#0a0c1b;border-radius:8px;padding:.45rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s}.btn-lime-sm:hover{background:var(--lime-300)}.user-menu{position:relative}.user-avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.25rem;transition:background .15s;display:flex}.user-avatar-btn:hover{background:var(--surface-2)}.user-avatar{background:linear-gradient(135deg, var(--lime-500), var(--lime-300));color:#0a0c1b;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex;overflow:hidden}.user-avatar-img{object-fit:cover;width:100%;height:100%}.plan-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.plan-badge.free{background:var(--surface-3);color:var(--text-muted)}.plan-badge.pro{background:linear-gradient(135deg, var(--lime-500), var(--lime-300));color:#0a0c1b}.user-dropdown{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;min-width:220px;padding:.5rem;animation:.15s fadeInDown;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 16px 48px #0006}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-user-info{border-bottom:1px solid var(--border);flex-direction:column;gap:.15rem;margin-bottom:.5rem;padding:.75rem .75rem .5rem;display:flex}.dropdown-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.dropdown-email{color:var(--text-muted);font-size:.8rem}.dropdown-upgrade{color:var(--lime-400);background:linear-gradient(135deg,#a3e63526,#a3e6350d);border:1px solid #a3e6354d;border-radius:8px;margin-bottom:.25rem;padding:.6rem .75rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:block}.dropdown-upgrade:hover{background:#a3e63533}.dropdown-link{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;margin-bottom:.25rem;padding:.6rem .75rem;font-size:.875rem;text-decoration:none;transition:all .15s;display:block}.dropdown-link:hover{color:var(--text-primary);background:var(--surface-2)}.admin-link-accent{font-weight:600;color:var(--lime-500)!important}.admin-link-accent:hover{background:#ff5c0014!important}.dropdown-logout{width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;padding:.6rem .75rem;font-size:.875rem;transition:all .15s;display:block}.dropdown-logout:hover{color:#f87171;background:#f871711a}.mobile-menu-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.4rem;transition:all .15s;display:none}.mobile-menu-btn:hover{color:var(--text-primary);background:var(--surface-2)}@media (width<=768px){.navbar-links{background:var(--surface-1);border-bottom:1px solid var(--border);flex-direction:column;gap:.25rem;padding:1rem;display:none;position:absolute;top:64px;left:0;right:0}.navbar-links.open{display:flex}.nav-link{width:100%;padding:.75rem 1rem}.mobile-menu-btn{display:flex}.navbar-auth-btns .btn-ghost-sm{display:none}}.theme-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.theme-toggle-btn:hover{color:var(--text-primary);background:var(--surface-2)}.theme-toggle-btn svg{transition:transform .3s}.theme-toggle-btn:active svg{transform:rotate(30deg)scale(.9)}.landing{overflow-x:hidden}.hero-section{align-items:center;min-height:85vh;padding:6rem 0 5rem;display:flex;position:relative;overflow:hidden}.hero-bg-grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);pointer-events:none;background-size:60px 60px;position:absolute;inset:0}.hero-glow{pointer-events:none;background:radial-gradient(#ff5c0014 0%,#0000 70%);width:800px;height:600px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.hero-mouse-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#ff5c0012 0%,#0000 70%);width:600px;height:600px;position:absolute;transform:translate(-50%,-50%)}.hero-content{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:1.5rem;display:flex;position:relative}.hero-pill{color:var(--lime-400);text-transform:uppercase;letter-spacing:.05em;background:#ff5c001a;border:1px solid #ff5c0033;border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .875rem;font-size:.8rem;font-weight:600;animation:.6s fadeIn;display:inline-flex}.hero-headline{letter-spacing:-.03em;max-width:1000px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.05;animation:.7s slideUp}.hero-headline-sub{color:var(--text-secondary);letter-spacing:-.01em;margin-top:.5rem;font-size:clamp(1rem,2.2vw,1.5rem);font-weight:500;display:block}.hero-roles-marquee{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:.5rem 0;animation:.8s slideUp;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.hero-roles-track{gap:.75rem;width:max-content;animation:40s linear infinite scrollMarquee;display:flex}.hero-roles-marquee:hover .hero-roles-track{animation-play-state:paused}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-role-chip{background:var(--surface-1);border:1px solid var(--border);color:var(--text-secondary);box-shadow:var(--card-shadow);white-space:nowrap;border-radius:24px;align-items:center;gap:.4rem;padding:.5rem 1.125rem;font-size:.825rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.hero-role-chip:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--card-bg-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.hero-sub{color:var(--text-secondary);max-width:560px;font-size:1.0625rem;line-height:1.7;animation:.8s slideUp}.hero-sub em{color:var(--lime-400);font-style:normal;font-weight:500}.hero-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:.875rem;animation:.9s slideUp;display:flex}.hero-cta-primary{padding:.875rem 2rem;font-size:1rem}.hero-social-proof{align-items:center;gap:.75rem;animation:1.1s fadeIn;display:flex}.proof-avatars{display:flex}.proof-avatar{background:linear-gradient(135deg, var(--lime-500), var(--black-600));border:2px solid var(--black-900);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:-8px;font-size:.75rem;font-weight:700;display:flex}.proof-avatar:first-child{margin-left:0}.proof-text{color:var(--text-muted);font-size:.8rem}.proof-text strong{color:var(--text-secondary)}.gap-section{padding:5rem 0}.gap-header{text-align:center;margin-bottom:3rem}.gap-header h2{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.3}.gap-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.gap-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:.75rem;padding:2rem;display:flex}.gap-card.red{border-color:#f8717133}.gap-card.yellow{border-color:#a3e63526}.gap-card.green{background:#34d39908;border-color:#34d39933}.gap-card-icon{font-size:1.75rem}.gap-card h3{font-size:1rem;font-weight:700}.gap-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.features-section{background:linear-gradient(#0000,#a3e63505);padding:5rem 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.feature-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:.875rem;padding:1.75rem;transition:all .2s;display:flex}.feature-card:hover{border-color:#a3e63533;transform:translateY(-2px)}.feature-icon{width:44px;height:44px;color:var(--lime-400);background:#a3e6351a;border:1px solid #a3e63533;border-radius:12px;justify-content:center;align-items:center;display:flex}.feature-title{font-size:1rem;font-weight:700}.feature-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.founder-section{padding:5rem 0}.founder-card{background:linear-gradient(135deg, #a3e63514, #a3e63505), var(--surface-1);border:1px solid #a3e63540;border-radius:24px;max-width:800px;margin:0 auto;padding:3rem;position:relative}.founder-quote-mark{color:#a3e63533;font-family:Georgia,serif;font-size:6rem;line-height:.5;position:absolute;top:1.5rem;left:2rem}.founder-quote{color:var(--text-secondary);margin-bottom:1.5rem;padding-top:1.5rem;font-size:1.0625rem;font-style:italic;line-height:1.8}.founder-info{align-items:center;gap:.875rem;display:flex}.founder-avatar-img{object-fit:cover;border:2px solid #a3e6354d;border-radius:50%;width:64px;height:64px}.founder-name{color:var(--text-primary);font-size:.9rem;font-weight:700}.founder-role{color:var(--text-muted);font-size:.8rem}.testimonials-section{padding:5rem 0}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.testimonial-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:1rem;padding:1.75rem;display:flex}.testimonial-stars{color:var(--lime-400);letter-spacing:2px;font-size:.875rem}.testimonial-quote{color:var(--text-secondary);flex:1;font-size:.9rem;font-style:italic;line-height:1.7}.testimonial-author{align-items:center;gap:.75rem;display:flex}.t-avatar{background:linear-gradient(135deg, var(--lime-500), var(--black-600));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex}.t-name{font-size:.875rem;font-weight:600}.t-role{color:var(--text-muted);font-size:.75rem}.pricing-preview-section{padding:5rem 0}.pricing-preview-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:700px;margin:0 auto;display:grid}.pricing-preview-card{background:var(--surface-1);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:1rem;padding:2rem;display:flex;position:relative}.pricing-preview-card.pro{background:linear-gradient(135deg, #a3e6350f, var(--surface-1));border-color:#a3e6354d}.pro-badge{background:var(--lime-400);color:#0a0c1b;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:20px;padding:.25rem .875rem;font-size:.7rem;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-tier{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.875rem;font-weight:700}.pricing-amount{letter-spacing:-.04em;font-size:2.25rem;font-weight:900}.pricing-period{color:var(--text-muted);font-size:1rem;font-weight:400}.pricing-annual{color:#34d399;margin-top:-.5rem;font-size:.8rem;font-weight:500}.pricing-features-list{flex-direction:column;flex:1;gap:.5rem;list-style:none;display:flex}.pricing-features-list li{color:var(--text-secondary);font-size:.875rem}.locked-feature{opacity:.5;text-decoration:line-through;color:var(--text-muted)!important}.final-cta-section{padding:5rem 0}.final-cta-card{background:linear-gradient(135deg, #a3e6351f, #a3e6350a), var(--surface-1);text-align:center;border:1px solid #a3e6354d;border-radius:24px;flex-direction:column;align-items:center;gap:1.25rem;padding:4rem;display:flex}.final-cta-card h2{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.3}.final-cta-card p{color:var(--text-secondary);max-width:480px;font-size:1rem}.footer{border-top:1px solid var(--border);padding:2rem 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.footer-brand{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:var(--text-muted);font-size:.875rem;text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--text-primary)}.footer-copy{color:var(--text-muted);font-size:.8rem}@media (width<=1024px){.features-grid,.gap-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hero-section{min-height:auto;padding:4rem 0 3rem}.hero-headline{font-size:2.25rem}.features-grid,.gap-grid,.testimonials-grid,.pricing-preview-grid{grid-template-columns:1fr}.final-cta-card{padding:2.5rem 1.5rem}.founder-card{padding:2rem 1.5rem}.footer-inner{text-align:center;flex-direction:column}}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex;position:relative}.auth-bg-glow{pointer-events:none;background:radial-gradient(at 50% 20%,#a3e6350f 0%,#0000 60%);position:fixed;inset:0}.auth-card{background:var(--surface-1);border:1px solid var(--border);z-index:1;border-radius:24px;flex-direction:column;gap:1.5rem;width:100%;max-width:440px;padding:2.5rem;display:flex;position:relative}.auth-logo{color:var(--text-primary);justify-content:center;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.auth-tabs{background:var(--surface-2);border-radius:10px;gap:0;padding:4px;display:flex}.auth-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.55rem;font-size:.875rem;font-weight:600;transition:all .15s}.auth-tab.active{background:var(--surface-1);color:var(--text-primary);box-shadow:var(--shadow-sm)}.auth-header{text-align:center;flex-direction:column;gap:.4rem;display:flex}.auth-title{font-size:1.375rem;font-weight:700}.auth-sub{color:var(--text-muted);font-size:.875rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.password-wrap{position:relative}.password-wrap .form-input{padding-right:3rem}.pw-toggle{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0;transition:color .15s;position:absolute;top:50%;right:.875rem;transform:translateY(-50%)}.pw-toggle:hover{color:var(--text-primary)}.auth-error{color:#f87171;background:#f871711a;border:1px solid #f8717140;border-radius:8px;padding:.75rem 1rem;font-size:.875rem}.auth-success{color:var(--lime-400);background:#a3e6351a;border:1px solid #a3e63540;border-radius:8px;padding:.75rem 1rem;font-size:.875rem}.auth-submit{justify-content:center;width:100%}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-divider{align-items:center;gap:1rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-divider span{color:var(--text-muted);font-size:.8rem}.btn-google{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;font-family:var(--font-body);justify-content:center;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.btn-google:hover{background:var(--surface-3);color:var(--text-primary);border-color:var(--border-hover)}.auth-switch{text-align:center;color:var(--text-muted);font-size:.875rem}.auth-switch-btn{cursor:pointer;color:var(--lime-400);font-size:.875rem;font-weight:600;font-family:var(--font-body);background:0 0;border:none}.auth-switch-btn:hover{text-decoration:underline}.progress-ring-wrap{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.progress-ring-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.ring-pct{color:var(--text-primary);letter-spacing:-.03em;font-size:1.5rem;font-weight:800;line-height:1}.ring-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:.7rem;font-weight:500}.streak-widget{flex-direction:column;gap:.875rem;display:flex}.streak-header{align-items:center;display:flex}.streak-count{align-items:center;gap:.4rem;display:flex}.flame-icon{color:var(--text-muted);transition:color .3s}.flame-icon.active{color:var(--lime-400)}.streak-number{color:var(--text-primary);letter-spacing:-.04em;font-size:2rem;font-weight:800;line-height:1}.streak-text{color:var(--text-muted);font-size:.875rem;font-weight:500}.streak-days{align-items:center;gap:.625rem;display:flex}.streak-day{flex-direction:column;align-items:center;gap:.35rem;display:flex}.streak-dot{background:var(--surface-3);border:2px solid var(--border);border-radius:50%;width:28px;height:28px;transition:all .2s}.streak-dot.filled{background:linear-gradient(135deg, var(--lime-500), var(--lime-300));border-color:var(--lime-400);box-shadow:0 0 12px #a3e6354d}.streak-day-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:500}.streak-message{color:var(--text-secondary);margin:0;font-size:.8rem;font-style:italic;line-height:1.4}.question-card{background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:16px;flex-direction:column;gap:.875rem;padding:1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.question-card:before{content:"";background:0 0;height:2px;transition:background .2s;position:absolute;top:0;left:0;right:0}.question-card:hover{border-color:var(--border-hover);box-shadow:var(--card-shadow-hover);background:var(--card-bg-hover);transform:translateY(-2px)}.question-card:hover:not(.practiced):not(.confident):before{background:var(--lime-500)}.question-card.practiced:before{background:var(--lime-400)}.question-card.confident:before{background:#34d399}.question-card.locked{opacity:.7}.question-card.locked:hover{transform:none}.qcard-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.qcard-badges{flex-wrap:wrap;gap:.35rem;display:flex}.badge{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:20px;padding:.2rem .55rem;font-size:.7rem;font-weight:600}.cat-purple{color:#a78bfa;background:#a78bfa26;border:1px solid #a78bfa33}.cat-blue{color:#60a5fa;background:#60a5fa26;border:1px solid #60a5fa33}.cat-teal{color:#2dd4bf;background:#2dd4bf26;border:1px solid #2dd4bf33}.cat-green{color:#34d399;background:#34d39926;border:1px solid #34d39933}.cat-lime{color:var(--lime-400);background:#a3e63526;border:1px solid #a3e63533}.diff-green{color:#34d399;background:#34d3991a;border:1px solid #34d39926}.diff-lime{color:var(--lime-400);background:#a3e6351a;border:1px solid #a3e63526}.diff-red{color:#f87171;background:#f871711a;border:1px solid #f8717126}.company-tag{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.lock-icon{color:var(--text-muted);flex-shrink:0;margin-top:2px}.qcard-question{color:var(--text-primary);flex:1;margin:0;font-size:.9375rem;line-height:1.55}.qcard-question.blurred{filter:blur(4px);color:var(--text-muted);font-style:italic}.qcard-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.status-pills{gap:.35rem;display:flex}.status-pill{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.status-pill:hover{border-color:var(--border-hover);color:var(--text-secondary)}.status-pill.active-practiced{border-color:var(--lime-400);color:var(--lime-400);background:#a3e63526}.status-pill.active-confident{color:#34d399;background:#34d39926;border-color:#34d399}.status-pill.active-not_started{background:var(--surface-2);border-color:var(--border);color:var(--text-secondary)}.view-btn{color:var(--lime-400);white-space:nowrap;border-radius:8px;padding:.3rem .65rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .15s}.view-btn:hover{background:#a3e6351a}.unlock-btn{color:var(--lime-400);background:#a3e63514;border:1px solid #a3e6354d;border-radius:20px;padding:.3rem .75rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .15s}.unlock-btn:hover{background:#a3e63526}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.dash-greeting{letter-spacing:-.03em;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.dash-sub{color:var(--text-secondary);max-width:540px;margin-top:.35rem;font-size:.9rem;line-height:1.5}.upgrade-nudge{color:var(--lime-400);white-space:nowrap;background:#a3e6351a;border:1px solid #a3e63540;border-radius:20px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.upgrade-nudge:hover{background:#a3e6352e}.dash-stats-row{grid-template-columns:1fr 340px;gap:1.25rem;margin-bottom:2.5rem;display:grid}.dash-progress-card,.dash-streak-card{padding:1.75rem}.dash-progress-inner{align-items:flex-start;gap:2rem;display:flex}.dash-progress-breakdown{flex-direction:column;flex:1;gap:.75rem;display:flex}.dash-progress-breakdown h3{font-size:1rem;font-weight:700}.card-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:1rem;font-size:.875rem;font-weight:700}.progress-stats{flex-direction:column;gap:.5rem;display:flex}.progress-stat{align-items:center;gap:.6rem;font-size:.875rem;display:flex}.stat-dot{border-radius:50%;width:10px;height:10px}.stat-dot.not-started{background:var(--surface-3)}.stat-dot.practiced{background:var(--lime-400)}.stat-dot.confident{background:#34d399}.stat-label{color:var(--text-muted);flex:1}.stat-val{color:var(--text-primary);font-weight:700}.quick-actions-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2.5rem;display:grid}.quick-action-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:.875rem;padding:1.25rem;text-decoration:none;transition:all .2s;display:flex}.quick-action-card:hover{border-color:var(--border-hover);transform:translateY(-1px)}.quick-action-card.locked{opacity:.7}.qa-icon{width:44px;height:44px;color:var(--lime-400);background:#a3e6351a;border:1px solid #a3e63526;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.qa-content{flex:1;min-width:0}.qa-label{color:var(--text-primary);align-items:center;gap:.35rem;font-size:.875rem;font-weight:700;display:flex}.qa-sub{color:var(--text-muted);margin-top:.15rem;font-size:.75rem}.qa-arrow{color:var(--text-muted);flex-shrink:0}.recent-questions-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem;display:grid}.view-all-link{color:var(--lime-400);font-size:.875rem;font-weight:600;text-decoration:none}.view-all-link:hover{text-decoration:underline}.tracks-grid{grid-template-columns:repeat(1,1fr);gap:.75rem;display:grid}.track-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:1rem;padding:1.125rem 1.5rem;transition:all .2s;display:flex}.track-card:hover{border-color:var(--border-hover)}.track-card.coming-soon{opacity:.6}.track-emoji{flex-shrink:0;font-size:1.5rem}.track-info{flex:1}.track-name{font-size:.9375rem;font-weight:700}.track-meta{color:var(--text-muted);margin-top:.15rem;font-size:.8rem}.track-action{color:var(--lime-400);white-space:nowrap;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .15s}.track-action:hover{color:var(--lime-300)}.coming-soon-badge{background:var(--surface-3);color:var(--text-muted);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.06em;border-radius:20px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}@media (width<=1024px){.dash-stats-row{grid-template-columns:1fr}.quick-actions-grid,.recent-questions-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.dash-progress-inner{flex-direction:column;align-items:flex-start}.quick-actions-grid{grid-template-columns:1fr 1fr}.recent-questions-grid{grid-template-columns:1fr}}.paywall-banner{background:linear-gradient(135deg, #a3e6351f, #a3e6350a), var(--surface-2);border:1px solid #a3e6354d;border-radius:20px;flex-wrap:wrap;align-items:flex-start;gap:1.5rem;padding:2rem;display:flex}.paywall-lock-icon{width:56px;height:56px;color:var(--lime-400);background:#a3e6351f;border:1px solid #a3e63540;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.paywall-content{flex-direction:column;flex:1;gap:.5rem;min-width:200px;display:flex}.paywall-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.paywall-sub{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}.paywall-features{flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:.25rem;display:flex}.paywall-features span{color:#34d399;font-size:.8rem;font-weight:500}.paywall-cta{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:.4rem;display:flex}.btn-paywall-upgrade{background:linear-gradient(135deg, var(--lime-500), var(--lime-400));color:#0a0c1b;white-space:nowrap;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 16px #a3e6354d}.btn-paywall-upgrade:hover{transform:translateY(-1px);box-shadow:0 6px 24px #a3e63566}.paywall-cta-sub{color:var(--text-muted);margin:0;font-size:.75rem}.track-header{grid-template-columns:1fr auto;align-items:start;gap:2rem;margin-bottom:2rem;display:grid}.track-breadcrumb{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.8rem;display:flex}.track-breadcrumb a{color:var(--lime-400);text-decoration:none}.track-breadcrumb a:hover{text-decoration:underline}.track-header h1{margin-bottom:.5rem;font-size:clamp(1.5rem,3vw,2rem)}.track-desc{color:var(--text-secondary);max-width:580px;font-size:.9rem;line-height:1.6}.track-header-stats{flex-direction:column;align-items:center;gap:1rem;min-width:180px;padding:1.5rem;display:flex}.track-stats-text{flex-direction:column;gap:.4rem;width:100%;display:flex}.ts-row{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.ts-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ts-dot.lime{background:var(--lime-400)}.ts-dot.green{background:#34d399}.ts-dot.gray{background:var(--surface-3)}.track-filters{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:.875rem;margin-bottom:1.25rem;padding:1.25rem;display:flex}.filter-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.filter-icon{color:var(--text-muted);flex-shrink:0}.filter-label{color:var(--text-muted);white-space:nowrap;font-size:.8rem;font-weight:600}.filter-pills{flex-wrap:wrap;gap:.35rem;display:flex}.filter-pill{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:20px;padding:.3rem .75rem;font-size:.78rem;font-weight:500;transition:all .15s}.filter-pill:hover{color:var(--text-secondary);border-color:var(--border-hover)}.filter-pill.active{border-color:var(--lime-400);color:var(--lime-400);background:#a3e6351f}.track-result-count{color:var(--text-muted);margin-bottom:1.25rem;font-size:.8rem}.track-result-count strong{color:var(--text-primary)}.questions-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.paywall-section{flex-direction:column;gap:1.5rem;margin-top:.5rem;display:flex}.locked-grid{opacity:.5;pointer-events:none}@media (width<=1024px){.questions-grid{grid-template-columns:repeat(2,1fr)}.track-header{grid-template-columns:1fr}.track-header-stats{flex-direction:row;width:fit-content}}@media (width<=640px){.questions-grid{grid-template-columns:1fr}.track-header-stats{display:none}}.framework-card{background:linear-gradient(135deg, #a3e6351a, #a3e63508), var(--surface-1);border:1px solid #a3e63540;border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.framework-header{flex-direction:column;gap:.4rem;display:flex}.framework-type-badge{color:var(--lime-400);text-transform:uppercase;letter-spacing:.08em;background:#a3e63526;border:1px solid #a3e63540;border-radius:20px;width:fit-content;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.framework-desc{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.5}.framework-steps{flex-direction:column;gap:.875rem;display:flex}.framework-step{align-items:flex-start;gap:1rem;display:flex}.step-number{width:28px;height:28px;color:var(--lime-400);background:#a3e63526;border:1px solid #a3e6354d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:.8rem;font-weight:700;display:flex}.step-content{flex-direction:column;gap:.25rem;display:flex}.step-title{color:var(--text-primary);margin:0;font-size:.9rem;font-weight:600}.step-desc{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.6}.framework-tip{border-left:3px solid var(--lime-400);background:#a3e63514;border-radius:0 8px 8px 0;flex-direction:column;gap:.35rem;padding:.875rem 1rem;display:flex}.tip-label{color:var(--lime-400);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700}.tip-text{color:var(--text-secondary);margin:0;font-size:.875rem;font-style:italic;line-height:1.6}.answer-toggle{flex-direction:column;gap:0;display:flex}.answer-btns{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.answer-tab{border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.answer-tab.strong:hover,.answer-tab.strong.open{color:#34d399;background:#34d3991a;border-color:#34d399}.answer-tab.weak:hover,.answer-tab.weak.open{color:#f87171;background:#f871711a;border-color:#f87171}.chevron{transition:transform .2s}.chevron.rotated{transform:rotate(180deg)}.answer-panel{border-radius:12px;flex-direction:column;gap:.875rem;padding:1.25rem;animation:.2s slideDown;display:flex}.strong-panel{background:#34d3990f;border:1px solid #34d39933}.weak-panel{background:#f871710f;border:1px solid #f8717133}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.answer-label{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;display:flex}.strong-panel .answer-label{color:#34d399}.weak-panel .answer-label{color:#f87171}.answer-text{color:var(--text-primary);background:var(--surface-1);border:none;border-left:3px solid;border-radius:10px;margin:0;padding:1rem;font-size:.9rem;font-style:normal;line-height:1.7}.strong-panel .answer-text{border-color:#34d399}.weak-panel .answer-text{border-color:#f87171}.answer-analysis{color:var(--text-secondary);border-radius:8px;flex-direction:column;gap:.25rem;padding:.75rem 1rem;font-size:.8rem;line-height:1.6;display:flex}.strong-analysis{background:#34d39914}.weak-analysis{background:#f8717114}.analysis-label{color:var(--text-primary);font-weight:700}.answer-keywords{flex-direction:column;gap:.4rem;display:flex}.keywords-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.keywords-list{flex-wrap:wrap;gap:.35rem;display:flex}.keyword-chip{color:#34d399;background:#34d3991a;border:1px solid #34d39933;border-radius:20px;padding:.2rem .6rem;font-size:.72rem;font-weight:500}.qd-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.qd-breadcrumb{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.qd-breadcrumb a{color:var(--lime-400);text-decoration:none}.qd-arrows{align-items:center;gap:.75rem;display:flex}.qd-arrow-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;font-family:var(--font-body);border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .875rem;transition:all .15s;display:flex}.qd-arrow-btn:hover{color:var(--text-primary);border-color:var(--border-hover)}.qd-counter{color:var(--text-muted);font-size:.8rem}.qd-layout{max-width:820px}.qd-main{flex-direction:column;gap:1.5rem;display:flex}.qd-badges{flex-wrap:wrap;gap:.5rem;display:flex}.qd-question{letter-spacing:-.02em;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:700;line-height:1.4}.qd-status-bar{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.status-bar-label{color:var(--text-muted);white-space:nowrap;font-size:.8rem;font-weight:600}.status-bar-actions{flex-wrap:wrap;flex:1;gap:.4rem;display:flex}.status-bar-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--font-body);white-space:nowrap;border-radius:20px;align-items:center;gap:.35rem;padding:.4rem .875rem;transition:all .15s;display:flex}.status-bar-btn:hover{color:var(--text-primary)}.status-bar-btn.active-practiced{border-color:var(--lime-400);color:var(--lime-400);background:#a3e63526}.status-bar-btn.active-confident{color:#34d399;background:#34d39926;border-color:#34d399}.practice-mock-btn{color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);white-space:nowrap;border-radius:20px;align-items:center;gap:.35rem;padding:.4rem .875rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.practice-mock-btn:hover{color:var(--text-primary)}.qd-divider{background:var(--border);height:1px}.qd-section{flex-direction:column;gap:.875rem;display:flex}.qd-section-title{font-size:1.1rem;font-weight:700}.qd-section-sub{color:var(--text-muted);margin-top:-.5rem;font-size:.875rem}.qd-bottom-nav{grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem;display:grid}.qd-nav-card{background:var(--surface-1);border:1px solid var(--border);color:var(--text-secondary);border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.25rem;text-decoration:none;transition:all .2s;display:flex}.qd-nav-card:hover{border-color:var(--border-hover);color:var(--text-primary)}.qd-nav-card.next{justify-content:flex-end}.nav-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:600}.nav-card-q{color:var(--text-secondary);margin-top:.15rem;font-size:.8rem}.locked-question-page{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.locked-question-page h2{color:var(--text-primary);font-size:1.375rem}.locked-question-page p{color:var(--text-secondary);max-width:400px;font-size:.9rem;line-height:1.6}@media (width<=640px){.qd-bottom-nav{grid-template-columns:1fr}}.timer-wrap{flex-direction:column;align-items:center;gap:1rem;display:flex}.timer-phases{align-items:center;gap:1.5rem;display:flex}.timer-phase-dot{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;flex-direction:column;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;transition:color .2s;display:flex}.timer-phase-dot.current{color:var(--text-primary)}.timer-phase-dot.done{color:#34d399}.timer-ring-wrap{justify-content:center;align-items:center;width:104px;height:104px;display:flex;position:relative}.timer-center{flex-direction:column;align-items:center;display:flex;position:absolute}.timer-time{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:800;line-height:1}.timer-phase-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.65rem;font-weight:600}.timer-desc{color:var(--text-muted);text-align:center;margin:0;font-size:.8rem}.timer-controls{gap:.5rem;display:flex}.timer-btn{cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .15s}.timer-btn.start,.timer-btn.pause{background:var(--lime-400);color:#0a0c1b}.timer-btn.start:hover,.timer-btn.pause:hover{background:var(--lime-300)}.timer-btn.reset{background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border)}.timer-btn.reset:hover{color:var(--text-primary)}.mock-header{margin-bottom:2rem}.mock-header h1{margin-bottom:.5rem;font-size:clamp(1.5rem,3vw,2rem)}.mock-sub{color:var(--text-secondary);font-size:.9rem}.session-badge{color:#34d399;background:#34d3991a;border:1px solid #34d39933;border-radius:20px;margin-top:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.mock-locked{flex-direction:column;gap:1.5rem;max-width:640px;display:flex}.mock-locked h1{font-size:1.75rem}.mock-locked p{color:var(--text-secondary);line-height:1.6}.mock-lock-icon{color:var(--text-muted)}.mock-idle{justify-content:center;display:flex}.mock-idle-card{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;max-width:600px;display:flex}.idle-icon{font-size:3rem}.mock-idle-card h2{font-size:1.5rem}.mock-idle-card>p{color:var(--text-secondary);max-width:440px;font-size:.9rem;line-height:1.6}.mock-rules{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;display:flex}.rule{color:var(--text-secondary);align-items:center;gap:.6rem;font-size:.875rem;display:flex}.rule-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.rule-dot.blue{background:#60a5fa}.rule-dot.green{background:#34d399}.rule-dot.lime{background:var(--lime-400)}.mock-start-btn{padding:.875rem 2rem;font-size:1rem}.mock-session-layout{grid-template-columns:260px 1fr;align-items:start;gap:1.5rem;display:grid}.mock-timer-panel{flex-direction:column;align-items:center;gap:1rem;padding:1.75rem;display:flex}.mock-timer-tip p{color:var(--text-muted);text-align:center;font-size:.8rem;font-style:italic;line-height:1.5}.mock-qa-panel{flex-direction:column;gap:1rem;display:flex}.mock-question{flex-direction:column;gap:.875rem;padding:1.5rem;display:flex}.mock-q-badges{flex-wrap:wrap;gap:.5rem;display:flex}.mock-q-text{color:var(--text-primary);font-size:1.0625rem;font-weight:600;line-height:1.5}.mock-framework-hint{color:var(--text-muted);font-size:.8rem}.mock-framework-hint strong{color:var(--lime-400)}.mock-answer-area{flex-direction:column;gap:.75rem;display:flex}.mock-textarea{resize:vertical;min-height:180px}.mock-answer-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.word-count{color:var(--text-muted);font-size:.75rem}.mock-footer-btns{gap:.5rem;display:flex}.mock-result{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.result-score{align-items:center;gap:1rem;display:flex}.score-circle{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.25rem;font-weight:800;line-height:1;display:flex}.score-circle span{color:inherit;opacity:.7;font-size:.65rem;font-weight:500}.score-circle.good{color:#34d399;background:#34d39926;border:2px solid #34d399}.score-circle.ok{color:var(--lime-400);border:2px solid var(--lime-400);background:#a3e63526}.score-circle.poor{color:#f87171;background:#f8717126;border:2px solid #f87171}.result-verdict{color:var(--text-primary);font-size:1.1rem;font-weight:700}.result-feedback{color:var(--text-secondary);font-size:.875rem;line-height:1.7}.result-section{flex-direction:column;gap:.4rem;display:flex}.result-section-title{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;display:flex}.result-chips{flex-wrap:wrap;gap:.35rem;display:flex}.result-chips.found span{color:#34d399;background:#34d3991a;border:1px solid #34d39933;border-radius:20px;padding:.2rem .6rem;font-size:.75rem}.result-chips.missing span{color:var(--lime-400);background:#a3e63514;border:1px solid #a3e63533;border-radius:20px;padding:.2rem .6rem;font-size:.75rem}.result-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:.75rem;padding-top:.5rem;display:flex}@media (width<=900px){.mock-session-layout{grid-template-columns:1fr}.mock-timer-panel{flex-flow:wrap;justify-content:center}}.companies-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.companies-header h1{margin-bottom:.5rem;font-size:clamp(1.5rem,3vw,2rem)}.companies-sub{color:var(--text-secondary);max-width:560px;font-size:.9rem}.company-count-badge{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:20px;padding:.35rem .875rem;font-size:.8rem;font-weight:600}.companies-list{flex-direction:column;gap:.75rem;display:flex}.company-card{background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:16px;transition:border-color .2s,box-shadow .2s,background .2s;overflow:hidden}.company-card:hover{border-color:var(--border-hover);box-shadow:var(--card-shadow-hover)}.company-card.expanded{border-color:var(--border-hover)}.company-card-header{cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:background .15s;display:flex}.company-card-header:hover{background:var(--trans-white-04)}.company-logo{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.company-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.company-name{color:var(--text-primary);font-size:1rem;font-weight:700}.company-meta{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.company-meta span{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.company-stage{background:var(--surface-3);border-radius:20px;padding:.1rem .5rem}.company-roles{flex-wrap:wrap;gap:.35rem;display:flex}.role-tag{color:var(--lime-400);background:#a3e63514;border:1px solid #a3e63526;border-radius:20px;padding:.15rem .5rem;font-size:.7rem;font-weight:500}.company-expand-icon{color:var(--text-muted);flex-shrink:0}.company-details{border-top:1px solid var(--border);flex-direction:column;gap:1.5rem;padding:1.5rem;animation:.2s slideDown;display:flex}.company-tagline{color:var(--text-muted);font-size:.875rem;font-style:italic}.details-section{flex-direction:column;gap:.875rem;display:flex}.details-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.75rem;font-weight:700}.hiring-steps{flex-direction:column;gap:.75rem;display:flex}.hiring-step{gap:.875rem;display:flex}.step-num{width:24px;height:24px;color:var(--lime-400);background:#a3e6351f;border:1px solid #a3e63540;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.7rem;font-weight:700;display:flex}.step-body{flex-direction:column;gap:.15rem;display:flex}.step-title-text{color:var(--text-primary);font-size:.875rem;font-weight:600}.step-detail{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.asked-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.asked-list li{color:var(--text-secondary);padding-left:1rem;font-size:.875rem;line-height:1.5;position:relative}.asked-list li:before{content:"→";color:var(--lime-400);font-size:.75rem;position:absolute;left:0}.values-list{flex-direction:column;gap:.4rem;list-style:none;display:flex}.values-list li{color:var(--text-secondary);align-items:flex-start;gap:.5rem;font-size:.875rem;line-height:1.5;display:flex}.value-check{color:#34d399;flex-shrink:0;font-weight:700}.tips-list{flex-direction:column;gap:.75rem;display:flex}.tip-item{gap:.75rem;display:flex}.tip-num{color:#60a5fa;background:#60a5fa1a;border:1px solid #60a5fa33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;font-size:.65rem;font-weight:700;display:flex}.tip-item p{color:var(--text-secondary);font-size:.8rem;line-height:1.6}.companies-preview{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.company-preview-card{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .875rem;display:flex}.preview-logo{font-size:1.1rem}.preview-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.preview-lock{color:var(--text-muted)}.more-count{color:var(--text-muted);font-size:.875rem;font-weight:500}@media (width<=768px){.details-grid{grid-template-columns:1fr}}.resources-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.resources-header h1{margin-bottom:.5rem;font-size:clamp(1.5rem,3vw,2rem)}.resources-sub{color:var(--text-secondary);max-width:580px;font-size:.9rem;line-height:1.6}.resources-count-badge{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:20px;padding:.35rem .875rem;font-size:.8rem;font-weight:600}.resources-list{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.resources-paywall-section{flex-direction:column;gap:1.5rem;display:flex}.locked-resources{opacity:.6}.resource-card{background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:16px;transition:border-color .2s,box-shadow .2s,background .2s;overflow:hidden}.resource-card:hover{border-color:var(--border-hover);box-shadow:var(--card-shadow-hover)}.res-expanded{border-color:var(--border-hover)}.resource-header{cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:background .15s;display:flex}.resource-header:hover:not([disabled]){background:var(--trans-white-04)}.res-icon{text-align:center;flex-shrink:0;width:48px;font-size:1.75rem}.res-header-info{flex:1;min-width:0}.res-title{color:var(--text-primary);font-size:1rem;font-weight:700}.res-meta{align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.res-time{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.res-pro-badge{color:var(--lime-400);text-transform:uppercase;letter-spacing:.05em;background:#a3e6351f;border:1px solid #a3e63533;border-radius:20px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.res-expand{color:var(--text-muted);flex-shrink:0}.res-why{color:var(--text-secondary);border-bottom:1px solid var(--border);padding:0 1.5rem .875rem 4.5rem;font-size:.8rem;font-style:italic;line-height:1.5}.res-locked-why{color:var(--text-muted);filter:blur(3px);padding:0 1.5rem 1rem 4.5rem;font-size:.8rem;line-height:1.5}.res-content{flex-direction:column;gap:1.25rem;padding:1.25rem 1.5rem;animation:.2s slideDown;display:flex}.res-divider{background:var(--border);height:1px}.res-section{flex-direction:column;gap:.5rem;display:flex}.res-section-heading{color:var(--text-primary);font-size:.9375rem;font-weight:700}.res-section-content{color:var(--text-secondary);font-size:.875rem;line-height:1.7}.res-takeaway{background:linear-gradient(135deg,#a3e63514,#a3e63508);border:1px solid #a3e63533;border-radius:12px;flex-direction:column;gap:.4rem;padding:1rem 1.25rem;display:flex}.takeaway-label{text-transform:uppercase;letter-spacing:.06em;color:var(--lime-400);font-size:.75rem;font-weight:700}.res-takeaway p{color:var(--text-secondary);font-size:.875rem;font-style:italic;line-height:1.6}.pricing-page{position:relative}.pricing-bg-glow{pointer-events:none;z-index:0;background:radial-gradient(at 50% 10%,#a3e6350f 0%,#0000 60%);position:fixed;inset:0}.pricing-page .page-content{z-index:1;position:relative}.pricing-header{text-align:center;flex-direction:column;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.pricing-pill{text-transform:uppercase;letter-spacing:.08em;color:var(--lime-400);background:#a3e6351a;border:1px solid #a3e63533;border-radius:20px;padding:.3rem .875rem;font-size:.75rem;font-weight:700;display:inline-flex}.pricing-header h1{max-width:540px;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.2}.pricing-sub{color:var(--text-secondary);max-width:460px;font-size:.9375rem;line-height:1.6}.pricing-grid{grid-template-columns:1fr 1fr;gap:1.5rem;max-width:820px;margin:0 auto 4rem;display:grid}.pricing-card{background:var(--surface-1);border:1px solid var(--border);border-radius:24px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;position:relative}.pro-card{background:linear-gradient(160deg, #a3e63512, var(--surface-1));border-color:#a3e6354d}.pro-most-popular{background:linear-gradient(135deg, var(--lime-500), var(--lime-400));color:#0a0c1b;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:20px;padding:.3rem 1rem;font-size:.7rem;font-weight:800;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pricing-card-header{flex-direction:column;gap:.5rem;display:flex}.pricing-tier-name{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.875rem;font-weight:700}.pro-tier-name{color:var(--lime-400)}.pricing-amount-display{align-items:flex-end;gap:.25rem;display:flex}.pricing-amount-big{letter-spacing:-.04em;font-size:3rem;font-weight:900;line-height:1}.pricing-per{color:var(--text-muted);margin-bottom:.25rem;font-size:1rem}.pricing-annual-note{color:var(--text-secondary);font-size:.8rem}.save-highlight{color:#34d399;font-weight:600}.pricing-card-sub{color:var(--text-muted);font-size:.8rem}.features-list{flex-direction:column;flex:1;gap:.625rem;display:flex}.feature-row{color:var(--text-secondary);align-items:flex-start;gap:.625rem;font-size:.875rem;display:flex}.feature-check{color:var(--text-muted);flex-shrink:0;margin-top:1px}.pro-feature-row{color:var(--text-primary)}.pro-check{color:#34d399}.locked-feature-row{opacity:.4;text-decoration:line-through}.feature-x{color:var(--text-muted);flex-shrink:0;width:15px;font-size:.875rem}.pricing-cta{justify-content:center;width:100%;padding:.875rem;font-size:.9375rem}.pro-cta{box-shadow:0 4px 20px #a3e63540}.current-plan-badge{text-align:center;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);border-radius:12px;padding:.75rem;font-size:.875rem;font-weight:600}.current-plan-badge.pro{color:#34d399;background:#34d39914;border-color:#34d39933}.pricing-faq{max-width:820px;margin:0 auto}.pricing-faq h2{margin-bottom:1.5rem;font-size:1.5rem}.faq-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.faq-item{flex-direction:column;gap:.4rem;display:flex}.faq-q{color:var(--text-primary);font-size:.9375rem;font-weight:700}.faq-a{color:var(--text-secondary);font-size:.875rem;line-height:1.6}@media (width<=640px){.pricing-grid,.faq-grid{grid-template-columns:1fr}}.payment-banner{border:1px solid;border-radius:12px;max-width:820px;margin:0 auto 2rem;padding:1rem 1.25rem;font-size:.9rem;font-weight:500;line-height:1.5}.payment-banner--success{color:#34d399;background:#34d3991a;border-color:#34d3994d}.payment-banner--error{color:#f87171;background:#ef444414;border-color:#ef444440}.payment-banner--info{color:var(--lime-400);background:#a3e63514;border-color:#a3e63540}.payment-banner--warning{color:#fbbf24;background:#f59e0b14;border-color:#f59e0b40}@keyframes spin{to{transform:rotate(360deg)}}.account-page{background:var(--surface-0);min-height:calc(100vh - 64px);padding:3rem 1.5rem}.account-container{max-width:640px;margin:0 auto}.account-header{margin-bottom:2rem}.account-header h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.5rem;font-size:2rem;font-weight:800}.account-header p{color:var(--text-muted);font-size:1rem}.account-card{background:var(--surface-1);border:1px solid var(--border);border-radius:16px;padding:2.5rem;box-shadow:0 4px 24px #0003}.account-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.form-group input{background:var(--surface-2);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:var(--lime-500);background:#a3e6350d;outline:none}.form-group input:disabled{opacity:.5;cursor:not-allowed}.account-actions{justify-content:flex-end;margin-top:1rem;display:flex}.btn-save{background:var(--lime-400);color:#0a0c1b;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-save:hover:not(:disabled){background:var(--lime-300);transform:translateY(-1px)}.btn-save:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-save--dirty{background:var(--accent,#ff7a00);color:#fff;box-shadow:0 0 16px #ff7a0066}.btn-save--dirty:hover:not(:disabled){background:#ff9533;transform:translateY(-1px)}.spinner{border:2px solid #0003;border-top-color:#0a0c1b;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}.save-status{border-radius:8px;align-items:center;gap:.5rem;margin-top:1.5rem;padding:1rem;font-size:.9rem;display:flex}.save-status.success{color:var(--lime-400);background:#a3e6351a;border:1px solid #a3e63533}.save-status.error{color:#f87171;background:#f871711a;border:1px solid #f8717133}@media (width<=768px){.account-card{padding:1.5rem}}.admin-layout{background:var(--bg);min-height:calc(100vh - 64px);display:flex}.admin-sidebar{background:var(--surface-1);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:260px;padding:1.5rem 0;display:flex}.sidebar-header{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;margin-bottom:1rem;padding:0 1.5rem 1.5rem;display:flex}.sidebar-icon{color:var(--lime-500)}.sidebar-header h2{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:800}.sidebar-nav{flex-direction:column;gap:.25rem;padding:0 1rem;display:flex}.nav-btn{width:100%;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.nav-btn:hover{background:var(--surface-2);color:var(--text-primary)}.nav-btn.active{color:var(--lime-500);background:#a3e6351a}.admin-main{flex:1;max-height:calc(100vh - 64px);padding:2rem 3rem;overflow-y:auto}.tab-content{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.tab-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;padding-bottom:1rem;display:flex}.tab-header h2{color:var(--text-primary);margin:0 0 .25rem;font-size:1.75rem;font-weight:800}.tab-header p{color:var(--text-secondary);margin:0;font-size:.95rem}.btn-sync{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-sync:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-hover)}.btn-sync:disabled{opacity:.5;cursor:not-allowed}.spin{animation:1s linear infinite spin}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.stat-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.stat-icon-wrapper{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon-wrapper.blue{color:#3b82f6;background:#3b82f61f}.stat-icon-wrapper.orange{color:var(--lime-500);background:#ff5c001f}.stat-icon-wrapper.purple{color:#8b5cf6;background:#8b5cf61f}.stat-icon-wrapper.warning{color:#f59e0b;background:#f59e0b1f}.stat-info{flex-direction:column;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:700}.stat-value{color:var(--text-primary);margin-top:.25rem;font-size:1.75rem;font-weight:800;line-height:1.1}.charts-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.chart-container{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:1.5rem}.chart-container h3{margin:0 0 1.5rem;font-size:1.1rem;font-weight:700}.data-list{flex-direction:column;gap:1rem;display:flex}.lead-row-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .2s}.lead-row-card:hover{border-color:var(--border-hover)}.lead-row-card.pro{border-left:4px solid var(--lime-500)}.lead-row-main{cursor:pointer;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.lead-identity{align-items:center;gap:1rem;width:250px;display:flex}.avatar-circle{background:var(--surface-3);width:40px;height:40px;color:var(--lime-500);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.identity-text{flex-direction:column;display:flex}.candidate-name{font-size:1rem;font-weight:700}.candidate-id-sub{color:var(--text-muted);font-family:monospace;font-size:.7rem}.lead-highlights{align-items:center;gap:.75rem;display:flex}.badge-status{text-transform:uppercase;border-radius:99px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.badge-status.pro{color:var(--lime-500);background:#a3e63526}.badge-status.free{background:var(--surface-3);color:var(--text-secondary)}.highlight-pill{background:var(--surface-2);color:var(--text-secondary);border-radius:99px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;display:inline-flex}.expand-icon{color:var(--text-muted);transition:transform .2s}.expand-icon.rotated{transform:rotate(180deg)}.lead-details-pane{background:var(--surface-2);border-top:1px solid var(--border);padding:1.5rem}.details-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.details-col h4{border-left:3px solid var(--lime-500);margin-bottom:1rem;padding-left:.5rem;font-size:.9rem}.detail-item{border-bottom:1px solid var(--border);padding:.4rem 0;font-size:.85rem;display:flex}.detail-item label{width:120px;color:var(--text-secondary);font-weight:600}.timeline-events{border-left:1px dashed var(--border);flex-direction:column;gap:.5rem;padding-left:1rem;display:flex}.timeline-item{position:relative}.timeline-badge{background:var(--lime-500);border-radius:50%;width:8px;height:8px;position:absolute;top:5px;left:calc(-1rem - 4.5px)}.event-type{color:var(--text-secondary);font-size:.85rem}.payments-layout{grid-template-columns:1fr 1.5fr;gap:2rem;display:grid}.recovery-section,.transactions-section{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.recovery-section h3,.transactions-section h3{margin:0 0 .5rem;font-size:1.1rem}.section-desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:.85rem}.recovery-list,.transactions-list{flex-direction:column;gap:1rem;display:flex}.recovery-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:1rem;display:flex}.recovery-info{flex-direction:column;gap:.25rem;display:flex}.recovery-info strong{font-size:.95rem}.recovery-info span{color:var(--text-secondary);font-size:.8rem}.btn-generate{background:var(--lime-500);color:#000;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.link-result{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.link-result input{border:1px solid var(--border);background:var(--bg);color:var(--text-primary);border-radius:var(--radius-sm);width:200px;padding:.4rem;font-size:.75rem}.success-text{color:var(--lime-500);align-items:center;gap:.25rem;font-size:.7rem;display:flex}.txn-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem}.txn-header{justify-content:space-between;margin-bottom:.5rem;display:flex}.txn-amount{font-size:1.1rem;font-weight:800}.txn-status{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;justify-content:center;align-items:center;height:fit-content;padding:.25rem .6rem;font-size:.65rem;font-weight:700;line-height:1;display:inline-flex}.txn-status.captured{color:var(--lime-500);background:#a3e63526;border:1px solid #a3e6354d}.txn-status.created,.txn-status.authorizing{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.txn-status.failed{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.txn-details{color:var(--text-secondary);grid-template-columns:1fr 1fr;gap:.25rem;font-size:.8rem;display:grid}.admin-table{border-collapse:collapse;background:var(--surface-1);border-radius:var(--radius-lg);width:100%;box-shadow:var(--card-shadow);overflow:hidden}.admin-table th{background:var(--surface-2);text-align:left;color:var(--text-secondary);text-transform:uppercase;border-bottom:1px solid var(--border);padding:1rem;font-size:.8rem;font-weight:700}.admin-table td{border-bottom:1px solid var(--border);padding:1rem;font-size:.85rem}.event-badge{color:#a78bfa;border-radius:var(--radius-sm);background:#8b5cf61a;padding:.25rem .5rem;font-family:monospace}.code-font{color:var(--text-muted);font-family:monospace}.time-col{color:var(--text-secondary);align-items:center;gap:.4rem;display:flex}.status-dot{align-items:center;display:inline-flex}.status-dot:before{content:"";background:var(--text-muted);border-radius:50%;width:8px;height:8px;margin-right:.5rem;display:inline-block}.status-dot.success:before{background:var(--lime-500)}.settings-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem}.settings-card h3{margin:0 0 .5rem}.settings-card p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.gateway-options{gap:1.5rem;display:flex}.gateway-radio{border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;align-items:flex-start;gap:.75rem;padding:1rem 1.5rem;transition:all .2s;display:flex}.gateway-radio.active{border-color:var(--lime-500);background:#a3e6350d}.gateway-radio.disabled{opacity:.5;cursor:not-allowed}.radio-content{flex-direction:column;display:flex}.radio-content strong{font-size:1rem}.radio-content span{color:var(--text-secondary);font-size:.8rem}.empty-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:3rem;font-size:.9rem;display:flex}.admin-filters-card{background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.25rem;display:flex}.search-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:.75rem;width:100%;max-width:400px;padding:.5rem 1rem;display:flex}.search-icon{color:var(--text-muted)}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.search-box input::placeholder{color:var(--text-muted)}.filters-row{align-items:center;gap:1.5rem;display:flex}.filter-group{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.filter-group select{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;outline:none;padding:.4rem .75rem}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.admin-modal{background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid var(--border);width:90%;max-width:450px;padding:2rem;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h3{margin:0;font-size:1.25rem}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.close-btn:hover{color:var(--text-primary)}.admin-form .form-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.admin-form label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.admin-form input,.admin-form textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:.75rem;font-family:inherit;font-size:.95rem}.admin-form input:disabled{opacity:.7;cursor:not-allowed}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.btn-secondary{border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.6rem 1.2rem;font-weight:600}.btn-primary{background:var(--lime-500);color:#000;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.6rem 1.2rem;font-weight:600}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.success-state{text-align:center}.success-state h4{margin:0 0 1rem;font-size:1.2rem}.link-result-box{background:var(--surface-2);border-radius:var(--radius-md);border:1px dashed var(--lime-500);padding:1rem}.link-result-box input{width:100%;color:var(--lime-500);text-align:center;cursor:text;background:0 0;border:none;outline:none;font-family:monospace;font-size:.9rem}.link-result-box p{color:var(--text-muted);margin:.5rem 0 0;font-size:.8rem}