@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@400;500;600;700&display=swap";.landing-page{min-height:100vh;background:#f0eef8;overflow-x:hidden}[data-theme=dark] .landing-page{background:#0a0a14}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:all .3s ease}.landing-nav.scrolled{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 20px #00000014;padding:12px 0}[data-theme=dark] .landing-nav.scrolled{background:#0a0a14f2;box-shadow:0 2px 20px #0000004d}.landing-nav-container{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.landing-nav-logo{display:flex;align-items:center;gap:10px;cursor:pointer}.landing-nav-logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden}.landing-nav-logo span{font-size:1.25rem;font-weight:700;color:#fff;transition:color .3s ease}.landing-nav.scrolled .landing-nav-logo span{color:#191970}[data-theme=dark] .landing-nav.scrolled .landing-nav-logo span{color:#fff}.landing-nav-links{display:flex;gap:8px}.landing-nav-links button{padding:10px 20px;background:transparent;border:none;color:#fffc;font-size:.95rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease}.landing-nav.scrolled .landing-nav-links button{color:#7272a8}[data-theme=dark] .landing-nav.scrolled .landing-nav-links button{color:#94a3b8}.landing-nav-links button:hover,.landing-nav-links button.active{background:#ffffff26;color:#fff}.landing-nav.scrolled .landing-nav-links button:hover,.landing-nav.scrolled .landing-nav-links button.active{background:#4f7c821a;color:#d000d0}.landing-nav-actions{display:flex;align-items:center;gap:12px}.landing-nav-theme{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:none;border-radius:10px;color:#fff;cursor:pointer;transition:all .2s ease}.landing-nav.scrolled .landing-nav-theme{background:#e4e0f2;color:#7272a8}[data-theme=dark] .landing-nav.scrolled .landing-nav-theme{background:#1e293b;color:#94a3b8}.landing-nav-cta{padding:10px 24px;background:#fff;border:none;border-radius:10px;color:#d000d0;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.landing-nav-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.landing-nav.scrolled .landing-nav-cta{background:linear-gradient(135deg,#d000d0,#0cc);color:#fff}.landing-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:120px 24px 80px;overflow:hidden}.landing-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#4f46e5,#7c3aed,#9333ea)}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(79,124,130,.4) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(147,51,234,.4) 0%,transparent 50%)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-particles .particle{position:absolute;width:4px;height:4px;background:#fff6;border-radius:50%;animation:particleFloat 10s ease-in-out infinite}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(20px);opacity:0}}.landing-hero-content{position:relative;z-index:2;text-align:center;max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;font-size:.875rem;font-weight:500;margin-bottom:24px}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;color:#fff;line-height:1.1;margin-bottom:24px;letter-spacing:-.03em}.hero-title .gradient-text{background:linear-gradient(135deg,#fbbf24,#f59e0b,#fcd34d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;color:#ffffffd9;line-height:1.7;max-width:600px;margin:0 auto 40px}.hero-cta-group{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:60px}.hero-cta-primary,.hero-cta-secondary{display:flex;align-items:center;gap:10px;padding:16px 32px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.hero-cta-primary{background:#fff;color:#d000d0;box-shadow:0 4px 20px #00000026}.hero-cta-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0003}.hero-cta-secondary{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-cta-secondary:hover{background:#ffffff40}.hero-stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.hero-stat .stat-icon{color:#fff9;margin-bottom:4px}.hero-stat .stat-number{font-size:1.75rem;font-weight:700;color:#fff}.hero-stat .stat-label{font-size:.875rem;color:#ffffffb3}.hero-scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff9;font-size:.875rem;cursor:pointer;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.landing-section-container{max-width:1200px;margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:60px}.section-label{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,#4f7c821a,#93b1b51a);border-radius:50px;color:#d000d0;font-size:.875rem;font-weight:600;margin-bottom:16px}[data-theme=dark] .section-label{background:#6366f133}.section-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:#191970;margin-bottom:16px;letter-spacing:-.02em}[data-theme=dark] .section-title{color:#fff}.section-description{font-size:1.125rem;color:#7272a8;max-width:600px;margin:0 auto;line-height:1.7}[data-theme=dark] .section-description{color:#94a3b8}.landing-demo{padding:100px 0;background:#f0eef8}[data-theme=dark] .landing-demo{background:#0f0f1a}.demo-video-container{max-width:900px;margin:0 auto 60px}.demo-video-wrapper{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 25px 80px #00000026;cursor:pointer;transition:transform .3s ease}.demo-video-wrapper:hover{transform:scale(1.02)}[data-theme=dark] .demo-video-wrapper{box-shadow:0 25px 80px #0006}.demo-video-thumbnail{position:relative;aspect-ratio:16 / 9;background:linear-gradient(135deg,#191970,#2b2b8a)}.demo-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0006;z-index:2;transition:background .3s ease}.demo-video-wrapper:hover .demo-video-overlay{background:#00000080}.demo-play-btn{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:50%;color:#d000d0;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 30px #0000004d}.demo-play-btn:hover{transform:scale(1.1)}.demo-video-overlay span{color:#fff;font-size:1rem;font-weight:500}.demo-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.demo-preview-header{display:flex;gap:8px;padding:12px 16px;background:#191970}.preview-dot{width:12px;height:12px;border-radius:50%}.preview-dot.red{background:#ef4444}.preview-dot.yellow{background:#fbbf24}.preview-dot.green{background:#22c55e}.demo-preview-content{flex:1;display:flex;background:#0f172a}.preview-sidebar{width:60px;padding:16px 12px;display:flex;flex-direction:column;gap:12px;background:#191970}.preview-menu-item{height:32px;border-radius:8px;background:#ffffff1a}.preview-menu-item.active{background:#d000d0}.preview-main{flex:1;display:flex;padding:20px;gap:20px}.preview-video-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#4f7c821a;border-radius:16px}.preview-avatar{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d000d0,#0cc);border-radius:50%;color:#fff}.preview-video-area span{color:#ffffffb3;font-size:.875rem}.preview-chat{width:200px;display:flex;flex-direction:column;gap:12px}.preview-message{padding:12px;border-radius:12px;background:#191970}.preview-message.ai{width:80%;height:40px}.preview-message.user{width:70%;height:32px;margin-left:auto;background:#d000d0}.preview-message.short{width:50%;height:24px}.demo-caption{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;color:#7272a8;font-size:.875rem}[data-theme=dark] .demo-caption{color:#94a3b8}.how-it-works{margin-top:80px}.how-it-works h3{text-align:center;font-size:1.5rem;font-weight:700;color:#191970;margin-bottom:40px}[data-theme=dark] .how-it-works h3{color:#fff}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width: 900px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.steps-grid{grid-template-columns:1fr}}.step-card{position:relative;padding:32px 24px;background:#fff;border-radius:20px;text-align:center;box-shadow:0 4px 20px #0000000d;transition:all .3s ease}[data-theme=dark] .step-card{background:#1e293b;box-shadow:0 4px 20px #0003}.step-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000001a}.step-number{position:absolute;top:-16px;left:50%;transform:translate(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d000d0,#0cc);border-radius:50%;color:#fff;font-weight:700;font-size:.875rem}.step-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:#4f7c821a;border-radius:16px;color:#d000d0}.step-card h4{font-size:1.1rem;font-weight:700;color:#191970;margin-bottom:8px}[data-theme=dark] .step-card h4{color:#fff}.step-card p{font-size:.875rem;color:#7272a8;line-height:1.6}[data-theme=dark] .step-card p{color:#94a3b8}.step-connector{position:absolute;right:-22px;top:50%;transform:translateY(-50%);color:#0cc;z-index:1}[data-theme=dark] .step-connector{color:#475569}@media (max-width: 900px){.step-connector{display:none}}.landing-features{padding:100px 0;background:#fff}[data-theme=dark] .landing-features{background:#0a0a14}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.features-grid{grid-template-columns:1fr}}.feature-card{position:relative;padding:32px;background:#f0eef8;border-radius:20px;border:1px solid #c4b8de;transition:all .3s ease;overflow:hidden}[data-theme=dark] .feature-card{background:#1e293b;border-color:#334155}.feature-card:hover{transform:translateY(-8px);border-color:var(--feature-color, #d000d0);box-shadow:0 20px 40px #0000001a}[data-theme=dark] .feature-card:hover{box-shadow:0 20px 40px #0000004d}.feature-glow{position:absolute;top:0;left:0;right:0;height:3px;background:var(--feature-color, #d000d0);opacity:0;transition:opacity .3s ease}.feature-card:hover .feature-glow{opacity:1}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:16px;margin-bottom:20px}.feature-card h3{font-size:1.125rem;font-weight:700;color:#191970;margin-bottom:12px}[data-theme=dark] .feature-card h3{color:#fff}.feature-card p{font-size:.95rem;color:#7272a8;line-height:1.7}[data-theme=dark] .feature-card p{color:#94a3b8}.landing-testimonials{padding:100px 0;background:#f0eef8}[data-theme=dark] .landing-testimonials{background:#0f0f1a}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px}@media (max-width: 900px){.testimonials-grid{grid-template-columns:1fr}}.testimonial-card{padding:32px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000d;transition:all .3s ease}[data-theme=dark] .testimonial-card{background:#1e293b;box-shadow:0 4px 20px #0003}.testimonial-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000001a}.testimonial-quote{color:#d000d0;margin-bottom:16px;opacity:.5}.testimonial-text{font-size:1rem;color:#475569;line-height:1.7;margin-bottom:20px;font-style:italic}[data-theme=dark] .testimonial-text{color:#cbd5e1}.testimonial-rating{display:flex;gap:4px;margin-bottom:20px}.testimonial-author{display:flex;align-items:center;gap:12px}.testimonial-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e4e0f2,#c4b8de);border-radius:50%;font-size:1.5rem}[data-theme=dark] .testimonial-avatar{background:linear-gradient(135deg,#334155,#475569)}.testimonial-info h4{font-size:1rem;font-weight:700;color:#191970;margin-bottom:2px}[data-theme=dark] .testimonial-info h4{color:#fff}.testimonial-info p{font-size:.875rem;color:#7272a8}[data-theme=dark] .testimonial-info p{color:#94a3b8}.trust-badges{text-align:center}.trust-badges>p{color:#7272a8;font-size:.875rem;margin-bottom:20px}[data-theme=dark] .trust-badges>p{color:#94a3b8}.company-logos{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.company-logo{font-size:1.25rem;font-weight:700;color:#94a3b8;opacity:.6}[data-theme=dark] .company-logo{color:#64748b}.landing-auth{padding:100px 0;background:linear-gradient(135deg,#4f46e5,#7c3aed,#9333ea)}.auth-section-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media (max-width: 900px){.auth-section-wrapper{grid-template-columns:1fr;gap:40px}}.auth-section-info h2{font-size:clamp(2rem,4vw,2.5rem);font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:-.02em}.auth-section-info>p{font-size:1.125rem;color:#ffffffd9;margin-bottom:32px;line-height:1.7}.auth-benefits{display:flex;flex-direction:column;gap:16px}.auth-benefit{display:flex;align-items:center;gap:12px;color:#fff;font-size:1rem}.auth-benefit svg{color:#fbbf24}.auth-form-card{background:#fff;padding:40px;border-radius:24px;box-shadow:0 25px 80px #0003}[data-theme=dark] .auth-form-card{background:#1e293b}.auth-form-card .auth-form-header{margin-bottom:24px}.auth-form-card .auth-form-header h3{font-size:1.5rem;font-weight:700;color:#191970;margin-bottom:8px}[data-theme=dark] .auth-form-card .auth-form-header h3{color:#fff}.auth-form-card .auth-form-header p{color:#7272a8;font-size:.95rem}[data-theme=dark] .auth-form-card .auth-form-header p{color:#94a3b8}.landing-footer{padding:60px 0 40px;background:#0f172a}.footer-content{display:flex;justify-content:space-between;align-items:center;padding-bottom:40px;border-bottom:1px solid #191970;margin-bottom:24px}@media (max-width: 768px){.footer-content{flex-direction:column;gap:32px;text-align:center}}.footer-brand p{color:#7272a8;margin-top:12px;font-size:.95rem}.landing-footer .landing-nav-logo span{color:#fff}.footer-links{display:flex;gap:24px}.footer-links button{background:none;border:none;color:#94a3b8;font-size:.95rem;cursor:pointer;transition:color .2s ease}.footer-links button:hover{color:#fff}.footer-bottom{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.footer-bottom p{color:#7272a8;font-size:.875rem}.footer-legal-links{display:flex;align-items:center;gap:.75rem}.footer-legal-links a{color:#7272a8;font-size:.875rem;text-decoration:none;transition:color .2s ease}.footer-legal-links a:hover{color:#0cc}.footer-divider{color:#475569}.video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.video-modal-content{position:relative;width:100%;max-width:1000px;background:#191970;border-radius:20px;overflow:hidden;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.video-modal-close{position:absolute;top:16px;right:16px;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease}.video-modal-close:hover{background:#000000b3;transform:scale(1.1)}.video-modal-player{aspect-ratio:16 / 9;background:#0f172a}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-placeholder-content{text-align:center;color:#fff}.video-placeholder-content svg{margin-bottom:20px;opacity:.5}.video-placeholder-content h3{font-size:1.5rem;font-weight:700;margin-bottom:12px}.video-placeholder-content p{color:#94a3b8;margin-bottom:8px}.video-placeholder-content .video-hint{font-size:.875rem;color:#7272a8}.auth-branding-content{position:relative;z-index:2;max-width:500px}.auth-logo{display:flex;align-items:center;gap:12px;margin-bottom:48px}.auth-logo-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;color:#fff;box-shadow:0 8px 32px #00000026}.auth-logo-text{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.02em}.auth-hero{margin-bottom:48px}.auth-hero h1{font-size:3rem;font-weight:800;color:#fff;line-height:1.15;margin-bottom:16px;letter-spacing:-.03em}.auth-hero .gradient-text{display:block;background:linear-gradient(135deg,#fbbf24,#f59e0b,#fcd34d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-hero p{font-size:1.125rem;color:#ffffffd9;line-height:1.7;max-width:400px}.auth-features{display:flex;flex-direction:column;gap:20px;margin-bottom:48px}.auth-feature{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.15);transition:all .3s ease;animation:featureSlideIn .6s ease forwards;opacity:0;transform:translate(-20px)}@keyframes featureSlideIn{to{opacity:1;transform:translate(0)}}.auth-feature:hover{background:#ffffff26;transform:translate(8px)}.auth-feature-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:12px;color:#fff;flex-shrink:0}.auth-feature-text h4{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:4px}.auth-feature-text p{font-size:.85rem;color:#ffffffb3;line-height:1.5}.auth-stats{display:flex;align-items:center;gap:24px;padding:24px 28px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.15)}.auth-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.auth-stat-number{font-size:1.75rem;font-weight:800;color:#fff;letter-spacing:-.02em}.auth-stat-label{font-size:.8rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.auth-stat-divider{width:1px;height:40px;background:#fff3}.auth-floating-elements{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.floating-card{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 18px;background:#fffffff2;border-radius:12px;box-shadow:0 20px 40px #0003;font-size:.85rem;font-weight:600;color:#4f46e5}.floating-card-1{top:15%;right:10%;animation:floatCard1 6s ease-in-out infinite}.floating-card-2{bottom:20%;right:15%;animation:floatCard2 7s ease-in-out infinite}@keyframes floatCard1{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-20px) rotate(3deg)}}@keyframes floatCard2{0%,to{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-15px) rotate(-3deg)}}.auth-form-panel{flex:0 0 520px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 60px;background:#fff;position:relative}[data-theme=dark] .auth-form-panel{background:#0f0f1a}.auth-theme-toggle{position:absolute;top:28px;right:28px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#e4e0f2;border:none;border-radius:12px;color:#7272a8;cursor:pointer;transition:all .25s ease}[data-theme=dark] .auth-theme-toggle{background:#1e1e2e;color:#94a3b8}.auth-theme-toggle:hover{background:#c4b8de;color:#4f46e5;transform:rotate(15deg)}[data-theme=dark] .auth-theme-toggle:hover{background:#2d2d40;color:#a78bfa}.auth-form-container{width:100%;max-width:380px}.auth-form-header{text-align:center;margin-bottom:32px}.auth-form-header h2{font-size:2rem;font-weight:800;color:#0f172a;margin-bottom:8px;letter-spacing:-.02em}[data-theme=dark] .auth-form-header h2{color:#f1f5f9}.auth-form-header p{font-size:.95rem;color:#7272a8;line-height:1.6}[data-theme=dark] .auth-form-header p{color:#94a3b8}.auth-alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;margin-bottom:24px;font-size:.9rem;font-weight:500}.auth-alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#dc2626}[data-theme=dark] .auth-alert-error{background:#ef444426;border-color:#ef444440;color:#f87171}.auth-alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#16a34a}[data-theme=dark] .auth-alert-success{background:#22c55e26;border-color:#22c55e40;color:#4ade80}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-input-group{position:relative;display:flex;align-items:center;background:#f0eef8;border:2px solid #c4b8de;border-radius:14px;transition:all .3s ease;overflow:hidden}[data-theme=dark] .auth-input-group{background:#1a1a2e;border-color:#2d2d40}.auth-input-group:hover{border-color:#0cc}[data-theme=dark] .auth-input-group:hover{border-color:#3d3d55}.auth-input-group.focused{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a}[data-theme=dark] .auth-input-group.focused{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed26}.auth-input-group.has-value .auth-input-icon{color:#4f46e5}[data-theme=dark] .auth-input-group.has-value .auth-input-icon{color:#a78bfa}.auth-input-icon{display:flex;align-items:center;justify-content:center;width:52px;color:#94a3b8;transition:color .25s ease;flex-shrink:0}.auth-input-group input{flex:1;height:56px;padding:0 16px 0 0;font-size:.95rem;font-weight:500;color:#0f172a;background:transparent;border:none;outline:none}[data-theme=dark] .auth-input-group input{color:#f1f5f9}.auth-input-group input::placeholder{color:#94a3b8;font-weight:400}[data-theme=dark] .auth-input-group input::placeholder{color:#64748b}.auth-input-highlight{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4f46e5,#7c3aed,#9333ea);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.auth-input-group.focused .auth-input-highlight{transform:scaleX(1)}.auth-password-toggle{position:absolute;right:14px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#94a3b8;cursor:pointer;border-radius:10px;transition:all .25s ease}.auth-password-toggle:hover{color:#4f46e5;background:#4f46e51a}[data-theme=dark] .auth-password-toggle:hover{color:#a78bfa;background:#a78bfa1a}.auth-password-hint{margin-top:-12px;font-size:.8rem;color:#94a3b8;padding-left:4px}[data-theme=dark] .auth-password-hint{color:#64748b}.auth-submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;height:56px;margin-top:8px;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #4f46e54d}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #4f46e566}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-spinner{animation:spin 1s linear infinite}.auth-divider{display:flex;align-items:center;gap:16px;margin:28px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#c4b8de}[data-theme=dark] .auth-divider:before,[data-theme=dark] .auth-divider:after{background:#2d2d40}.auth-divider span{font-size:.8rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.auth-switch-text{text-align:center;font-size:.95rem;color:#7272a8}[data-theme=dark] .auth-switch-text{color:#94a3b8}.auth-switch-btn{background:none;border:none;color:#4f46e5;font-weight:700;cursor:pointer;transition:all .25s ease;padding:0}[data-theme=dark] .auth-switch-btn{color:#a78bfa}.auth-switch-btn:hover{color:#7c3aed;text-decoration:underline}.auth-security{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px;padding:12px 20px;background:#f0eef8;border-radius:10px;font-size:.8rem;color:#7272a8}[data-theme=dark] .auth-security{background:#1a1a2e;color:#94a3b8}.auth-security svg{color:#22c55e}@media (max-width: 1024px){.auth-branding{padding:40px}.auth-hero h1{font-size:2.5rem}.auth-form-panel{flex:0 0 480px;padding:40px}}@media (max-width: 900px){.auth-page{flex-direction:column}.auth-branding{display:none}.auth-form-panel{flex:1;padding:100px 24px 40px;justify-content:flex-start}.auth-form-container{max-width:400px}.auth-form-header:before{content:"✨";display:block;font-size:3rem;margin-bottom:16px}.auth-form-header h2:after{content:" to AI Interviewer";font-size:1rem;font-weight:600;color:#4f46e5;display:block;margin-top:4px}[data-theme=dark] .auth-form-header h2:after{color:#a78bfa}}@media (max-width: 480px){.auth-form-panel{padding:80px 20px 24px}.auth-theme-toggle{top:20px;right:20px;width:40px;height:40px}.auth-form-header h2{font-size:1.75rem}.auth-input-group input{height:52px;font-size:.9rem}.auth-submit-btn{height:52px}}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:56px;padding:0 24px;background:#fff;border:2px solid #c4b8de;border-radius:12px;font-size:1rem;font-weight:600;color:#191970;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.auth-google-btn:hover:not(:disabled){background:#f0eef8;border-color:#0cc;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-google-btn svg{flex-shrink:0}[data-theme=dark] .auth-google-btn{background:#1e1e2e;border-color:#2d2d44;color:#f1f5f9}[data-theme=dark] .auth-google-btn:hover:not(:disabled){background:#262636;border-color:#3d3d5c}.auth-callback-container{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:linear-gradient(135deg,#0a0a14,#1a1a2e)}.auth-callback-card{text-align:center;padding:60px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:400px;width:100%}.auth-callback-card h2{font-size:1.75rem;font-weight:700;color:#fff;margin:20px 0 10px}.auth-callback-card p{color:#ffffffb3;margin-bottom:24px}.auth-callback-spinner{color:#0cc;animation:spin 1s linear infinite}.auth-callback-success{color:#22c55e}.auth-callback-error{color:#ef4444}.cosmic-dashboard{--bg-primary: linear-gradient(135deg, #0a1628 0%, #0d1f3c 50%, #0a1628 100%);--bg-secondary: rgba(15, 25, 45, .85);--bg-card: rgba(15, 30, 55, .75);--bg-card-hover: rgba(20, 40, 70, .85);--bg-overlay: rgba(10, 22, 40, .92);--bg-overlay-color: rgba(10, 22, 40, .6);--text-primary: #ffffff;--text-secondary: #f1f5f9;--text-muted: #94a3b8;--text-accent: #c4b5fd;--border-primary: rgba(255, 255, 255, .18);--border-secondary: rgba(255, 255, 255, .25);--border-accent: rgba(139, 92, 246, .6);--accent-primary: #6366f1;--accent-secondary: #818cf8;--accent-glow: rgba(99, 102, 241, .4);--stat-bg: rgba(59, 130, 246, .25);--stat-completed-bg: rgba(34, 197, 94, .25);--stat-rating-bg: rgba(251, 191, 36, .25);--robot-opacity: .55;--robot-glow: rgba(99, 102, 241, .35);--stars-opacity: .5;--btn-bg: rgba(30, 45, 80, .85);--btn-bg-hover: rgba(40, 60, 100, .9)}:root.light .cosmic-dashboard,[data-theme=light] .cosmic-dashboard{--bg-primary: linear-gradient(135deg, rgba(184, 227, 233, .15) 0%, rgba(147, 177, 181, .1) 50%, rgba(184, 227, 233, .15) 100%);--bg-secondary: rgba(232, 244, 246, .5);--bg-card: rgba(232, 244, 246, .85);--bg-card-hover: rgba(216, 239, 243, .95);--bg-overlay: rgba(184, 227, 233, .1);--bg-overlay-color: rgba(232, 244, 246, .05);--text-primary: #191970;--text-secondary: #2b2b8a;--text-muted: #7272a8;--text-accent: #d000d0;--border-primary: rgba(79, 124, 130, .2);--border-secondary: rgba(79, 124, 130, .25);--border-accent: rgba(79, 124, 130, .5);--accent-primary: #d000d0;--accent-secondary: #00cccc;--accent-glow: rgba(79, 124, 130, .15);--stat-bg: rgba(79, 124, 130, .12);--stat-completed-bg: rgba(22, 163, 74, .12);--stat-rating-bg: rgba(234, 179, 8, .15);--robot-opacity: .9;--robot-glow: rgba(79, 124, 130, .05);--stars-opacity: .05;--btn-text: #ffffff;--btn-bg: linear-gradient(135deg, #191970 0%, #d000d0 50%, #191970 100%)}.cosmic-dashboard{min-height:100vh;position:relative;overflow-x:hidden;background:var(--bg-primary);transition:background .3s ease}.ai-robot-bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;overflow:hidden}.ai-robot-bg-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;object-position:center top;opacity:var(--robot-opacity);filter:blur(0px) saturate(1.1);mask-image:radial-gradient(ellipse 90% 85% at 50% 35%,#000,#000000d9 60%,#0000);-webkit-mask-image:radial-gradient(ellipse 90% 85% at 50% 35%,rgba(0,0,0,1) 0%,rgba(0,0,0,.85) 60%,rgba(0,0,0,0) 100%);transition:opacity .3s ease}@keyframes bg-robot-breathe{0%,to{transform:translate(-50%,-50%) scale(1);filter:blur(.5px) brightness(1)}50%{transform:translate(-50%,-50%) scale(1.02);filter:blur(.5px) brightness(1.05)}}.ai-robot-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 70% at 50% 25%,var(--robot-glow) 0%,transparent 60%);pointer-events:none;z-index:1}.ai-robot-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,transparent 60%,var(--bg-overlay-color, rgba(10, 22, 40, .5)) 100%);pointer-events:none;z-index:2}.cosmic-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;opacity:var(--stars-opacity);transition:opacity .3s ease}.cosmic-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 30%,var(--accent-glow) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--accent-glow) 0%,transparent 70%)}.stars,.stars2,.stars3{position:absolute;width:100%;height:100%;background-repeat:repeat}.stars{background-image:radial-gradient(1px 1px at 20px 30px,white,transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 50px 160px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 80px 10px,white,transparent),radial-gradient(1.5px 1.5px at 110px 80px,rgba(139,92,246,.8),transparent),radial-gradient(1px 1px at 140px 140px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 170px 30px,white,transparent),radial-gradient(1px 1px at 200px 120px,rgba(255,255,255,.5),transparent);background-size:200px 200px;animation:stars-drift 100s linear infinite}.stars2{background-image:radial-gradient(1px 1px at 10px 50px,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 60px 100px,rgba(139,92,246,.6),transparent),radial-gradient(1px 1px at 110px 20px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 160px 80px,white,transparent);background-size:180px 180px;animation:stars-drift 150s linear infinite}.stars3{background-image:radial-gradient(2px 2px at 30px 40px,rgba(168,85,247,.5),transparent),radial-gradient(1.5px 1.5px at 80px 90px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 120px 50px,rgba(99,102,241,.4),transparent);background-size:150px 150px;animation:stars-drift 200s linear infinite;opacity:.5}@keyframes stars-drift{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.cosmic-main{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:32px 32px 100px}.cosmic-error{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;margin-bottom:24px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#f87171;font-size:.9rem}.cosmic-error button{background:none;border:none;color:inherit;font-size:1.2rem;cursor:pointer;opacity:.7}.cosmic-error button:hover{opacity:1}.cosmic-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:160px 0 40px;margin-bottom:36px;position:relative;z-index:2}.hero-badge-premium{position:relative;margin-bottom:36px;animation:badge-float 4s ease-in-out infinite}.hero-badge-glow{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;background:conic-gradient(from 0deg,#6366f1,#8b5cf6,#a855f7,#ec4899,#8b5cf6,#6366f1);border-radius:60px;opacity:.6;filter:blur(12px);animation:badge-border-spin 4s linear infinite;z-index:0}.hero-badge-inner{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:14px 36px;background:linear-gradient(135deg,#0f172af2,#1e293beb);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1.5px solid rgba(139,92,246,.4);border-radius:60px;font-size:1.15rem;font-weight:700;color:#e2e8f0;letter-spacing:.8px;text-shadow:0 1px 3px rgba(0,0,0,.4)}.hero-badge-logo{width:28px;height:28px;border-radius:8px;object-fit:cover}@keyframes badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes badge-border-spin{to{filter:blur(12px) hue-rotate(360deg)}}.cosmic-cta{position:relative;display:inline-flex;align-items:center;gap:12px;padding:18px 52px;background:linear-gradient(135deg,#2563eb,#3b82f6,#2563eb);border:none;border-radius:60px;font-size:1.15rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fff;cursor:pointer;overflow:hidden;transition:all .4s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 0 1px #2563eb66,0 8px 32px #2563eb59,0 4px 16px #0003,inset 0 1px #fff3;margin-bottom:36px;text-shadow:0 2px 6px rgba(0,0,0,.3);z-index:1}.cta-shimmer,.cta-border-glow{display:none}.cosmic-cta .cta-icon{position:relative;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:all .4s ease;width:24px;height:24px}.cosmic-cta .cta-text{position:relative;z-index:2}.cosmic-cta .cta-arrow{position:relative;z-index:2;transition:transform .3s ease;width:20px;height:20px}.cosmic-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s ease;z-index:1}.cosmic-cta:hover:before{left:100%}.cosmic-cta:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 0 0 2px #2563eb80,0 16px 50px #2563eb73,0 8px 24px #00000040,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#1d4ed8,#2563eb,#1d4ed8)}.cosmic-cta:hover .cta-icon{transform:scale(1.2) rotate(-10deg);filter:drop-shadow(0 0 12px rgba(255,255,255,.6))}.cosmic-cta:hover .cta-arrow{transform:translate(4px)}.cosmic-cta:active{transform:translateY(-1px) scale(1.01);box-shadow:0 0 0 2px #2563eb66,0 4px 16px #2563eb4d,inset 0 1px #ffffff26}.cta-glow{display:none}.cosmic-cta.small{padding:18px 48px;font-size:1.1rem;gap:12px}.quick-action-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;width:100%;max-width:820px}.quick-action-btn{position:relative;display:flex;flex-direction:row;align-items:center;gap:12px;padding:14px 28px 14px 20px;background:#0f172a73;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgba(139,92,246,.18);border-radius:50px;color:#fff;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden;box-shadow:0 4px 20px #0003,inset 0 1px #ffffff0f;z-index:1;flex:0 1 auto;min-width:200px}.qa-card-border{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:25px;background:conic-gradient(from var(--angle, 0deg),transparent 40%,rgba(139,92,246,.5) 50%,transparent 60%);z-index:-1;opacity:0;transition:opacity .4s ease;animation:card-border-rotate 4s linear infinite}.qa-card-1{--angle: 0deg}.qa-card-2{--angle: 120deg}.qa-card-3{--angle: 240deg}@keyframes card-border-rotate{to{--angle: 360deg}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.qa-card-shine{position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),rgba(255,255,255,.08),rgba(255,255,255,.04),transparent);transform:skew(-15deg);transition:left .6s ease;pointer-events:none;z-index:2}.quick-action-btn:hover .qa-card-shine{left:130%}.quick-action-btn:hover .qa-card-border{opacity:1}.qa-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#6366f133,#8b5cf61f);border:1px solid rgba(139,92,246,.2);transition:all .4s cubic-bezier(.25,.46,.45,.94);z-index:3;flex-shrink:0}.qa-icon-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:19px;border:1.5px solid transparent;background:conic-gradient(from 0deg,transparent 70%,rgba(139,92,246,.6) 80%,transparent 90%) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;animation:icon-ring-spin 3s linear infinite}@keyframes icon-ring-spin{to{transform:rotate(360deg)}}.quick-action-btn:hover .qa-icon-ring{opacity:1}.qa-icon-wrap svg{position:relative;z-index:1;color:#a78bfa;filter:drop-shadow(0 0 6px rgba(167,139,250,.4));transition:all .4s ease}.qa-label{position:relative;z-index:3;font-size:1rem;font-weight:700;letter-spacing:.3px;color:#f1f5f9;transition:color .3s ease}.qa-desc{display:none}.qa-arrow{position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#8b5cf61a;border:1px solid rgba(139,92,246,.12);opacity:.5;margin-left:auto;transition:all .4s cubic-bezier(.25,.46,.45,.94);z-index:3;flex-shrink:0}.qa-arrow svg{color:#a78bfa;width:14px;height:14px}.quick-action-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0%,rgba(139,92,246,.08) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;border-radius:24px;z-index:0}.quick-action-btn:hover:before{opacity:1}.quick-action-btn:hover{border-color:#8b5cf673;transform:translateY(-4px);background:#0f172a99;box-shadow:0 12px 40px #0000004d,0 4px 20px #8b5cf626,inset 0 1px #ffffff1a}.quick-action-btn:hover .qa-icon-wrap{background:linear-gradient(135deg,#6366f14d,#8b5cf633);border-color:#8b5cf666;transform:scale(1.08);box-shadow:0 0 16px #8b5cf633}.quick-action-btn:hover .qa-icon-wrap svg{color:#c4b5fd;filter:drop-shadow(0 0 12px rgba(196,181,253,.7));transform:scale(1.05)}.quick-action-btn:hover .qa-label{color:#fff}.quick-action-btn:hover .qa-desc{color:#94a3b8}.quick-action-btn:hover .qa-arrow{opacity:1;transform:translate(2px);background:#8b5cf626;border-color:#8b5cf64d}.quick-action-btn:active{transform:translateY(-3px);transition-duration:.15s}.cosmic-stats-section{margin-bottom:40px}.section-header{text-align:center;margin-bottom:36px}.section-header h2{font-size:1.9rem;font-weight:800;color:var(--text-primary);margin:0 0 12px;transition:color .3s ease;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.section-subtitle{font-size:1.1rem;color:var(--text-muted);font-weight:500}.cosmic-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cosmic-stat-card{display:flex;flex-direction:column;align-items:flex-start;padding:24px;background:#0f172a66;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:1.5px solid rgba(99,102,241,.2);border-radius:20px;transition:all .4s ease;box-shadow:0 4px 20px #0003,inset 0 1px #ffffff0f}.cosmic-stat-card:hover{background:#14233c8c;border-color:#8b5cf673;transform:translateY(-5px) scale(1.02);box-shadow:0 12px 40px #00000040,0 0 30px #8b5cf61f,inset 0 1px #ffffff1a}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f133,#8b5cf61f);border-radius:14px;color:#a78bfa;margin-bottom:14px;box-shadow:0 4px 14px #6366f126;border:1px solid rgba(139,92,246,.2);transition:all .3s ease}.cosmic-stat-card:hover .stat-icon{transform:scale(1.1);box-shadow:0 8px 25px #8b5cf666}.stat-icon svg{width:24px;height:24px;filter:drop-shadow(0 0 4px rgba(167,139,250,.4))}.stat-icon.completed{background:linear-gradient(135deg,#22c55e4d,#10b98133);color:#4ade80;box-shadow:0 6px 20px #22c55e40;border-color:#22c55e4d}.stat-icon.rating{background:linear-gradient(135deg,#fbbf244d,#f59e0b33);color:#fbbf24;box-shadow:0 6px 20px #fbbf2440;border-color:#fbbf244d}.stat-content{flex:1}.stat-label{display:block;font-size:1rem;color:#94a3b8;margin-bottom:8px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{display:block;font-size:2.2rem;font-weight:900;color:#fff;line-height:1;transition:all .3s ease;letter-spacing:-1px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.cosmic-stat-card:hover .stat-value{transform:scale(1.05);text-shadow:0 0 20px rgba(139,92,246,.5)}.stat-visual{margin-top:16px}.mini-bars{display:flex;align-items:flex-end;gap:4px;height:30px}.mini-bar{width:8px;background:linear-gradient(180deg,#4ade80,#22c55e);border-radius:4px;opacity:.7}.rating-display{display:flex;align-items:baseline;gap:10px}.star-rating{display:flex;gap:2px}.star-rating svg{color:#475569;transition:color .2s}.star-rating svg.filled{color:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}.cosmic-stat-card.action{flex-direction:row;align-items:center;gap:10px;cursor:pointer;background:linear-gradient(135deg,var(--stat-bg),rgba(59,130,246,.1));border-color:var(--border-accent)}.cosmic-stat-card.action:hover{background:linear-gradient(135deg,#3b82f640,#3b82f626)}.cosmic-stat-card.action span{font-weight:600;color:var(--text-accent)}.cosmic-stat-card.action svg{color:var(--text-accent)}.cosmic-recent-section{margin-bottom:40px}.cosmic-recent-list{display:flex;flex-direction:column;gap:16px}.cosmic-recent-item{display:flex;align-items:center;gap:20px;padding:16px 24px;background:#0f172a66;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid rgba(99,102,241,.15);border-radius:16px;box-shadow:0 2px 12px #0000001f;cursor:pointer;transition:all .3s ease}.cosmic-recent-item:hover{background:#14233c8c;border-color:#8b5cf659;transform:translate(4px)}.recent-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--stat-bg);border-radius:10px;color:var(--text-accent)}.recent-info{flex:1;display:flex;flex-direction:column;gap:4px}.recent-info strong{font-size:.95rem;font-weight:600;color:var(--text-secondary);transition:color .3s ease}.recent-date{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted)}.recent-status{display:flex;align-items:center;gap:8px}.status-badge{padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:600}.status-badge.completed{background:var(--stat-bg);color:var(--text-accent)}.status-badge.progress{background:var(--stat-rating-bg);color:#fbbf24}.recent-status svg{color:var(--text-muted)}.cosmic-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;background:var(--bg-secondary);border:1px dashed var(--border-secondary);border-radius:20px}.empty-icon{font-size:3rem;margin-bottom:16px}.cosmic-empty-state h3{font-size:1.2rem;color:var(--text-secondary);margin:0 0 8px}.cosmic-empty-state p{color:var(--text-muted);margin:0 0 24px;max-width:300px}.cosmic-user-card{position:fixed;bottom:24px;left:24px;display:flex;align-items:center;gap:12px;padding:10px 18px;background:#0f172a80;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(99,102,241,.15);border-radius:50px;z-index:10;transition:all .3s ease}.user-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:50%;font-weight:700;color:#fff;font-size:1rem}.user-info{display:flex;flex-direction:column}.user-info strong{font-size:.9rem;color:var(--text-secondary);transition:color .3s ease}.user-info span{font-size:.75rem;color:var(--text-muted)}.dashboard-footer{margin-top:3rem;padding:2rem 1.5rem;padding-bottom:100px;border-top:1px solid rgba(99,102,241,.12);background:#0f172a4d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px}.dashboard-footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.dashboard-footer-content p{color:var(--text-muted);font-size:.875rem;margin:0}.dashboard-footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem}.dashboard-footer-links a{color:var(--text-secondary);font-size:.85rem;text-decoration:none;transition:color .2s ease;padding:.25rem .5rem}.dashboard-footer-links a:hover{color:var(--accent-primary)}.dashboard-footer-links .footer-dot{color:var(--text-muted);opacity:.5;font-size:.7rem}.cosmic-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary, linear-gradient(135deg, #0a1628 0%, #0d1f3c 50%, #0a1628 100%))}:root.light .cosmic-loading,[data-theme=light] .cosmic-loading{background:linear-gradient(135deg,#f0eef8,#e4e0f2,#d6d0ea)}.cosmic-loading-content{display:flex;flex-direction:column;align-items:center;gap:24px}.cosmic-spinner{position:relative;width:60px;height:60px}.spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid transparent;border-top-color:var(--accent-primary, #3b82f6);border-radius:50%;animation:spin 1.5s linear infinite}.spinner-ring:nth-child(2){top:8px;right:8px;bottom:8px;left:8px;border-top-color:var(--accent-secondary, #60a5fa);animation-delay:.2s}.spinner-ring:nth-child(3){top:16px;right:16px;bottom:16px;left:16px;border-top-color:#93c5fd;animation-delay:.4s}.cosmic-loading p{color:var(--text-muted, #64748b);font-size:.9rem}@media (max-width: 900px){.cosmic-stats-grid{grid-template-columns:repeat(2,1fr)}.cosmic-hero{padding:150px 0 32px}.hero-badge-inner{padding:12px 28px;font-size:1rem}.cosmic-cta{padding:16px 44px;font-size:1.05rem}.quick-action-row{max-width:640px;gap:12px}.quick-action-btn{padding:12px 22px 12px 16px;min-width:180px}.qa-icon-wrap{width:36px;height:36px}}@media (max-width: 600px){.cosmic-main{padding:16px 12px 100px}.cosmic-hero{padding:140px 0 32px;margin-bottom:30px}.hero-badge-premium{margin-bottom:24px}.hero-badge-inner{padding:10px 22px;font-size:.9rem;gap:8px}.hero-badge-logo{width:22px;height:22px}.hero-badge-glow{filter:blur(8px)}.cosmic-cta{padding:16px 36px;font-size:.95rem;gap:10px;letter-spacing:1px;margin-bottom:28px}.cosmic-cta .cta-icon{width:20px;height:20px}.cosmic-cta .cta-arrow{width:18px;height:18px}.quick-action-row{flex-direction:column;align-items:center;max-width:320px;gap:10px}.quick-action-btn{flex-direction:row;padding:14px 20px;gap:12px;border-radius:50px;width:100%;min-width:unset}.qa-icon-wrap{width:36px;height:36px;border-radius:10px;flex-shrink:0}.qa-label{font-size:.88rem}.qa-desc{display:none}.qa-arrow{position:relative;opacity:.5;transform:none;flex-shrink:0;margin-left:auto}.quick-action-btn:hover .qa-arrow{opacity:1}.section-header{margin-bottom:20px}.section-header h2{font-size:1.4rem}.section-subtitle{font-size:.9rem}.cosmic-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.cosmic-stat-card{padding:16px;border-radius:16px}.stat-icon{width:40px;height:40px;margin-bottom:10px;border-radius:12px}.stat-icon svg{width:24px;height:24px}.stat-value{font-size:1.7rem}.stat-label{font-size:.75rem;text-transform:uppercase}.cosmic-recent-list{gap:10px}.cosmic-recent-item{padding:16px;gap:14px;border-radius:14px}.recent-icon{width:40px;height:40px;min-width:40px}.recent-info strong{font-size:.9rem}.recent-date{font-size:.7rem}.status-badge{padding:5px 10px;font-size:.65rem}.cosmic-user-card{bottom:12px;left:12px;right:12px;padding:10px 16px;justify-content:center;border-radius:40px}.user-avatar{width:36px;height:36px;font-size:.9rem}.user-info strong{font-size:.85rem}.user-info span{font-size:.7rem}.cosmic-empty-state{padding:32px 20px}.cosmic-empty-state h3{font-size:1rem}.cosmic-empty-state p{font-size:.85rem}}@media (max-width: 380px){.cosmic-main{padding:12px 10px 90px}.cosmic-hero{padding:120px 0 24px}.hero-badge-premium{margin-bottom:20px;animation:none}.hero-badge-inner{padding:8px 18px;font-size:.8rem}.hero-badge-logo{width:20px;height:20px}.cosmic-cta{padding:16px 32px;font-size:.88rem;width:100%;justify-content:center}.cta-border-glow,.cta-shimmer{display:none}.quick-action-btn{padding:12px 18px;gap:10px;min-width:unset}.qa-icon-wrap{width:34px;height:34px}.qa-label{font-size:.85rem}.qa-card-border,.qa-card-shine{display:none}.cosmic-stats-grid{gap:10px}.cosmic-stat-card{padding:14px}.stat-icon{width:42px;height:42px}.stat-value{font-size:1.5rem}.stat-label{font-size:.65rem}}:root:not(.light) .cosmic-dashboard .cosmic-stat-card,:root:not(.light) .cosmic-dashboard .cosmic-recent-item,:root:not(.light) .cosmic-dashboard .cosmic-user-card,:root:not(.light) .cosmic-dashboard .cosmic-empty-state,[data-theme=dark] .cosmic-dashboard .cosmic-stat-card,[data-theme=dark] .cosmic-dashboard .cosmic-recent-item,[data-theme=dark] .cosmic-dashboard .cosmic-user-card,[data-theme=dark] .cosmic-dashboard .cosmic-empty-state{background:#0f172a73;border-color:#6366f133;box-shadow:0 4px 20px #0003,inset 0 1px #ffffff0d}:root:not(.light) .cosmic-dashboard .cosmic-stat-card:hover,:root:not(.light) .cosmic-dashboard .cosmic-recent-item:hover,[data-theme=dark] .cosmic-dashboard .cosmic-stat-card:hover,[data-theme=dark] .cosmic-dashboard .cosmic-recent-item:hover{background:#14233c99;border-color:#8b5cf666;box-shadow:0 8px 30px #8b5cf626,inset 0 1px #ffffff14}:root:not(.light) .cosmic-dashboard .section-header h2,[data-theme=dark] .cosmic-dashboard .section-header h2{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}:root:not(.light) .cosmic-dashboard .section-subtitle,[data-theme=dark] .cosmic-dashboard .section-subtitle{color:#94a3b8}:root:not(.light) .cosmic-dashboard .stat-value,[data-theme=dark] .cosmic-dashboard .stat-value{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}:root:not(.light) .cosmic-dashboard .stat-label,[data-theme=dark] .cosmic-dashboard .stat-label{color:#94a3b8}:root:not(.light) .cosmic-dashboard .recent-info strong,[data-theme=dark] .cosmic-dashboard .recent-info strong{color:#f1f5f9}:root:not(.light) .cosmic-dashboard .recent-date,[data-theme=dark] .cosmic-dashboard .recent-date{color:#94a3b8}:root:not(.light) .cosmic-dashboard .status-badge.completed,[data-theme=dark] .cosmic-dashboard .status-badge.completed{background:#6366f14d;color:#c4b5fd;border:1px solid rgba(139,92,246,.4)}:root:not(.light) .cosmic-dashboard .status-badge.progress,[data-theme=dark] .cosmic-dashboard .status-badge.progress{background:#fbbf2440;color:#fde047;border:1px solid rgba(251,191,36,.4)}:root:not(.light) .cosmic-dashboard .user-info strong,[data-theme=dark] .cosmic-dashboard .user-info strong{color:#f1f5f9}:root:not(.light) .cosmic-dashboard .user-info span,[data-theme=dark] .cosmic-dashboard .user-info span{color:#94a3b8}:root:not(.light) .cosmic-dashboard .cosmic-empty-state h3,[data-theme=dark] .cosmic-dashboard .cosmic-empty-state h3{color:#f1f5f9}:root:not(.light) .cosmic-dashboard .cosmic-empty-state p,[data-theme=dark] .cosmic-dashboard .cosmic-empty-state p{color:#94a3b8}:root:not(.light) .cosmic-dashboard .stat-icon,:root:not(.light) .cosmic-dashboard .recent-icon,[data-theme=dark] .cosmic-dashboard .stat-icon,[data-theme=dark] .cosmic-dashboard .recent-icon{background:#6366f140;color:#c4b5fd;box-shadow:0 0 15px #6366f133}:root:not(.light) .cosmic-dashboard .stat-icon.completed,:root:not(.light) .cosmic-dashboard .recent-icon.completed,[data-theme=dark] .cosmic-dashboard .stat-icon.completed,[data-theme=dark] .cosmic-dashboard .recent-icon.completed{background:#22c55e40;color:#4ade80}:root:not(.light) .cosmic-dashboard .stat-icon.rating,[data-theme=dark] .cosmic-dashboard .stat-icon.rating{background:#fbbf2440;color:#fde047}:root:not(.light) .cosmic-dashboard .cosmic-stat-card.action,[data-theme=dark] .cosmic-dashboard .cosmic-stat-card.action{background:#6366f126;border-color:#8b5cf659}:root:not(.light) .cosmic-dashboard .cosmic-stat-card.action:hover,[data-theme=dark] .cosmic-dashboard .cosmic-stat-card.action:hover{background:#6366f140;box-shadow:0 8px 30px #8b5cf633}:root:not(.light) .cosmic-dashboard .cosmic-stat-card.action span,[data-theme=dark] .cosmic-dashboard .cosmic-stat-card.action span{color:#c4b5fd}:root.light .cosmic-dashboard .cosmic-cta,[data-theme=light] .cosmic-dashboard .cosmic-cta{background:linear-gradient(135deg,#191970,#d000d0,#191970);border:none;box-shadow:0 0 0 1px #4f7c824d,0 8px 32px #0b2e3340,0 4px 16px #0000001a,inset 0 1px #ffffff26}:root.light .cosmic-dashboard .cosmic-cta:hover,[data-theme=light] .cosmic-dashboard .cosmic-cta:hover{background:linear-gradient(135deg,#072024,#3d6268,#072024);box-shadow:0 0 0 2px #4f7c8266,0 16px 50px #0b2e334d,0 8px 24px #00000026,inset 0 1px #fff3}:root.light .cosmic-dashboard .cta-border-glow,[data-theme=light] .cosmic-dashboard .cta-border-glow{display:none}:root.light .cosmic-dashboard .cosmic-cta .cta-glow,[data-theme=light] .cosmic-dashboard .cosmic-cta .cta-glow{display:none}:root.light .cosmic-dashboard .hero-badge-inner,[data-theme=light] .cosmic-dashboard .hero-badge-inner{background:linear-gradient(135deg,#e8f4f6f2,#b8e3e9e6);border-color:#4f7c8233;color:#191970;text-shadow:none}:root.light .cosmic-dashboard .hero-badge-glow,[data-theme=light] .cosmic-dashboard .hero-badge-glow{opacity:.3}:root.light .cosmic-dashboard .quick-action-btn,[data-theme=light] .cosmic-dashboard .quick-action-btn{background:#e8f4f6b3;border:1px solid rgba(79,124,130,.15);box-shadow:0 2px 12px #0b2e330f,inset 0 1px #fffc}:root.light .cosmic-dashboard .quick-action-btn:hover,[data-theme=light] .cosmic-dashboard .quick-action-btn:hover{background:#d8eff3e0;border-color:#4f7c824d;box-shadow:0 8px 30px #0b2e3314,0 4px 12px #4f7c8214,inset 0 1px #ffffffe6}:root.light .cosmic-dashboard .qa-card-border,[data-theme=light] .cosmic-dashboard .qa-card-border{background:conic-gradient(from var(--angle, 0deg),transparent 40%,rgba(79,124,130,.35) 50%,transparent 60%)}:root.light .cosmic-dashboard .qa-label,[data-theme=light] .cosmic-dashboard .qa-label{color:#191970}:root.light .cosmic-dashboard .qa-desc,[data-theme=light] .cosmic-dashboard .qa-desc{color:#7272a8}:root.light .cosmic-dashboard .qa-icon-wrap,[data-theme=light] .cosmic-dashboard .qa-icon-wrap{background:linear-gradient(135deg,#4f7c821a,#93b1b514);border-color:#4f7c8226}:root.light .cosmic-dashboard .qa-icon-wrap svg,[data-theme=light] .cosmic-dashboard .qa-icon-wrap svg{color:#d000d0;filter:drop-shadow(0 0 4px rgba(79,124,130,.2))}:root.light .cosmic-dashboard .qa-arrow,[data-theme=light] .cosmic-dashboard .qa-arrow{background:#4f7c8214;border-color:#4f7c821f}:root.light .cosmic-dashboard .qa-arrow svg,[data-theme=light] .cosmic-dashboard .qa-arrow svg{color:#d000d0}:root.light .cosmic-dashboard .cosmic-stat-card,[data-theme=light] .cosmic-dashboard .cosmic-stat-card{background:linear-gradient(135deg,#e8f4f6f2,#d8eff3e6);border:1.5px solid rgba(79,124,130,.15);box-shadow:0 4px 15px #0b2e330f,inset 0 1px #fffc}:root.light .cosmic-dashboard .cosmic-stat-card:hover,[data-theme=light] .cosmic-dashboard .cosmic-stat-card:hover{background:#d8eff3fa;border-color:#4f7c824d;box-shadow:0 8px 30px #0b2e331a,0 0 0 1px #4f7c821a}:root.light .cosmic-dashboard .cosmic-recent-item,[data-theme=light] .cosmic-dashboard .cosmic-recent-item{background:linear-gradient(135deg,#e8f4f6f2,#d8eff3e6);border:1.5px solid rgba(79,124,130,.12);box-shadow:0 2px 10px #0b2e330d,inset 0 1px #fffc}:root.light .cosmic-dashboard .cosmic-recent-item:hover,[data-theme=light] .cosmic-dashboard .cosmic-recent-item:hover{background:#d8eff3fa;border-color:#4f7c824d;box-shadow:0 8px 25px #4f7c821f,0 0 0 1px #4f7c821a}:root.light .cosmic-dashboard .cosmic-user-card,[data-theme=light] .cosmic-dashboard .cosmic-user-card{background:linear-gradient(135deg,#e8f4f6f2,#d8eff3e6);border:1.5px solid rgba(79,124,130,.15);box-shadow:0 4px 20px #0b2e3314,inset 0 1px #fffc}:root.light .cosmic-dashboard .user-avatar,[data-theme=light] .cosmic-dashboard .user-avatar{background:linear-gradient(135deg,#191970,#d000d0);box-shadow:0 4px 12px #0b2e334d}:root.light .cosmic-dashboard .cosmic-empty-state,[data-theme=light] .cosmic-dashboard .cosmic-empty-state{background:linear-gradient(135deg,#e8f4f6e6,#d8eff3d9);border:2px dashed rgba(79,124,130,.25)}:root.light .cosmic-dashboard .status-badge.completed,[data-theme=light] .cosmic-dashboard .status-badge.completed{background:linear-gradient(135deg,#4f7c8226,#93b1b51a);color:#191970;border:1px solid rgba(79,124,130,.2)}:root.light .cosmic-dashboard .stat-icon,[data-theme=light] .cosmic-dashboard .stat-icon{background:linear-gradient(135deg,#4f7c8226,#93b1b51a);color:#d000d0}:root.light .cosmic-dashboard .recent-icon,[data-theme=light] .cosmic-dashboard .recent-icon{background:linear-gradient(135deg,#4f7c8226,#93b1b51a);color:#d000d0}.ai-robot-dark,.ai-robot-light{display:none}:root.light .cosmic-dashboard .ai-robot-dark,[data-theme=light] .cosmic-dashboard .ai-robot-dark{display:none}:root.light .cosmic-dashboard .ai-robot-light,[data-theme=light] .cosmic-dashboard .ai-robot-light{display:none}:root.light .cosmic-dashboard .ai-robot-bg:before,[data-theme=light] .cosmic-dashboard .ai-robot-bg:before{display:none}:root.light .cosmic-dashboard .ai-robot-bg:after,[data-theme=light] .cosmic-dashboard .ai-robot-bg:after{background:none;display:none}:root.light .cosmic-dashboard .ai-robot-bg-image,[data-theme=light] .cosmic-dashboard .ai-robot-bg-image{opacity:1;filter:saturate(1.15) brightness(1.05);mask-image:none;-webkit-mask-image:none}:root.light .cosmic-dashboard .cosmic-bg,[data-theme=light] .cosmic-dashboard .cosmic-bg{display:none}:root.light .cosmic-dashboard .cosmic-gradient,[data-theme=light] .cosmic-dashboard .cosmic-gradient{display:none}.cosmic-quote-section{position:relative;z-index:2;margin-bottom:var(--space-6, 1.5rem);padding:0 var(--space-4, 1rem);animation:quoteSlideIn .8s cubic-bezier(.34,1.56,.64,1) .3s both}@keyframes quoteSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quote-card{position:relative;max-width:700px;margin:0 auto;padding:24px 32px;background:#0f172a59;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border:1px solid rgba(139,92,246,.18);border-radius:18px;text-align:center;overflow:hidden;transition:all .5s ease}.quote-card.quote-fade-in{opacity:1;transform:translateY(0)}.quote-card.quote-fade-out{opacity:0;transform:translateY(8px)}.quote-card:hover{transform:translateY(-4px);border-color:#8b5cf673;box-shadow:0 20px 60px #6366f133,0 8px 25px #00000026}.quote-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(139,92,246,.15) 0%,transparent 70%);pointer-events:none;animation:glowRotate 8s linear infinite}@keyframes glowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quote-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:16px;background:linear-gradient(135deg,#8b5cf640,#6366f126);border-radius:50%;color:#a78bfa;box-shadow:0 4px 20px #8b5cf64d,inset 0 1px #ffffff1a;animation:iconPulse 3s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 4px 20px #8b5cf64d}50%{transform:scale(1.05);box-shadow:0 6px 30px #8b5cf673}}.quote-text{font-size:1.35rem;font-weight:500;line-height:1.6;color:#f1f5f9;margin:0 0 16px;font-style:italic;text-shadow:0 2px 10px rgba(0,0,0,.2);position:relative;z-index:1}.quote-author{display:block;font-size:.95rem;font-weight:600;color:#a78bfa;letter-spacing:.5px;position:relative;z-index:1}:root.light .cosmic-dashboard .quote-card,[data-theme=light] .cosmic-dashboard .quote-card{background:linear-gradient(145deg,#e8f4f6f2,#d8eff3e6);border:1.5px solid rgba(79,124,130,.2);box-shadow:0 8px 32px #4f7c821a,0 4px 16px #0b2e330d,inset 0 1px #fffc}:root.light .cosmic-dashboard .quote-card:hover,[data-theme=light] .cosmic-dashboard .quote-card:hover{box-shadow:0 16px 48px #4f7c8226,0 8px 25px #0b2e3314}:root.light .cosmic-dashboard .quote-icon,[data-theme=light] .cosmic-dashboard .quote-icon{background:linear-gradient(135deg,#4f7c8226,#93b1b51a);color:#d000d0}:root.light .cosmic-dashboard .quote-text,[data-theme=light] .cosmic-dashboard .quote-text{color:#191970;text-shadow:none}:root.light .cosmic-dashboard .quote-author,[data-theme=light] .cosmic-dashboard .quote-author{color:#d000d0}:root.light .cosmic-dashboard .quote-glow,[data-theme=light] .cosmic-dashboard .quote-glow{opacity:.5}@media (max-width: 768px){.quote-card{padding:24px 20px}.quote-text{font-size:1.1rem}.quote-icon{width:48px;height:48px}}.domain-selection-container{min-height:100vh;background:linear-gradient(135deg,#f0eef8,#e4e0f2 35%,#d6d0ea 65%,#f0eef8);position:relative}[data-theme=dark] .domain-selection-container{background:linear-gradient(180deg,#0a1628,#0d1f3c,#0a1628)}.domain-selection-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(79,124,130,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(184,227,233,.2) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(147,177,181,.1) 0%,transparent 50%);pointer-events:none;z-index:0}[data-theme=dark] .domain-selection-container:before{background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(167,139,250,.1) 0%,transparent 50%)}.domain-selection-main{max-width:1300px;margin:0 auto;padding:24px 32px 60px;position:relative;z-index:1}.back-button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffffe6;border:1px solid rgba(79,124,130,.15);border-radius:14px;font-size:.95rem;font-weight:600;color:#2b2b8a;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:24px;box-shadow:0 4px 16px #4f7c820d}.back-button:hover{background:#fff;border-color:#4f7c824d;color:#d000d0;transform:translate(-6px);box-shadow:0 8px 24px #4f7c821a}[data-theme=dark] .back-button{background:#0f1932cc;border-color:#8b5cf640;color:#c7d2fecc}[data-theme=dark] .back-button:hover{background:#0f1932f2;border-color:#8b5cf666;color:#a78bfa;box-shadow:0 8px 24px #8b5cf633}.domain-header{text-align:center;margin-bottom:48px;padding:2rem 2.5rem;background:#ffffffe6;border-radius:28px;border:1px solid rgba(79,124,130,.15);box-shadow:0 8px 32px #4f7c8214,0 0 0 1px #ffffff80 inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=dark] .domain-header{background:#0f1932d9;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0000004d,0 0 50px #8b5cf626,0 0 0 1px #8b5cf633 inset}.header-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#4f7c821a,#4f7c8226);border:1px solid rgba(79,124,130,.25);border-radius:30px;font-size:.85rem;font-weight:700;color:#7c3aed;margin-bottom:20px;box-shadow:0 4px 16px #4f7c821a}[data-theme=dark] .header-badge{background:linear-gradient(135deg,#6366f133,#8b5cf640);border-color:#8b5cf666;color:#a78bfa;box-shadow:0 4px 20px #8b5cf633}.domain-header h1{font-size:2.75rem;font-weight:800;margin:0 0 16px;display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#191970,#2b2b8a,#d000d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .domain-header h1{background:linear-gradient(135deg,#fff,#e0e7ff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(167,139,250,.4)}.header-sparkle{color:#d000d0;animation:sparkle-float 3s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(79,124,130,.5))}@keyframes sparkle-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(10deg)}}.header-subtitle{font-size:1.15rem;color:#7272a8;max-width:520px;margin:0 auto;line-height:1.7;font-weight:500}[data-theme=dark] .header-subtitle{color:#c7d2fecc}.domain-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;margin-bottom:48px}.domain-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:28px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(79,124,130,.12);border-radius:24px;cursor:pointer;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 8px 32px #4f7c820d,0 0 0 1px #ffffff80 inset}.domain-card:hover:not(.locked){transform:translateY(-8px);border-color:var(--domain-color);box-shadow:0 24px 48px #4f7c8226,0 0 0 1px var(--domain-color),0 0 40px color-mix(in srgb,var(--domain-color) 20%,transparent)}.domain-card.selected{border-color:var(--domain-color);box-shadow:0 28px 56px #4f7c822e,0 0 50px color-mix(in srgb,var(--domain-color) 30%,transparent)}.domain-card.animating{animation:card-select .4s ease-out}@keyframes card-select{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(.98);opacity:.8}}[data-theme=dark] .domain-card{background:#0f1932d9;border-color:#8b5cf633;box-shadow:0 8px 32px #0003,0 0 0 1px #8b5cf626 inset}[data-theme=dark] .domain-card:hover:not(.locked){background:#0f1932f2;box-shadow:0 24px 56px #0006,0 0 0 1px var(--domain-color),0 0 50px color-mix(in srgb,var(--domain-color) 25%,transparent)}.domain-card.locked{cursor:not-allowed;opacity:.6}.domain-card.locked:hover{transform:none;box-shadow:none}.card-glow{position:absolute;top:0;left:0;right:0;height:150px;background:var(--domain-gradient);opacity:0;transition:opacity .3s ease;pointer-events:none;mask-image:linear-gradient(180deg,rgba(0,0,0,.15) 0%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.15) 0%,transparent 100%)}.domain-card:hover:not(.locked) .card-glow{opacity:1}.coming-soon-badge{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:4px;padding:6px 12px;background:#64748b1a;border:1px solid rgba(100,116,139,.2);border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#7272a8}[data-theme=dark] .coming-soon-badge{background:#64748b33;border-color:#64748b4d;color:#94a3b8}.role-count-badge{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:4px;padding:6px 14px;background:var(--domain-gradient);border-radius:20px;font-size:.75rem;font-weight:700;color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--domain-color) 30%,transparent)}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.role-card{padding:20px}.role-card .domain-icon-wrapper.small{width:48px;height:48px}.role-card .domain-icon-wrapper.small .domain-icon-bg{border-radius:12px}.role-card .domain-name{font-size:1.1rem}.role-card .domain-description{font-size:.85rem;margin-bottom:12px}.domain-icon-wrapper{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.domain-icon-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--domain-gradient);border-radius:16px;opacity:.15;transition:all .3s ease}.domain-card:hover:not(.locked) .domain-icon-bg{opacity:.25;transform:scale(1.1)}.domain-icon{position:relative;z-index:1;color:var(--domain-color);transition:transform .3s ease}.domain-card:hover:not(.locked) .domain-icon{transform:scale(1.1)}.domain-content{flex:1}.domain-name-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.domain-name{font-size:1.25rem;font-weight:700;color:#191970;margin:0}[data-theme=dark] .domain-name{color:#f1f5f9}.domain-short{padding:4px 10px;background:var(--domain-gradient);border-radius:8px;font-size:.7rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.domain-description{font-size:.9rem;color:#7272a8;line-height:1.5;margin:0 0 16px}[data-theme=dark] .domain-description{color:#94a3b8}.domain-topics{display:flex;flex-wrap:wrap;gap:8px}.topic-tag{padding:4px 10px;background:#0000000a;border-radius:6px;font-size:.75rem;font-weight:500;color:#2b2b8a}[data-theme=dark] .topic-tag{background:#ffffff14;color:#cbd5e1}.topic-more{padding:4px 8px;font-size:.75rem;font-weight:600;color:var(--domain-color)}.domain-action{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--domain-gradient);border-radius:12px;font-size:.85rem;font-weight:600;color:#fff;opacity:0;transform:translateY(10px);transition:all .3s ease}.domain-card:hover:not(.locked) .domain-action{opacity:1;transform:translateY(0)}.domain-footer{text-align:center}.footer-note{display:inline-flex;align-items:center;gap:12px;padding:16px 24px;background:#4f7c820d;border:1px solid rgba(79,124,130,.15);border-radius:16px}.footer-note svg{color:#d000d0}.footer-note p{margin:0;font-size:.9rem;color:#7272a8}[data-theme=dark] .footer-note{background:#8b5cf61a;border-color:#8b5cf640}[data-theme=dark] .footer-note p{color:#94a3b8}@media (max-width: 768px){.domain-selection-main{padding:16px 16px 40px}.domain-header h1{font-size:1.8rem}.header-subtitle{font-size:1rem}.domain-grid{grid-template-columns:1fr;gap:16px}.domain-card{padding:20px}.domain-icon-wrapper{width:52px;height:52px}.domain-icon{width:28px;height:28px}.domain-name{font-size:1.1rem}.footer-note{flex-direction:column;text-align:center;gap:8px}}.domain-card{animation:card-fade-in .5s ease-out backwards}.domain-card:nth-child(1){animation-delay:.05s}.domain-card:nth-child(2){animation-delay:.1s}.domain-card:nth-child(3){animation-delay:.15s}.domain-card:nth-child(4){animation-delay:.2s}.domain-card:nth-child(5){animation-delay:.25s}.domain-card:nth-child(6){animation-delay:.3s}@keyframes card-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root:not([data-theme=dark]) .back-button,[data-theme=light] .back-button{background:linear-gradient(135deg,#191970,#d000d0);border:2px solid rgba(255,255,255,.15);color:#fff;box-shadow:0 6px 20px #0b2e3340,inset 0 1px #ffffff1a;text-shadow:0 1px 2px rgba(0,0,0,.3)}:root:not([data-theme=dark]) .back-button:hover,[data-theme=light] .back-button:hover{background:linear-gradient(135deg,#072024,#3d6268);border-color:#ffffff40;color:#fff;box-shadow:0 10px 30px #0b2e334d,inset 0 1px #ffffff26}:root:not([data-theme=dark]) .domain-action,[data-theme=light] .domain-action{background:linear-gradient(135deg,#191970,#d000d0,#191970);color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 15px #0b2e3340,inset 0 1px #ffffff1a}:root:not([data-theme=dark]) .domain-card.selected,[data-theme=light] .domain-card.selected{border-color:#d000d0;box-shadow:0 28px 56px #0b2e3326,0 0 0 2px #d000d0}:root:not([data-theme=dark]) .coming-soon-badge,[data-theme=light] .coming-soon-badge{background:#0b2e33e6;border-color:#fff3;color:#fff}body.interview-fullscreen-active{overflow:hidden!important;position:fixed!important;width:100vw!important;height:100vh!important;top:0!important;left:0!important;margin:0!important;padding:0!important}body.interview-fullscreen-active>#root{overflow:hidden!important;position:fixed!important;width:100vw!important;height:100vh!important;top:0!important;left:0!important}body.interview-fullscreen-active>#root>*:not(.live-interview-container){display:none!important;visibility:hidden!important;opacity:0!important}:fullscreen .live-interview-container,:-webkit-full-screen .live-interview-container,:-moz-full-screen .live-interview-container,:-ms-fullscreen .live-interview-container{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}:fullscreen .fullscreen-controls-bar,:-webkit-full-screen .fullscreen-controls-bar{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;filter:none!important}:fullscreen .avatar-panel-header,:-webkit-full-screen .avatar-panel-header{background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important}:root{--bg-primary: #f0eef8;--bg-secondary: #ffffff;--bg-surface: #e4e0f2;--bg-panel: #ffffff;--bg-panel-header: rgba(11, 46, 51, .02);--bg-input: #e0f0f2;--bg-canvas: linear-gradient(180deg, #e4e0f2 0%, #ffffff 100%);--text-primary: #191970;--text-secondary: #2b2b8a;--text-muted: #00cccc;--border-color: #c4b8de;--border-active: #d000d0;--accent-primary: #d000d0;--accent-hover: #191970;--accent-secondary: #00cccc;--shadow-soft: 0 8px 24px rgba(11, 46, 51, .06);--shadow-card: 0 4px 16px rgba(11, 46, 51, .04);--shadow-glow: none;--success: #16a34a;--success-bg: rgba(34, 197, 94, .1);--success-border: rgba(34, 197, 94, .25);--error: #dc2626;--error-bg: rgba(239, 68, 68, .08);--error-border: rgba(239, 68, 68, .2);--badge-bg: rgba(79, 124, 130, .1);--badge-border: rgba(79, 124, 130, .25);--badge-text: #d000d0;--media-btn-color: #ec4899;--media-btn-off: #ef4444}[data-theme=dark]{--bg-primary: #0b1020;--bg-secondary: #111827;--bg-surface: rgba(255, 255, 255, .03);--bg-panel: #0a0a14;--bg-panel-header: rgba(255, 255, 255, .02);--bg-input: rgba(255, 255, 255, .05);--bg-canvas: linear-gradient(180deg, #0a0a18 0%, #050510 100%);--text-primary: #e5e7eb;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-color: rgba(255, 255, 255, .08);--border-active: #8b5cf6;--accent-primary: #8b5cf6;--accent-hover: #7c3aed;--accent-secondary: #a78bfa;--shadow-soft: 0 8px 32px rgba(0, 0, 0, .4);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3);--shadow-glow: 0 0 30px rgba(139, 92, 246, .15);--success: #22c55e;--success-bg: rgba(34, 197, 94, .15);--success-border: rgba(34, 197, 94, .35);--error: #f87171;--error-bg: rgba(185, 28, 28, .15);--error-border: rgba(239, 68, 68, .25);--badge-bg: rgba(139, 92, 246, .15);--badge-border: rgba(139, 92, 246, .3);--badge-text: #a78bfa;--media-btn-color: #ec4899;--media-btn-off: #ef4444}div.live-interview-container,.live-interview-container,body .live-interview-container,#root .live-interview-container,body #root .live-interview-container{position:fixed!important;width:100vw!important;min-width:100vw!important;max-width:100vw!important;height:100vh!important;height:100dvh!important;min-height:100vh!important;max-height:100vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:0!important;margin:0!important;z-index:99999!important;background:#f0eef8!important;box-sizing:border-box!important;transform:none!important;top:0!important;right:0!important;bottom:0!important;left:0!important}[data-theme=dark] .live-interview-container,[data-theme=dark] div.live-interview-container,body[data-theme=dark] .live-interview-container{background:#0a0a14!important}.live-interview-container:before,.live-interview-container:after,div.live-interview-container:before,div.live-interview-container:after{display:none!important;content:none!important}.live-interview-container.fullscreen-mode .navbar{display:none!important}.live-interview-container.fullscreen-mode .interview-main{height:100vh!important;height:100dvh!important}.live-interview-container.windowed-mode .navbar{display:flex!important;height:52px!important;min-height:52px!important;flex-shrink:0!important}.live-interview-container.windowed-mode .interview-main{height:calc(100vh - 52px)!important;height:calc(100dvh - 52px)!important}.fullscreen-controls-bar{position:fixed!important;top:0!important;left:0!important;right:0!important;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:transparent!important;z-index:10000!important;opacity:0;transition:opacity .3s ease;pointer-events:none;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;filter:none!important}.fullscreen-controls-bar>*{pointer-events:auto}.live-interview-container:hover .fullscreen-controls-bar,.fullscreen-controls-bar:hover{opacity:1}.fc-left,.fc-center,.fc-right{display:flex;align-items:center;gap:12px}.fc-logo{font-size:1rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);display:flex;align-items:center;gap:8px}.fc-logo-img{width:28px;height:28px;border-radius:6px;object-fit:cover}.fc-progress{font-size:.85rem;font-weight:600;color:#fff;background:#fff3;padding:6px 14px;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fc-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;background:#ffffff26;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fc-btn:hover{background:#ffffff40;transform:scale(1.05)}.fc-btn.exit-btn{width:auto;padding:0 16px;font-size:.85rem;font-weight:600;background:#ef4444cc}.fc-btn.exit-btn:hover{background:#ef4444}.interview-main,div.interview-main,.live-interview-container .interview-main{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-height:0!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:100%!important;padding:0!important;margin:0!important;overflow:hidden!important;position:relative!important;box-sizing:border-box!important}.fullscreen-mode .interview-main{height:100vh!important;height:100dvh!important}.windowed-mode .interview-main{height:calc(100vh - 52px)!important;height:calc(100dvh - 52px)!important}.interview-content,div.interview-content,.interview-main .interview-content{display:flex!important;flex-direction:row!important;width:100vw!important;min-width:100vw!important;max-width:100vw!important;height:100%!important;min-height:0!important;overflow:hidden!important;background:#e8eef5!important;margin:0!important;padding:0!important;box-sizing:border-box!important}[data-theme=dark] .interview-content,[data-theme=dark] div.interview-content{background:#0a0a14!important}.interview-content.no-avatar{justify-content:center!important}.interview-content.no-avatar .chat-panel{max-width:800px;flex:0 1 800px!important;border-left:none!important;border-right:none!important}.avatar-panel,div.avatar-panel,.interview-content .avatar-panel{flex:1 1 68%!important;width:68%!important;min-width:60%!important;max-width:70%!important;display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important;border-radius:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:linear-gradient(180deg,#dce8f5,#c8d8e8)!important;border:none!important;position:relative!important;box-sizing:border-box!important}[data-theme=dark] .avatar-panel,[data-theme=dark] div.avatar-panel{background:radial-gradient(ellipse 150% 120% at 50% 30%,#1a1a35,#0d0d1a 60%,#050508)!important}.avatar-wrapper{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.avatar-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;position:absolute;top:0;left:0;right:0;z-index:10;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.85) 0%,transparent 100%)}.fullscreen-mode .avatar-panel-header{top:48px}[data-theme=dark] .avatar-panel-header{background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,transparent 100%)}:fullscreen .avatar-panel-header,:-webkit-full-screen .avatar-panel-header,:-moz-full-screen .avatar-panel-header{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;filter:none!important}:fullscreen .fullscreen-controls-bar,:-webkit-full-screen .fullscreen-controls-bar{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}:fullscreen .persona-badge,:-webkit-full-screen .persona-badge{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}:fullscreen .question-progress,:-webkit-full-screen .question-progress{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.avatar-panel-header>*{pointer-events:auto}.avatar-panel-header .header-left{display:flex;align-items:center;gap:12px}.avatar-panel-header .header-title{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--text-primary)}.avatar-panel-header .header-title svg{color:var(--text-secondary)}.persona-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:16px;font-size:.75rem;font-weight:600;background:var(--badge-bg);border:1px solid var(--badge-border);color:var(--badge-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=dark] .persona-badge{background:#8b5cf633;border-color:#8b5cf666;box-shadow:0 2px 12px #8b5cf633}.avatar-panel-header .header-center{display:flex;align-items:center;gap:16px}.question-progress{font-size:.8rem;font-weight:600;color:var(--text-secondary);background:#fffc;padding:4px 12px;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=dark] .question-progress{background:#141428cc;color:var(--text-primary)}.progress-bar-mini{width:100px;height:4px;border-radius:2px;overflow:hidden;background:var(--bg-input)}.progress-bar-mini .fill{height:100%;background:var(--accent-primary);border-radius:2px;transition:width .3s ease}[data-theme=dark] .progress-bar-mini .fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.avatar-panel-header .header-controls{display:flex;align-items:center;gap:8px}.source-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:12px;font-weight:700;cursor:help;transition:all .2s ease}.source-badge.source-api{background:linear-gradient(135deg,#d000d0,#d000d0);color:#fff;border:1px solid rgba(79,124,130,.3)}[data-theme=dark] .source-badge.source-database{background:linear-gradient(135deg,#059669,#047857);border-color:#10b98166}[data-theme=dark] .source-badge.source-api{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#3b82f666}[data-theme=dark] .source-badge.source-rag{background:linear-gradient(135deg,#d97706,#b45309);border-color:#f59e0b66}[data-theme=dark] .source-badge.source-fallback{background:linear-gradient(135deg,#4b5563,#374151);border-color:#6b728066}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:all .2s ease;background:#fffc;color:#2b2b8a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=dark] .header-icon-btn{background:#ffffff1a;border-color:#ffffff26;color:#e5e7eb}.header-icon-btn:hover{background:#4f7c8226;border-color:#d000d0;color:#d000d0;transform:scale(1.05)}.header-icon-btn.active{background:#4f7c8233;border-color:#d000d0;color:#d000d0}[data-theme=dark] .header-icon-btn:hover,[data-theme=dark] .header-icon-btn.active{background:#8b5cf640;border-color:#8b5cf6;color:#a78bfa;box-shadow:0 0 15px #8b5cf64d}.avatar-canvas-layer{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;display:block!important;overflow:hidden!important;background:transparent!important}.avatar-canvas-layer canvas{display:block!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:1;object-fit:contain}.avatar-canvas-layer>div{width:100%!important;height:100%!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.avatar-ui-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.tracking-status{position:absolute;bottom:20px;left:20px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;font-size:.8rem;font-weight:500;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#16a34a}[data-theme=dark] .tracking-status{background:#22c55e33;color:#22c55e}.tracking-status.active{background:#22c55e26;border-color:#22c55e4d}[data-theme=dark] .tracking-status.active{box-shadow:0 0 15px #22c55e33}.tracking-status .status-dot{width:8px;height:8px;background:currentColor;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}.chat-panel,div.chat-panel,.interview-content .chat-panel{flex:1 1 32%!important;width:32%!important;min-width:30%!important;max-width:40%!important;display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:0!important;overflow:hidden!important;box-sizing:border-box!important;background:#fff!important;box-shadow:none!important;border-left:1px solid #c4b8de!important}.fullscreen-mode .chat-panel{height:100%!important;max-height:100%!important;padding-top:48px!important}.windowed-mode .chat-panel{height:100%!important;max-height:100%!important}[data-theme=dark] .chat-panel,[data-theme=dark] div.chat-panel{background:#111827!important;border-left:1px solid rgba(139,92,246,.2)!important}.chat-header{padding:14px 20px;flex:0 0 auto!important;flex-shrink:0!important;background:#fff;border-bottom:1px solid #c4b8de;display:flex;align-items:center;gap:12px;justify-content:flex-start}[data-theme=dark] .chat-header{background:#1f2937;border-bottom-color:#8b5cf626}.chat-header .question-label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.question-progress-badge{margin-left:auto;font-size:.8rem;font-weight:600;color:#191970;background:#19197014;padding:4px 12px;border-radius:20px;white-space:nowrap;letter-spacing:.02em}[data-theme=dark] .question-progress-badge{color:#a5b4fc;background:#8b5cf626}.chat-messages{flex:1 1 0!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding:20px;display:flex;flex-direction:column;gap:16px;background:#f0eef8}[data-theme=dark] .chat-messages{background:#0f172a}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}[data-theme=dark] .chat-messages::-webkit-scrollbar-thumb{background:#8b5cf64d}.chat-message{display:flex;gap:12px;align-items:flex-start;max-width:95%}.chat-message.interviewer{align-self:flex-start}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.avatar-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-size:1rem;color:#fff}.avatar-icon.interviewer{background:linear-gradient(135deg,#0cc,#d000d0);box-shadow:0 3px 12px #93b1b54d}.avatar-icon.user{background:linear-gradient(135deg,#22c55e,#10b981)}.message-content{flex:1;min-width:0}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.sender-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.question-badge{font-size:.65rem;padding:2px 6px;background:#0cc;color:#fff;border-radius:6px;font-weight:600}.message-bubble{padding:12px 16px;border-radius:12px;font-size:.9rem;line-height:1.5}.chat-message.interviewer .message-bubble{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px 12px 12px}.chat-message.user .message-bubble{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:#fff;border-radius:12px 4px 12px 12px}[data-theme=dark] .chat-message.user .message-bubble{box-shadow:0 4px 15px #8b5cf640}.system-badge{display:inline-block;padding:6px 12px;border-radius:16px;font-size:.75rem;text-align:center;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted)}.chat-input-area{flex:0 0 auto!important;flex-shrink:0!important;padding:16px 20px 24px;background:linear-gradient(180deg,#fffffff2,#fff);border-top:1px solid rgba(147,177,181,.1);position:sticky!important;bottom:0!important;z-index:10!important;margin-top:auto!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=dark] .chat-input-area{background:linear-gradient(180deg,#1f2937f2,#1f2937);border-top-color:#8b5cf633}.voice-status-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;margin-bottom:12px;border-radius:20px;font-size:.85rem;font-weight:500;animation:pulse-glow 2s ease-in-out infinite}.voice-status-indicator.listening{background:linear-gradient(135deg,#93b1b526,#a855f71a);color:#0cc;border:1px solid rgba(147,177,181,.3)}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #93b1b533}50%{box-shadow:0 0 16px #93b1b566}}.coding-question-area{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--card-bg, #ffffff);border-radius:12px;border:1px solid var(--border-color, #c4b8de)}[data-theme=dark] .coding-question-area{background:#1f2937;border-color:#374151}.coding-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border-color, #c4b8de)}.coding-header-left{display:flex;align-items:center;gap:12px}.coding-title{font-weight:600;font-size:1rem;color:var(--text-primary)}.coding-difficulty{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.coding-difficulty.easy{background:#dcfce7;color:#166534}.coding-difficulty.medium{background:#fef3c7;color:#92400e}.coding-difficulty.hard{background:#fee2e2;color:#991b1b}.coding-difficulty.expert{background:#fae8ff;color:#86198f}[data-theme=dark] .coding-difficulty.easy{background:#22c55e33;color:#86efac}[data-theme=dark] .coding-difficulty.medium{background:#f59e0b33;color:#fcd34d}[data-theme=dark] .coding-difficulty.hard{background:#ef444433;color:#fca5a5}[data-theme=dark] .coding-difficulty.expert{background:#a855f733;color:#e9d5ff}.coding-function{font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;color:var(--accent-color, #00cccc);background:#93b1b51a;padding:4px 10px;border-radius:6px}.test-cases-preview{background:var(--card-bg-secondary, #f0eef8);border-radius:8px;padding:12px;border:1px solid var(--border-color, #c4b8de)}[data-theme=dark] .test-cases-preview{background:#111827;border-color:#374151}.test-cases-preview h4{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:10px}.test-case-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-color, #c4b8de);font-size:.85rem}.test-case-item:last-child{border-bottom:none}.test-label{color:var(--text-secondary);min-width:70px}.test-case-item code{font-family:JetBrains Mono,Fira Code,monospace;background:#93b1b51a;padding:2px 8px;border-radius:4px;color:var(--accent-color, #00cccc)}.test-desc{color:var(--text-muted);font-style:italic;margin-left:auto}.test-results{background:var(--card-bg-secondary, #f0eef8);border-radius:8px;padding:16px;border:1px solid var(--border-color, #c4b8de)}[data-theme=dark] .test-results{background:#111827;border-color:#374151}.test-results h4{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;margin-bottom:12px}.test-results h4 .text-green{color:#22c55e}.test-results h4 .text-yellow{color:#f59e0b}.test-results-list{display:flex;flex-direction:column;gap:8px}.test-result-item{display:grid;grid-template-columns:24px 1fr 1fr 1fr;gap:12px;padding:10px;border-radius:6px;font-size:.85rem;font-family:JetBrains Mono,Fira Code,monospace}.test-result-item.passed{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.test-result-item.failed{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.result-icon{font-size:1rem}.result-input,.result-expected,.result-actual{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coding-submit-area{display:flex;gap:12px;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--border-color, #c4b8de)}.btn-submit-code{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#0cc,#7c3aed);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-submit-code:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #93b1b566}.btn-submit-code:disabled{opacity:.5;cursor:not-allowed}.btn-skip{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color, #c4b8de);border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-skip:hover:not(:disabled){background:var(--card-bg-secondary, #f0eef8);color:var(--text-primary)}.btn-skip:disabled{opacity:.5;cursor:not-allowed}.input-container{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;transition:all .25s ease;background:linear-gradient(135deg,#f0eef8,#e4e0f2);border:2px solid #c4b8de;box-shadow:0 2px 8px #0000000d}.input-container:focus-within{border-color:#0cc;box-shadow:0 0 0 4px #93b1b526,0 4px 12px #93b1b51a;background:#fff}[data-theme=dark] .input-container{background:linear-gradient(135deg,#1f2937,#111827);border-color:#8b5cf64d;box-shadow:0 2px 8px #0003}[data-theme=dark] .input-container:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf640,0 0 20px #8b5cf633;background:#1f2937}.chat-input{flex:1;border:none;background:transparent;font-size:1rem;resize:none;min-height:28px;max-height:120px;outline:none;color:var(--text-primary);line-height:1.6;font-family:inherit}.chat-input::placeholder{color:var(--text-muted);font-style:italic}.input-actions-inline{display:flex;gap:8px}.input-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;color:var(--text-muted)}.input-icon-btn:hover{background:var(--bg-surface);color:var(--text-secondary)}.media-controls{display:flex;justify-content:center;gap:16px;margin-top:16px;padding-top:12px}.media-btn{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;border:2px solid rgba(147,177,181,.3);background:linear-gradient(135deg,#93b1b51a,#a855f70d);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#0cc;position:relative}.media-btn:hover:not(:disabled){background:linear-gradient(135deg,#93b1b533,#a855f726);transform:scale(1.08);box-shadow:0 4px 20px #93b1b54d;border-color:#0cc}.media-btn.active{background:linear-gradient(135deg,#0cc,#7c3aed);color:#fff;border-color:transparent;box-shadow:0 4px 20px #93b1b580}.media-btn.active:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 25px #93b1b599}.media-btn.active.recording{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:transparent;animation:recording-pulse 1.5s ease-in-out infinite}@keyframes recording-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 12px #ef444400}}.media-btn.off{border-color:#64748b4d;color:#7272a8;background:#64748b0d}.media-btn.off:hover:not(:disabled){background:#64748b1a;border-color:#7272a8}.media-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .media-btn{border-color:#8b5cf666;background:linear-gradient(135deg,#8b5cf626,#a855f714)}[data-theme=dark] .media-btn:hover:not(:disabled){box-shadow:0 0 25px #8b5cf666}[data-theme=dark] .media-btn.active{box-shadow:0 0 30px #8b5cf699}[data-theme=dark] .media-btn.off{border-color:#94a3b84d;color:#94a3b8}.error-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:12px;border-radius:10px;font-size:.85rem;background:var(--error-bg);border:1px solid var(--error-border);color:var(--error)}.error-banner button{margin-left:auto;background:none;border:none;font-size:1.2rem;cursor:pointer;color:inherit;opacity:.7}.voice-input-indicator{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;margin-bottom:12px;background:var(--bg-surface);flex:0 0 auto!important;flex-shrink:0!important}.voice-input-indicator.recording{background:var(--success-bg);border:1px solid var(--success-border)}.voice-waves{display:flex;align-items:center;gap:3px;height:20px}.voice-wave-bar{width:3px;height:6px;border-radius:2px;background:var(--accent-primary);animation:wave .5s ease-in-out infinite alternate}.recording .voice-wave-bar{background:var(--success)}.voice-wave-bar:nth-child(1){animation-delay:0s}.voice-wave-bar:nth-child(2){animation-delay:.1s}.voice-wave-bar:nth-child(3){animation-delay:.2s}.voice-wave-bar:nth-child(4){animation-delay:.3s}.voice-wave-bar:nth-child(5){animation-delay:.4s}@keyframes wave{0%{height:6px}to{height:20px}}.voice-transcript{flex:1;font-size:.85rem;color:var(--text-primary)}.voice-transcript.placeholder{color:var(--text-muted);font-style:italic}.feedback-toast{position:fixed!important;bottom:180px;right:20px;width:320px;max-width:calc(100vw - 40px);padding:16px 20px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-surface);box-shadow:0 8px 32px #00000026,0 4px 16px #0000001a;z-index:9999!important;animation:slideInFeedback .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes slideInFeedback{0%{opacity:0;transform:translate(20px) translateY(10px)}to{opacity:1;transform:translate(0) translateY(0)}}.feedback-toast.good{background:var(--success-bg);border-color:var(--success-border);box-shadow:0 8px 32px #22c55e33,0 4px 16px #22c55e1a}.feedback-toast.ok{background:#f59e0b26;border-color:#f59e0b66;box-shadow:0 8px 32px #f59e0b33,0 4px 16px #f59e0b1a}.feedback-toast.needs-work{background:var(--error-bg);border-color:var(--error-border);box-shadow:0 8px 32px #ef444433,0 4px 16px #ef44441a}.feedback-toast.loading{background:var(--bg-surface);border-color:var(--primary-color, #00cccc);box-shadow:0 8px 32px #93b1b533,0 4px 16px #93b1b51a}.feedback-toast.loading .feedback-header{color:var(--primary-color, #00cccc)}.feedback-toast .spinning{animation:spin 1s linear infinite}[data-theme=dark] .feedback-toast.loading{background:#8b5cf626;border-color:#8b5cf680}[data-theme=dark] .feedback-toast{background:#1f2937f2;border-color:#8b5cf64d;box-shadow:0 8px 32px #0006,0 4px 16px #8b5cf626}[data-theme=dark] .feedback-toast.good{background:#22c55e26;border-color:#22c55e66}[data-theme=dark] .feedback-toast.ok{background:#f59e0b26;border-color:#f59e0b66}[data-theme=dark] .feedback-toast.needs-work{background:#ef444426;border-color:#ef444466}.feedback-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-weight:600;font-size:.95rem}.feedback-header svg{flex-shrink:0}.feedback-header button{margin-left:auto;background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--text-muted);opacity:.7;transition:opacity .2s ease;line-height:1;padding:4px}.feedback-toast p{margin:0;font-size:.9rem;line-height:1.5;color:var(--text-primary)}.feedback-score{margin-top:12px;padding-top:10px;border-top:1px solid var(--border-color);font-size:.85rem;font-weight:700;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.feedback-toast.good .feedback-score{color:var(--success)}.feedback-toast.ok .feedback-score{color:#f59e0b}.feedback-toast.needs-work .feedback-score{color:var(--error)}@media (max-width: 768px){.feedback-toast{bottom:220px;right:10px;left:10px;width:auto;max-width:none}}:fullscreen .feedback-toast,:-webkit-full-screen .feedback-toast,:-ms-fullscreen .feedback-toast{position:fixed!important;z-index:99999!important}.interviewer-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:24px;background:var(--bg-canvas)}.fallback-avatar{width:120px;height:150px}.fallback-avatar .avatar-head{width:80px;height:80px;background:linear-gradient(135deg,#d8d0c8,#c8c0b8);border-radius:50%;margin:0 auto;position:relative}.fallback-avatar .eyes{display:flex;gap:20px;justify-content:center;padding-top:25px}.fallback-avatar .eye{width:10px;height:10px;background:#0a0508;border-radius:50%}.fallback-avatar .mouth{width:22px;height:6px;background:#a08080;border-radius:0 0 11px 11px;margin:14px auto 0}.interviewer-label{margin-top:16px;font-size:.9rem;color:var(--text-secondary)}.avatar-status{display:none}@media (min-width: 1440px){.avatar-panel,.fullscreen-mode .avatar-panel{flex:1 1 70%!important;width:70%!important;max-width:70%!important}.chat-panel,.fullscreen-mode .chat-panel{flex:1 1 30%!important;width:30%!important;max-width:30%!important}}@media (max-width: 1024px){.interview-content,.fullscreen-mode .interview-content,.windowed-mode .interview-content{flex-direction:row!important;width:100vw!important}.avatar-panel,.fullscreen-mode .avatar-panel,.windowed-mode .avatar-panel{flex:1 1 58%!important;width:58%!important;min-width:50%!important;max-width:65%!important}.chat-panel,.fullscreen-mode .chat-panel,.windowed-mode .chat-panel{flex:1 1 42%!important;width:42%!important;min-width:35%!important;max-width:50%!important}}@media (max-width: 768px){.interview-content,.fullscreen-mode .interview-content,.windowed-mode .interview-content{flex-direction:column!important;width:100vw!important}.avatar-panel,.fullscreen-mode .avatar-panel,.windowed-mode .avatar-panel{flex:0 0 50%!important;width:100vw!important;min-width:100vw!important;max-width:100vw!important;height:50vh!important;border-right:none!important;border-bottom:1px solid var(--border-color)!important}.chat-panel,.fullscreen-mode .chat-panel,.windowed-mode .chat-panel{flex:0 0 50%!important;width:100vw!important;min-width:100vw!important;max-width:100vw!important;height:50vh!important;border-left:none!important}.avatar-panel-header{padding:10px 12px;top:0}.chat-messages{padding:12px}.media-controls{position:sticky;bottom:0;padding:12px 0}.fullscreen-mode .avatar-panel-header{top:0}.fullscreen-mode .chat-panel{padding-top:0!important}.fullscreen-controls-bar{top:auto!important;bottom:0!important;padding:8px 12px!important}}@media (max-width: 480px){.avatar-panel,.fullscreen-mode .avatar-panel,.windowed-mode .avatar-panel{flex:0 0 45%!important;height:45vh!important;width:100vw!important}.chat-panel,.fullscreen-mode .chat-panel,.windowed-mode .chat-panel{flex:0 0 55%!important;height:55vh!important;width:100vw!important}.avatar-panel-header .header-center{display:none}.tracking-status{font-size:.7rem;padding:6px 10px}}.avatar-container{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;overflow:hidden!important;background:#0d0d1a}.avatar-container.dark{background:#0d0d1a!important}.avatar-container.light{background:#f0f4f8!important}.avatar-container canvas{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;display:block!important}.avatar-status{position:absolute;top:20px;right:20px;z-index:10;display:flex;gap:8px}.status-indicator{padding:6px 12px;border-radius:16px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.avatar-container.dark .status-indicator.speaking{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#22c55e}.avatar-container.dark .status-indicator.listening{background:#4f7c8233;border:1px solid rgba(79,124,130,.4);color:#d000d0}.avatar-container.light .status-indicator.speaking{background:#22c55e26;border:1px solid rgba(34,197,94,.5);color:#16a34a}.avatar-container.light .status-indicator.listening{background:#4f7c8226;border:1px solid rgba(79,124,130,.5);color:#d000d0}.avatar-container.dark .status-indicator.eye-contact.active{background:#93b1b540;border:1px solid rgba(147,177,181,.5);color:#0cc;animation:eye-pulse 2s ease-in-out infinite}.avatar-container.light .status-indicator.eye-contact.active{background:#93b1b526;border:1px solid rgba(147,177,181,.5);color:#7c3aed;animation:eye-pulse 2s ease-in-out infinite}.avatar-container.dark .status-indicator.eye-contact.fallback{background:#f59e0b33;border:1px solid rgba(245,158,11,.4);color:#fbbf24}.avatar-container.light .status-indicator.eye-contact.fallback{background:#f59e0b26;border:1px solid rgba(245,158,11,.5);color:#d97706}.avatar-container.dark .status-indicator.eye-contact.initializing{background:#9ca3af33;border:1px solid rgba(156,163,175,.4);color:#9ca3af;animation:blink-fade 1s ease-in-out infinite}.avatar-container.light .status-indicator.eye-contact.initializing{background:#6b728026;border:1px solid rgba(107,114,128,.4);color:#6b7280;animation:blink-fade 1s ease-in-out infinite}@keyframes eye-pulse{0%,to{box-shadow:0 0 #93b1b566}50%{box-shadow:0 0 8px 2px #93b1b54d}}@keyframes blink-fade{0%,to{opacity:1}50%{opacity:.5}}.avatar-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0d0d1ae6;color:#0cc;z-index:20}.avatar-loading-overlay.light{background:#f0f4f8f2;color:#d000d0}.loading-spinner{width:40px;height:40px;border:3px solid rgba(147,177,181,.3);border-top-color:#0cc;border-radius:50%;animation:spin 1s linear infinite}.avatar-loading-overlay.light .loading-spinner{border-color:#4f7c824d;border-top-color:#d000d0}.avatar-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:16px 24px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#f87171}.avatar-container.light .avatar-error{background:#ef44441a;border-color:#dc26264d;color:#dc2626}.avatar-disabled{display:flex;align-items:center;justify-content:center}.avatar-disabled.dark{background:#0d0d1a}.avatar-disabled.light{background:#f0f4f8}.avatar-placeholder{color:#6b7280;font-size:1rem}.avatar-container.light .avatar-placeholder{color:#9ca3af}.recording-indicator-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:12px;margin-bottom:1rem;flex:0 0 auto!important;flex-shrink:0!important}[data-theme=dark] .recording-indicator-container{background:#ef44441f;border-color:#ef444440}.recording-note{font-size:.75rem;color:#ef4444;font-weight:500;letter-spacing:.02em}[data-theme=dark] .recording-note{color:#f87171}.analytics-stats-bar{display:flex;align-items:center;justify-content:space-around;padding:10px 16px;gap:12px;background:linear-gradient(135deg,#93b1b514,#4f7c8214);border-bottom:1px solid rgba(147,177,181,.15);flex:0 0 auto!important;flex-shrink:0!important}[data-theme=dark] .analytics-stats-bar{background:linear-gradient(135deg,#8b5cf61f,#3b82f614);border-color:#8b5cf640}.analytics-stats-bar .stat-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff80;border-radius:8px;border:1px solid rgba(0,0,0,.05);font-size:.75rem;transition:all .2s ease}[data-theme=dark] .analytics-stats-bar .stat-item{background:#0003;border-color:#ffffff14}.analytics-stats-bar .stat-item svg{color:var(--text-muted);flex-shrink:0}.analytics-stats-bar .stat-label{color:var(--text-secondary);font-weight:500}.analytics-stats-bar .stat-value{font-weight:700;font-family:SF Mono,Consolas,monospace}.analytics-stats-bar .stat-value.good{color:#22c55e}.analytics-stats-bar .stat-value.fair{color:#fbbf24}.analytics-stats-bar .stat-value.poor{color:#ef4444}.analytics-stats-bar .stat-item.warning{background:#fbbf241a;border-color:#fbbf244d}.analytics-stats-bar .stat-item.warning svg{color:#fbbf24}.analytics-stats-bar .stat-item.warning .stat-value{color:#f59e0b}@media (max-width: 1024px){.chat-panel{flex:0 0 45%!important}.avatar-panel{flex:1 1 55%!important}}@media (max-width: 768px){.interview-content{flex-direction:column!important}.avatar-panel{flex:0 0 45%!important;height:45%!important;border-right:none!important;border-bottom:1px solid #c4b8de!important}[data-theme=dark] .avatar-panel{border-bottom-color:#8b5cf633!important}.chat-panel{flex:1 1 55%!important;height:55%!important;border-left:none!important}.avatar-panel-header{padding:8px 12px}.avatar-panel-header .header-center{display:none}}@media (max-width: 480px){.live-interview-container .navbar{height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 12px!important}.interview-main{height:calc(100vh - 48px)!important;height:calc(100dvh - 48px)!important}.avatar-panel{flex:0 0 40%!important;height:40%!important}.chat-panel{flex:1 1 60%!important;height:60%!important}.chat-input-area{padding:12px 16px}.input-container{padding:10px 14px}.media-btn{width:42px;height:42px}.chat-messages{padding:16px}}.completing-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;background:var(--bg-surface);border-radius:16px;margin:20px;border:1px solid var(--border-color)}.completing-card h3{font-size:1.5rem;font-weight:700;margin:20px 0 8px;color:var(--text-primary)}.completing-card p{font-size:1rem;color:var(--text-secondary);margin:0 0 24px}.completing-card svg{color:var(--accent-primary)}[data-theme=dark] .completing-card svg{color:#a78bfa}.question-timer{display:flex;flex-direction:column;gap:6px;padding:12px 16px;margin:0 16px;flex-shrink:0;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid rgba(59,130,246,.3);border-radius:12px;transition:all .3s ease}.question-timer.paused{opacity:.7}.question-timer.warning{background:linear-gradient(135deg,#f59e0b26,#ef44441a);border-color:#f59e0b80}.question-timer.critical{background:linear-gradient(135deg,#ef444433,#dc262626);border-color:#ef444499;animation:pulse-border 1s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:#ef444499}50%{border-color:#ef4444;box-shadow:0 0 20px #ef444466}}.timer-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffffffb3}.timer-icon{color:#3b82f6e6}.timer-icon.pulse{animation:icon-pulse .5s ease-in-out infinite;color:#ef4444}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.timer-display{display:flex;justify-content:center}.timer-value{font-size:32px;font-weight:700;font-family:SF Mono,Consolas,Monaco,monospace;color:#60a5fa;text-shadow:0 0 10px rgba(96,165,250,.3);letter-spacing:2px}.timer-value.warning{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.4)}.timer-value.critical{color:#f87171;text-shadow:0 0 15px rgba(248,113,113,.5);animation:time-pulse .5s ease-in-out infinite}@keyframes time-pulse{0%,to{opacity:1}50%{opacity:.7}}.timer-progress-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.timer-progress-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#818cf8);border-radius:2px;transition:width 1s linear}.timer-progress-fill.warning{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.timer-progress-fill.critical{background:linear-gradient(90deg,#f87171,#ef4444)}.timer-progress-fill.low{background:linear-gradient(90deg,#fb923c,#f59e0b)}.timer-warning{text-align:center;font-size:12px;font-weight:600;color:#fbbf24;padding:4px 8px;background:#fbbf241a;border-radius:6px;animation:warning-fade .5s ease-in-out infinite}.timer-warning.critical{color:#f87171;background:#f8717126}@keyframes warning-fade{0%,to{opacity:1}50%{opacity:.7}}.timer-timeout{text-align:center;font-size:14px;font-weight:700;color:#ef4444;padding:8px;background:#ef444433;border-radius:8px;animation:timeout-shake .3s ease-in-out}@keyframes timeout-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.question-timer.normal .timer-label{color:#fff9}@media (max-width: 768px){.question-timer{padding:10px 12px}.timer-value{font-size:26px}.timer-warning,.timer-timeout{font-size:11px}}.performance-summary-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.performance-summary-modal{width:100%;max-width:800px;max-height:90vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#1a1a2e);border:1px solid rgba(139,92,246,.3);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 80px #00000080,0 0 60px #8b5cf626;animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.summary-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:linear-gradient(135deg,#8b5cf626,#3b82f61a);border-bottom:1px solid rgba(255,255,255,.1)}.summary-title{display:flex;align-items:center;gap:16px}.title-icon{color:#fbbf24;filter:drop-shadow(0 0 8px rgba(251,191,36,.5))}.summary-title h2{margin:0;font-size:22px;font-weight:700;color:#fff}.summary-subtitle{margin:4px 0 0;font-size:13px;color:#fff9}.summary-header .close-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#ffffffb3;font-size:24px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.summary-header .close-btn:hover{background:#ef444433;border-color:#ef444466;color:#f87171}.overall-score-section{display:flex;align-items:center;gap:32px;padding:28px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05)}.score-circle{width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:3px solid rgba(34,197,94,.5);box-shadow:0 0 30px #22c55e33}.score-circle.excellent{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-color:#22c55e99;box-shadow:0 0 30px #22c55e4d}.score-circle.good{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border-color:#3b82f699;box-shadow:0 0 30px #3b82f64d}.score-circle.fair{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border-color:#fbbf2499;box-shadow:0 0 30px #fbbf244d}.score-circle.poor{background:linear-gradient(135deg,#ef444433,#ef44441a);border-color:#ef444499;box-shadow:0 0 30px #ef44444d}.score-value{font-size:42px;font-weight:800;color:#fff;line-height:1}.score-label{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-top:4px}.score-breakdown{flex:1;display:flex;flex-direction:column;gap:12px}.breakdown-item{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.breakdown-item svg{color:#ffffff80}.breakdown-item span:first-of-type{flex:1;color:#ffffffb3;font-size:14px}.breakdown-item .score{font-weight:700;font-size:16px}.breakdown-item .score.excellent{color:#22c55e}.breakdown-item .score.good{color:#3b82f6}.breakdown-item .score.fair{color:#fbbf24}.breakdown-item .score.poor{color:#ef4444}.video-section{padding:20px 28px;border-bottom:1px solid rgba(255,255,255,.05)}.video-section .section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.video-section .section-header svg{color:#8b5cf6}.video-section .section-header h3{flex:1;margin:0;font-size:16px;font-weight:600;color:#fff}.download-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:8px;color:#a78bfa;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.download-btn:hover{background:#8b5cf64d;border-color:#8b5cf699}.video-container{border-radius:12px;overflow:hidden;background:#000}.interview-video{width:100%;max-height:300px;object-fit:contain;background:#000}.video-duration{text-align:center;font-size:12px;color:#ffffff80;padding:8px;margin:0}.metrics-sections{flex:1;overflow-y:auto;padding:16px 28px}.metric-section{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:14px;margin-bottom:12px;overflow:hidden;transition:all .2s}.metric-section:hover{border-color:#ffffff1f}.metric-section .section-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#ffffff05}.metric-section .section-header.clickable{cursor:pointer;transition:background .2s}.metric-section .section-header.clickable:hover{background:#ffffff0d}.header-left{display:flex;align-items:center;gap:12px}.header-left svg{color:#ffffff80}.header-left h3{margin:0;font-size:15px;font-weight:600;color:#fff}.grade-icon.excellent{color:#22c55e}.grade-icon.good{color:#3b82f6}.grade-icon.fair{color:#fbbf24}.grade-icon.poor{color:#ef4444}.section-content{padding:16px 18px;border-top:1px solid rgba(255,255,255,.05)}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px}.metric-item{display:flex;flex-direction:column;gap:4px}.metric-label{font-size:12px;color:#ffffff80}.metric-value{font-size:20px;font-weight:700;color:#fff}.metric-value.excellent{color:#22c55e}.metric-value.good{color:#3b82f6}.metric-value.fair{color:#fbbf24}.metric-value.poor{color:#ef4444}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.progress-fill.excellent{background:linear-gradient(90deg,#22c55e,#16a34a)}.progress-fill.good{background:linear-gradient(90deg,#3b82f6,#2563eb)}.progress-fill.fair{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.progress-fill.poor{background:linear-gradient(90deg,#ef4444,#dc2626)}.recommendation{font-size:13px;color:#ffffffb3;line-height:1.5;margin:0;padding:12px;background:#8b5cf614;border-radius:8px;border-left:3px solid rgba(139,92,246,.5)}.count-badge,.speed-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px}.count-badge.good,.speed-badge.good,.speed-badge.excellent{background:#22c55e26;color:#22c55e}.count-badge.warning,.speed-badge.warning{background:#fbbf2426;color:#fbbf24}.filler-breakdown{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.filler-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:20px}.filler-word{color:#f87171;font-weight:600;font-size:13px}.filler-count{color:#ffffff80;font-size:12px}.no-fillers{color:#22c55e;font-weight:600;padding:12px;background:#22c55e1a;border-radius:8px;text-align:center;margin:0}.speed-meter{margin-bottom:12px}.speed-labels{display:flex;justify-content:space-between;font-size:11px;color:#fff6;margin-bottom:6px}.speed-bar{height:8px;background:linear-gradient(90deg,#ef4444,#fbbf24,#22c55e,#22c55e,#fbbf24,#ef4444);border-radius:4px;position:relative}.speed-marker{position:absolute;top:-4px;width:4px;height:16px;background:#fff;border-radius:2px;box-shadow:0 0 8px #ffffff80;transform:translate(-50%)}.speed-grade{text-align:center;font-size:14px;font-weight:600;color:#fff;margin:8px 0}.warning-section{border-color:#fbbf244d;background:#fbbf240d}.warning-icon{color:#fbbf24!important}.timeout-warning{color:#fbbf24;font-size:14px;margin:0 0 12px}.summary-footer{padding:20px 28px;border-top:1px solid rgba(255,255,255,.08);background:#0003;display:flex;flex-direction:column;align-items:center;gap:16px}.footer-note{font-size:13px;color:#ffffff80;text-align:center;margin:0}.summary-footer .btn-primary{padding:14px 32px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px #8b5cf64d}.summary-footer .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf666}@media (max-width: 768px){.performance-summary-modal{max-width:100%;max-height:100vh;border-radius:0}.overall-score-section{flex-direction:column;gap:20px}.score-circle{width:100px;height:100px}.score-value{font-size:36px}.metric-grid{grid-template-columns:1fr}.summary-header,.video-section,.metrics-sections,.summary-footer{padding-left:16px;padding-right:16px}}.webcam-preview{position:absolute;bottom:20px;right:20px;z-index:100;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1)}.webcam-preview.compact{width:120px;height:90px}.webcam-preview.expanded{width:200px;height:150px}.webcam-preview.hidden-mode{width:32px;height:32px;border-radius:50%;background:#0009;display:flex;align-items:center;justify-content:center}.webcam-preview:hover{box-shadow:0 12px 40px #0006,0 4px 12px #0000004d,inset 0 1px #ffffff26;border-color:#ffffff40}.webcam-preview:hover .webcam-controls{opacity:1}.webcam-video-container{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#0f0f1a)}.webcam-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}.webcam-no-video{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(135deg,#2a2a3e,#1a1a2a);color:#ffffff80}.webcam-no-video span{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.webcam-status{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:4px}.webcam-status .status-dot{width:6px;height:6px;border-radius:50%;animation:pulse 2s infinite}.webcam-status.connected .status-dot{background:#22c55e;box-shadow:0 0 8px #22c55e99}.webcam-status.disconnected .status-dot{background:#ef4444;box-shadow:0 0 8px #ef444499;animation:none}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.webcam-controls{position:absolute;top:4px;right:4px;display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.webcam-btn{width:22px;height:22px;border-radius:6px;border:none;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.webcam-btn:hover{background:#000c;transform:scale(1.05)}.webcam-btn:active{transform:scale(.95)}.webcam-label{position:absolute;bottom:6px;left:6px;display:flex;align-items:center;gap:4px;padding:2px 6px;background:#0009;border-radius:4px;color:#fff;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.webcam-show-btn{width:100%;height:100%;border:none;background:transparent;color:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.webcam-show-btn:hover{color:#fff;background:#ffffff1a}[data-theme=dark] .webcam-preview{border-color:#ffffff1a}@media (max-width: 768px){.webcam-preview{bottom:12px;right:12px}.webcam-preview.compact{width:100px;height:75px}.webcam-preview.expanded{width:150px;height:112px}}:fullscreen .webcam-preview,:-webkit-full-screen .webcam-preview{bottom:24px;right:24px}:fullscreen .webcam-preview.compact,:-webkit-full-screen .webcam-preview.compact{width:140px;height:105px}:fullscreen .webcam-preview.expanded,:-webkit-full-screen .webcam-preview.expanded{width:240px;height:180px}.code-editor{display:flex;flex-direction:column;background:#1e1e2e;border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden;font-family:Fira Code,Consolas,Monaco,monospace;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff0d;transition:all .3s ease;min-height:300px;max-height:500px}.code-editor.expanded{min-height:500px;max-height:80vh}.code-editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#252538;border-bottom:1px solid rgba(255,255,255,.08);gap:12px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px}.language-selector{position:relative}.language-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.language-btn:hover{background:#ffffff1f;border-color:#fff3}.language-btn:disabled{opacity:.5;cursor:not-allowed}.language-btn .lang-icon{font-size:16px}.language-btn svg{transition:transform .2s ease}.language-btn svg.rotated{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:180px;background:#2a2a3e;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px;z-index:100;box-shadow:0 8px 32px #0006;animation:dropdownSlide .15s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lang-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:#fffc;font-size:13px;cursor:pointer;transition:all .15s ease}.lang-option:hover{background:#ffffff14;color:#fff}.lang-option.active{background:#3b82f633;color:#60a5fa}.lang-option .lang-icon{font-size:16px}.lang-option .lang-name{flex:1;text-align:left}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0f;border:1px solid transparent;border-radius:8px;color:#fff9;cursor:pointer;transition:all .15s ease}.toolbar-btn:hover{background:#ffffff1a;color:#fff;border-color:#ffffff26}.toolbar-btn.active{background:#3b82f633;color:#60a5fa}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.run-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #22c55e4d}.run-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.run-btn:active:not(:disabled){transform:translateY(0)}.run-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.run-btn.running{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d}.run-btn .spin{animation:spin 1s linear infinite}.stdin-container{padding:10px 14px;background:#1a1a28;border-bottom:1px solid rgba(255,255,255,.06)}.stdin-container label{display:flex;align-items:center;gap:6px;margin-bottom:8px;color:#fff9;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stdin-textarea{width:100%;padding:10px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#e0e0e0;font-family:Fira Code,Consolas,monospace;font-size:13px;line-height:1.5;resize:vertical;min-height:60px}.stdin-textarea:focus{outline:none;border-color:#3b82f680}.stdin-textarea::placeholder{color:#ffffff4d}.code-editor-body{display:flex;flex:1;min-height:200px;overflow:hidden}.line-numbers{display:flex;flex-direction:column;padding:14px 0;background:#1a1a28;border-right:1px solid rgba(255,255,255,.06);min-width:48px;text-align:right;overflow-y:hidden;-webkit-user-select:none;user-select:none}.line-number{padding:0 12px;color:#ffffff40;font-size:13px;line-height:1.6;font-family:Fira Code,Consolas,monospace}.code-textarea{flex:1;padding:14px 16px;background:transparent;border:none;color:#e0e0e0;font-family:Fira Code,Consolas,Monaco,monospace;font-size:14px;line-height:1.6;resize:none;overflow-y:auto;-moz-tab-size:4;tab-size:4;white-space:pre}.code-textarea:focus{outline:none}.code-textarea::placeholder{color:#ffffff40}.output-panel{border-top:1px solid rgba(255,255,255,.08);background:#1a1a28;max-height:200px;overflow:hidden;display:flex;flex-direction:column}.output-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.output-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.output-panel.success .output-title{color:#22c55e}.output-panel.has-error .output-title{color:#ef4444}.execution-time{font-size:11px;color:#fff6;font-weight:500}.output-content{flex:1;padding:12px 14px;margin:0;font-family:Fira Code,Consolas,monospace;font-size:13px;line-height:1.5;color:#a0a0a0;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word}.output-panel.success .output-content{color:#d1d5db}.error-text{color:#f87171;margin-bottom:8px}.keyboard-hint{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;background:#0003;border-top:1px solid rgba(255,255,255,.05);font-size:11px;color:#ffffff59}.keyboard-hint kbd{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:4px;font-family:inherit;font-size:10px;color:#ffffff80}[data-theme=light] .code-editor{background:#fff;border-color:#e0e0e0}[data-theme=light] .code-editor-toolbar{background:#f5f5f5;border-color:#e0e0e0}[data-theme=light] .language-btn{background:#e8e8e8;border-color:#d0d0d0;color:#333}[data-theme=light] .language-dropdown{background:#fff;border-color:#e0e0e0}[data-theme=light] .lang-option{color:#555}[data-theme=light] .code-textarea{color:#333}[data-theme=light] .line-numbers{background:#f8f8f8;border-color:#e0e0e0}[data-theme=light] .line-number{color:#999}[data-theme=light] .output-panel{background:#f8f8f8;border-color:#e0e0e0}[data-theme=light] .output-content{color:#555}@media (max-width: 768px){.code-editor{min-height:250px;max-height:400px}.code-editor-toolbar{flex-wrap:wrap;gap:8px}.toolbar-left,.toolbar-right{flex-wrap:wrap}.language-btn .lang-name,.run-btn span,.keyboard-hint{display:none}}.confidence-graph{--bg-card: rgba(255, 255, 255, .05);--border-color: rgba(128, 128, 128, .2);--text-primary: #fff;--text-secondary: #aaa;--grid-color: rgba(128, 128, 128, .15);--axis-color: #888;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root[data-theme=light] .confidence-graph,.light-mode .confidence-graph{--bg-card: rgba(255, 255, 255, .8);--text-primary: #1a1a1a;--text-secondary: #666;--grid-color: rgba(0, 0, 0, .08);--axis-color: #666}.confidence-graph-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.header-left h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.header-subtitle{font-size:.85rem;color:var(--text-secondary);margin-top:4px;display:block}.average-badge{display:flex;flex-direction:column;align-items:center;padding:12px 20px;border-radius:12px;border:2px solid;background:#ffffff0d}.average-value{font-size:1.5rem;font-weight:700;line-height:1.2}.average-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.confidence-graph-chart{margin:0 -10px}.confidence-tooltip{background:#14141ef2;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 16px;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:100px;text-align:center}.tooltip-time{font-size:.8rem;color:#aaa;margin-bottom:4px}.tooltip-value{font-size:1.5rem;font-weight:700;line-height:1.2}.tooltip-level{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.confidence-graph-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}.stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.confidence-issue{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px}.issue-icon{font-size:1.2rem}.issue-text{font-size:.9rem;color:#f87171}.confidence-graph-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:var(--bg-card);border:2px dashed var(--border-color);border-radius:16px;color:var(--text-secondary)}.empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.confidence-graph-empty p{margin:0;font-size:1.1rem;color:var(--text-primary)}.empty-hint{margin-top:8px;font-size:.85rem;opacity:.7}@media (max-width: 768px){.confidence-graph{padding:16px}.confidence-graph-header{flex-direction:column;gap:16px}.average-badge{align-self:flex-start}.confidence-graph-stats{grid-template-columns:repeat(2,1fr)}}.confidence-graph .recharts-line-curve{animation:drawLine 1s ease-out}@keyframes drawLine{0%{stroke-dasharray:2000;stroke-dashoffset:2000}to{stroke-dashoffset:0}}.confidence-graph .recharts-active-dot circle{transition:all .2s ease}.confidence-graph .recharts-active-dot:hover circle{transform:scale(1.2)}.profile-quote{--bg-card: rgba(255, 255, 255, .05);--border-color: rgba(128, 128, 128, .2);--text-primary: #fff;--text-secondary: #aaa;--accent-glow: rgba(79, 124, 130, .3);background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px 24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transform:translateY(10px);transition:all .4s ease}.profile-quote--visible{opacity:1;transform:translateY(0)}:root[data-theme=light] .profile-quote,.light-mode .profile-quote{--bg-card: rgba(232, 244, 246, .8);--text-primary: #191970;--text-secondary: #7272a8;--accent-glow: rgba(79, 124, 130, .15)}.profile-quote--compact{padding:12px 16px}.profile-quote--large{padding:28px 32px}.quote-main{display:flex;gap:16px;align-items:flex-start}.quote-icon{font-size:2rem;line-height:1;flex-shrink:0}.profile-quote--compact .quote-icon{font-size:1.5rem}.profile-quote--large .quote-icon{font-size:2.5rem}.quote-content{flex:1;min-width:0}.quote-text{margin:0;font-size:1.15rem;font-weight:500;line-height:1.4;color:var(--text-primary)}.profile-quote--compact .quote-text{font-size:1rem}.profile-quote--large .quote-text{font-size:1.35rem;font-weight:600}.quote-confidence{display:flex;align-items:center;gap:12px;margin-top:12px}.confidence-bar{flex:1;max-width:150px;height:6px;background:#80808033;border-radius:3px;overflow:hidden;position:relative}.confidence-fill{height:100%;width:var(--confidence, 0%);background:var(--confidence-color, #d000d0);border-radius:3px;transition:width 1s ease-out}.confidence-label{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.quote-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500;background:#8080801a;border:1px solid rgba(128,128,128,.2);color:var(--text-secondary);transition:all .2s ease}.badge:hover{background:#80808026;transform:translateY(-1px)}.badge-icon{font-style:normal}.badge-score{padding:2px 6px;background:#22c55e33;color:#22c55e;border-radius:10px;font-size:.7rem;font-weight:600}.badge--domain{background:#3b82f61a;border-color:#3b82f633;color:#60a5fa}.badge--trend{background:rgba(var(--trend-rgb, 79, 124, 130),.1);border-color:rgba(var(--trend-rgb, 79, 124, 130),.2);color:var(--trend-color, #d000d0)}.badge--interviews{background:#4f7c821a;border-color:#4f7c8233;color:#0cc}.profile-quote--empty{opacity:1;transform:none;border-style:dashed}.profile-quote--empty .quote-text{color:var(--text-secondary);font-weight:400;font-style:italic}.profile-quote:not(.profile-quote--empty):hover{border-color:#4f7c8266;box-shadow:0 0 20px var(--accent-glow)}@media (max-width: 480px){.profile-quote{padding:16px}.quote-main{flex-direction:column;gap:12px;text-align:center;align-items:center}.quote-badges,.quote-confidence{justify-content:center}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px var(--accent-glow)}50%{box-shadow:0 0 25px var(--accent-glow)}}.profile-quote.profile-quote--highlight{animation:pulseGlow 2s infinite}.identity-section{margin-bottom:24px}.identity-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:32px;color:var(--text-secondary, #aaa);font-size:.9rem;background:#8080800d;border-radius:12px;margin-bottom:24px}.identity-loading .spin{animation:spin 1s linear infinite}.rag-panel{padding:32px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);min-height:100vh;position:relative;overflow-x:hidden}.rag-panel:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.06) 0%,transparent 40%),radial-gradient(circle at 40% 80%,rgba(236,72,153,.05) 0%,transparent 40%);animation:rag-bg-drift 30s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes rag-bg-drift{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(2%,-1%) rotate(1deg)}66%{transform:translate(-1%,2%) rotate(-1deg)}}.rag-panel>*{position:relative;z-index:1}.rag-panel .panel-header{margin-bottom:32px;padding:28px 32px;background:linear-gradient(135deg,#8b5cf61a,#6366f10d);border-radius:24px;border:1px solid rgba(139,92,246,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.rag-panel .panel-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8b5cf6,#6366f1,#3b82f6,#8b5cf6);background-size:200% 100%;animation:header-gradient-flow 3s linear infinite}@keyframes header-gradient-flow{0%{background-position:0% 0%}to{background-position:200% 0%}}.rag-panel .header-content{display:flex;justify-content:space-between;align-items:center;gap:24px}.rag-panel .header-title{display:flex;align-items:center;gap:20px}.rag-panel .header-icon-wrapper{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;position:relative}.rag-panel .header-icon-wrapper.brain{background:linear-gradient(135deg,#8b5cf6,#6366f1,#4f46e5);box-shadow:0 12px 32px #8b5cf666,0 0 0 1px #ffffff1a inset;animation:brain-pulse 3s ease-in-out infinite}@keyframes brain-pulse{0%,to{transform:scale(1);box-shadow:0 12px 32px #8b5cf666}50%{transform:scale(1.05);box-shadow:0 16px 40px #8b5cf680}}.rag-panel .header-icon-wrapper.brain svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.rag-panel .header-title h1{font-size:32px;font-weight:800;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.rag-panel .header-title p{font-size:15px;color:var(--text-secondary);margin:6px 0 0;font-weight:500}.rag-panel .header-content>.btn{padding:12px 20px!important;font-weight:600;border-radius:14px;background:#ffffff1a;border:1px solid rgba(139,92,246,.3)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary)!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.rag-panel .header-content>.btn:hover{background:#8b5cf626;border-color:#8b5cf680!important;transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf640}.rag-panel .header-content>.btn svg{transition:transform .5s ease}.rag-panel .header-content>.btn:hover svg{transform:rotate(180deg)}.rag-panel .alert{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:16px;margin-bottom:20px;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:alert-slide-in .4s cubic-bezier(.4,0,.2,1)}@keyframes alert-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rag-panel .alert-error{background:linear-gradient(135deg,#ef444426,#ef444414);border:1px solid rgba(239,68,68,.3);color:#ef4444;box-shadow:0 4px 16px #ef444426}.rag-panel .alert-success{background:linear-gradient(135deg,#22c55e26,#22c55e14);border:1px solid rgba(34,197,94,.3);color:#22c55e;box-shadow:0 4px 16px #22c55e26}.rag-panel .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}@media (max-width: 1200px){.rag-panel .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.rag-panel .stats-grid{grid-template-columns:1fr}}.rag-panel .stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.rag-panel .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.rag-panel .stat-card:hover{transform:translateY(-8px) scale(1.02);border-color:transparent;box-shadow:0 20px 40px #0000001f,0 0 0 1px #8b5cf64d}.rag-panel .stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;transition:transform .3s ease}.rag-panel .stat-card:hover .stat-icon{transform:scale(1.1) rotate(-5deg)}.rag-panel .stat-icon.upload{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 8px 24px #3b82f659}.rag-panel .stat-icon.trained{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 8px 24px #22c55e59}.rag-panel .stat-icon.questions{background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 8px 24px #a855f759}.rag-panel .stat-icon.collections{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 8px 24px #f9731659}.rag-panel .stat-content{display:flex;flex-direction:column;gap:4px}.rag-panel .stat-value{font-size:36px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;line-height:1}.rag-panel .stat-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.rag-panel .danger-zone{background:linear-gradient(135deg,#ef444414,#ef444408);border:1px solid rgba(239,68,68,.2);border-radius:20px;padding:20px 24px;margin-bottom:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rag-panel .danger-zone-header{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#ef4444;margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.rag-panel .danger-zone-actions{display:flex;gap:12px;flex-wrap:wrap}.rag-panel .danger-zone .btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;border:none!important;box-shadow:0 4px 16px #f59e0b4d;font-weight:600}.rag-panel .danger-zone .btn-warning:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.rag-panel .danger-zone .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border:none!important;box-shadow:0 4px 16px #ef44444d;font-weight:600}.rag-panel .danger-zone .btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.rag-panel .view-tabs{display:flex;gap:8px;margin-bottom:28px;padding:6px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;width:fit-content;box-shadow:0 4px 12px #0000000d}.rag-panel .tab-btn{display:flex;align-items:center;gap:10px;padding:14px 24px;border:none;border-radius:14px;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.rag-panel .tab-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#8b5cf61a,#6366f10d);opacity:0;transition:opacity .3s ease}.rag-panel .tab-btn:hover:before{opacity:1}.rag-panel .tab-btn:hover{color:var(--text-primary)}.rag-panel .tab-btn.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;box-shadow:0 8px 24px #8b5cf659}.rag-panel .tab-btn.active:before{display:none}.rag-panel .tab-btn svg{transition:transform .3s ease}.rag-panel .tab-btn:hover svg{transform:scale(1.1)}.rag-panel .rag-content{display:flex;flex-direction:column;gap:28px}.rag-panel section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:28px;transition:all .3s ease;position:relative;overflow:hidden}.rag-panel section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.3),transparent)}.rag-panel section h3{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 24px}.rag-panel section h3 svg{color:#8b5cf6}.rag-panel .upload-zone{border:2px dashed rgba(139,92,246,.4);border-radius:20px;padding:56px 32px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;background:linear-gradient(135deg,#8b5cf608,#6366f105);overflow:hidden}.rag-panel .upload-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(139,92,246,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.rag-panel .upload-zone:hover{border-color:#8b5cf6;background:linear-gradient(135deg,#8b5cf614,#6366f10a);transform:scale(1.01);box-shadow:0 12px 40px #8b5cf626}.rag-panel .upload-zone:hover:before{opacity:1}.rag-panel .upload-label{display:flex;flex-direction:column;align-items:center;gap:16px;cursor:pointer;position:relative;z-index:1}.rag-panel .upload-label svg{color:#8b5cf6;transition:transform .3s ease}.rag-panel .upload-zone:hover .upload-label svg{transform:scale(1.15) translateY(-4px)}.rag-panel .upload-text{font-size:18px;font-weight:700;color:var(--text-primary)}.rag-panel .upload-hint{font-size:14px;color:var(--text-muted);font-weight:500}.rag-panel .upload-progress{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;padding:14px 20px;border-radius:12px;font-weight:600;animation:progress-fade-in .3s ease}@keyframes progress-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rag-panel .upload-progress.uploading{background:linear-gradient(135deg,#3b82f626,#3b82f614);color:#3b82f6}.rag-panel .upload-progress.success{background:linear-gradient(135deg,#22c55e26,#22c55e14);color:#22c55e}.rag-panel .upload-progress.error{background:linear-gradient(135deg,#ef444426,#ef444414);color:#ef4444}.rag-panel .train-all-section{display:flex;justify-content:center}.rag-panel .train-all-btn{padding:16px 32px!important;font-size:16px!important;font-weight:700!important;background:linear-gradient(135deg,#f97316,#ea580c)!important;border:none!important;border-radius:16px!important;box-shadow:0 8px 24px #f9731659!important;color:#fff!important;position:relative;overflow:hidden}.rag-panel .train-all-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%)}.rag-panel .train-all-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px #f9731673!important}.rag-panel .pdf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.rag-panel .pdf-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.rag-panel .pdf-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;transition:opacity .3s ease}.rag-panel .pdf-card:hover:before{opacity:1}.rag-panel .pdf-card:hover{transform:translateY(-4px);border-color:#8b5cf64d;box-shadow:0 12px 32px #0000001a,0 0 0 1px #8b5cf61a}.rag-panel .pdf-card.trained{border-color:#22c55e4d}.rag-panel .pdf-card.trained:before{background:linear-gradient(90deg,#22c55e,#10b981);opacity:1}.rag-panel .pdf-icon{position:relative;width:56px;height:56px;background:linear-gradient(135deg,#8b5cf61a,#6366f10d);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#8b5cf6;flex-shrink:0;transition:all .3s ease}.rag-panel .pdf-card:hover .pdf-icon{transform:scale(1.05) rotate(-3deg)}.rag-panel .pdf-card.trained .pdf-icon{background:linear-gradient(135deg,#22c55e26,#22c55e0d);color:#22c55e}.rag-panel .trained-badge{position:absolute;bottom:-4px;right:-4px;width:22px;height:22px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 8px #22c55e4d}.rag-panel .pdf-info{flex:1;min-width:0}.rag-panel .pdf-info h4{font-size:15px;font-weight:700;color:var(--text-primary);margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rag-panel .pdf-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--text-muted);font-weight:500}.rag-panel .pdf-meta span{display:flex;align-items:center;gap:5px}.rag-panel .pdf-meta svg{opacity:.7}.rag-panel .pdf-actions{display:flex;gap:8px;flex-shrink:0}.rag-panel .status-trained{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#22c55e;padding:8px 14px;background:linear-gradient(135deg,#22c55e26,#22c55e14);border-radius:10px}.rag-panel .loading-state,.rag-panel .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-secondary)}.rag-panel .loading-state svg,.rag-panel .empty-state svg{color:#8b5cf6;opacity:.5;margin-bottom:16px}.rag-panel .loading-state p,.rag-panel .empty-state p{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.rag-panel .empty-state span{font-size:14px;color:var(--text-muted)}.rag-panel .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.rag-panel .btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.rag-panel .btn-sm{padding:10px 14px;font-size:13px;border-radius:10px}.rag-panel .btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.rag-panel .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.rag-panel .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.rag-panel .btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:#8b5cf64d;transform:translateY(-2px)}.rag-panel .btn-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.rag-panel .btn-info:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.rag-panel .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.rag-panel .btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.rag-panel .search-form{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:24px}.rag-panel .search-input-wrap{flex:1;min-width:280px;position:relative;display:flex;align-items:center}.rag-panel .search-input-wrap svg{position:absolute;left:16px;color:var(--text-muted);pointer-events:none}.rag-panel .search-input-wrap input{width:100%;padding:14px 16px 14px 48px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:14px;font-size:15px;color:var(--text-primary);transition:all .3s ease}.rag-panel .search-input-wrap input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626}.rag-panel .search-filters{display:flex;gap:12px}.rag-panel .search-filters select{padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.rag-panel .search-filters select:focus{outline:none;border-color:#8b5cf6}.rag-panel .search-results h4{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.rag-panel .result-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:16px;padding:20px;margin-bottom:16px;transition:all .3s ease}.rag-panel .result-card:hover{border-color:#8b5cf64d;box-shadow:0 8px 24px #00000014}.rag-panel .result-question{display:flex;gap:12px;margin-bottom:12px}.rag-panel .result-question svg{color:#8b5cf6;flex-shrink:0;margin-top:2px}.rag-panel .result-question span{font-size:15px;font-weight:500;color:var(--text-primary);line-height:1.5}.rag-panel .result-meta{display:flex;gap:10px;flex-wrap:wrap}.rag-panel .result-meta .score{font-size:13px;font-weight:600;color:#22c55e;padding:6px 12px;background:#22c55e1a;border-radius:8px}.rag-panel .result-meta .tag{font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;text-transform:uppercase;letter-spacing:.03em}.rag-panel .result-meta .tag.type{background:#8b5cf61a;color:#8b5cf6}.rag-panel .result-meta .tag.difficulty{background:#f973161a;color:#f97316}.rag-panel .stat-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-tertiary);border-radius:14px;border:1px solid var(--border-color)}.rag-panel .stat-row span:first-child{font-size:14px;font-weight:500;color:var(--text-secondary)}.rag-panel .stat-value-text{font-size:14px;font-weight:700;color:var(--text-primary);font-family:SF Mono,Fira Code,monospace;background:#8b5cf61a;padding:6px 12px;border-radius:8px}.rag-panel .collection-item{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:14px;transition:all .3s ease}.rag-panel .collection-item:hover{border-color:#8b5cf64d;transform:translate(4px)}.rag-panel .collection-name{font-size:15px;font-weight:700;color:var(--text-primary)}.rag-panel .collection-count{font-size:13px;font-weight:600;color:#8b5cf6;padding:6px 14px;background:#8b5cf61a;border-radius:10px}.rag-panel .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:modal-overlay-in .3s ease}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}.rag-panel .modal,.rag-panel .train-config-modal,.rag-panel .training-summary-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:32px;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 24px 64px #0000004d;animation:modal-slide-in .4s cubic-bezier(.4,0,.2,1)}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.rag-panel .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.rag-panel .modal-title{display:flex;align-items:center;gap:14px}.rag-panel .modal-title svg{color:#8b5cf6}.rag-panel .modal-title h2{font-size:22px;font-weight:800;color:var(--text-primary);margin:0}.rag-panel .modal-close{background:var(--bg-tertiary);border:none;border-radius:12px;padding:10px;cursor:pointer;color:var(--text-secondary);transition:all .3s ease}.rag-panel .modal-close:hover{background:#ef44441a;color:#ef4444}.rag-panel .modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}.rag-panel .config-form{display:flex;flex-direction:column;gap:20px}.rag-panel .form-group{display:flex;flex-direction:column;gap:8px}.rag-panel .form-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-secondary)}.rag-panel .form-group label svg{color:#8b5cf6}.rag-panel .form-group select,.rag-panel .form-group input{padding:14px 16px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;font-size:14px;color:var(--text-primary);transition:all .3s ease}.rag-panel .form-group select:focus,.rag-panel .form-group input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626}.rag-panel .training-summary-modal{max-width:700px}.rag-panel .summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.rag-panel .summary-stat-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.rag-panel .summary-stat-card.highlight{background:linear-gradient(135deg,#8b5cf61a,#6366f10d);border-color:#8b5cf64d}.rag-panel .summary-stat-icon{width:48px;height:48px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.rag-panel .summary-stat-content{display:flex;flex-direction:column;gap:4px}.rag-panel .summary-stat-value{font-size:28px;font-weight:800;color:var(--text-primary);line-height:1}.rag-panel .summary-stat-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.rag-panel .summary-section{margin-bottom:24px}.rag-panel .summary-section h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.rag-panel .domain-breakdown{display:flex;flex-direction:column;gap:12px}.rag-panel .domain-item{display:flex;align-items:center;gap:16px}.rag-panel .domain-info{min-width:160px}.rag-panel .domain-name{font-size:14px;font-weight:600;color:var(--text-primary)}.rag-panel .domain-count{font-size:12px;color:var(--text-muted)}.rag-panel .domain-bar{flex:1;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.rag-panel .domain-bar-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:4px;transition:width .5s ease}.rag-panel .domain-percentage{font-size:13px;font-weight:700;color:#8b5cf6;min-width:50px;text-align:right}.rag-panel .branch-breakdown{display:flex;flex-wrap:wrap;gap:10px}.rag-panel .branch-badge{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border:1px solid rgba(59,130,246,.2);border-radius:12px}.rag-panel .branch-name{font-size:14px;font-weight:600;color:var(--text-primary)}.rag-panel .branch-count{font-size:13px;font-weight:700;color:#3b82f6;background:#3b82f626;padding:4px 10px;border-radius:8px}.rag-panel .train-result{background:linear-gradient(135deg,#22c55e14,#22c55e08);border:1px solid rgba(34,197,94,.2)}.rag-panel .result-grid{display:flex;flex-wrap:wrap;gap:16px}.rag-panel .result-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:16px 20px;min-width:140px}.rag-panel .result-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:6px}.rag-panel .result-value{font-size:24px;font-weight:800;color:#22c55e}.rag-panel .result-breakdown{flex-basis:100%}.rag-panel .breakdown-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.rag-panel .tag{font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;background:#8b5cf61a;color:#8b5cf6}.rag-panel .tag-branch{background:#3b82f61a;color:#3b82f6}.rag-panel .tag-domain{background:#ec48991a;color:#ec4899}.rag-panel .delete-modal{max-width:800px}.rag-panel .questions-list{max-height:400px;overflow-y:auto;border:1px solid var(--border-color);border-radius:14px;margin:16px 0}.rag-panel .question-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-color);transition:background .2s ease}.rag-panel .question-item:last-child{border-bottom:none}.rag-panel .question-item:hover{background:var(--bg-tertiary)}.rag-panel .question-item input[type=checkbox]{width:20px;height:20px;accent-color:#8b5cf6;cursor:pointer}.rag-panel .question-text{flex:1;font-size:14px;color:var(--text-primary);line-height:1.4}.rag-panel .clear-all-modal{max-width:500px}.rag-panel .danger-warning{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.3);border-radius:14px;padding:20px;margin-bottom:24px;text-align:center}.rag-panel .danger-warning svg{color:#ef4444;margin-bottom:12px}.rag-panel .danger-warning p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.rag-panel .danger-warning strong{color:#ef4444}.rag-panel .confirmation-checks{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.rag-panel .confirmation-checks label{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-primary);cursor:pointer}.rag-panel .confirmation-checks input[type=checkbox]{width:18px;height:18px;accent-color:#ef4444}.rag-panel .password-input{width:100%;padding:14px 16px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;font-size:14px;color:var(--text-primary);margin-bottom:24px;transition:all .3s ease}.rag-panel .password-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 4px #ef444426}@media (max-width: 768px){.rag-panel{padding:16px}.rag-panel .header-content{flex-direction:column;align-items:flex-start;gap:16px}.rag-panel .view-tabs{width:100%;overflow-x:auto}.rag-panel .pdf-grid{grid-template-columns:1fr}.rag-panel .pdf-card{flex-direction:column;align-items:flex-start;text-align:left}.rag-panel .pdf-actions{width:100%;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.rag-panel .search-form{flex-direction:column}.rag-panel .search-filters{width:100%}.rag-panel .search-filters select{flex:1}}.rag-panel .train-result{background:var(--success-bg);border-color:var(--success)}.rag-panel .result-grid{display:flex;flex-wrap:wrap;gap:24px}.rag-panel .result-item{display:flex;flex-direction:column;gap:4px}.rag-panel .result-label{font-size:12px;color:var(--text-muted)}.rag-panel .result-value{font-size:28px;font-weight:700;color:var(--success)}.rag-panel .result-breakdown{width:100%;display:flex;flex-direction:column;gap:8px}.rag-panel .result-breakdown.classification{margin-top:8px;padding-top:16px;border-top:1px solid var(--border-color)}.rag-panel .breakdown-tags{display:flex;flex-wrap:wrap;gap:8px}.rag-panel .tag{display:inline-flex;align-items:center;padding:6px 12px;background:var(--bg-tertiary);border-radius:6px;font-size:12px;color:var(--text-secondary)}.rag-panel .tag-branch{background:var(--info-bg);color:var(--info)}.rag-panel .tag-domain{background:#a855f71a;color:var(--accent)}.rag-panel .tag-more{background:var(--bg-tertiary);color:var(--text-muted)}.rag-panel .stats-details{display:flex;flex-direction:column;gap:12px}.rag-panel .stat-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-tertiary);border-radius:10px}.rag-panel .stat-row span:first-child{color:var(--text-secondary);font-size:14px}.rag-panel .stat-value-text{font-weight:600;color:var(--text-primary)}.rag-panel .collections-list{display:flex;flex-direction:column;gap:12px}.rag-panel .collection-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px}.rag-panel .collection-name{font-weight:600;color:var(--text-primary)}.rag-panel .collection-count{font-size:13px;color:var(--text-muted)}.rag-panel .search-form{display:flex;flex-direction:column;gap:16px}.rag-panel .search-input-wrap{position:relative;flex:1}.rag-panel .search-input-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.rag-panel .search-input-wrap input{width:100%;padding:14px 14px 14px 44px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:15px}.rag-panel .search-input-wrap input:focus{outline:none;border-color:var(--primary)}.rag-panel .search-input-wrap input::placeholder{color:var(--text-muted)}.rag-panel .search-filters{display:flex;gap:12px;flex-wrap:wrap}.rag-panel .search-filters select{padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px}.rag-panel .search-results{margin-top:24px}.rag-panel .search-results h4{font-size:14px;font-weight:500;color:var(--text-secondary);margin:0 0 16px}.rag-panel .result-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-bottom:12px}.rag-panel .result-question{display:flex;gap:10px;color:var(--text-primary);font-size:14px;line-height:1.5}.rag-panel .result-question svg{flex-shrink:0;color:var(--accent);margin-top:2px}.rag-panel .result-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.rag-panel .score{font-size:12px;color:var(--text-muted)}.rag-panel .result-meta .tag.type{background:var(--info-bg);color:var(--info)}.rag-panel .result-meta .tag.difficulty{background:var(--warning-bg);color:var(--warning)}.rag-panel .loading-state,.rag-panel .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--text-muted);text-align:center}.rag-panel .loading-state svg,.rag-panel .empty-state svg{margin-bottom:16px;opacity:.4}.rag-panel .empty-state.small{padding:32px}.rag-panel .spin{animation:spin 1s linear infinite}.training-summary-modal{width:90%;max-width:700px;max-height:85vh;overflow-y:auto}.training-summary-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#8b5cf61a,#6366f10d)}.training-summary-modal .modal-title{display:flex;align-items:center;gap:12px}.training-summary-modal .modal-title svg{color:var(--success)}.training-summary-modal .modal-title h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.training-summary-modal .modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--text-muted);transition:all .2s ease}.training-summary-modal .modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.training-summary-modal .modal-body{padding:24px}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.summary-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color)}.summary-stat-card.highlight{background:linear-gradient(135deg,#22c55e26,#10b9811a);border-color:#22c55e4d}.summary-stat-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:var(--bg-secondary);color:var(--primary)}.summary-stat-card.highlight .summary-stat-icon{background:#22c55e26;color:#22c55e}.summary-stat-content{display:flex;flex-direction:column;gap:2px}.summary-stat-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.2}.summary-stat-label{font-size:13px;color:var(--text-muted);font-weight:500}.summary-section{margin-bottom:24px}.summary-section:last-child{margin-bottom:0}.summary-section h3{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.summary-section h3 svg{color:var(--primary)}.domain-breakdown{display:flex;flex-direction:column;gap:12px}.domain-item{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:12px}.domain-info{display:flex;flex-direction:column;gap:2px}.domain-name{font-size:14px;font-weight:600;color:var(--text-primary)}.domain-count{font-size:12px;color:var(--text-muted)}.domain-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.domain-bar-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:4px;transition:width .5s ease}.domain-percentage{font-size:13px;font-weight:600;color:var(--text-secondary);min-width:40px;text-align:right}.branch-breakdown{display:flex;flex-wrap:wrap;gap:8px}.branch-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-radius:20px;border:1px solid rgba(99,102,241,.3)}.branch-name{font-size:13px;font-weight:600;color:var(--text-primary)}.branch-count{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:var(--primary);color:#fff;font-size:12px;font-weight:700;border-radius:12px}.type-breakdown{display:flex;flex-wrap:wrap;gap:8px}.type-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.type-name{font-size:13px;font-weight:500;color:var(--text-primary)}.type-count{font-size:12px;font-weight:600;color:var(--primary);background:#8b5cf61a;padding:2px 8px;border-radius:10px}.difficulty-breakdown{display:flex;flex-wrap:wrap;gap:8px}.difficulty-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px}.difficulty-badge.easy{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.difficulty-badge.easy .difficulty-name{color:#22c55e}.difficulty-badge.medium{background:#eab3081a;border:1px solid rgba(234,179,8,.3)}.difficulty-badge.medium .difficulty-name{color:#eab308}.difficulty-badge.hard{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.difficulty-badge.hard .difficulty-name{color:#ef4444}.difficulty-name{font-size:13px;font-weight:600}.difficulty-count{font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);padding:2px 8px;border-radius:10px}.training-summary-modal .modal-footer{display:flex;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.training-summary-modal .modal-footer .btn{display:flex;align-items:center;gap:8px}.modal-subtitle-inline{font-size:14px;font-weight:400;color:var(--text-muted);margin-left:8px;padding-left:8px;border-left:2px solid var(--border-color);max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rag-panel .btn-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none}.rag-panel .btn-info:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.questions-list-section{margin-top:20px}.questions-list-section h3{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:600;color:var(--text-primary)}.questions-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:8px}.questions-list::-webkit-scrollbar{width:6px}.questions-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.questions-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.questions-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.question-item{display:flex;gap:12px;padding:14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;transition:all .2s ease}.question-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #6366f11a}.question-number{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:12px;font-weight:700;border-radius:8px}.question-content{flex:1;min-width:0}.question-text{font-size:14px;color:var(--text-primary);margin:0 0 10px;line-height:1.5;word-break:break-word}.source-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border-radius:6px;font-size:12px;font-weight:700;cursor:help;transition:all .2s ease;flex-shrink:0}.source-badge.source-database{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid rgba(16,185,129,.3)}.source-badge.source-api{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:1px solid rgba(59,130,246,.3)}.source-badge.source-rag{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:1px solid rgba(245,158,11,.3)}.source-badge.source-fallback{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:1px solid rgba(107,114,128,.3)}.source-badge:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.question-meta{display:flex;flex-wrap:wrap;gap:6px}.question-meta .tag{font-size:11px;padding:3px 8px;border-radius:6px;font-weight:500}.question-meta .tag-branch{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.question-meta .tag-domain{background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.2)}.question-meta .tag-type{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.question-meta .tag-type.behavioral{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.question-meta .tag-type.technical{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.question-meta .tag-type.dsa{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.question-meta .tag-type.system_design{background:#a855f71a;color:#a855f7;border:1px solid rgba(168,85,247,.2)}.question-meta .tag-type.hr{background:#14b8a61a;color:#14b8a6;border:1px solid rgba(20,184,166,.2)}.question-meta .tag-difficulty{font-weight:600}.question-meta .tag-difficulty.easy{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.question-meta .tag-difficulty.medium{background:#eab3081a;color:#eab308;border:1px solid rgba(234,179,8,.2)}.question-meta .tag-difficulty.hard{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.rag-panel .danger-zone-section{margin-top:32px;padding-top:24px;border-top:2px dashed rgba(239,68,68,.3)}.rag-panel .danger-zone-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.rag-panel .danger-zone-header h2{font-size:18px;font-weight:700;color:#ef4444;margin:0}.rag-panel .danger-zone-header svg{color:#ef4444}.rag-panel .danger-zone-content{display:flex;flex-wrap:wrap;gap:16px}.rag-panel .danger-action{background:var(--bg-card);border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:20px;flex:1;min-width:280px;max-width:400px}.rag-panel .danger-action h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.rag-panel .danger-action p{font-size:13px;color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.rag-panel .delete-modal.large{max-width:800px;max-height:85vh}.rag-panel .delete-modal-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:16px}.rag-panel .selection-info{font-size:14px;color:var(--text-secondary);font-weight:500}.rag-panel .questions-delete-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:8px}.rag-panel .question-delete-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s ease}.rag-panel .question-delete-item:hover{border-color:var(--primary);background:var(--bg-hover)}.rag-panel .question-delete-item.selected{border-color:#ef4444;background:#ef44440d}.rag-panel .question-delete-item input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:#ef4444}.rag-panel .question-delete-content{flex:1;min-width:0}.rag-panel .question-delete-content .question-text{font-size:14px;color:var(--text-primary);margin:0 0 8px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rag-panel .question-delete-content .question-meta{display:flex;flex-wrap:wrap;gap:6px}.rag-panel .question-meta .tag-source{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.2)}.rag-panel .clear-all-modal{max-width:550px}.rag-panel .modal-header.danger{background:linear-gradient(135deg,#ef44441a,#dc26261a);border-bottom:2px solid rgba(239,68,68,.3)}.rag-panel .modal-header.danger h2{color:#ef4444}.rag-panel .modal-header.danger svg{color:#ef4444}.rag-panel .danger-warning{text-align:center;padding:24px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:12px;margin-bottom:20px}.rag-panel .danger-warning .warning-icon{width:80px;height:80px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ef444433,#dc262633);border-radius:50%}.rag-panel .danger-warning .warning-icon svg{color:#ef4444}.rag-panel .danger-warning h3{font-size:18px;font-weight:700;color:#ef4444;margin:0 0 12px}.rag-panel .danger-warning p{font-size:14px;color:var(--text-secondary);margin:0 0 8px;line-height:1.6}.rag-panel .danger-warning p strong{color:var(--text-primary)}.rag-panel .confirmation-checkboxes{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.rag-panel .checkbox-label{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s ease}.rag-panel .checkbox-label:hover{background:var(--bg-hover)}.rag-panel .checkbox-label.danger{border-color:#ef44444d}.rag-panel .checkbox-label.danger:hover{background:#ef44440d}.rag-panel .checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:#ef4444}.rag-panel .checkbox-label span{font-size:13px;color:var(--text-secondary);line-height:1.5}.rag-panel .password-section{margin-top:20px}.rag-panel .password-section label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:10px}.rag-panel .password-section svg{color:var(--text-secondary)}.rag-panel .password-input{width:100%;padding:12px 16px;font-size:14px;background:var(--bg-input);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);transition:all .2s ease}.rag-panel .password-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.rag-panel .password-input::placeholder{color:var(--text-muted)}.rag-panel .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;box-shadow:0 4px 12px #ef44444d}.rag-panel .btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 6px 16px #ef444466}.rag-panel .btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.rag-panel .btn-danger-outline{background:transparent;color:#ef4444;border:2px solid rgba(239,68,68,.5)}.rag-panel .btn-danger-outline:hover:not(:disabled){background:#ef44441a;border-color:#ef4444}.rag-panel .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-secondary)}.rag-panel .loading-state svg{margin-bottom:16px;color:var(--primary)}.rag-panel .loading-state p{margin:0;font-size:14px}.questions-panel{padding:0;min-height:100%}.questions-panel .panel-header{padding:1.5rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.questions-panel .header-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.questions-panel .header-title{display:flex;align-items:center;gap:1rem}.questions-panel .header-icon-wrapper{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-hover) 100%);display:flex;align-items:center;justify-content:center;color:#fff}.questions-panel .header-title h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.questions-panel .header-title p{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0}.questions-panel .btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.questions-panel .btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.questions-panel .btn-secondary:hover{background:var(--hover-bg)}.questions-panel .panel-content{padding:0 2rem 2rem}.questions-panel .error-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;margin:0 2rem 1rem}.questions-panel .error-banner button{margin-left:auto;background:none;border:none;color:#ef4444;cursor:pointer;text-decoration:underline}.questions-mode-selection{max-width:800px;margin:0 auto}.questions-mode-selection h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;text-align:center}.questions-mode-selection .mode-hint{text-align:center;color:var(--text-secondary);margin-bottom:1.5rem}.mode-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}@media (max-width: 768px){.mode-cards{grid-template-columns:1fr}}.mode-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.mode-card:hover{border-color:var(--mode-color, var(--accent-color));transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.mode-card .mode-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--mode-color) 0%,var(--mode-color) 100%);opacity:.15;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.mode-card .mode-icon svg{position:absolute;color:var(--mode-color);opacity:1}.mode-card .mode-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.mode-card .mode-name{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.mode-card .mode-description{font-size:.813rem;color:var(--text-secondary)}.mode-card .mode-source{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.mode-card .mode-arrow{color:var(--text-muted);transition:transform .2s ease}.mode-card:hover .mode-arrow{transform:translate(4px);color:var(--mode-color)}.stats-overview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}.stats-overview h4{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.stats-overview .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 640px){.stats-overview .stats-grid{grid-template-columns:repeat(2,1fr)}}.stats-overview .stat-item{text-align:center;padding:.75rem;background:var(--bg-primary);border-radius:8px}.stats-overview .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--accent-color)}.stats-overview .stat-item.highlight{background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-hover) 100%)}.stats-overview .stat-item.highlight .stat-value{color:#fff;font-size:2rem}.stats-overview .stat-item.highlight .stat-label{color:#ffffffe6}.stats-overview .stat-label{font-size:.75rem;color:var(--text-secondary)}.stats-overview .stats-domains{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);font-size:.875rem;color:var(--text-secondary)}.stats-overview .domains-count{font-weight:600;color:var(--accent-color)}.questions-browser{display:flex;flex-direction:column;gap:1rem}.questions-breadcrumb{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.breadcrumb-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.breadcrumb-back:hover{background:var(--hover-bg);border-color:var(--accent-color)}.breadcrumb-path{display:flex;align-items:center;gap:.5rem;flex:1}.breadcrumb-path svg{color:var(--text-muted)}.breadcrumb-item{font-size:.875rem;font-weight:500;color:var(--text-primary)}.breadcrumb-item.mode{color:var(--accent-color)}.mode-indicator{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:rgba(var(--accent-color-rgb, 99, 102, 241),.1);border-radius:20px;font-size:.75rem;font-weight:500;color:var(--mode-color, var(--accent-color))}.questions-filters{display:flex;flex-direction:column;gap:.75rem}.questions-filter-section{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.questions-filter-section h4{display:flex;align-items:center;gap:.5rem;font-size:.813rem;font-weight:600;color:var(--text-secondary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.branch-chips,.domain-chips{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;font-size:.813rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.filter-chip:hover{border-color:var(--accent-color);background:var(--hover-bg)}.filter-chip.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.loading-inline{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.questions-list-section{display:flex;flex-direction:column;gap:1rem}.questions-search{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.questions-search svg{color:var(--text-muted)}.questions-search input{flex:1;background:none;border:none;outline:none;font-size:.875rem;color:var(--text-primary)}.questions-search input::placeholder{color:var(--text-muted)}.questions-search .clear-search{background:none;border:none;font-size:1.25rem;color:var(--text-muted);cursor:pointer;line-height:1}.questions-search .clear-search:hover{color:var(--text-primary)}.questions-count{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-secondary);padding:0 .25rem}.questions-count .page-info{color:var(--text-muted)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;text-align:center}.loading-state svg,.empty-state svg{color:var(--text-muted);margin-bottom:1rem}.loading-state p,.empty-state p{font-size:1rem;font-weight:500;color:var(--text-primary);margin:0}.empty-state span{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.questions-list{display:flex;flex-direction:column;gap:.5rem}.question-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease}.question-card:hover,.question-card.expanded{border-color:var(--accent-color)}.question-header{display:flex;align-items:center;gap:.75rem;padding:1rem;cursor:pointer}.question-number{font-size:.75rem;font-weight:600;color:var(--text-muted);min-width:40px}.question-text{flex:1;font-size:.875rem;color:var(--text-primary);line-height:1.5}.expand-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;transition:transform .2s ease}.question-card.expanded .expand-btn{color:var(--accent-color)}.question-details{padding:1rem;border-top:1px solid var(--border-color);margin-top:-.5rem}.detail-row{margin-bottom:.75rem}.detail-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.875rem;color:var(--text-primary);line-height:1.5}.question-meta{display:flex;flex-wrap:wrap;gap:.5rem}.meta-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.meta-tag.difficulty-easy{background:#10b9811a;color:#10b981}.meta-tag.difficulty-medium{background:#f59e0b1a;color:#f59e0b}.meta-tag.difficulty-hard{background:#ef44441a;color:#ef4444}.meta-tag.type,.meta-tag.branch,.meta-tag.domain,.meta-tag.source{background:var(--bg-tertiary);color:var(--text-secondary)}.source-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:26px!important;height:26px!important;min-width:26px!important;border-radius:6px!important;font-size:13px!important;font-weight:800!important;cursor:help!important;transition:all .2s ease!important;flex-shrink:0!important;margin-right:8px!important;text-transform:uppercase!important;letter-spacing:0!important}.source-badge.source-database{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:2px solid rgba(16,185,129,.5)!important;box-shadow:0 2px 4px #10b9814d!important}.source-badge.source-api{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;border:2px solid rgba(59,130,246,.5)!important;box-shadow:0 2px 4px #3b82f64d!important}.source-badge.source-rag{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;border:2px solid rgba(245,158,11,.5)!important;box-shadow:0 2px 4px #f59e0b4d!important}.source-badge.source-fallback{background:linear-gradient(135deg,#6b7280,#4b5563)!important;color:#fff!important;border:2px solid rgba(107,114,128,.5)!important;box-shadow:0 2px 4px #6b72804d!important}.source-badge:hover{transform:scale(1.15)!important;box-shadow:0 4px 12px #0003!important}.questions-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 0}.pagination-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;font-size:.813rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){border-color:var(--accent-color);background:var(--hover-bg)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;gap:.375rem}.page-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;font-size:.813rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.page-btn:hover{border-color:var(--accent-color)}.page-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.selection-grid{max-width:900px;margin:0 auto}.selection-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;text-align:center;justify-content:center}.selection-hint{text-align:center;color:var(--text-secondary);margin-bottom:1.5rem}.cards-grid{display:grid;gap:1rem;margin-bottom:2rem}.branches-grid,.domains-grid{grid-template-columns:repeat(3,1fr)}.modes-grid{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.branches-grid,.domains-grid{grid-template-columns:repeat(2,1fr)}.modes-grid{grid-template-columns:1fr}}@media (max-width: 500px){.branches-grid,.domains-grid,.modes-grid{grid-template-columns:1fr}}.selection-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.selection-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.selection-card .card-icon{width:48px;height:48px;border-radius:10px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--accent-color);flex-shrink:0}.selection-card.mode-card .card-icon.mode-icon{background:var(--mode-color);opacity:.15;position:relative}.selection-card.mode-card .card-icon.mode-icon svg{position:absolute;color:var(--mode-color);opacity:1}.selection-card .card-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.selection-card .card-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.selection-card .card-short,.selection-card .card-id{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.selection-card .card-description{font-size:.813rem;color:var(--text-secondary)}.selection-card .card-arrow{color:var(--text-muted);transition:transform .2s ease}.selection-card:hover .card-arrow{transform:translate(4px);color:var(--accent-color)}.breadcrumb-nav{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.back-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:var(--hover-bg);border-color:var(--accent-color)}.breadcrumb-path{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem}.breadcrumb-item{color:var(--text-secondary)}.breadcrumb-item.clickable{cursor:pointer;color:var(--accent-color)}.breadcrumb-item.clickable:hover{text-decoration:underline}.breadcrumb-item.branch,.breadcrumb-item.domain{color:var(--text-primary);font-weight:500}.breadcrumb-item.mode{color:var(--accent-color);font-weight:600}.questions-section{max-width:900px;margin:0 auto}.questions-action-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.search-box{display:flex;align-items:center;gap:.5rem;flex:1;max-width:400px;padding:.625rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.search-box input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;outline:none}.search-box input::placeholder{color:var(--text-muted)}.search-box svg{color:var(--text-muted)}.add-question-btn{white-space:nowrap}.btn-primary{background:var(--accent-color);border:1px solid var(--accent-color);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.question-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;background:transparent}.action-btn.delete-btn{color:var(--text-muted)}.action-btn.delete-btn:hover{background:#ef44441a;color:#ef4444}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:var(--bg-primary);border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:var(--bg-tertiary);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.modal-close:hover{background:var(--hover-bg);color:var(--text-primary)}.modal-body{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.form-group textarea{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-family:inherit;resize:vertical;outline:none;transition:border-color .2s ease}.form-group textarea:focus{border-color:var(--accent-color)}.form-group textarea::placeholder{color:var(--text-muted)}.form-info{background:var(--bg-tertiary);border-radius:8px;padding:1rem;margin-top:1rem}.form-info p{margin:0 0 .25rem;font-size:.813rem;color:var(--text-secondary)}.form-info p:last-child{margin-bottom:0}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:var(--text-muted);text-align:center}.empty-state p{margin:1rem 0 .5rem;font-weight:500;color:var(--text-primary)}.empty-state span{font-size:.875rem;margin-bottom:1rem}.source-grid{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.source-grid{grid-template-columns:1fr}}.selection-card.source-card{padding:1.5rem;flex-direction:column;align-items:flex-start;gap:1rem;min-height:160px}.selection-card.source-card .card-icon.source-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.selection-card.source-card.rag .card-icon.rag-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.selection-card.source-card .card-info{gap:.5rem}.selection-card.source-card .card-name{font-size:1.125rem}.selection-card.source-card .card-description{font-size:.813rem;line-height:1.5}.selection-card.source-card .card-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.688rem;font-weight:600;text-transform:uppercase}.selection-card.source-card .rag-badge{background:#8b5cf626;color:#8b5cf6}.selection-card.source-card .card-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.selection-card.source-card:hover{border-color:#3b82f6}.selection-card.source-card.rag:hover{border-color:#8b5cf6}.source-info{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px;margin-top:1.5rem;font-size:.813rem;color:var(--text-secondary);line-height:1.5}.source-info svg{flex-shrink:0;color:var(--accent-color);margin-top:2px}.questions-section .rag-indicator{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:6px;font-size:.75rem;font-weight:600;color:#8b5cf6;margin-left:auto}.breadcrumb-item.source{color:#8b5cf6;font-weight:600}:root,[data-theme=dark] .admin-container{--admin-bg: #000000;--admin-bg-deep: #020208;--admin-primary: #00f0ff;--admin-primary-rgb: 0, 240, 255;--admin-secondary: #a855f7;--admin-secondary-rgb: 168, 85, 247;--admin-accent: #fbbf24;--admin-accent-rgb: 251, 191, 36;--admin-danger: #ff3366;--admin-danger-rgb: 255, 51, 102;--admin-success: #00ff88;--admin-success-rgb: 0, 255, 136;--admin-text: #e8e8e8;--admin-text-bright: #ffffff;--admin-text-muted: #5a6270;--admin-border: rgba(0, 240, 255, .12);--admin-border-glow: rgba(0, 240, 255, .35);--admin-card-bg: rgba(5, 5, 15, .85);--admin-card-bg-hover: rgba(10, 10, 25, .95);--admin-sidebar-bg: rgba(0, 0, 5, .98);--admin-topbar-bg: rgba(0, 0, 8, .95);--admin-font: "Rajdhani", "JetBrains Mono", "Fira Code", monospace;--admin-font-display: "Orbitron", "Rajdhani", sans-serif;--admin-grid-color: rgba(0, 240, 255, .025);--admin-glow: 0 0 20px rgba(0, 240, 255, .4);--admin-glow-intense: 0 0 40px rgba(0, 240, 255, .6), 0 0 80px rgba(0, 240, 255, .3);--admin-glow-purple: 0 0 30px rgba(168, 85, 247, .5);--admin-glow-gold: 0 0 25px rgba(251, 191, 36, .4)}[data-theme=light] .admin-container{--admin-bg: #f8fafc;--admin-primary: #d000d0;--admin-primary-rgb: 79, 124, 130;--admin-secondary: #d000d0;--admin-text: #191970;--admin-text-muted: #7272a8;--admin-border: rgba(79, 124, 130, .15);--admin-card-bg: rgba(255, 255, 255, .9);--admin-sidebar-bg: rgba(255, 255, 255, .98);--admin-topbar-bg: rgba(255, 255, 255, .95);--admin-font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--admin-grid-color: rgba(79, 124, 130, .03);--admin-glow: 0 4px 20px rgba(79, 124, 130, .15)}.admin-container{min-height:100vh;background:var(--admin-bg);position:relative;overflow-x:hidden;font-family:var(--admin-font);color:var(--admin-text)}[data-theme=dark] .admin-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(ellipse at 50% 0%,rgba(0,240,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(168,85,247,.06) 0%,transparent 40%),linear-gradient(var(--admin-grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--admin-grid-color) 1px,transparent 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px;pointer-events:none;z-index:0;animation:gridPulse 8s ease-in-out infinite}@keyframes gridPulse{0%,to{opacity:1}50%{opacity:.7}}[data-theme=dark] .admin-container:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.4) 100%),repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0px,rgba(0,0,0,.06) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:0}[data-theme=light] .admin-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(var(--admin-grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--admin-grid-color) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:0}[data-theme=light] .admin-container:after{background:linear-gradient(135deg,#4f7c8205,#4f7c8205)}.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--admin-topbar-bg);border-bottom:1px solid var(--admin-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:100}[data-theme=dark] .admin-topbar{background:linear-gradient(180deg,#05050ffa,#00000af2);border-bottom:1px solid rgba(0,240,255,.15)}[data-theme=dark] .admin-topbar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(168,85,247,.5) 20%,rgba(0,240,255,.8) 50%,rgba(168,85,247,.5) 80%,transparent 100%);animation:powerLineFlow 3s ease-in-out infinite}@keyframes powerLineFlow{0%,to{opacity:.6;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.02)}}[data-theme=dark] .admin-topbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.6) 25%,rgba(168,85,247,.8) 50%,rgba(0,240,255,.6) 75%,transparent 100%);animation:powerLineGlow 2s ease-in-out infinite alternate}@keyframes powerLineGlow{0%{opacity:.5;filter:blur(0px)}to{opacity:1;filter:blur(1px)}}[data-theme=light] .admin-topbar:before{display:none}@keyframes blink{50%{opacity:1}}[data-theme=light] .admin-topbar{background:var(--admin-topbar-bg);box-shadow:0 2px 10px #0000000d}[data-theme=light] .admin-topbar:after{background:linear-gradient(90deg,transparent,rgba(79,124,130,.3),transparent)}.admin-topbar-left{display:flex;align-items:center;gap:16px}.admin-logo-icon{color:var(--admin-primary);filter:drop-shadow(0 0 8px rgba(var(--admin-primary-rgb),.7))}[data-theme=dark] .admin-logo-icon{animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{filter:drop-shadow(0 0 8px rgba(0,240,255,.7))}50%{filter:drop-shadow(0 0 15px rgba(0,240,255,1)) drop-shadow(0 0 25px rgba(168,85,247,.5))}}[data-theme=light] .admin-logo-icon{filter:none;animation:none}.admin-logo-text{font-family:var(--admin-font-display);font-size:1.1rem;font-weight:700;color:var(--admin-primary);letter-spacing:.15em;text-transform:uppercase;text-shadow:0 0 15px rgba(var(--admin-primary-rgb),.6)}[data-theme=dark] .admin-logo-text{background:linear-gradient(90deg,#00f0ff,#a855f7,#00f0ff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textGradientShift 4s linear infinite}@keyframes textGradientShift{0%{background-position:0% center}to{background-position:200% center}}.admin-logo-text:before{content:"◆ ";color:#00f0ff99;font-size:.7em}.admin-logo-text:after{content:" ◆";color:#a855f799;font-size:.7em}[data-theme=dark] .admin-logo-text:before,[data-theme=dark] .admin-logo-text:after{-webkit-text-fill-color:initial}[data-theme=light] .admin-logo-text{color:var(--admin-primary);text-shadow:none;letter-spacing:0;text-transform:none;font-size:1.1rem;font-family:var(--admin-font);background:none;-webkit-text-fill-color:initial}[data-theme=light] .admin-logo-text:before,[data-theme=light] .admin-logo-text:after{display:none}.admin-topbar-right{display:flex;align-items:center;gap:16px}.admin-user-info{display:flex;align-items:center;gap:10px;padding:10px 20px;background:linear-gradient(135deg,#00f0ff14,#a855f714);border:1px solid rgba(0,240,255,.2);border-radius:30px;font-family:var(--admin-font-display);font-size:.85rem;font-weight:600;letter-spacing:.05em;color:var(--admin-primary);transition:all .3s ease;position:relative;overflow:hidden}[data-theme=dark] .admin-user-info:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(0,240,255,.1),transparent);transform:translate(-100%);transition:transform .6s ease}[data-theme=dark] .admin-user-info:hover:before{transform:translate(100%)}.admin-user-info:hover{background:linear-gradient(135deg,#00f0ff26,#a855f726);border-color:#00f0ff66;box-shadow:0 0 20px #00f0ff33}[data-theme=light] .admin-user-info{background:#4f7c8214;border-color:#4f7c8233;color:#d000d0}.admin-topbar-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#0a0a1499;border:1px solid rgba(0,240,255,.15);border-radius:10px;color:#00f0ffcc;font-family:var(--admin-font);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}[data-theme=dark] .admin-topbar-btn:hover{background:#00f0ff1a;border-color:#00f0ff66;box-shadow:0 0 15px #00f0ff33,inset 0 0 15px #00f0ff0d;color:#00f0ff}[data-theme=light] .admin-topbar-btn{background:#4f7c820d;border:1px solid rgba(79,124,130,.15);color:#d000d0}.admin-topbar-btn:hover{background:#00f0ff1f;border-color:#00f0ff4d;color:#00f0ff}.admin-topbar-btn.logout{background:#ef44441a;border-color:#ef44444d;color:#f87171}.admin-topbar-btn.logout:hover{background:#ef444433;color:#fca5a5}.admin-main{max-width:1440px;margin:0 auto;padding:32px;position:relative;z-index:1}.admin-header{margin-bottom:36px}.admin-header .header-content{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.admin-header .header-title{display:flex;align-items:center;gap:18px}.admin-header .header-icon-wrapper{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,#00f0ff33,#a855f733);color:#00f0ff;border:1px solid rgba(0,240,255,.3);box-shadow:0 0 30px #00f0ff4d,inset 0 0 20px #00f0ff1a;animation:iconPowerPulse 3s ease-in-out infinite}@keyframes iconPowerPulse{0%,to{box-shadow:0 0 30px #00f0ff4d,inset 0 0 20px #00f0ff1a}50%{box-shadow:0 0 50px #00f0ff80,0 0 80px #a855f74d,inset 0 0 30px #00f0ff26}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.admin-header h1{font-family:var(--admin-font-display);font-size:2rem;font-weight:800;letter-spacing:.05em;background:linear-gradient(135deg,#00f0ff,#a855f7,#00f0ff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;animation:titleGlow 4s linear infinite}@keyframes titleGlow{0%{background-position:0% center}to{background-position:200% center}}[data-theme=light] .admin-header h1{background:linear-gradient(135deg,#191970,#d000d0);-webkit-background-clip:text;background-clip:text;animation:none}.admin-header p{font-family:var(--admin-font);font-size:.9rem;color:#ffffff80;margin:4px 0 0;letter-spacing:.02em}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.stat-card{display:flex;align-items:center;gap:20px;padding:28px;border-radius:16px;background:linear-gradient(135deg,#05050ff2,#0a0a19e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,240,255,.15);box-shadow:0 4px 30px #00000080,inset 0 1px #ffffff08;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.6) 50%,transparent 100%);opacity:.5;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,240,255,.05) 0%,transparent 50%);opacity:0;transition:opacity .4s ease}.stat-card:hover:after{opacity:1}[data-theme=light] .stat-card{background:linear-gradient(135deg,#fffffff2,#f8faffe6);border:1px solid rgba(79,124,130,.15);box-shadow:0 4px 24px #4f7c8214}[data-theme=dark] .stat-card:hover{transform:translateY(-6px);border-color:#00f0ff66;box-shadow:0 15px 50px #00000080,0 0 40px #00f0ff26,inset 0 1px #00f0ff1a}[data-theme=light] .stat-card:hover{box-shadow:0 12px 40px #4f7c8226}.stat-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:14px;flex-shrink:0;position:relative;transition:all .3s ease}.stat-card:hover .stat-icon{transform:scale(1.1)}[data-theme=dark] .stat-icon.users{background:linear-gradient(135deg,#00f0ff26,#00c8ff1a);color:#00f0ff;border:1px solid rgba(0,240,255,.25);box-shadow:0 0 25px #00f0ff4d}[data-theme=dark] .stat-icon.active{background:linear-gradient(135deg,#00ff8826,#00c8641a);color:#0f8;border:1px solid rgba(0,255,136,.25);box-shadow:0 0 25px #00ff884d}[data-theme=dark] .stat-icon.new{background:linear-gradient(135deg,#a855f726,#8b5cf61a);color:#a855f7;border:1px solid rgba(168,85,247,.25);box-shadow:0 0 25px #a855f74d}[data-theme=dark] .stat-icon.interviews{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);color:#fbbf24;border:1px solid rgba(251,191,36,.25);box-shadow:0 0 25px #fbbf244d}.stat-icon.users{background:linear-gradient(135deg,#00f0ff26,#a855f726);color:#00f0ff;box-shadow:0 0 20px #00f0ff4d}.stat-icon.active{background:linear-gradient(135deg,#22c55e40,#16a34a40);color:#4ade80;box-shadow:0 0 20px #22c55e4d}.stat-icon.new{background:linear-gradient(135deg,#3b82f640,#2563eb40);color:#60a5fa;box-shadow:0 0 20px #3b82f64d}.stat-icon.interviews{background:linear-gradient(135deg,#ec489940,#db277740);color:#f472b6;box-shadow:0 0 20px #ec48994d}[data-theme=light] .stat-icon.users{color:#d000d0;box-shadow:0 4px 15px #4f7c8233}[data-theme=light] .stat-icon.active{color:#16a34a;box-shadow:0 4px 15px #22c55e33}[data-theme=light] .stat-icon.new{color:#d000d0;box-shadow:0 4px 15px #4f7c8233}[data-theme=light] .stat-icon.interviews{color:#ec4899;box-shadow:0 4px 15px #ec489933}.stat-content{display:flex;flex-direction:column;gap:6px}.stat-value{font-family:var(--admin-font-display);font-size:2.2rem;font-weight:800;letter-spacing:.02em;line-height:1.2}[data-theme=dark] .stat-value{background:linear-gradient(135deg,#00f0ff,#fff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 10px rgba(0,240,255,.3))}[data-theme=light] .stat-value{background:linear-gradient(135deg,#191970,#2b2b8a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-family:var(--admin-font);font-size:.8rem;color:#ffffff80;font-weight:600;letter-spacing:.05em;text-transform:uppercase}[data-theme=light] .stat-label{color:#7272a8}.users-section{background:linear-gradient(135deg,#05050ff2,#0a0a19e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(0,240,255,.12);box-shadow:0 8px 40px #00000080,inset 0 1px #ffffff05;overflow:hidden;position:relative}[data-theme=dark] .users-section:before{content:"";position:absolute;top:15px;left:15px;width:40px;height:40px;border-left:2px solid rgba(0,240,255,.4);border-top:2px solid rgba(0,240,255,.4);pointer-events:none}[data-theme=dark] .users-section:after{content:"";position:absolute;bottom:15px;right:15px;width:40px;height:40px;border-right:2px solid rgba(168,85,247,.4);border-bottom:2px solid rgba(168,85,247,.4);pointer-events:none}.users-section .section-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,240,255,.5),rgba(168,85,247,.3),transparent)}[data-theme=light] .users-section{background:linear-gradient(135deg,#fffffff2,#f8faffe6);border:1px solid rgba(79,124,130,.12);box-shadow:0 8px 32px #4f7c8214}[data-theme=light] .users-section:before,[data-theme=light] .users-section:after{display:none}.users-section .section-header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid rgba(0,240,255,.1);background:#00f0ff05;position:relative}[data-theme=light] .users-section .section-header{border-bottom:1px solid rgba(79,124,130,.08);background:#4f7c8205}.users-section .section-header h2{display:flex;align-items:center;gap:12px;font-family:var(--admin-font-display);font-size:1.1rem;font-weight:700;letter-spacing:.05em;color:#00f0ff;margin:0;text-transform:uppercase}[data-theme=light] .users-section .section-header h2{color:#191970;font-family:var(--admin-font);text-transform:none}.users-section .section-header h2 svg{color:#00f0ff;filter:drop-shadow(0 0 8px rgba(0,240,255,.5))}.user-count{font-family:var(--admin-font-display);font-size:.8rem;font-weight:700;letter-spacing:.1em;color:#00f0ff;background:linear-gradient(135deg,#00f0ff1a,#a855f714);border:1px solid rgba(0,240,255,.3);padding:8px 18px;border-radius:6px;box-shadow:0 0 20px #00f0ff26}.filters-bar{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#0000004d;border-bottom:1px solid rgba(0,240,255,.08);flex-wrap:wrap}[data-theme=light] .filters-bar{background:#00000005;border-bottom:1px solid rgba(0,0,0,.06)}.search-box{display:flex;align-items:center;gap:10px;flex:1;min-width:250px;max-width:400px;padding:10px 16px;background:#0006;border:1px solid rgba(0,240,255,.15);border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease}[data-theme=light] .search-box{background:#f8fafc;border:1px solid #e2e8f0}.search-box:focus-within{border-color:#00f0ff;box-shadow:0 0 0 3px #00f0ff26,0 0 20px #00f0ff1a}.search-box svg{color:#00f0ff80;flex-shrink:0}.search-box input{flex:1;border:none;background:none;font-family:var(--admin-font);font-size:.9rem;color:#e0e7ff;outline:none}[data-theme=light] .search-box input{color:#191970}.search-box input::placeholder{color:#ffffff4d}.clear-search{background:none;border:none;padding:4px;color:#6b7280;cursor:pointer;opacity:.7}.clear-search:hover{opacity:1;color:#e0e7ff}.filter-group{display:flex;align-items:center;gap:8px;color:#9ca3af}.filter-group select{padding:10px 16px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0d;color:#e0e7ff;font-size:.9rem;cursor:pointer;outline:none}[data-theme=light] .filter-group select{background:#f8fafc;border:1px solid #e2e8f0;color:#191970}.filter-group select:focus{border-color:#00f0ff}.admin-main .error-banner{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#ef444426;border-bottom:1px solid rgba(239,68,68,.3);color:#f87171}.admin-main .error-banner button{margin-left:auto;padding:6px 16px;background:#dc2626;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.85rem}.admin-main .error-banner button:hover{background:#b91c1c}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 24px;color:#9ca3af}.loading-state .spin{animation:spin 1s linear infinite;color:#00f0ff}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th{text-align:left;padding:14px 20px;font-family:var(--admin-font-display);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#00f0ff99;background:#0000004d;border-bottom:1px solid rgba(0,240,255,.1)}[data-theme=light] .users-table th{background:#00000005;border-bottom:1px solid rgba(0,0,0,.06);color:#7272a8}.users-table td{padding:16px 20px;font-family:var(--admin-font);font-size:.9rem;color:#ffffffd9;border-bottom:1px solid rgba(0,240,255,.05)}[data-theme=light] .users-table td{color:#191970;border-bottom:1px solid rgba(0,0,0,.04)}[data-theme=dark] .users-table tr:hover td{background:#00f0ff0d}.users-table tr.inactive td{opacity:.5}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#00f0ff33,#a855f733);border:1px solid rgba(0,240,255,.3);color:#00f0ff;font-weight:700;font-size:1rem;flex-shrink:0}.user-avatar.large{width:64px;height:64px;font-size:1.5rem;border-radius:14px}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-weight:600;color:#ffffffe6}[data-theme=light] .user-name{color:#191970}.user-email{font-size:.8rem;color:#fff6}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;font-family:var(--admin-font);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}[data-theme=dark] .status-badge.active{background:#00ff881a;border:1px solid rgba(0,255,136,.3);color:#0f8}[data-theme=dark] .status-badge.inactive{background:#ff33661a;border:1px solid rgba(255,51,102,.3);color:#f36}.status-badge.active{background:#22c55e26;color:#4ade80}.status-badge.inactive{background:#ef444426;color:#f87171}[data-theme=light] .status-badge.active{color:#16a34a}[data-theme=light] .status-badge.inactive{color:#dc2626}.role-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;font-family:var(--admin-font);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.role-badge.user{background:#64748b1a;border:1px solid rgba(100,116,139,.2);color:#94a3b8}[data-theme=dark] .role-badge.admin{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:1px solid rgba(251,191,36,.3);color:#fbbf24;box-shadow:0 0 15px #fbbf241a}.role-badge.admin{background:linear-gradient(135deg,#00f0ff1f,#a855f71f);color:#00f0ff}[data-theme=light] .role-badge.admin{color:#d000d0}.interview-count{font-family:var(--admin-font-display);font-weight:700;color:#00f0ffcc}[data-theme=light] .interview-count{color:#191970}.date-cell{font-size:.8rem;color:#fff6}.actions-cell{width:60px}.action-menu{position:relative}.action-trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:transparent;border:1px solid transparent;color:#00f0ff80;cursor:pointer;transition:all .2s ease}.action-trigger:hover{background:#00f0ff1a;border-color:#00f0ff4d;color:#00f0ff}[data-theme=light] .action-trigger:hover{background:#0000000d;border-color:#0000001a;color:#191970}.action-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;padding:10px;border-radius:14px;background:linear-gradient(135deg,#050514fa,#0a0f1ef2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,240,255,.2);box-shadow:0 12px 40px #0009,0 0 30px #00f0ff1a,inset 0 1px #00f0ff14;z-index:100;animation:dropdownSlide .2s cubic-bezier(.34,1.56,.64,1)}.action-dropdown:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,240,255,.6),transparent)}[data-theme=light] .action-dropdown{background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border:1px solid rgba(79,124,130,.15);box-shadow:0 12px 40px #0000001f}[data-theme=light] .action-dropdown:before{display:none}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.action-dropdown button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:none;background:transparent;font-family:var(--admin-font);font-size:.88rem;font-weight:500;color:#ffffffd9;border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden}.action-dropdown button svg{transition:transform .2s ease,color .2s ease}[data-theme=dark] .action-dropdown button:hover{background:linear-gradient(135deg,#00f0ff1f,#a855f714);color:#00f0ff}[data-theme=dark] .action-dropdown button:hover svg{transform:scale(1.1);color:#00f0ff}[data-theme=light] .action-dropdown button{color:#191970}[data-theme=light] .action-dropdown button:hover{background:#4f7c8214;color:#d000d0}.action-dropdown button.danger{color:#ff6b8a}[data-theme=dark] .action-dropdown button.danger:hover{background:linear-gradient(135deg,#ff336626,#ef44441a);color:#f36}[data-theme=light] .action-dropdown button.danger{color:#dc2626}[data-theme=light] .action-dropdown button.danger:hover{background:#ef444414}.action-dropdown hr{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(0,240,255,.15),transparent);margin:8px 0}[data-theme=light] .action-dropdown hr{background:#0000000f}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;padding:22px;border-top:1px solid rgba(0,240,255,.08);background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 100%)}[data-theme=light] .pagination{border-top:1px solid rgba(79,124,130,.08);background:transparent}.pagination button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:#0000004d;border:1px solid rgba(0,240,255,.15);color:#00f0ff99;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}[data-theme=light] .pagination button{background:#f8fafc;border:1px solid #e2e8f0;color:#191970}[data-theme=dark] .pagination button:hover:not(:disabled){background:#00f0ff26;border-color:#00f0ff80;color:#00f0ff;box-shadow:0 0 20px #00f0ff33;transform:translateY(-2px)}[data-theme=light] .pagination button:hover:not(:disabled){background:#4f7c821a;border-color:#d000d0;color:#d000d0}.pagination button:disabled{opacity:.35;cursor:not-allowed}.page-info{font-family:var(--admin-font-display);font-size:.85rem;font-weight:600;letter-spacing:.05em;color:#00f0ff80}[data-theme=light] .page-info{color:#7272a8;font-family:var(--admin-font)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00000aeb,#050514e0);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:modalOverlayFade .25s ease-out}[data-theme=dark] .modal-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,240,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.02) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;opacity:.5}[data-theme=light] .modal-overlay{background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=light] .modal-overlay:before{display:none}@keyframes modalOverlayFade{0%{opacity:0}to{opacity:1}}.modal-content{width:100%;max-width:580px;max-height:85vh;overflow-y:auto;background:linear-gradient(145deg,#080a19fa,#0c0f23f2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,240,255,.2);border-radius:20px;box-shadow:0 30px 60px #0009,0 0 50px #00f0ff14,inset 0 1px #00f0ff1a;animation:modalSlideUp .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}[data-theme=dark] .modal-content:before{content:"";position:absolute;top:10px;left:10px;width:30px;height:30px;border-left:2px solid rgba(0,240,255,.4);border-top:2px solid rgba(0,240,255,.4);pointer-events:none}[data-theme=dark] .modal-content:after{content:"";position:absolute;bottom:10px;right:10px;width:30px;height:30px;border-right:2px solid rgba(168,85,247,.4);border-bottom:2px solid rgba(168,85,247,.4);pointer-events:none}[data-theme=light] .modal-content{background:linear-gradient(145deg,#fffffffa,#f8fafcf2);border:1px solid rgba(79,124,130,.15);box-shadow:0 24px 48px #00000026}[data-theme=light] .modal-content:before,[data-theme=light] .modal-content:after{display:none}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content.confirm-modal{max-width:440px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid rgba(0,240,255,.1);background:linear-gradient(180deg,rgba(0,240,255,.03) 0%,transparent 100%);position:relative}.modal-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,240,255,.5),rgba(168,85,247,.3),transparent)}[data-theme=light] .modal-header{border-bottom:1px solid rgba(79,124,130,.1);background:#4f7c8205}[data-theme=light] .modal-header:after{display:none}.modal-header h3{font-family:var(--admin-font-display);font-size:1.15rem;font-weight:700;letter-spacing:.03em;color:#00f0ff;margin:0;text-transform:uppercase}[data-theme=light] .modal-header h3{color:#191970;font-family:var(--admin-font);text-transform:none}.modal-header.danger{display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,rgba(255,51,102,.1) 0%,transparent 100%);border-bottom-color:#f363}.modal-header.danger:after{background:linear-gradient(90deg,transparent,rgba(255,51,102,.6),transparent)}.modal-header.danger h3{color:#ff6b8a;text-shadow:0 0 15px rgba(255,51,102,.3)}[data-theme=light] .modal-header.danger{background:#ef44440f;border-bottom-color:#ef444426}[data-theme=light] .modal-header.danger h3{color:#dc2626;text-shadow:none}.modal-close{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid transparent;background:transparent;color:#fff6;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .modal-close:hover{background:#00f0ff1a;border-color:#00f0ff4d;color:#00f0ff;box-shadow:0 0 15px #00f0ff33}[data-theme=light] .modal-close{color:#9ca3af}[data-theme=light] .modal-close:hover{background:#0000000d;color:#191970}.modal-body{padding:28px;position:relative}.user-detail-header{display:flex;align-items:center;gap:18px;margin-bottom:28px}.user-detail-header h4{font-family:var(--admin-font-display);font-size:1.35rem;font-weight:700;letter-spacing:.02em;margin:0;color:#00f0ff}[data-theme=light] .user-detail-header h4{color:#191970;font-family:var(--admin-font)}.user-detail-header p{font-size:.9rem;margin:6px 0 0;color:#ffffff73}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:28px}.detail-item{display:flex;flex-direction:column;gap:8px;padding:14px;background:#00000040;border:1px solid rgba(0,240,255,.08);border-radius:10px;transition:all .2s ease}.detail-item:hover{border-color:#00f0ff33;background:#00f0ff08}[data-theme=light] .detail-item{background:#4f7c8208;border:1px solid rgba(79,124,130,.1)}.detail-item .label{font-family:var(--admin-font-display);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#00f0ff80}[data-theme=light] .detail-item .label{color:#7272a8}.detail-item .value{font-family:var(--admin-font);font-size:.95rem;font-weight:500;color:#ffffffe6}[data-theme=light] .detail-item .value{color:#191970}.recent-interviews h5{font-family:var(--admin-font-display);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#00f0ff99;margin-bottom:14px}[data-theme=light] .recent-interviews h5{color:#7272a8;font-family:var(--admin-font);text-transform:none}.interview-list{display:flex;flex-direction:column;gap:10px}.interview-item{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:12px;background:#00000040;border:1px solid rgba(0,240,255,.06);transition:all .2s ease}.interview-item:hover{border-color:#00f0ff26;background:#00f0ff08}[data-theme=light] .interview-item{background:#4f7c8208;border:1px solid rgba(79,124,130,.08)}.interview-info{display:flex;flex-direction:column;gap:4px}.interview-info .role{font-weight:600;color:#ffffffe6}[data-theme=light] .interview-info .role{color:#191970}.interview-info .date{font-size:.8rem;color:#9ca3af}.interview-meta{display:flex;align-items:center;gap:10px}.status-tag{padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:capitalize}.status-tag.completed{background:#22c55e26;color:#4ade80}[data-theme=light] .status-tag.completed{background:#22c55e1a;color:#16a34a}.status-tag.in_progress{background:#f59e0b26;color:#fbbf24}[data-theme=light] .status-tag.in_progress{background:#f59e0b1a;color:#d97706}.interview-meta .score{font-weight:600;color:#00f0ff}[data-theme=light] .interview-meta .score{color:#d000d0}.user-preview{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:12px;background:linear-gradient(135deg,#0000004d,#0003);border:1px solid rgba(255,51,102,.15);margin:18px 0}[data-theme=dark] .user-preview{background:linear-gradient(135deg,#0006,#ff33660d)}[data-theme=light] .user-preview{background:#ef44440d;border-color:#ef444426}.user-preview strong{font-family:var(--admin-font);font-weight:600;color:#ffffffe6}[data-theme=light] .user-preview strong{color:#191970}.user-preview span{font-size:.88rem;color:#ffffff80}.modal-body .warning{display:flex;align-items:center;gap:10px;font-size:.88rem;font-weight:500;color:#ff6b8a;margin-top:18px;padding:12px 14px;background:#ff336614;border:1px solid rgba(255,51,102,.2);border-radius:10px}[data-theme=light] .modal-body .warning{color:#dc2626;background:#ef44440f;border-color:#ef444426}.modal-actions{display:flex;justify-content:flex-end;gap:14px;padding:20px 28px;border-top:1px solid rgba(0,240,255,.08);background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.15) 100%)}[data-theme=light] .modal-actions{border-top:1px solid rgba(79,124,130,.1);background:transparent}.btn-danger{background:linear-gradient(135deg,#f36,#dc2626);color:#fff;border:1px solid rgba(255,51,102,.5);font-family:var(--admin-font);font-weight:600;padding:12px 24px;border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff336640}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 25px #ff336659;transform:translateY(-2px)}.btn-danger:active{transform:translateY(0)}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}}@media (max-width: 768px){.admin-topbar{padding:12px 16px;flex-wrap:wrap;gap:12px}.admin-topbar-left{gap:8px}.admin-logo-text{font-size:1rem}.admin-topbar-right{gap:8px}.admin-user-info{padding:6px 12px;font-size:.8rem}.admin-topbar-btn{padding:8px 12px}.admin-topbar-btn span{display:none}.admin-main{padding:16px}.admin-header .header-content{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.filter-group{width:100%}.filter-group select{flex:1}.users-table th,.users-table td{padding:12px}.users-table .date-cell,.admin-sidebar{display:none}.admin-layout{grid-template-columns:1fr}}.admin-layout{display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 70px);position:relative;z-index:1}.admin-sidebar{background:linear-gradient(180deg,#02020afa,#050512fc);border-right:1px solid rgba(0,240,255,.1);padding:28px 16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;isolation:isolate}[data-theme=dark] .admin-sidebar:before{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(0,240,255,.6) 20%,rgba(168,85,247,.8) 50%,rgba(0,240,255,.6) 80%,transparent 100%);animation:sidebarEdgeGlow 4s ease-in-out infinite;z-index:0;pointer-events:none}@keyframes sidebarEdgeGlow{0%,to{opacity:.5}50%{opacity:1}}[data-theme=dark] .admin-sidebar:after{content:"";position:absolute;top:20px;left:20px;width:60px;height:60px;border-left:2px solid rgba(0,240,255,.3);border-top:2px solid rgba(0,240,255,.3);pointer-events:none;z-index:0}[data-theme=light] .admin-sidebar{background:linear-gradient(180deg,#fffffffa,#f8fafff2);border-right-color:#4f7c821f}[data-theme=light] .admin-sidebar:before{background:linear-gradient(180deg,transparent,rgba(79,124,130,.3),transparent);animation:none}[data-theme=light] .admin-sidebar:after{display:none}.admin-nav{display:flex;flex-direction:column;gap:6px;position:relative;z-index:2}.admin-nav .nav-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:transparent;border:1px solid transparent;border-radius:8px;color:#ffffff80;font-family:var(--admin-font);font-size:.9rem;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;position:relative;overflow:hidden}.admin-nav .nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,#00f0ff,#a855f7);border-radius:0 4px 4px 0;transition:height .3s ease;box-shadow:0 0 10px #00f0ff80}.admin-nav .nav-item:hover{background:#00f0ff0d;color:#00f0ffe6;border-color:#00f0ff26}.admin-nav .nav-item:hover:before{height:50%}.admin-nav .nav-item:hover svg{filter:drop-shadow(0 0 8px rgba(0,240,255,.6))}.admin-nav .nav-item.active{background:linear-gradient(135deg,#00f0ff1a,#a855f714);color:#00f0ff;border:1px solid rgba(0,240,255,.3);box-shadow:0 0 25px #00f0ff26,inset 0 0 20px #00f0ff08}.admin-nav .nav-item.active:before{height:70%}.admin-nav .nav-item.active svg{filter:drop-shadow(0 0 10px rgba(0,240,255,.8));color:#00f0ff}[data-theme=light] .admin-nav .nav-item{color:#7272a8}[data-theme=light] .admin-nav .nav-item:hover{background:#4f7c820f;color:#4f46e5;border-color:#4f7c821f}[data-theme=light] .admin-nav .nav-item.active{background:linear-gradient(135deg,#4f7c821f,#93b1b514);color:#d000d0;border-color:#4f7c8240;box-shadow:0 4px 15px #4f7c821a}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid rgba(0,240,255,.1);position:relative}[data-theme=dark] .panel-header:after{content:"";position:absolute;bottom:-1px;left:0;width:120px;height:2px;background:linear-gradient(90deg,#00f0ff,transparent)}[data-theme=light] .panel-header{border-bottom-color:#4f7c821f}.panel-header .header-left{display:flex;align-items:center;gap:14px}.panel-header .header-left h2{margin:0;font-size:1.5rem;color:#fffffff2;font-family:var(--admin-font-display);font-weight:700;letter-spacing:.02em}[data-theme=dark] .panel-header .header-left h2{background:linear-gradient(135deg,#fff,#00f0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .panel-header .header-left h2{color:#191970;font-family:var(--admin-font)}.panel-header .header-right{display:flex;align-items:center;gap:16px}.auto-refresh-toggle{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#9ca3af;cursor:pointer}.auto-refresh-toggle input{accent-color:#00f0ff}.refresh-btn{display:flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,#00f0ff14,#a855f714);border:1px solid rgba(0,240,255,.25);border-radius:12px;color:#00f0ff;font-family:var(--admin-font);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.refresh-btn:hover{background:linear-gradient(135deg,#00f0ff26,#a855f71f);box-shadow:0 4px 20px #00f0ff33;transform:translateY(-2px)}.refresh-btn svg{transition:transform .3s ease}.refresh-btn:hover svg{transform:rotate(180deg)}[data-theme=light] .refresh-btn{background:#4f7c8214;border-color:#4f7c8233;color:#d000d0}[data-theme=light] .refresh-btn:hover{background:#4f7c821f}.last-update{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#6b7280}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.metric-card{padding:24px}.metric-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.metric-icon{padding:12px;background:linear-gradient(135deg,#00f0ff1f,#a855f71f);border-radius:12px;color:#00f0ff}.metric-content h3{font-size:.9rem;color:#9ca3af;margin:0 0 8px;font-weight:500}.metric-value{display:flex;align-items:baseline;gap:4px}.metric-value .value{font-size:2rem;font-weight:700;color:#e0e7ff}[data-theme=light] .metric-value .value{color:#191970}.metric-value .unit{font-size:1rem;color:#6b7280}.progress-bar-container{height:8px;background:#ffffff1a;border-radius:4px;margin-top:12px;overflow:hidden}[data-theme=light] .progress-bar-container{background:#0000001a}.progress-bar{height:100%;border-radius:4px;transition:width .3s ease}.metric-description{font-size:.85rem;color:#6b7280;margin-top:8px}.realtime-stats-row{display:flex;gap:28px;padding:20px 28px;background:linear-gradient(135deg,#00f0ff0d,#a855f70d);border:1px solid rgba(0,240,255,.15);border-radius:16px;margin-bottom:28px;position:relative;overflow:hidden}[data-theme=dark] .realtime-stats-row:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.6) 20%,rgba(168,85,247,.6) 50%,rgba(0,240,255,.6) 80%,transparent 100%)}[data-theme=light] .realtime-stats-row{background:#4f7c820d;border-color:#4f7c821f}.realtime-stat{display:flex;align-items:center;gap:12px;padding:10px 18px;background:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.04);transition:all .2s ease}.realtime-stat:hover{border-color:#00f0ff33}.realtime-stat .stat-icon{color:#00f0ff;filter:drop-shadow(0 0 6px rgba(0,240,255,.4))}.realtime-stat .stat-icon.warning{color:#fbbf24;filter:drop-shadow(0 0 6px rgba(251,191,36,.4))}.realtime-stat .stat-value{font-family:var(--admin-font-display);font-size:1.35rem;font-weight:700;color:#fffffff2}[data-theme=light] .realtime-stat .stat-value{color:#191970;font-family:var(--admin-font)}.realtime-stat .stat-label{font-size:.85rem;color:#ffffff80;font-family:var(--admin-font);letter-spacing:.02em}.database-stats,.process-info{background:linear-gradient(135deg,#00000059,#00000040);border:1px solid rgba(0,240,255,.1);border-radius:18px;padding:24px 28px;margin-top:28px;position:relative}[data-theme=dark] .database-stats:before,[data-theme=dark] .process-info:before{content:"";position:absolute;top:12px;left:12px;width:40px;height:40px;border-left:2px solid rgba(0,240,255,.2);border-top:2px solid rgba(0,240,255,.2);pointer-events:none}[data-theme=light] .database-stats,[data-theme=light] .process-info{background:#fffc;border-color:#4f7c821a}.database-stats h3,.process-info h3{display:flex;align-items:center;gap:12px;font-family:var(--admin-font-display);font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#00f0ff99;margin:0 0 20px}[data-theme=light] .database-stats h3,[data-theme=light] .process-info h3{color:#7272a8;font-family:var(--admin-font);text-transform:none}.table-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.table-stat{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#00000040;border:1px solid rgba(255,255,255,.04);border-radius:12px;transition:all .2s ease}.table-stat:hover{border-color:#00f0ff26;background:#00f0ff08}[data-theme=light] .table-stat{background:#4f7c820a;border-color:#4f7c8214}.table-stat .table-name{color:#fff9;font-size:.88rem;font-family:var(--admin-font)}.table-stat .table-count{color:#00f0ff;font-family:var(--admin-font-display);font-weight:700;font-size:1.1rem}[data-theme=light] .table-stat .table-count{color:#d000d0;font-family:var(--admin-font)}.process-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px}.process-stat{text-align:center;padding:16px;background:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.03)}.process-stat .label{display:block;font-size:.8rem;color:#fff6;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.process-stat .value{font-family:var(--admin-font-display);font-size:1.35rem;font-weight:700;color:#fffffff2}[data-theme=light] .process-stat .value{color:#191970;font-family:var(--admin-font)}.error-stats-bar{display:flex;gap:20px;margin-bottom:20px}.error-stats-bar .stat-item{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:.9rem}.error-stats-bar .stat-item.critical{background:linear-gradient(135deg,#ef44441f,#ef44440f);border:1px solid rgba(239,68,68,.25);color:#f87171;padding:12px 18px;border-radius:12px}.error-stats-bar .stat-item.error{background:linear-gradient(135deg,#f973161f,#f973160f);border:1px solid rgba(249,115,22,.25);color:#fb923c}.error-stats-bar .stat-item.warning{background:linear-gradient(135deg,#fbbf241f,#fbbf240f);border:1px solid rgba(251,191,36,.25);color:#fbbf24}.error-stats-bar .stat-item.info{background:linear-gradient(135deg,#00f0ff1a,#3b82f60f);border:1px solid rgba(0,240,255,.2);color:#00f0ff}.filters-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.filters-bar select,.filters-bar input{padding:10px 16px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#e0e7ff;font-size:.9rem}[data-theme=light] .filters-bar select,[data-theme=light] .filters-bar input{background:#fffc;border-color:#0000001a;color:#191970}.filters-bar input{min-width:200px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:16px 18px;text-align:left;border-bottom:1px solid rgba(0,240,255,.06)}[data-theme=light] .admin-table th,[data-theme=light] .admin-table td{border-bottom-color:#4f7c8214}.admin-table th{font-family:var(--admin-font-display);font-size:.8rem;font-weight:700;color:#00f0ff80;text-transform:uppercase;letter-spacing:.08em}[data-theme=light] .admin-table th{color:#7272a8;font-family:var(--admin-font)}.admin-table td{font-size:.9rem;color:#ffffffd9;font-family:var(--admin-font)}[data-theme=light] .admin-table td{color:#191970}.admin-table tr{transition:all .2s ease}.admin-table tr:hover{background:#00f0ff08}[data-theme=light] .admin-table tr:hover{background:#4f7c820a}.admin-table .mono{font-family:var(--admin-font-mono);font-size:.82rem;color:#00f0ffb3}[data-theme=light] .admin-table .mono{color:#d000d0}.admin-table .message-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-table .endpoint-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis}.admin-table .actions-cell{display:flex;gap:8px}.icon-btn{padding:10px;background:#00000040;border:1px solid rgba(0,240,255,.1);border-radius:10px;color:#00f0ff99;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.icon-btn:hover{background:#00f0ff1a;border-color:#00f0ff4d;color:#00f0ff;box-shadow:0 4px 15px #00f0ff26;transform:translateY(-2px)}[data-theme=light] .icon-btn{background:#4f7c820d;border-color:#4f7c821f;color:#d000d0}[data-theme=light] .icon-btn:hover{background:#4f7c821a}.severity-badge,.status-badge,.method-badge,.status-code-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:8px;font-family:var(--admin-font);font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border:1px solid transparent}.response-time{font-family:var(--admin-font-mono);font-size:.82rem;color:#00f0ffb3}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-bottom:28px}.stats-cards .stat-card{display:flex;align-items:center;gap:18px;padding:22px;background:linear-gradient(135deg,#00000059,#00000040);border:1px solid rgba(0,240,255,.1);border-radius:16px;transition:all .2s ease;position:relative;overflow:hidden}.stats-cards .stat-card:hover{border-color:#00f0ff33}[data-theme=light] .stats-cards .stat-card{background:#ffffffe6;border-color:#4f7c821a}.stats-cards .stat-card.success svg{color:#0f8;filter:drop-shadow(0 0 8px rgba(0,255,136,.4))}.stats-cards .stat-card.error svg{color:#f36;filter:drop-shadow(0 0 8px rgba(255,51,102,.4))}.stats-cards .stat-content .stat-value{font-family:var(--admin-font-display);font-size:1.6rem;font-weight:700;color:#fffffff2;display:block}[data-theme=light] .stats-cards .stat-content .stat-value{color:#191970;font-family:var(--admin-font)}.stats-cards .stat-content .stat-label{font-size:.82rem;color:#ffffff80;letter-spacing:.02em}.top-endpoints{background:linear-gradient(135deg,#00000059,#00000040);border:1px solid rgba(0,240,255,.1);border-radius:18px;padding:24px;margin-bottom:28px;position:relative}[data-theme=dark] .top-endpoints:before{content:"";position:absolute;top:12px;left:12px;width:35px;height:35px;border-left:2px solid rgba(0,240,255,.2);border-top:2px solid rgba(0,240,255,.2);pointer-events:none}[data-theme=light] .top-endpoints{background:#ffffffe6;border-color:#4f7c821a}.top-endpoints h3{display:flex;align-items:center;gap:10px;font-family:var(--admin-font-display);font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#00f0ff99;margin:0 0 20px}[data-theme=light] .top-endpoints h3{color:#7272a8;font-family:var(--admin-font);text-transform:none}.endpoints-list{display:flex;flex-direction:column;gap:10px}.endpoint-item{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#00000040;border:1px solid rgba(255,255,255,.03);border-radius:12px;transition:all .2s ease}.endpoint-item:hover{border-color:#00f0ff1f;background:#00f0ff05}[data-theme=light] .endpoint-item{background:#4f7c820a;border-color:#4f7c820f}.endpoint-item .rank{font-family:var(--admin-font-display);font-weight:700;color:#00f0ff;min-width:32px;text-shadow:0 0 10px rgba(0,240,255,.4)}.endpoint-item .endpoint-path{flex:1;font-family:var(--admin-font-mono);font-size:.82rem;color:#ffffffd9}[data-theme=light] .endpoint-item .endpoint-path{color:#191970}.endpoint-item .endpoint-count{font-family:var(--admin-font);font-size:.85rem;color:#a855f7cc;font-weight:600}.settings-section{background:linear-gradient(135deg,#00000059,#00000040);border:1px solid rgba(0,240,255,.1);border-radius:18px;padding:28px;margin-bottom:28px;position:relative}[data-theme=dark] .settings-section:before{content:"";position:absolute;top:12px;left:12px;width:40px;height:40px;border-left:2px solid rgba(0,240,255,.2);border-top:2px solid rgba(0,240,255,.2);pointer-events:none}[data-theme=light] .settings-section{background:#ffffffe6;border-color:#4f7c821a}.settings-section .section-header{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid rgba(0,240,255,.1);position:relative}[data-theme=dark] .settings-section .section-header:after{content:"";position:absolute;bottom:-1px;left:0;width:100px;height:2px;background:linear-gradient(90deg,#00f0ff,transparent)}[data-theme=light] .settings-section .section-header{border-bottom-color:#4f7c821a}.settings-section .section-header h2{margin:0;font-family:var(--admin-font-display);font-size:1.25rem;font-weight:700;letter-spacing:.02em;color:#fffffff2}[data-theme=dark] .settings-section .section-header h2{background:linear-gradient(135deg,#fff,#00f0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .settings-section .section-header h2{color:#191970;font-family:var(--admin-font)}.maintenance-status{display:flex;align-items:center;justify-content:space-between;padding:22px;background:#00000040;border:1px solid rgba(255,255,255,.04);border-radius:14px;margin-bottom:22px;transition:all .2s ease}.maintenance-status.active{background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border:1px solid rgba(251,191,36,.3);box-shadow:0 0 30px #fbbf241a}.status-indicator{display:flex;align-items:center;gap:18px}.status-indicator svg.active{color:#fbbf24;filter:drop-shadow(0 0 10px rgba(251,191,36,.5))}.status-text .status-label{display:block;font-family:var(--admin-font);font-size:1.15rem;font-weight:700;color:#fffffff2;margin-bottom:5px}[data-theme=light] .status-text .status-label{color:#191970}.status-text p{margin:0;font-size:.88rem;color:#ffffff80}.toggle-btn{padding:14px 26px;border:1px solid transparent;border-radius:12px;font-family:var(--admin-font);font-size:.92rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.toggle-btn.success{background:linear-gradient(135deg,#00ff8826,#00ff8814);border-color:#00ff884d;color:#0f8}.toggle-btn.success:hover{background:linear-gradient(135deg,#00ff8840,#00ff881f);box-shadow:0 4px 20px #0f83;transform:translateY(-2px)}.toggle-btn.danger{background:linear-gradient(135deg,#ff336626,#ff336614);border-color:#ff33664d;color:#f36}.toggle-btn.danger:hover{background:linear-gradient(135deg,#ff336640,#ff33661f);box-shadow:0 4px 20px #f363;transform:translateY(-2px)}.maintenance-message-editor{margin-top:20px}.maintenance-message-editor label{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#9ca3af;margin-bottom:8px}.maintenance-message-editor textarea{width:100%;padding:14px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#e0e7ff;font-size:.95rem;resize:vertical}[data-theme=light] .maintenance-message-editor textarea{background:#0000000d;border-color:#0000001a;color:#191970}.save-message-btn,.save-limits-btn{display:flex;align-items:center;gap:10px;margin-top:14px;padding:14px 24px;background:linear-gradient(135deg,#00f0ff,#a855f7);border:1px solid rgba(0,240,255,.3);border-radius:12px;color:#0a0a0f;font-family:var(--admin-font);font-size:.92rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00f0ff40}.save-message-btn:hover:not(:disabled),.save-limits-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 30px #00f0ff59}.save-message-btn:active:not(:disabled),.save-limits-btn:active:not(:disabled){transform:translateY(-1px)}.save-message-btn:disabled,.save-limits-btn:disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#6b7280,#9ca3af);box-shadow:none}.rate-limits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.limit-item label{display:block;font-size:.9rem;color:#9ca3af;margin-bottom:8px}.limit-item input{width:100%;padding:12px 16px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#e0e7ff;font-size:1rem}[data-theme=light] .limit-item input{background:#0000000d;border-color:#0000001a;color:#191970}.integrations-stats{display:flex;gap:28px;margin-bottom:28px}.integrations-stats .stat{text-align:center;padding:18px 28px;background:#00000040;border:1px solid rgba(0,240,255,.1);border-radius:14px;transition:all .2s ease}.integrations-stats .stat:hover{border-color:#00f0ff33}.integrations-stats .stat-value{display:block;font-family:var(--admin-font-display);font-size:2.2rem;font-weight:700;color:#00f0ff;text-shadow:0 0 20px rgba(0,240,255,.3)}[data-theme=light] .integrations-stats .stat-value{color:#d000d0;text-shadow:none;font-family:var(--admin-font)}.integrations-stats .stat-label{font-size:.82rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-top:6px}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:22px}.integration-card{background:linear-gradient(135deg,#00000059,#00000040);border:1px solid rgba(0,240,255,.1);border-radius:18px;padding:26px;transition:all .25s ease;position:relative}.integration-card:hover{border-color:#00f0ff33;box-shadow:0 8px 30px #0000004d}[data-theme=light] .integration-card{background:#ffffffe6;border-color:#4f7c821a}.integration-card.disabled{opacity:.5;filter:grayscale(30%)}.integration-header{display:flex;align-items:flex-start;gap:18px;margin-bottom:18px}.integration-icon{padding:16px;background:linear-gradient(135deg,#00f0ff1f,#a855f71f);border:1px solid rgba(0,240,255,.15);border-radius:14px;color:#00f0ff}.integration-info{flex:1}.integration-info h3{margin:0 0 5px;font-family:var(--admin-font);font-size:1.1rem;font-weight:700;color:#fffffff2}[data-theme=light] .integration-info h3{color:#191970}.integration-info p{margin:0;font-size:.82rem;color:#ffffff80}.integration-details{margin-bottom:18px}.integration-details .detail-row{display:flex;gap:10px;padding:10px 0;border-bottom:1px dashed rgba(0,240,255,.08)}.integration-details .label{color:#fff6;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em}.integration-details .value{color:#00f0ffb3;font-size:.82rem;font-family:var(--admin-font-mono)}.integration-edit-form{padding:18px;background:#0000004d;border:1px solid rgba(0,240,255,.08);border-radius:14px;margin-bottom:18px}.integration-edit-form .form-row{margin-bottom:14px}.integration-edit-form label{display:block;font-size:.82rem;color:#ffffff80;margin-bottom:8px;text-transform:uppercase;letter-spacing:.03em}.password-input{display:flex;gap:10px}.password-input input{flex:1;padding:12px 16px;background:#00000059;border:1px solid rgba(0,240,255,.12);border-radius:10px;color:#ffffffe6;font-family:var(--admin-font-mono);font-size:.88rem;transition:border-color .2s ease}.password-input input:focus{outline:none;border-color:#00f0ff4d}[data-theme=light] .password-input input{background:#fff9;border-color:#4f7c8226;color:#191970}.toggle-visibility{padding:12px;background:#00000040;border:1px solid rgba(0,240,255,.1);border-radius:10px;color:#00f0ff99;cursor:pointer;transition:all .2s ease}.toggle-visibility:hover{border-color:#00f0ff40;color:#00f0ff}.health-result{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;margin-bottom:18px;font-family:var(--admin-font);font-size:.88rem;font-weight:600}.health-result.healthy{background:linear-gradient(135deg,#00ff881f,#00ff880f);border:1px solid rgba(0,255,136,.25);color:#0f8}.health-result.error{background:linear-gradient(135deg,#ff33661f,#ff33660f);border:1px solid rgba(255,51,102,.25);color:#f36}.integration-actions{display:flex;flex-wrap:wrap;gap:12px}.integration-actions button{display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:10px;font-family:var(--admin-font);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.integration-actions .toggle-btn{background:linear-gradient(135deg,#00ff881f,#00ff880f);border-color:#0f83;color:#0f8}.integration-actions .toggle-btn:hover{box-shadow:0 4px 15px #00ff8826;transform:translateY(-2px)}.integration-actions .toggle-btn.enabled{background:linear-gradient(135deg,#fbbf241f,#fbbf240f);border-color:#fbbf2433;color:#fbbf24}.integration-actions .edit-btn{background:linear-gradient(135deg,#00f0ff1a,#00f0ff0d);border-color:#00f0ff33;color:#00f0ff}.integration-actions .edit-btn:hover{box-shadow:0 4px 15px #00f0ff26;transform:translateY(-2px)}.integration-actions .health-btn{background:linear-gradient(135deg,#a855f71f,#a855f70f);border-color:#a855f733;color:#a855f7}.integration-actions .health-btn:hover{box-shadow:0 4px 15px #a855f726;transform:translateY(-2px)}.integration-actions .save-btn{background:linear-gradient(135deg,#0f8,#00cc6a);border-color:#00ff884d;color:#0a0a0f;font-weight:700}.integration-actions .save-btn:hover{box-shadow:0 4px 20px #00ff884d;transform:translateY(-2px)}.integration-actions .cancel-btn{background:linear-gradient(135deg,#ff33661f,#ff33660f);border-color:#f363;color:#f36}.integration-actions .cancel-btn:hover{box-shadow:0 4px 15px #ff336626;transform:translateY(-2px)}.usage-stats-panel .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;margin-bottom:36px}.usage-stat-card{display:flex;align-items:center;gap:22px;padding:26px;background:linear-gradient(135deg,#00000059,#00000040);border:1px solid rgba(0,240,255,.1);border-radius:18px;transition:all .2s ease;position:relative}.usage-stat-card:hover{border-color:#00f0ff33}[data-theme=dark] .usage-stat-card:before{content:"";position:absolute;top:10px;left:10px;width:30px;height:30px;border-left:2px solid rgba(0,240,255,.15);border-top:2px solid rgba(0,240,255,.15);pointer-events:none}[data-theme=light] .usage-stat-card{background:#ffffffe6;border-color:#4f7c821a}.usage-stat-card .stat-icon{padding:18px;background:linear-gradient(135deg,#00f0ff1f,#a855f71f);border:1px solid rgba(0,240,255,.15);border-radius:16px;color:#00f0ff;filter:drop-shadow(0 0 8px rgba(0,240,255,.3))}.usage-stat-card .stat-value{font-family:var(--admin-font-display);font-size:2.2rem;font-weight:700;color:#fffffff2;display:block}[data-theme=light] .usage-stat-card .stat-value{color:#191970;font-family:var(--admin-font)}.usage-stat-card .stat-title{font-family:var(--admin-font);font-size:.92rem;color:#ffffff80;display:block;margin-top:5px}.usage-stat-card .stat-subtitle{font-family:var(--admin-font);font-size:.82rem;color:#a855f7;display:block;margin-top:5px}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px;margin-bottom:36px}.chart-container{background:linear-gradient(135deg,#00000059,#00000040);border:1px solid rgba(0,240,255,.1);border-radius:18px;padding:26px;position:relative}[data-theme=dark] .chart-container:before{content:"";position:absolute;top:12px;left:12px;width:35px;height:35px;border-left:2px solid rgba(0,240,255,.15);border-top:2px solid rgba(0,240,255,.15);pointer-events:none}[data-theme=light] .chart-container{background:#ffffffe6;border-color:#4f7c821a}.simple-bar-chart h4{margin:0 0 22px;font-family:var(--admin-font-display);font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#00f0ff99}[data-theme=light] .simple-bar-chart h4{color:#7272a8;font-family:var(--admin-font);text-transform:none}.chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:160px;gap:10px}.bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar{width:100%;max-width:42px;background:linear-gradient(180deg,#00f0ff,#a855f7);border-radius:6px 6px 0 0;display:flex;align-items:flex-start;justify-content:center;min-height:4px;transition:all .3s ease;box-shadow:0 0 15px #00f0ff33}.bar:hover{box-shadow:0 0 25px #00f0ff66}.bar-value{font-family:var(--admin-font);font-size:.72rem;color:#fff;font-weight:700;padding:5px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.bar-label{font-family:var(--admin-font);font-size:.72rem;color:#fff6;margin-top:10px;text-align:center}.daily-breakdown{background:linear-gradient(135deg,#00000059,#00000040);border:1px solid rgba(0,240,255,.1);border-radius:18px;padding:26px;position:relative}[data-theme=dark] .daily-breakdown:before{content:"";position:absolute;top:12px;left:12px;width:35px;height:35px;border-left:2px solid rgba(0,240,255,.15);border-top:2px solid rgba(0,240,255,.15);pointer-events:none}[data-theme=light] .daily-breakdown{background:#ffffffe6;border-color:#4f7c821a}.daily-breakdown h3{display:flex;align-items:center;gap:12px;margin:0 0 22px;font-family:var(--admin-font-display);font-size:1.1rem;font-weight:700;color:#fffffff2}[data-theme=dark] .daily-breakdown h3{background:linear-gradient(135deg,#fff,#00f0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .daily-breakdown h3{color:#191970;font-family:var(--admin-font)}.bug-report-modal .report-header-info{display:flex;gap:10px;margin-bottom:16px}.bug-report-modal .report-title{font-size:1.25rem;color:#e0e7ff;margin:0 0 12px}[data-theme=light] .bug-report-modal .report-title{color:#191970}.bug-report-modal .report-meta{display:flex;gap:16px;font-size:.85rem;color:#6b7280;margin-bottom:16px}.bug-report-modal .report-meta span{display:flex;align-items:center;gap:6px}.bug-report-modal .report-url{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#0003;border-radius:8px;margin-bottom:16px}.bug-report-modal .report-url a{color:#00f0ff;text-decoration:none;font-size:.9rem}.bug-report-modal .report-url a:hover{text-decoration:underline}.bug-report-modal .report-description{margin-bottom:16px}.bug-report-modal .report-description label,.bug-report-modal .report-browser label{display:block;font-size:.85rem;color:#6b7280;margin-bottom:8px}.bug-report-modal .report-description p{color:#e0e7ff;line-height:1.6}[data-theme=light] .bug-report-modal .report-description p{color:#191970}.bug-report-modal .report-browser code{display:block;padding:12px;background:#0000004d;border-radius:8px;font-size:.85rem;color:#9ca3af;overflow-x:auto}.bug-report-modal .status-selector{margin-bottom:16px}.bug-report-modal .status-selector label{display:block;font-size:.85rem;color:#6b7280;margin-bottom:8px}.bug-report-modal .status-selector select{width:100%;padding:12px 16px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#e0e7ff;font-size:.95rem}[data-theme=light] .bug-report-modal .status-selector select{background:#0000000d;border-color:#0000001a;color:#191970}.bug-report-modal .admin-notes label{display:block;font-size:.85rem;color:#6b7280;margin-bottom:8px}.bug-report-modal .admin-notes textarea{width:100%;padding:14px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#e0e7ff;font-size:.95rem;resize:vertical}[data-theme=light] .bug-report-modal .admin-notes textarea{background:#0000000d;border-color:#0000001a;color:#191970}.empty-state{text-align:center;padding:70px 24px;color:#fff6}.empty-state svg{margin-bottom:18px;opacity:.4;color:#00f0ff80}.empty-state p{font-family:var(--admin-font);font-size:1.1rem;letter-spacing:.02em}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:90px 24px;color:#ffffff80}.admin-loading svg{color:#00f0ff;margin-bottom:18px;filter:drop-shadow(0 0 15px rgba(0,240,255,.5))}.admin-error{text-align:center;padding:70px 24px;color:#f36}.admin-error button{margin-top:18px;padding:12px 24px;background:linear-gradient(135deg,#ff336626,#ff336614);border:1px solid rgba(255,51,102,.3);border-radius:12px;color:#f36;font-family:var(--admin-font);font-weight:600;cursor:pointer;transition:all .25s ease}.admin-error button:hover{background:linear-gradient(135deg,#ff336640,#ff33661f);box-shadow:0 4px 20px #f363;transform:translateY(-2px)}.period-selector{padding:12px 18px;background:#0000004d;border:1px solid rgba(0,240,255,.15);border-radius:12px;color:#ffffffe6;font-family:var(--admin-font);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease}.period-selector:hover{border-color:#00f0ff4d}.period-selector:focus{outline:none;border-color:#00f0ff66;box-shadow:0 0 15px #00f0ff1a}[data-theme=light] .period-selector{background:#ffffffe6;border-color:#4f7c8226;color:#191970}.admin-container .btn-secondary{background:linear-gradient(135deg,#00f0ff1a,#a855f714);border:1px solid rgba(0,240,255,.25);color:#00f0ff;border-radius:14px;padding:14px 22px;font-family:var(--admin-font);font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-container .btn-secondary:hover{background:linear-gradient(135deg,#00f0ff2e,#a855f71f);border-color:#00f0ff66;box-shadow:0 4px 25px #00f0ff33;transform:translateY(-2px)}[data-theme=light] .admin-container .btn-secondary{background:linear-gradient(135deg,#4f7c821a,#93b1b514);border-color:#4f7c8240;color:#d000d0}.admin-container .btn-primary{background:linear-gradient(135deg,#00f0ff,#a855f7);border:1px solid rgba(0,240,255,.3);color:#0a0a0f;border-radius:14px;padding:14px 26px;font-family:var(--admin-font);font-weight:700;box-shadow:0 4px 25px #00f0ff4d;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-container .btn-primary:hover{box-shadow:0 8px 35px #00f0ff73;transform:translateY(-3px) scale(1.02)}.admin-container .btn-primary:active{transform:translateY(-1px) scale(1)}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #00f0ff33,inset 0 0 20px #00f0ff08}50%{box-shadow:0 0 35px #00f0ff59,inset 0 0 25px #00f0ff0d}}.admin-nav .nav-item.active{animation:glowPulse 3s ease-in-out infinite}.admin-container ::-webkit-scrollbar{width:8px;height:8px}.admin-container ::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.admin-container ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00f0ff66,#a855f74d);border-radius:4px}.admin-container ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf6b3,#ec489980)}[data-theme=light] .admin-container ::-webkit-scrollbar-track{background:#f0f4f8cc}[data-theme=light] .admin-container ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4f7c8266,#93b1b54d)}.console-panel{background:linear-gradient(135deg,#0006,#0000004d);border-radius:20px;border:1px solid rgba(0,240,255,.15);overflow:hidden;box-shadow:0 8px 40px #00000080,inset 0 1px #00f0ff0d;position:relative}[data-theme=dark] .console-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,240,255,.5),rgba(168,85,247,.5),transparent)}[data-theme=light] .console-panel{background:linear-gradient(135deg,#191970,#191970)}.console-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;background:#0000004d;border-bottom:1px solid rgba(0,240,255,.1)}.console-title{display:flex;align-items:center;gap:16px}.console-title svg{color:#00f0ff;filter:drop-shadow(0 0 10px rgba(0,240,255,.5))}.console-title h2{font-family:var(--admin-font-display);font-size:1.25rem;font-weight:700;letter-spacing:.02em;color:#fffffff2;margin:0}[data-theme=dark] .console-title h2{background:linear-gradient(135deg,#fff,#00f0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.console-status{display:flex;align-items:center;gap:10px;padding:8px 16px;background:linear-gradient(135deg,#00f0ff1a,#a855f714);border:1px solid rgba(0,240,255,.2);border-radius:20px;font-family:var(--admin-font);font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#00f0ff}.status-dot{width:8px;height:8px;border-radius:50%;animation:statusPulse 2s ease-in-out infinite}.status-dot.active{background:#0f8;box-shadow:0 0 12px #0f89}.status-dot.paused{background:#fbbf24;box-shadow:0 0 12px #fbbf2499;animation:none}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.console-actions{display:flex;gap:10px}.console-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#0000004d;border:1px solid rgba(0,240,255,.1);border-radius:12px;color:#00f0ff99;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.console-btn:hover{background:#00f0ff1a;border-color:#00f0ff4d;color:#00f0ff;box-shadow:0 4px 15px #00f0ff26;transform:translateY(-2px)}.console-btn.active{background:linear-gradient(135deg,#fbbf2426,#fbbf2414);border-color:#fbbf244d;color:#fbbf24}.console-stats{display:flex;gap:28px;padding:16px 28px;background:linear-gradient(135deg,#00f0ff08,#a855f708);border-bottom:1px solid rgba(0,240,255,.08)}.console-stats .stat-item{display:flex;align-items:center;gap:10px;font-family:var(--admin-font);font-size:.85rem;color:#ffffff80}.console-stats .stat-item svg{color:#00f0ff80}.console-stats .stat-item strong{color:#ffffffe6;font-family:var(--admin-font-display)}.console-stats .status-ok{color:#0f8;text-shadow:0 0 8px rgba(0,255,136,.4)}.console-filters{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 28px;background:#00000040;border-bottom:1px solid rgba(0,240,255,.05)}.filter-buttons{display:flex;gap:6px}.filter-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid transparent;border-radius:8px;color:#6b7280;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .25s ease}.filter-btn:hover{background:#00f0ff0d;color:#00f0ffb3}.filter-btn.active{background:linear-gradient(135deg,#00f0ff1f,#a855f714);border-color:#00f0ff40;color:#00f0ff}.filter-btn.error.active{background:linear-gradient(135deg,#ff336626,#ff336614);border-color:#ff33664d;color:#f36}.filter-btn.warning.active{background:linear-gradient(135deg,#fbbf2426,#fbbf2414);border-color:#fbbf244d;color:#fbbf24}.filter-btn.success.active{background:linear-gradient(135deg,#00ff8826,#00ff8814);border-color:#00ff884d;color:#0f8}.filter-btn .count{padding:3px 8px;background:#00f0ff26;border-radius:6px;font-size:.68rem;font-weight:700}.console-filters .search-box{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#0000004d;border:1px solid rgba(0,240,255,.1);border-radius:12px;min-width:220px;transition:border-color .2s ease}.console-filters .search-box:focus-within{border-color:#00f0ff4d}.console-filters .search-box svg{color:#00f0ff80}.console-filters .search-box input{flex:1;background:transparent;border:none;color:#ffffffe6;font-family:var(--admin-font);font-size:.85rem;outline:none}.console-filters .search-box input::placeholder{color:#ffffff4d}.console-output{min-height:350px;max-height:450px;overflow-y:auto;padding:18px;font-family:var(--admin-font-mono);font-size:.85rem;line-height:1.7;background:#00000040}.console-output .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#00f0ff4d;gap:14px}.log-entry{display:flex;align-items:flex-start;gap:12px;padding:8px 12px;border-radius:8px;margin-bottom:5px;transition:all .15s ease;border-left:2px solid transparent}.log-entry:hover{background:#00f0ff08;border-left-color:#00f0ff4d}.log-icon{display:flex;align-items:center;padding-top:2px}.log-entry.info .log-icon{color:#00f0ff;filter:drop-shadow(0 0 4px rgba(0,240,255,.4))}.log-entry.success .log-icon{color:#0f8;filter:drop-shadow(0 0 4px rgba(0,255,136,.4))}.log-entry.warning .log-icon{color:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,.4))}.log-entry.error .log-icon{color:#f36;filter:drop-shadow(0 0 4px rgba(255,51,102,.4))}.log-entry.command .log-icon{color:#a855f7;filter:drop-shadow(0 0 4px rgba(168,85,247,.4))}.log-time{color:#ffffff4d;font-size:.72rem;min-width:75px}.log-source{color:#a855f7;font-size:.72rem;min-width:65px;font-weight:600}.log-message{flex:1;color:#ffffffd9;margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit}.log-entry.error .log-message{color:#ff6b8a}.log-entry.warning .log-message{color:#ffe066}.log-entry.success .log-message{color:#6fa}.log-entry.command .log-message{color:#c4b5fd;font-weight:700}.log-entry.loading{color:#ffffff80;padding:10px 12px}.log-entry.loading svg{animation:spin 1s linear infinite}.console-input-container{display:flex;align-items:center;gap:14px;padding:16px 22px;background:linear-gradient(135deg,#0006,#00000059);border-top:1px solid rgba(0,240,255,.1)}.console-input-container .prompt{color:#00f0ff;font-family:var(--admin-font-mono);font-size:1.15rem;font-weight:700;text-shadow:0 0 10px rgba(0,240,255,.5)}.console-input{flex:1;background:transparent;border:none;color:#ffffffe6;font-family:var(--admin-font-mono);font-size:.95rem;outline:none;caret-color:#00f0ff}.console-input::placeholder{color:#4b5563}.execute-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#00f0ff,#a855f7);border:1px solid rgba(0,240,255,.3);border-radius:12px;color:#0a0a0f;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #00f0ff40}.execute-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 6px 25px #00f0ff66}.execute-btn:active:not(:disabled){transform:scale(1.02)}.execute-btn:disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#6b7280,#9ca3af);box-shadow:none}.quick-commands{display:flex;align-items:center;gap:12px;padding:14px 22px;background:linear-gradient(135deg,#00f0ff08,#a855f708);border-top:1px solid rgba(0,240,255,.08)}.quick-commands .label{color:#00f0ff80;font-family:var(--admin-font);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.quick-cmd{padding:8px 16px;background:linear-gradient(135deg,#00f0ff14,#a855f70f);border:1px solid rgba(0,240,255,.15);border-radius:10px;color:#00f0ff;font-family:var(--admin-font-mono);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .25s ease}.quick-cmd:hover:not(:disabled){background:linear-gradient(135deg,#00f0ff26,#a855f71a);border-color:#00f0ff4d;box-shadow:0 4px 18px #00f0ff33;transform:translateY(-2px)}.quick-cmd:disabled{opacity:.4;cursor:not-allowed}.console-output::-webkit-scrollbar{width:7px}.console-output::-webkit-scrollbar-track{background:#0000004d}.console-output::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00f0ff66,#a855f74d);border-radius:4px}.console-output::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00f0ff99,#a855f780)}.sidebar-section{padding:16px 18px 8px;position:relative;z-index:1}.section-label{font-family:var(--admin-font-display);font-size:.65rem;font-weight:700;color:#00f0ff;letter-spacing:.2em;text-transform:uppercase;opacity:.6;position:relative;display:inline-block;z-index:1}[data-theme=dark] .section-label:before{content:"//";margin-right:6px;color:#a855f7b3}.admin-nav .nav-item{font-family:var(--admin-font);font-size:.85rem;text-transform:lowercase;letter-spacing:.02em;border:1px solid transparent;position:relative}.admin-nav .nav-item span:first-of-type:not(.nav-shortcut){flex:1}.nav-shortcut{font-family:var(--admin-font-display);font-size:.6rem;color:#00f0ff66;font-weight:700;padding:3px 8px;background:#00f0ff0d;border:1px solid rgba(0,240,255,.1);border-radius:4px;margin-left:auto;letter-spacing:.05em}.admin-nav .nav-item:hover .nav-shortcut{color:#00f0ff;background:#00f0ff1a;border-color:#00f0ff4d}.admin-nav .nav-item.active .nav-shortcut{color:#00f0ff;background:#00f0ff26;border-color:#00f0ff66;box-shadow:0 0 8px #00f0ff33}.admin-nav .nav-item:before{background:linear-gradient(180deg,#00f0ff,#a855f7)!important;box-shadow:0 0 12px #00f0ff99}.admin-nav .nav-item:hover{background:#00f0ff0d;color:#00f0ff;border-color:#00f0ff1a}.admin-nav .nav-item.active{background:linear-gradient(135deg,#00f0ff14,#a855f70d);color:#00f0ff;border:1px solid rgba(0,240,255,.25);box-shadow:0 0 20px #00f0ff1f,inset 0 0 30px #00f0ff08}.admin-nav .nav-item:hover svg,.admin-nav .nav-item.active svg{color:#00f0ff;filter:drop-shadow(0 0 6px rgba(0,240,255,.6))}.sidebar-footer{margin-top:auto;padding:20px 18px;border-top:1px solid rgba(0,240,255,.1)}.system-status{display:flex;align-items:center;gap:10px;font-family:var(--admin-font-display);font-size:.7rem;font-weight:700;color:#0f8;letter-spacing:.1em;text-transform:uppercase}.status-indicator{width:10px;height:10px;border-radius:50%;animation:statusPulse 2s ease-in-out infinite;position:relative}.status-indicator:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1px solid currentColor;opacity:.3;animation:statusRing 2s ease-in-out infinite}@keyframes statusRing{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.3);opacity:0}}.status-indicator.online{background:#0f8;box-shadow:0 0 15px #00ff88b3;color:#0f8}.status-indicator.offline{background:#f36;box-shadow:0 0 15px #ff3366b3;color:#f36}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.6}}.panel-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:52px;background:linear-gradient(135deg,#0006,#0000004d);border:1px solid rgba(0,240,255,.1);border-radius:20px;text-align:center;position:relative}[data-theme=dark] .panel-placeholder:before{content:"";position:absolute;top:15px;left:15px;width:50px;height:50px;border-left:2px solid rgba(0,240,255,.15);border-top:2px solid rgba(0,240,255,.15);pointer-events:none}.panel-placeholder svg{color:#00f0ff;margin-bottom:26px;filter:drop-shadow(0 0 20px rgba(0,240,255,.5))}.panel-placeholder h2{font-family:var(--admin-font-display);font-size:1.5rem;font-weight:700;letter-spacing:.04em;color:#fffffff2;margin-bottom:14px;text-transform:uppercase}[data-theme=dark] .panel-placeholder h2{background:linear-gradient(135deg,#fff,#00f0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.panel-placeholder p{color:#ffffff80;font-family:var(--admin-font);font-size:.95rem;max-width:420px;line-height:1.7}.placeholder-stats{display:flex;gap:36px;margin-top:36px;padding-top:36px;border-top:1px solid rgba(0,240,255,.1)}.placeholder-stats .stat{display:flex;flex-direction:column;align-items:center;gap:10px}.placeholder-stats .stat .value{font-family:var(--admin-font-display);font-size:2.2rem;font-weight:700;color:#00f0ff;text-shadow:0 0 20px rgba(0,240,255,.4)}.placeholder-stats .stat .label{font-family:var(--admin-font);font-size:.72rem;color:#fff6;text-transform:uppercase;letter-spacing:.06em}.admin-sidebar{background:linear-gradient(180deg,#000000f2,#050505fa)!important;border-right:1px solid rgba(0,240,255,.12)!important}.admin-sidebar:before{background:linear-gradient(180deg,transparent,rgba(0,240,255,.4),rgba(168,85,247,.3),transparent)!important}.admin-main{background:transparent}.stat-card{background:#00000080!important;border:1px solid rgba(0,240,255,.08)!important}.stat-card:hover{border-color:#00f0ff33!important;box-shadow:0 0 30px #00f0ff1a!important}.stat-card:before{background:linear-gradient(90deg,transparent,rgba(0,240,255,.4),transparent)!important}.users-section{background:#00000080!important;border:1px solid rgba(0,240,255,.1)!important}.users-section:before{background:linear-gradient(90deg,transparent,rgba(0,240,255,.4),transparent)!important}.admin-header h1{color:#00f0ff!important;background:linear-gradient(135deg,#fff,#00f0ff)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-shadow:none}.admin-header .header-icon-wrapper{background:linear-gradient(135deg,#00f0ff26,#a855f71f)!important;border:1px solid rgba(0,240,255,.25);box-shadow:0 0 25px #00f0ff33!important}.admin-header .header-icon-wrapper svg{color:#00f0ff}.admin-container .btn-secondary{background:linear-gradient(135deg,#00f0ff1a,#a855f714)!important;border:1px solid rgba(0,240,255,.2)!important;color:#00f0ff!important}.admin-container .btn-secondary:hover{background:linear-gradient(135deg,#00f0ff2e,#a855f71f)!important;border-color:#00f0ff59!important;box-shadow:0 4px 20px #00f0ff33!important}.console-panel{background:linear-gradient(135deg,#00000080,#0006)!important;border:1px solid rgba(0,240,255,.12)!important}.console-title svg{color:#00f0ff!important;filter:drop-shadow(0 0 10px rgba(0,240,255,.6))!important}.console-status{background:linear-gradient(135deg,#00f0ff1a,#a855f714)!important;border:1px solid rgba(0,240,255,.2)!important;color:#00f0ff!important}.quick-cmd{background:linear-gradient(135deg,#00f0ff14,#a855f70f)!important;border:1px solid rgba(0,240,255,.15)!important;color:#00f0ff!important}.quick-cmd:hover:not(:disabled){background:linear-gradient(135deg,#00f0ff26,#a855f71a)!important;border-color:#00f0ff4d!important;box-shadow:0 4px 18px #00f0ff33!important}.filter-btn.active{background:linear-gradient(135deg,#00f0ff1f,#a855f714)!important;border-color:#00f0ff40!important;color:#00f0ff!important}.execute-btn{background:linear-gradient(135deg,#00f0ff,#a855f7)!important}.execute-btn:hover:not(:disabled){box-shadow:0 6px 30px #00f0ff73!important}[data-theme=light] .admin-sidebar{background:linear-gradient(180deg,#fffffffa,#f8fafff2)!important;border-right:1px solid rgba(79,124,130,.12)!important}[data-theme=light] .admin-sidebar:before{background:linear-gradient(180deg,transparent,rgba(79,124,130,.2),transparent)!important}[data-theme=light] .section-label{color:#d000d0}[data-theme=light] .admin-nav .nav-item{color:#7272a8;font-family:Inter,sans-serif;text-transform:capitalize}[data-theme=light] .admin-nav .nav-item:hover{background:#4f7c820f;color:#d000d0;border-color:#4f7c821a}[data-theme=light] .admin-nav .nav-item.active{background:#4f7c821a;color:#d000d0;border:1px solid rgba(79,124,130,.2);box-shadow:0 2px 8px #4f7c821a}[data-theme=light] .admin-nav .nav-item:before{background:linear-gradient(180deg,#d000d0,#d000d0)!important;box-shadow:none}[data-theme=light] .admin-nav .nav-item:hover svg,[data-theme=light] .admin-nav .nav-item.active svg{color:#d000d0;filter:none}[data-theme=light] .nav-shortcut{color:#94a3b8;background:#00000008}[data-theme=light] .admin-nav .nav-item:hover .nav-shortcut,[data-theme=light] .admin-nav .nav-item.active .nav-shortcut{color:#d000d0;background:#4f7c821a}[data-theme=light] .sidebar-footer{border-top:1px solid rgba(79,124,130,.1)}[data-theme=light] .system-status{color:#00f0ff}[data-theme=light] .status-indicator.online{background:#00f0ff;box-shadow:0 0 8px #00f0ff80}[data-theme=light] .stat-card{background:#ffffffe6!important;border:1px solid rgba(79,124,130,.1)!important;box-shadow:0 2px 12px #0000000d}[data-theme=light] .stat-card:hover{border-color:#4f7c8233!important;box-shadow:0 4px 20px #4f7c821a!important}[data-theme=light] .stat-card:before{background:linear-gradient(90deg,transparent,rgba(79,124,130,.2),transparent)!important}[data-theme=light] .stat-value{background:linear-gradient(135deg,#191970,#2b2b8a)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}[data-theme=light] .users-section{background:#fffffff2!important;border:1px solid rgba(79,124,130,.1)!important;box-shadow:0 2px 12px #0000000d}[data-theme=light] .users-section:before{background:linear-gradient(90deg,transparent,rgba(79,124,130,.2),transparent)!important}[data-theme=light] .admin-header h1{color:#191970!important;background:none!important;-webkit-text-fill-color:#191970!important;text-shadow:none}[data-theme=light] .admin-header .header-icon-wrapper{background:linear-gradient(135deg,#d000d0,#d000d0)!important;border:none;box-shadow:0 4px 15px #4f7c824d!important}[data-theme=light] .admin-header .header-icon-wrapper svg{color:#fff}[data-theme=light] .admin-container .btn-secondary{background:#4f7c8214!important;border:1px solid rgba(79,124,130,.2)!important;color:#d000d0!important}[data-theme=light] .admin-container .btn-secondary:hover{background:#4f7c821f!important;border-color:#4f7c824d!important;box-shadow:0 2px 10px #4f7c8226!important}[data-theme=light] .admin-container .btn-primary{background:linear-gradient(135deg,#d000d0,#d000d0)!important;box-shadow:0 4px 15px #4f7c824d!important}[data-theme=light] .console-panel{background:#191970!important;border:1px solid rgba(79,124,130,.2)!important}[data-theme=light] .console-title svg{color:#60a5fa!important;filter:none!important}[data-theme=light] .console-status{background:#4f7c8226!important;border:1px solid rgba(79,124,130,.25)!important;color:#60a5fa!important}[data-theme=light] .quick-cmd{background:#4f7c821a!important;border:1px solid rgba(79,124,130,.2)!important;color:#60a5fa!important}[data-theme=light] .quick-cmd:hover:not(:disabled){background:#4f7c8233!important;border-color:#4f7c824d!important}[data-theme=light] .execute-btn{background:linear-gradient(135deg,#d000d0,#d000d0)!important}[data-theme=light] .execute-btn:hover:not(:disabled){box-shadow:0 0 20px #4f7c8266!important}[data-theme=light] .filter-btn.active{background:#4f7c821a!important;border-color:#4f7c8240!important;color:#d000d0!important}[data-theme=light] .panel-placeholder{background:#ffffffe6;border:1px solid rgba(79,124,130,.15)}[data-theme=light] .panel-placeholder svg{color:#d000d0;filter:none}[data-theme=light] .panel-placeholder h2{color:#191970;text-transform:none}[data-theme=light] .placeholder-stats .stat .value{color:#d000d0}[data-theme=light] .placeholder-stats{border-top:1px solid rgba(79,124,130,.1)}[data-theme=light] .admin-container ::-webkit-scrollbar-track{background:#00000005}[data-theme=light] .admin-container ::-webkit-scrollbar-thumb{background:#4f7c824d}[data-theme=light] .admin-container ::-webkit-scrollbar-thumb:hover{background:#4f7c8280}.rag-panel{padding:0}.rag-panel .panel-header{margin-bottom:28px}.rag-panel .header-icon-wrapper.brain{background:linear-gradient(135deg,#00f0ff,#a855f7);box-shadow:0 8px 30px #00f0ff59}.rag-panel .alert{display:flex;align-items:center;gap:14px;padding:16px 22px;border-radius:14px;margin-bottom:22px;font-family:var(--admin-font);font-size:.88rem;font-weight:600;animation:ragAlertSlide .3s cubic-bezier(.34,1.56,.64,1)}@keyframes ragAlertSlide{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.rag-panel .alert-error{background:linear-gradient(135deg,#ff33661f,#ff33660f);border:1px solid rgba(255,51,102,.25);color:#ff6b8a}.rag-panel .alert-success{background:linear-gradient(135deg,#00ff881f,#00ff880f);border:1px solid rgba(0,255,136,.25);color:#0f8}.rag-stats{margin-bottom:30px}.rag-stats .stat-icon.upload{background:linear-gradient(135deg,#00f0ff33,#3b82f633);border:1px solid rgba(0,240,255,.2);color:#00f0ff;box-shadow:0 0 25px #00f0ff40}.rag-stats .stat-icon.trained{background:linear-gradient(135deg,#0f83,#22c55e33);border:1px solid rgba(0,255,136,.2);color:#0f8;box-shadow:0 0 25px #00ff8840}.rag-stats .stat-icon.questions{background:linear-gradient(135deg,#a855f733,#8b5cf633);border:1px solid rgba(168,85,247,.2);color:#a855f7;box-shadow:0 0 25px #a855f740}.rag-stats .stat-icon.collections{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border:1px solid rgba(251,191,36,.2);color:#fbbf24;box-shadow:0 0 25px #fbbf2440}.view-tabs{display:flex;gap:14px;padding:18px 0;margin-bottom:28px;border-bottom:1px solid rgba(0,240,255,.1)}.tab-btn{display:flex;align-items:center;gap:10px;padding:14px 26px;background:#00000040;border:1px solid rgba(0,240,255,.1);border-radius:14px;color:#ffffff80;font-family:var(--admin-font);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-btn:hover{background:#00f0ff14;border-color:#00f0ff33;color:#00f0ff}.tab-btn.active{background:linear-gradient(135deg,#00f0ff26,#a855f71a);border-color:#00f0ff4d;color:#fffffff2;box-shadow:0 4px 25px #00f0ff33}.tab-btn.active svg{color:#00f0ff;filter:drop-shadow(0 0 6px rgba(0,240,255,.5))}[data-theme=light] .tab-btn{background:#4f7c820a;border-color:#4f7c821a;color:#7272a8}[data-theme=light] .tab-btn:hover{background:#4f7c8214;border-color:#4f7c8233;color:#d000d0}[data-theme=light] .tab-btn.active{background:#4f7c821f;border-color:#4f7c8240;color:#4f46e5;box-shadow:0 2px 12px #4f7c8226}.rag-content{display:flex;flex-direction:column;gap:30px}.rag-content section{background:linear-gradient(135deg,#0006,#0000004d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(0,240,255,.1);padding:26px;box-shadow:0 8px 35px #00000059;position:relative}[data-theme=dark] .rag-content section:before{content:"";position:absolute;top:12px;left:12px;width:40px;height:40px;border-left:2px solid rgba(0,240,255,.15);border-top:2px solid rgba(0,240,255,.15);pointer-events:none}[data-theme=light] .rag-content section{background:linear-gradient(135deg,#fffffff2,#f8faffe6);border:1px solid rgba(79,124,130,.12);box-shadow:0 8px 32px #4f7c8214}.rag-content section h3{display:flex;align-items:center;gap:12px;font-family:var(--admin-font-display);font-size:1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#ffffffe6;margin:0 0 22px}[data-theme=dark] .rag-content section h3{background:linear-gradient(135deg,#fff,#00f0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rag-content section h3 svg{color:#00f0ff;filter:drop-shadow(0 0 8px rgba(0,240,255,.5))}[data-theme=light] .rag-content section h3{color:#191970;font-family:var(--admin-font);text-transform:none}[data-theme=light] .rag-content section h3 svg{color:#d000d0;filter:none}.upload-zone{display:flex;flex-direction:column;align-items:center;gap:18px}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;min-height:190px;border:2px dashed rgba(0,240,255,.25);border-radius:18px;background:linear-gradient(135deg,#00f0ff08,#a855f708);cursor:pointer;transition:all .3s ease}.upload-label:hover{border-color:#00f0ff73;background:linear-gradient(135deg,#00f0ff14,#a855f70d);box-shadow:0 0 30px #00f0ff1a}.upload-label svg{color:#00f0ff;opacity:.5;filter:drop-shadow(0 0 8px rgba(0,240,255,.4))}.upload-label:hover svg{opacity:1}.upload-text{font-family:var(--admin-font);font-size:1rem;font-weight:700;color:#00f0ff}.upload-hint{font-size:.82rem;color:#fff6}.upload-progress{display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:10px;font-family:var(--admin-font);font-size:.88rem;font-weight:600}.upload-progress.uploading{background:linear-gradient(135deg,#00f0ff1f,#00f0ff0f);border:1px solid rgba(0,240,255,.2);color:#00f0ff}.upload-progress.success{background:linear-gradient(135deg,#00ff881f,#00ff880f);border:1px solid rgba(0,255,136,.2);color:#0f8}.upload-progress.error{background:linear-gradient(135deg,#ff33661f,#ff33660f);border:1px solid rgba(255,51,102,.2);color:#f36}.train-all-section{display:flex;justify-content:center}.train-all-btn{display:flex;align-items:center;gap:12px;padding:16px 36px;background:linear-gradient(135deg,#00f0ff,#a855f7);border:1px solid rgba(0,240,255,.3);border-radius:14px;color:#0a0a0f;font-family:var(--admin-font);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 25px #00f0ff4d}.train-all-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 35px #00f0ff73}.train-all-btn:active:not(:disabled){transform:translateY(-1px)}.train-all-btn:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#6b7280,#9ca3af);box-shadow:none}.pdf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.pdf-card{display:flex;align-items:center;gap:16px;padding:20px;background:#00000040;border:1px solid rgba(0,240,255,.08);border-radius:16px;transition:all .3s ease}.pdf-card:hover{background:#00f0ff0d;border-color:#00f0ff33}.pdf-card.trained{border-color:#00ff8840}[data-theme=light] .pdf-card{background:#4f7c8208;border-color:#4f7c821a}.pdf-icon{position:relative;color:#00f0ff;filter:drop-shadow(0 0 6px rgba(0,240,255,.4))}.trained-badge{position:absolute;bottom:-4px;right:-4px;background:#0f8;border-radius:50%;padding:3px;color:#0a0a0f;box-shadow:0 0 8px #00ff8880}.pdf-info{flex:1;min-width:0}.pdf-info h4{font-family:var(--admin-font);font-size:.95rem;font-weight:700;color:#ffffffe6;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .pdf-info h4{color:#191970}.pdf-meta{display:flex;gap:12px;font-family:var(--admin-font-mono);font-size:.78rem;color:#fff6}.pdf-meta span{display:flex;align-items:center;gap:4px}.pdf-actions{display:flex;gap:8px;align-items:center}.status-trained{display:flex;align-items:center;gap:6px;font-family:var(--admin-font);font-size:.8rem;font-weight:600;color:#0f8;text-shadow:0 0 8px rgba(0,255,136,.4)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:52px 28px;color:#fff6;text-align:center}.empty-state svg{opacity:.3;color:#00f0ff}.empty-state p{font-family:var(--admin-font);font-size:1rem;font-weight:700;color:#fff9;margin:0}.empty-state span{font-size:.85rem}.empty-state.small{padding:36px 22px}.empty-state.small svg{width:32px;height:32px}.train-result{background:linear-gradient(135deg,#00ff8814,#00ff8808)!important;border-color:#00ff8840!important}.train-result h3{color:#0f8!important;text-shadow:0 0 10px rgba(0,255,136,.4)}.train-result h3 svg{color:#0f8!important;filter:drop-shadow(0 0 8px rgba(0,255,136,.5))}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px}.result-item{display:flex;flex-direction:column;gap:6px}.result-label{font-family:var(--admin-font);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#fff6}.result-value{font-family:var(--admin-font-display);font-size:1.6rem;font-weight:700;background:linear-gradient(135deg,#0f8,#00f0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-breakdown{grid-column:1 / -1;display:flex;flex-direction:column;gap:10px}.breakdown-tags{display:flex;flex-wrap:wrap;gap:10px}.breakdown-tags .tag{padding:5px 14px;background:#00f0ff1a;border:1px solid rgba(0,240,255,.2);border-radius:20px;font-family:var(--admin-font);font-size:.78rem;font-weight:600;color:#00f0ff}.stats-details{display:flex;flex-direction:column;gap:12px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.stat-row:last-child{border-bottom:none}.stat-row span:first-child{font-family:var(--admin-font);font-size:.88rem;color:#ffffff80}.stat-value-text{font-family:var(--admin-font-mono);font-size:.88rem;font-weight:700;color:#00f0ff}[data-theme=light] .stat-row{border-bottom-color:#0000000f}[data-theme=light] .stat-value-text{color:#191970}.collections-list{display:flex;flex-direction:column;gap:12px}.collection-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#00000040;border:1px solid rgba(0,240,255,.08);border-radius:12px;transition:all .3s ease}.collection-item:hover{border-color:#00f0ff33;background:#00f0ff08}.collection-name{font-family:var(--admin-font-mono);font-weight:700;color:#00f0ff}.collection-count{font-family:var(--admin-font);font-size:.85rem;color:#fff6}.search-form{display:flex;flex-direction:column;gap:18px}.search-input-wrap{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#0000004d;border:1px solid rgba(0,240,255,.1);border-radius:14px;transition:all .3s ease}.search-input-wrap:focus-within{border-color:#00f0ff66;box-shadow:0 0 0 3px #00f0ff1a}.search-input-wrap svg{color:#00f0ff;opacity:.6;flex-shrink:0}.search-input-wrap:focus-within svg{opacity:1}.search-input-wrap input{flex:1;background:none;border:none;outline:none;font-family:var(--admin-font);font-size:.95rem;color:#ffffffe6}.search-input-wrap input::placeholder{color:#ffffff4d}[data-theme=light] .search-input-wrap{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .search-input-wrap input{color:#191970}.search-filters{display:flex;gap:12px;flex-wrap:wrap}.search-filters select{padding:12px 18px;background:#0000004d;border:1px solid rgba(0,240,255,.1);border-radius:10px;color:#ffffffe6;font-family:var(--admin-font);font-size:.9rem;outline:none;cursor:pointer;transition:all .3s ease}.search-filters select:hover{border-color:#00f0ff40}.search-filters select:focus{border-color:#00f0ff66;box-shadow:0 0 0 3px #00f0ff1a}[data-theme=light] .search-filters select{background:#f8fafc;border-color:#e2e8f0;color:#191970}.search-results{margin-top:22px}.search-results h4{font-family:var(--admin-font);font-size:.88rem;font-weight:600;color:#ffffff80;margin:0 0 18px}.result-card{padding:18px;background:#00000040;border:1px solid rgba(0,240,255,.08);border-radius:14px;margin-bottom:14px;transition:all .3s ease}.result-card:hover{background:#00f0ff0a;border-color:#00f0ff33}.result-question{display:flex;gap:12px;margin-bottom:12px}.result-question svg{color:#00f0ff;filter:drop-shadow(0 0 6px rgba(0,240,255,.4));flex-shrink:0;margin-top:2px}.result-question span{color:#ffffffd9;font-family:var(--admin-font);font-size:.95rem;line-height:1.6}[data-theme=light] .result-question span{color:#191970}.result-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.result-meta .score{font-family:var(--admin-font-mono);font-size:.78rem;font-weight:700;color:#0f8}.result-meta .tag{padding:5px 12px;background:#00f0ff1a;border:1px solid rgba(0,240,255,.15);border-radius:20px;font-family:var(--admin-font);font-size:.72rem;font-weight:600;color:#00f0ff}.result-meta .tag.type{background:#a855f71f;border-color:#a855f733;color:#a855f7}.result-meta .tag.difficulty{background:#fbbf241a;border-color:#fbbf2433;color:#fbbf24}.rag-panel .btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:11px;font-family:var(--admin-font);font-size:.88rem;font-weight:700;cursor:pointer;transition:all .3s ease;border:none}.rag-panel .btn-primary{background:linear-gradient(135deg,#00f0ff,#a855f7);color:#0a0a0f;box-shadow:0 4px 15px #00f0ff40}.rag-panel .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #00f0ff66}.rag-panel .btn-primary:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#6b7280,#9ca3af);box-shadow:none}.rag-panel .btn-sm{padding:7px 14px;font-size:.78rem}.rag-panel .btn-danger{background:#ff33661f;border:1px solid rgba(255,51,102,.25);color:#f36}.rag-panel .btn-danger:hover{background:#f363;box-shadow:0 0 15px #f363}.train-config-modal{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:16px;padding:24px;width:90%;max-width:480px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.train-config-modal h3{display:flex;align-items:center;gap:10px;color:var(--admin-primary);font-size:1.2rem;margin:0 0 8px}.train-config-modal .modal-subtitle{color:var(--admin-text-muted);font-size:.85rem;margin:0 0 20px}.train-config-modal .config-form{display:flex;flex-direction:column;gap:16px}.train-config-modal .form-group{display:flex;flex-direction:column;gap:6px}.train-config-modal .form-group label{display:flex;align-items:center;gap:6px;color:var(--admin-text);font-size:.85rem;font-weight:500}.train-config-modal .form-group select,.train-config-modal .form-group input{padding:10px 14px;background:#0000004d;border:1px solid var(--admin-border);border-radius:8px;color:var(--admin-text);font-size:.9rem;font-family:var(--admin-font);transition:all .3s ease}[data-theme=light] .train-config-modal .form-group select,[data-theme=light] .train-config-modal .form-group input{background:#fffc}.train-config-modal .form-group select:focus,.train-config-modal .form-group input:focus{outline:none;border-color:var(--admin-primary);box-shadow:0 0 0 3px rgba(var(--admin-primary-rgb),.1)}.train-config-modal .form-group select option{background:var(--admin-card-bg);color:var(--admin-text)}.train-config-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--admin-border)}.result-breakdown.classification{margin-top:14px;padding-top:14px;border-top:1px dashed rgba(0,240,255,.15)}.result-breakdown.classification .result-label{display:flex;align-items:center;gap:6px}.breakdown-tags .tag-branch{background:#00ff881a!important;border:1px solid rgba(0,255,136,.25)!important;color:#0f8!important}.breakdown-tags .tag-domain{background:#a855f71a!important;border:1px solid rgba(168,85,247,.25)!important;color:#a855f7!important}.breakdown-tags .tag-more{background:#64748b1a!important;border:1px solid rgba(100,116,139,.2)!important;color:#ffffff80!important;font-style:italic}.pdf-actions .btn-secondary{background:#00f0ff14;border:1px solid rgba(0,240,255,.15);color:#fff9;padding:7px 12px;transition:all .3s ease}.pdf-actions .btn-secondary:hover{background:#00f0ff26;border-color:#00f0ff4d;color:#00f0ff}.legal-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column}.legal-nav{position:sticky;top:0;z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.legal-nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.legal-nav-logo{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:700;font-size:1.25rem;color:var(--text-primary);transition:all .3s ease}.legal-nav-logo:hover{color:var(--accent-primary)}.legal-nav-logo-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.legal-nav-actions{display:flex;align-items:center;gap:1rem}.legal-nav-theme{width:40px;height:40px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.legal-nav-theme:hover{color:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.05)}.legal-nav-back{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.legal-nav-back:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--bg-primary)}.legal-content{flex:1;padding:3rem 2rem}.legal-container{max-width:800px;margin:0 auto}.legal-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.legal-header-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff}.legal-header h1{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-updated{color:var(--text-muted);font-size:.875rem}.legal-section{margin-bottom:2.5rem}.legal-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.legal-section-header svg{color:var(--accent-primary);flex-shrink:0}.legal-section-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.legal-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:1.5rem 0 .75rem}.legal-section p{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.legal-section ul{margin:1rem 0;padding-left:1.5rem}.legal-section li{color:var(--text-secondary);line-height:1.7;margin-bottom:.5rem;position:relative}.legal-section li::marker{color:var(--accent-primary)}.legal-intro{font-size:1.125rem;line-height:1.8;color:var(--text-secondary)}.legal-callout{display:flex;gap:1rem;padding:1.25rem;border-radius:12px;margin:1.5rem 0}.legal-callout svg{flex-shrink:0;margin-top:.125rem}.legal-callout p{margin:0}.legal-callout.info{background:#4f7c821a;border:1px solid rgba(79,124,130,.2)}.legal-callout.info svg{color:#d000d0}.legal-callout.warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.legal-callout.warning svg{color:#f59e0b}.legal-callout.success{background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.legal-callout.success svg{color:#10b981}.legal-contact{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-top:1rem}.legal-contact p{margin:.5rem 0;color:var(--text-secondary)}.legal-contact strong{color:var(--text-primary)}.legal-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:2rem}.legal-footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.legal-footer p{color:var(--text-muted);font-size:.875rem;margin:0}.legal-footer-links{display:flex;gap:1.5rem}.legal-footer-links button{background:none;border:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:color .3s ease;padding:0}.legal-footer-links button:hover{color:var(--accent-primary)}.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:1.5rem 0}.contact-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease}.contact-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 8px 24px #8b5cf626}.contact-card-icon{width:64px;height:64px;background:var(--gradient-primary);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff}.contact-card h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.contact-card p{color:var(--text-muted);font-size:.875rem;margin-bottom:1rem}.contact-link{color:var(--accent-primary);text-decoration:none;font-weight:500;transition:opacity .3s ease}.contact-link:hover{opacity:.8;text-decoration:underline}.legal-table-container{overflow-x:auto;margin:1rem 0}.legal-table{width:100%;border-collapse:collapse;font-size:.875rem}.legal-table th,.legal-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.legal-table th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600}.legal-table td{color:var(--text-secondary)}.legal-table tr:hover td{background:var(--bg-secondary)}@media (max-width: 768px){.legal-nav-container{padding:1rem}.legal-nav-logo span{display:none}.legal-content{padding:2rem 1rem}.legal-header h1{font-size:2rem}.legal-header-icon{width:60px;height:60px}.legal-header-icon svg{width:32px;height:32px}.legal-section-header h2{font-size:1.25rem}.legal-section-header svg{width:20px;height:20px}.legal-footer-container{flex-direction:column;text-align:center}.legal-footer-links{flex-wrap:wrap;justify-content:center}.legal-callout{flex-direction:column;gap:.75rem}}@media (max-width: 480px){.legal-header h1{font-size:1.75rem}.legal-section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.legal-nav-back span{display:none}}[data-theme=dark] .legal-page{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--border-color: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #6b6b80}[data-theme=dark] .legal-nav{background:#0a0a0fe6}[data-theme=dark] .legal-callout.info{background:#3b82f614;border-color:#3b82f626}[data-theme=dark] .legal-callout.warning{background:#f59e0b14;border-color:#f59e0b26}[data-theme=dark] .legal-callout.success{background:#10b98114;border-color:#10b98126}[data-theme=light] .legal-page{--bg-primary: #f0eef8;--bg-secondary: #e4e0f2;--border-color: rgba(79, 124, 130, .15);--text-primary: #191970;--text-secondary: #2b2b8a;--text-muted: #7272a8;background:linear-gradient(135deg,#f0eef8,#e4e0f2 35%,#d6d0ea 65%,#f0eef8)}[data-theme=light] .legal-nav{background:#e8f4f6e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media print{.legal-nav,.legal-footer{display:none}.legal-content{padding:0}.legal-page{background:#fff;color:#000}.legal-section p,.legal-section li{color:#333}.legal-section-header h2,.legal-section h3{color:#000}.legal-header h1{background:none;-webkit-text-fill-color:#000;color:#000}}.bug-report-float-btn{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #6366f166;transition:all .3s ease;z-index:99999}.bug-report-float-btn:hover{transform:scale(1.1);box-shadow:0 6px 25px #6366f180}.bug-report-float-btn:active{transform:scale(.95)}.bug-report-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100000;padding:20px}.bug-report-modal{background:var(--bg-secondary, #1f2937);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:1px solid var(--border-color, rgba(255, 255, 255, .1))}.bug-report-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.bug-report-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:1.25rem;color:var(--text-primary, #f3f4f6)}.bug-report-header .close-btn{background:none;border:none;color:var(--text-secondary, #9ca3af);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.bug-report-header .close-btn:hover{background:#ffffff1a;color:var(--text-primary, #f3f4f6)}.bug-report-form{padding:24px}.bug-report-form .form-group{margin-bottom:20px}.bug-report-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bug-report-form label{display:block;margin-bottom:8px;font-size:.9rem;color:var(--text-secondary, #9ca3af);font-weight:500}.bug-report-form input,.bug-report-form select,.bug-report-form textarea{width:100%;padding:12px 16px;border-radius:10px;border:1px solid var(--border-color, rgba(255, 255, 255, .1));background:var(--bg-tertiary, rgba(0, 0, 0, .2));color:var(--text-primary, #f3f4f6);font-size:.95rem;transition:all .2s ease}.bug-report-form input:focus,.bug-report-form select:focus,.bug-report-form textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.bug-report-form textarea{resize:vertical;min-height:100px}.bug-report-form input::placeholder,.bug-report-form textarea::placeholder{color:var(--text-muted, #6b7280)}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color, rgba(255, 255, 255, .1))}.form-actions .cancel-btn{padding:12px 24px;border-radius:10px;border:1px solid var(--border-color, rgba(255, 255, 255, .1));background:transparent;color:var(--text-secondary, #9ca3af);font-size:.95rem;cursor:pointer;transition:all .2s ease}.form-actions .cancel-btn:hover{background:#ffffff0d;color:var(--text-primary, #f3f4f6)}.form-actions .submit-btn{padding:12px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.form-actions .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #6366f166}.form-actions .submit-btn:disabled{opacity:.7;cursor:not-allowed}.bug-report-success{padding:48px 24px;text-align:center;color:var(--text-primary, #f3f4f6)}.bug-report-success svg{color:#10b981;margin-bottom:16px}.bug-report-success h4{font-size:1.5rem;margin:0 0 8px}.bug-report-success p{color:var(--text-secondary, #9ca3af);margin:0}.bug-report-error{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:.9rem;margin-bottom:16px}.spinning{animation:spin 1s linear infinite}:root{--bg-secondary: #1f2937;--bg-tertiary: rgba(0, 0, 0, .2);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-color: rgba(255, 255, 255, .1)}@media (max-width: 480px){.bug-report-modal{max-height:100vh;border-radius:16px 16px 0 0}.bug-report-form .form-row{grid-template-columns:1fr}.bug-report-float-btn{bottom:16px;right:16px;width:48px;height:48px}}.maintenance-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0a1a,#1a1025,#0f0a1a);padding:2rem;position:relative;overflow:hidden}.maintenance-container{position:relative;max-width:600px;width:100%}.floating-elements{position:absolute;top:-100px;right:-100px;bottom:-100px;left:-100px;pointer-events:none}.float-element{position:absolute;border-radius:50%;background:linear-gradient(135deg,#8b5cf626,#a855f71a);animation:float 6s ease-in-out infinite}.float-element.e1{width:300px;height:300px;top:-50px;left:-100px;animation-delay:0s}.float-element.e2{width:200px;height:200px;bottom:-50px;right:-50px;animation-delay:2s}.float-element.e3{width:150px;height:150px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(20px,-20px) scale(1.1);opacity:.8}}.maintenance-content{position:relative;text-align:center;background:linear-gradient(145deg,#1e1e32e6,#141428f2);border-radius:24px;padding:3rem 2rem;border:1px solid rgba(139,92,246,.3);box-shadow:0 20px 60px #00000080,0 0 60px #8b5cf61a,inset 0 1px #ffffff0d}.maintenance-icon{position:relative;width:120px;height:120px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b33,#ea580c1a);border-radius:50%;color:#f59e0b}.maintenance-icon svg{animation:wobble 2s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.icon-ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:2px solid rgba(245,158,11,.3);border-radius:50%;animation:pulse-ring 2s ease-in-out infinite}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.2}}.maintenance-content h1{font-size:2.5rem;font-weight:700;color:#f3f4f6;margin:0 0 1rem;letter-spacing:-.02em}.maintenance-admin-message{font-size:1.25rem;font-weight:500;color:#fbbf24;margin:0 0 1rem;padding:1rem 1.5rem;background:#f59e0b26;border-radius:12px;border-left:4px solid #f59e0b;text-align:left;max-width:500px}.maintenance-subtitle{font-size:1rem;color:#9ca3af;margin:0 0 1.5rem}.maintenance-message-box{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.maintenance-message-box p{margin:0;color:#fbbf24;font-size:.95rem;line-height:1.6}.maintenance-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.info-item{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#6b7280;font-size:.9rem}.info-item svg{color:#8b5cf6}.maintenance-actions{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.maintenance-actions .refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.maintenance-actions .refresh-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.maintenance-actions .refresh-btn:active{transform:translateY(0)}.maintenance-footer{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem}.maintenance-footer p{margin:0;color:#6b7280;font-size:.85rem}.maintenance-footer .contact{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;font-size:.8rem;color:#4b5563}@media (max-width: 640px){.maintenance-page{padding:1rem}.maintenance-content{padding:2rem 1.5rem}.maintenance-content h1{font-size:1.5rem}.maintenance-icon{width:100px;height:100px}.maintenance-icon svg{width:48px;height:48px}}.maintenance-message-box{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:16px;padding:0;margin-bottom:1.5rem;overflow:hidden}.message-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f59e0b26;border-bottom:1px solid rgba(245,158,11,.2);color:#fbbf24;font-size:.85rem;font-weight:600}.admin-message{margin:0;padding:1.25rem;color:#fef3c7;font-size:1rem;line-height:1.7;text-align:left;white-space:pre-wrap}.refresh-btn.checking{pointer-events:none;opacity:.8}.refresh-btn svg.spinning{animation:spin 1s linear infinite}.auto-check-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;font-size:.75rem;color:#6b7280}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:pulse-indicator 2s ease-in-out infinite}@keyframes pulse-indicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.maintenance-layout{display:flex;align-items:flex-start;justify-content:center;gap:2rem;width:100%;max-width:1200px;margin:0 auto;transition:all .4s ease}.maintenance-layout.game-active{justify-content:center}.maintenance-container.hidden-on-mobile{display:block}.game-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.game-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.game-toggle-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626)}.game-toggle-btn.active:hover{box-shadow:0 8px 25px #ef444466}.game-panel{position:relative;width:100%;max-width:450px;background:linear-gradient(145deg,#1e1e32f2,#141428fa);border-radius:24px;border:1px solid rgba(16,185,129,.3);box-shadow:0 20px 60px #00000080,0 0 60px #10b9811a,inset 0 1px #ffffff0d;opacity:0;transform:translate(50px) scale(.95);visibility:hidden;transition:all .4s ease;overflow:hidden}.game-panel.visible{opacity:1;transform:translate(0) scale(1);visibility:visible}.game-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.5rem;background:#10b9811a;border-bottom:1px solid rgba(16,185,129,.2);color:#10b981;font-weight:600;font-size:.95rem}.game-header-left{display:flex;align-items:center;gap:.75rem}.game-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#9ca3af;cursor:pointer;transition:all .2s ease}.game-close-btn:hover{background:#ef444433;border-color:#ef44444d;color:#ef4444}.game-panel-content{padding:1.5rem}.game-panel-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.game-panel-footer p{margin:0;color:#6b7280;font-size:.85rem}.mobile-game-hint{display:none;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:100}.mobile-game-hint button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:50px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #10b98166;transition:all .3s ease}.mobile-game-hint button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #10b98180}.float-element.e4{width:100px;height:100px;bottom:20%;left:10%;animation-delay:3s}@media (max-width: 900px){.maintenance-layout{flex-direction:column;align-items:center}.maintenance-layout.game-active .maintenance-container{display:none}.game-panel{max-width:100%}.mobile-game-hint{display:block}}@media (max-width: 640px){.maintenance-page{padding:1rem}.maintenance-content{padding:2rem 1.5rem}.maintenance-content h1{font-size:1.5rem}.maintenance-icon{width:100px;height:100px}.maintenance-icon svg{width:48px;height:48px}.maintenance-actions{flex-direction:column}.maintenance-actions button{width:100%;justify-content:center}.game-panel-content{padding:1rem}}:root,[data-theme=light]{--bg-primary: #f0eef8;--bg-secondary: #e4e0f2;--bg-tertiary: #d6d0ea;--bg-card: #f4f2fa;--bg-card-hover: #eae5f6;--bg-glass: rgba(210, 200, 240, .55);--text-primary: #191970;--text-secondary: #2b2b8a;--text-muted: #7272a8;--text-inverse: #ffffff;--primary: #d000d0;--primary-dark: #a500a5;--primary-light: #f050f0;--primary-gradient: linear-gradient(135deg, #FF00FF 0%, #00FFFF 100%);--primary-glow: rgba(255, 0, 255, .25);--accent-primary: #d000d0;--accent-secondary: #00cccc;--accent: #00cccc;--accent-light: #66ffff;--accent-gradient: linear-gradient(135deg, #00FFFF 0%, #CCFF00 100%);--success: #10b981;--success-bg: rgba(16, 185, 129, .12);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .12);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .12);--info: #00b8b8;--info-bg: rgba(0, 255, 255, .1);--border-color: #c4b8de;--border-light: #d8d0ec;--border-primary: rgba(208, 0, 208, .18);--border-secondary: rgba(0, 204, 204, .25);--border-accent: rgba(255, 0, 255, .3);--shadow-sm: 0 1px 2px rgba(25, 25, 112, .06);--shadow-md: 0 4px 6px -1px rgba(25, 25, 112, .1), 0 2px 4px -2px rgba(25, 25, 112, .05);--shadow-lg: 0 10px 15px -3px rgba(25, 25, 112, .1), 0 4px 6px -4px rgba(25, 25, 112, .05);--shadow-xl: 0 20px 25px -5px rgba(25, 25, 112, .12), 0 8px 10px -6px rgba(25, 25, 112, .05);--shadow-glow: 0 0 20px rgba(255, 0, 255, .18);--shadow-card: 0 4px 20px rgba(25, 25, 112, .07);--glass-bg: rgba(240, 238, 248, .72);--glass-border: rgba(210, 200, 240, .45);--glass-blur: blur(12px);--navbar-bg: rgba(240, 238, 248, .9);--navbar-border: rgba(208, 0, 208, .08);--stat-bg: rgba(208, 0, 208, .1);--stat-rating-bg: rgba(204, 255, 0, .18);--text-accent: #d000d0;--robot-opacity: .6;--robot-glow: rgba(255, 0, 255, .06);--bg-overlay-color: rgba(240, 238, 248, .5)}[data-theme=dark]{--bg-primary: #0b1120;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--bg-card: #111827;--bg-card-hover: #1e293b;--bg-glass: rgba(17, 24, 39, .8);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--primary: #5b8aff;--primary-dark: #4f7cff;--primary-light: #7da5ff;--primary-gradient: linear-gradient(90deg, #5b8aff 0%, #38bdf8 100%);--primary-glow: rgba(91, 138, 255, .4);--accent: #22d3ee;--accent-light: #67e8f9;--accent-gradient: linear-gradient(135deg, #22d3ee 0%, #818cf8 100%);--success: #34d399;--success-bg: rgba(52, 211, 153, .15);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .15);--danger: #f87171;--danger-bg: rgba(248, 113, 113, .15);--info: #60a5fa;--info-bg: rgba(96, 165, 250, .15);--border-color: #1e293b;--border-light: #334155;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6);--shadow-glow: 0 0 30px rgba(129, 140, 248, .25);--shadow-card: 0 4px 20px rgba(0, 0, 0, .3);--glass-bg: rgba(17, 24, 39, .7);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(16px);--navbar-bg: rgba(11, 17, 32, .9);--navbar-border: rgba(255, 255, 255, .05)}:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary);min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base)}[data-theme=dark] body{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-light)}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all var(--transition-base)}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);transition:all var(--transition-fast)}::selection{background:var(--primary);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-weight:var(--font-semibold);font-size:var(--text-sm);border-radius:var(--radius-xl);transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-md),0 0 20px var(--primary-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px var(--primary-glow)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--primary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-2px)}.btn-lg{height:48px;padding:0 var(--space-6);font-size:var(--text-base);border-radius:12px}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);border-radius:var(--radius-lg)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-lg)}.form-group{margin-bottom:var(--space-6)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--text-secondary)}.form-input,.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-xl);outline:none;transition:all var(--transition-fast)}.form-input:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.form-input::placeholder{color:var(--text-muted)}.form-hint{display:block;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-card);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg)}.card-glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}[data-theme=dark] .card-glass{box-shadow:var(--shadow-glow)}.navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-8);background:#d8eff3d1;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid rgba(79,124,130,.12);transition:all .3s ease}.navbar .nav-link{color:#0b2e33bf}.navbar .nav-link:hover{color:#191970;background:#4f7c8214}.navbar .nav-link.active{color:#3d6268;background:#4f7c821f}.navbar .theme-toggle{background:#4f7c8214;color:#0b2e33bf}.navbar .user-name{color:#191970}.navbar .chevron{color:#0b2e3399}.navbar .user-button{background:#4f7c8214;border-color:#4f7c8233}[data-theme=dark] .navbar{background:#0f172abf;border-bottom:1px solid rgba(255,255,255,.08)}[data-theme=dark] .navbar .nav-link{color:#cbd5e1d9}[data-theme=dark] .navbar .nav-link:hover{color:#f1f5f9;background:#ffffff14}[data-theme=dark] .navbar .nav-link.active{color:#60a5fa;background:#3b82f626}[data-theme=dark] .navbar .theme-toggle{background:#ffffff14;color:#cbd5e1d9}[data-theme=dark] .navbar .user-name{color:#f1f5f9}[data-theme=dark] .navbar .chevron{color:#cbd5e1d9}[data-theme=dark] .navbar .user-button{background:linear-gradient(135deg,#3b82f626,#8b5cf61a);border-color:#6366f14d}.navbar-brand{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;transition:all .3s ease}.navbar-brand:hover{transform:scale(1.02)}.navbar-brand .logo-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #ec489959;transition:all .3s ease}.navbar-brand:hover .logo-icon{box-shadow:0 6px 20px #ec489980;transform:rotate(-5deg)}.navbar-brand .logo-sparkle{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.logo-img{width:100%;height:100%;object-fit:cover;display:block}.navbar-brand .brand-text{font-family:var(--font-display);font-weight:800;font-size:1.25rem;background:linear-gradient(135deg,#ec4899,#f43f5e,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.navbar-menu{display:flex;align-items:center;gap:var(--space-1)}.nav-link{display:flex;align-items:center;gap:8px;padding:10px 18px;font-weight:600;font-size:.9rem;color:#7272a8;border-radius:12px;transition:all .25s ease;position:relative}.nav-link span{position:relative}.nav-link:hover{color:#191970;background:#0000000a}[data-theme=dark] .nav-link{color:#94a3b8}[data-theme=dark] .nav-link:hover{color:#f1f5f9;background:#ffffff0f}.nav-link.active{color:#d000d0;background:#4f7c8214}.nav-link.active:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:20px;height:3px;background:linear-gradient(90deg,#d000d0,#0cc);border-radius:2px}[data-theme=dark] .nav-link.active{color:#60a5fa;background:#3b82f61f}.nav-link svg{transition:transform .2s ease}.nav-link:hover svg{transform:scale(1.1)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#0000000a;color:#7272a8;transition:all .3s cubic-bezier(.175,.885,.32,1.275);margin-left:var(--space-2);margin-right:var(--space-2);border:1px solid transparent}[data-theme=dark] .theme-toggle{background:#ffffff0f;color:#94a3b8}.theme-toggle:hover{background:#4f7c821a;color:#d000d0;border-color:#4f7c8233;transform:rotate(15deg) scale(1.05)}[data-theme=dark] .theme-toggle:hover{background:#fbbf2426;color:#fbbf24;border-color:#fbbf244d;box-shadow:0 0 20px #fbbf2433}.theme-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.theme-toggle:hover .theme-icon{transform:scale(1.1)}.user-menu{position:relative}.user-button{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:50px;background:linear-gradient(135deg,#4f7c821a,#93b1b514);border:1.5px solid rgba(79,124,130,.2);transition:all .3s ease}[data-theme=dark] .user-button{background:linear-gradient(135deg,#3b82f626,#8b5cf61a);border-color:#6366f14d}.user-button:hover{border-color:#4f7c8280;box-shadow:0 4px 20px #4f7c8233;transform:translateY(-1px)}[data-theme=dark] .user-button:hover{box-shadow:0 4px 25px #6366f14d}.user-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#d000d0,#0cc);border-radius:50%;font-weight:700;font-size:.95rem;color:#fff;text-transform:uppercase;box-shadow:0 2px 8px #4f7c824d}.user-name{font-weight:600;font-size:.9rem;color:#191970;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{color:#7272a8;transition:transform .3s ease}.chevron.open{transform:rotate(180deg)}[data-theme=dark] .chevron{color:#94a3b8}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 10px 40px #0000001f,0 2px 10px #00000014;z-index:10;overflow:hidden;animation:slideDown .25s cubic-bezier(.175,.885,.32,1.275)}[data-theme=dark] .dropdown-menu{background:#1e293bfa;border-color:#ffffff1a;box-shadow:0 10px 50px #0006,0 0 0 1px #ffffff0d}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{padding:var(--space-4);background:linear-gradient(135deg,#4f7c8214,#93b1b50d);border-bottom:1px solid rgba(0,0,0,.06)}[data-theme=dark] .dropdown-header{background:linear-gradient(135deg,#3b82f61f,#8b5cf614);border-bottom-color:#ffffff14}.dropdown-header strong{display:block;font-size:.95rem;font-weight:700;color:#191970}[data-theme=dark] .dropdown-header strong{color:#f1f5f9}.dropdown-header small{font-size:var(--text-xs);color:#7272a8}[data-theme=dark] .dropdown-header small{color:#94a3b8}.dropdown-menu hr{border:none;border-top:1px solid var(--border-color);margin:0}.dropdown-menu button{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);text-align:left;transition:all var(--transition-fast)}.dropdown-menu button:hover{background:var(--bg-tertiary);color:var(--primary)}.dropdown-menu .logout-button{color:var(--danger)}.dropdown-menu .logout-button:hover{background:var(--danger-bg);color:var(--danger)}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:transparent;color:var(--text-secondary);transition:all .3s ease;z-index:101}.mobile-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .mobile-menu-btn:hover{background:#ffffff1a}.mobile-menu-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99;animation:fadeIn .3s ease}.mobile-menu{display:none;position:fixed;top:0;right:-100%;width:85%;max-width:320px;height:100vh;background:var(--bg-primary);box-shadow:-10px 0 40px #00000026;z-index:100;flex-direction:column;transition:right .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}[data-theme=dark] .mobile-menu{background:var(--bg-secondary);box-shadow:-10px 0 40px #0006}.mobile-menu.open{right:0}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#4f7c8214,#93b1b50d)}[data-theme=dark] .mobile-menu-header{background:linear-gradient(135deg,#6366f126,#8b5cf61a)}.mobile-user-info{display:flex;align-items:center;gap:12px}.mobile-user-info .user-avatar{width:44px;height:44px;font-size:1.1rem}.mobile-user-info div{display:flex;flex-direction:column}.mobile-user-info strong{font-size:.95rem;color:var(--text-primary)}.mobile-user-info small{font-size:.75rem;color:var(--text-muted)}.theme-toggle-mobile{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--bg-tertiary);color:var(--text-secondary);transition:all .3s ease}.theme-toggle-mobile:hover{background:var(--primary);color:#fff}.mobile-menu-links{flex:1;padding:16px;display:flex;flex-direction:column;gap:8px}.mobile-nav-link{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;font-size:1rem;font-weight:600;color:var(--text-secondary);background:transparent;transition:all .25s ease;text-align:left;width:100%}.mobile-nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translate(4px)}.mobile-nav-link.active{background:linear-gradient(135deg,#4f7c8226,#93b1b51a);color:var(--primary)}.mobile-nav-link.active svg{color:var(--primary)}.mobile-nav-link svg{flex-shrink:0;color:var(--text-muted);transition:color .25s ease}.mobile-nav-link:hover svg{color:var(--primary)}.mobile-menu-footer{padding:16px 20px;border-top:1px solid var(--border-color)}.mobile-logout-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;border-radius:12px;font-size:.95rem;font-weight:600;color:var(--danger);background:var(--danger-bg);transition:all .3s ease}.mobile-logout-btn:hover{background:var(--danger);color:#fff}@media (max-width: 768px){.mobile-menu-btn{display:flex}.desktop-menu{display:none!important}.mobile-menu{display:flex}.mobile-menu-backdrop{display:block}.navbar{padding:10px 16px}.navbar-brand .brand-text{font-size:1.1rem}.navbar-brand .logo-icon{width:36px;height:36px}.navbar-brand .logo-icon svg{width:20px;height:20px}}@media (max-width: 480px){.navbar{padding:8px 12px}.navbar-brand .brand-text{font-size:1rem}.mobile-menu{width:100%;max-width:100%}.mobile-nav-link{padding:14px 16px;font-size:.95rem}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(135deg,#f0eef8,#e4e0f2,#c4b8de);position:relative;overflow:hidden}[data-theme=dark] .login-container{background:linear-gradient(135deg,#0a0a18,#0d0d20,#121228)}.login-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 30%,rgba(79,124,130,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(147,177,181,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(184,227,233,.08) 0%,transparent 40%);animation:loginBgPulse 20s ease-in-out infinite;z-index:0}[data-theme=dark] .login-container:before{background:radial-gradient(ellipse at 20% 30%,rgba(99,102,241,.2) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(168,85,247,.12) 0%,transparent 40%)}@keyframes loginBgPulse{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.05) rotate(1deg);opacity:.9}}.login-card{position:relative;z-index:1;width:100%;max-width:440px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(147,177,181,.15);border-radius:28px;padding:48px 40px;box-shadow:0 8px 40px #00000014,0 0 0 1px #93b1b514}[data-theme=dark] .login-card{background:#0f1e37d9;border-color:#8b5cf640;box-shadow:0 8px 40px #0006,0 0 60px #8b5cf61a,0 0 0 1px #8b5cf626}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-logo{font-size:3.5rem;margin-bottom:var(--space-4);filter:drop-shadow(0 0 30px rgba(147,177,181,.4));animation:loginLogoFloat 4s ease-in-out infinite}@keyframes loginLogoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}.login-header h1{font-family:var(--font-display);font-size:1.85rem;font-weight:800;background:linear-gradient(135deg,#d000d0,#0cc,#b366ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2);letter-spacing:-.02em}.login-header p{color:#7272a8;font-size:.95rem;line-height:1.6}[data-theme=dark] .login-header p{color:#94a3b8}.login-tabs{display:flex;gap:8px;margin-bottom:var(--space-6);padding:8px;background:#93b1b50f;border:1px solid rgba(147,177,181,.1);border-radius:16px}[data-theme=dark] .login-tabs{background:#8b5cf61a;border-color:#8b5cf626}.login-tabs .tab{flex:1;padding:14px 20px;font-weight:600;font-size:.95rem;color:#7272a8;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent;border:none;cursor:pointer}[data-theme=dark] .login-tabs .tab{color:#94a3b8}.login-tabs .tab:hover:not(.active){color:#191970;background:#93b1b514}[data-theme=dark] .login-tabs .tab:hover:not(.active){color:#f1f5f9;background:#8b5cf61f}.login-tabs .tab.active{background:linear-gradient(135deg,#d000d0,#0cc);color:#fff;box-shadow:0 4px 20px #4f7c8259}.login-form .form-group{margin-bottom:20px}.login-form .form-group label{display:flex;align-items:center;font-size:.9rem;font-weight:600;color:#191970;margin-bottom:8px}[data-theme=dark] .login-form .form-group label{color:#e2e8f0}.login-form .form-group input{width:100%;padding:16px 18px;font-size:1rem;background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:14px;color:#191970;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .login-form .form-group input{background:#ffffff14;border-color:#ffffff1f;color:#f1f5f9}.login-form .form-group input:focus{outline:none;border-color:#93b1b580;box-shadow:0 0 0 4px #93b1b51a,0 4px 20px #0000000f}[data-theme=dark] .login-form .form-group input:focus{border-color:#8b5cf699;box-shadow:0 0 0 4px #8b5cf626,0 4px 20px #0000004d}.login-form .form-group input::placeholder{color:#0cc}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:48px!important}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:6px;cursor:pointer;color:#7272a8;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.password-toggle-btn:hover{color:#0cc;background:#93b1b51a}[data-theme=dark] .password-toggle-btn{color:#94a3b8}[data-theme=dark] .password-toggle-btn:hover{color:#a78bfa;background:#8b5cf626}.login-form .form-hint{display:block;margin-top:8px;font-size:.8rem;color:#7272a8}[data-theme=dark] .login-form .form-hint{color:#94a3b8}.login-form .submit-button{width:100%;padding:18px 24px;font-size:1.05rem;font-weight:700;margin-top:var(--space-4);background:linear-gradient(135deg,#d000d0,#0cc,#b366ff);border:none;border-radius:16px;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 30px #4f7c8259;display:flex;align-items:center;justify-content:center;gap:10px}.login-form .submit-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 40px #4f7c8273,0 0 50px #93b1b533}.login-form .submit-button:active:not(:disabled){transform:translateY(-1px)}.login-form .submit-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;margin-top:var(--space-6);font-size:.95rem;color:#7272a8}[data-theme=dark] .login-footer{color:#94a3b8}.link-button{color:#d000d0;font-weight:700;background:none;border:none;cursor:pointer;transition:all .2s ease}.link-button:hover{color:#0cc;text-decoration:underline}.login-security{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid rgba(147,177,181,.15);font-size:.85rem;color:#7272a8}[data-theme=dark] .login-security{border-top-color:#8b5cf633;color:#94a3b8}.login-security svg{color:#0cc}.lock-icon{font-size:var(--text-sm)}.error-message{display:flex;align-items:center;gap:10px;padding:14px 18px;background:linear-gradient(135deg,#ef44441a,#dc262614);border:1px solid rgba(239,68,68,.2);color:#dc2626;border-radius:14px;font-size:.9rem;font-weight:500;margin-bottom:var(--space-4);animation:shake .3s ease-in-out}[data-theme=dark] .error-message{background:linear-gradient(135deg,#ef444426,#dc26261a);border-color:#ef44444d;color:#f87171}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.success-message{display:flex;align-items:center;gap:10px;padding:14px 18px;background:linear-gradient(135deg,#10b9811a,#05966914);border:1px solid rgba(16,185,129,.2);color:#059669;border-radius:14px;font-size:.9rem;font-weight:500;margin-bottom:var(--space-4)}[data-theme=dark] .success-message{background:linear-gradient(135deg,#10b98126,#0596691a);border-color:#10b9814d;color:#34d399}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[data-theme=dark] .dashboard-container{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.dashboard-main{max-width:1280px;margin:0 auto;padding:var(--space-8)}.welcome-section{margin-bottom:var(--space-10)}.welcome-section h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.welcome-section p{font-size:var(--text-lg);color:var(--text-secondary)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-12)}.action-card{position:relative;padding:var(--space-8);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);text-align:left;overflow:hidden;transition:all var(--transition-base)}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);opacity:0;transition:opacity var(--transition-fast)}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.action-card:hover:before{opacity:1}.action-card.primary{background:var(--primary-gradient);border:none;color:#fff}.action-card.primary:before{display:none}.action-card.primary:hover{box-shadow:var(--shadow-xl),0 0 40px var(--primary-glow)}.action-card .icon{font-size:2.5rem;margin-bottom:var(--space-4);display:block}.action-card h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.action-card p{font-size:var(--text-sm);opacity:.8;line-height:var(--leading-relaxed)}.stats-section{margin-bottom:var(--space-12)}.stats-section h2,.recent-section h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-6);color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:all var(--transition-base)}.stat-card:hover{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow)}.stat-value{display:block;font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-medium)}.recent-section{margin-bottom:var(--space-8)}.recent-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast)}.recent-item:hover{border-color:var(--primary);background:var(--bg-card-hover);transform:translate(4px)}.recent-info strong{display:block;font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-1)}.recent-score{font-weight:var(--font-bold);color:var(--primary);font-size:var(--text-lg)}.empty-state{text-align:center;padding:var(--space-16);background:var(--bg-card);border:2px dashed var(--border-color);border-radius:var(--radius-2xl)}.empty-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.8}.empty-state p{color:var(--text-muted);font-size:var(--text-lg);margin-bottom:var(--space-6)}.muted-text{color:var(--text-muted);font-size:var(--text-sm)}.error-banner,.success-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);margin-bottom:var(--space-6);font-size:var(--text-sm);font-weight:var(--font-medium)}.error-banner{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger)}.success-banner{background:var(--success-bg);color:var(--success);border:1px solid var(--success)}.error-banner button,.success-banner button{font-size:var(--text-lg);color:inherit;opacity:.7}.error-banner button:hover,.success-banner button:hover{opacity:1}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.loading-content{text-align:center}.spinner{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-4)}.loading-text{color:var(--text-muted);font-size:var(--text-sm)}.error-content{max-width:400px;padding:var(--space-8);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.error-icon{font-size:4rem;margin-bottom:var(--space-4)}.error-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.error-text{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.retry-button,.login-button{display:inline-block;padding:var(--space-3) var(--space-6);font-weight:var(--font-semibold);border-radius:var(--radius-xl);margin:var(--space-2);transition:all var(--transition-fast)}.retry-button{background:var(--primary-gradient);color:#fff}.retry-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.login-button{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.login-button:hover{background:var(--bg-secondary);border-color:var(--primary)}.resumes-container{min-height:100vh;background:linear-gradient(135deg,#f0eef8,#e4e0f2 35%,#d6d0ea 65%,#f0eef8);position:relative}[data-theme=dark] .resumes-container{background:linear-gradient(180deg,#0a1628,#0d1f3c,#0a1628)}.resumes-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(79,124,130,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(184,227,233,.2) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(147,177,181,.1) 0%,transparent 50%);pointer-events:none;z-index:0}[data-theme=dark] .resumes-container:before{background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(167,139,250,.1) 0%,transparent 50%)}.resumes-main{max-width:1400px;margin:0 auto;padding:2rem 2rem 4rem;position:relative;z-index:1}.resumes-container .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem;flex-wrap:wrap;gap:1.5rem;padding:2rem 2.5rem;background:#ffffffe6;border-radius:24px;border:1px solid rgba(147,177,181,.15);box-shadow:0 8px 32px #93b1b514,0 0 0 1px #ffffff80 inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=dark] .resumes-container .page-header{background:#0f1932d9;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0000004d,0 0 40px #8b5cf626,0 0 0 1px #8b5cf633 inset}.resumes-container .header-content h1{font-family:var(--font-display);font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#191970,#2b2b8a,#d000d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:-.03em}[data-theme=dark] .resumes-container .header-content h1{background:linear-gradient(135deg,#fff,#e0e7ff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(167,139,250,.4)}.resumes-container .header-content p{color:#7272a8;font-size:1.1rem;font-weight:500}[data-theme=dark] .resumes-container .header-content p{color:#c7d2fecc}.resumes-container .tab-navigation{display:flex;gap:.75rem;padding:.75rem;background:#ffffffe6;border:1px solid rgba(147,177,181,.15);border-radius:20px;margin-bottom:2.5rem;box-shadow:0 8px 32px #93b1b514,0 0 0 1px #ffffff80 inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=dark] .resumes-container .tab-navigation{background:#0f1932d9;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0000004d,0 0 40px #8b5cf61a,0 0 0 1px #8b5cf633 inset}.resumes-container .tab-button{flex:1;padding:1rem 2rem;font-weight:700;font-size:1rem;color:#2b2b8a;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.75rem;border:none;background:transparent;cursor:pointer}[data-theme=dark] .resumes-container .tab-button{color:#c7d2feb3}.resumes-container .tab-button:hover:not(.active):not(:disabled){color:#d000d0;background:#93b1b51a;transform:translateY(-2px)}[data-theme=dark] .resumes-container .tab-button:hover:not(.active):not(:disabled){color:#a78bfa;background:#8b5cf626}.resumes-container .tab-button.active{background:linear-gradient(135deg,#d000d0,#0cc,#b366ff);color:#fff;box-shadow:0 8px 24px #93b1b566,0 0 0 1px #fff3 inset,0 0 20px #93b1b54d;transform:scale(1.02)}[data-theme=dark] .resumes-container .tab-button.active{box-shadow:0 8px 32px #8b5cf680,0 0 0 1px #ffffff1a inset,0 0 40px #8b5cf666}.resumes-container .tab-button:disabled{opacity:.5;cursor:not-allowed}.resumes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem}.upload-section,.list-section{background:#fffffff2;border:1px solid rgba(147,177,181,.15);border-radius:24px;padding:2.5rem;box-shadow:0 8px 32px #93b1b514,0 0 0 1px #ffffff80 inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .upload-section,[data-theme=dark] .list-section{background:#0f1932d9;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0000004d,0 0 40px #8b5cf626,0 0 0 1px #8b5cf633 inset}.upload-section:hover,.list-section:hover{transform:translateY(-4px);box-shadow:0 16px 48px #93b1b526,0 0 0 1px #93b1b54d,0 0 30px #93b1b51a}[data-theme=dark] .upload-section:hover,[data-theme=dark] .list-section:hover{box-shadow:0 16px 48px #0006,0 0 60px #8b5cf640,0 0 0 1px #8b5cf666 inset}.upload-section h2,.list-section h2{font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin-bottom:1.75rem;background:linear-gradient(135deg,#191970,#2b2b8a,#d000d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.75rem}[data-theme=dark] .upload-section h2,[data-theme=dark] .list-section h2{background:linear-gradient(135deg,#fff,#e0e7ff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ats-tab-content{background:#fffffff2;border:1px solid rgba(147,177,181,.15);border-radius:24px;padding:2.5rem;box-shadow:0 8px 32px #93b1b514,0 0 0 1px #ffffff80 inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=dark] .ats-tab-content{background:#0f1932d9;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0000004d,0 0 40px #8b5cf626,0 0 0 1px #8b5cf633 inset}.ats-resume-selector{margin-bottom:2rem}.ats-resume-selector label{display:block;margin-bottom:.75rem;font-weight:600;color:#2b2b8a;font-size:1rem}[data-theme=dark] .ats-resume-selector label{color:#c7d2fee6}.ats-resume-selector select{width:100%;max-width:450px;padding:1rem 1.25rem;border:2px solid rgba(147,177,181,.2);border-radius:14px;background:#ffffffe6;color:#191970;font-size:1rem;font-weight:500;transition:all .3s ease;cursor:pointer}[data-theme=dark] .ats-resume-selector select{background:#0f1932e6;border:2px solid rgba(139,92,246,.3);color:#f1f5f9}.ats-resume-selector select:focus{border-color:#0cc;box-shadow:0 0 0 4px #93b1b533;outline:none}[data-theme=dark] .ats-resume-selector select:focus{box-shadow:0 0 0 4px #8b5cf64d}.help-section{background:#fffffff2;border:1px solid rgba(147,177,181,.15);border-radius:24px;padding:2rem 2.5rem;margin-top:2.5rem;box-shadow:0 8px 32px #93b1b514,0 0 0 1px #ffffff80 inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=dark] .help-section{background:#0f1932d9;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0000004d,0 0 40px #8b5cf626,0 0 0 1px #8b5cf633 inset}.help-section h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:1.25rem;background:linear-gradient(135deg,#191970,#d000d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.5rem}[data-theme=dark] .help-section h3{background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.help-section ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}.help-section li{padding-left:2rem;position:relative;color:#2b2b8a;font-size:.95rem;line-height:1.7;font-weight:500}[data-theme=dark] .help-section li{color:#c7d2fed9}.help-section li:before{content:"✦";position:absolute;left:.25rem;color:#0cc;font-weight:700;font-size:.85rem}@media (max-width: 900px){.resumes-main{padding:1.5rem 1.25rem 3rem}.resumes-grid{grid-template-columns:1fr;gap:1.5rem}.resumes-container .page-header{padding:1.5rem;flex-direction:column;align-items:flex-start}.resumes-container .header-content h1{font-size:1.75rem}.resumes-container .tab-navigation{flex-direction:column;padding:.5rem}.resumes-container .tab-button{padding:.875rem 1.5rem}.upload-section,.list-section,.ats-tab-content{padding:1.5rem;border-radius:18px}}@media (max-width: 600px){.resumes-main{padding:1rem 1rem 2.5rem}.resumes-container .page-header{padding:1.25rem;border-radius:18px}.resumes-container .header-content h1{font-size:1.5rem}.resumes-container .header-content p{font-size:.95rem}.resumes-container .tab-navigation{border-radius:16px;margin-bottom:1.5rem}.resumes-container .tab-button{font-size:.9rem;padding:.75rem 1rem}.upload-section h2,.list-section h2{font-size:1.25rem}.help-section{padding:1.5rem;margin-top:1.5rem}}.interview-container{min-height:100vh;background:linear-gradient(135deg,#f0eef8,#e4e0f2,#d6d0ea);position:relative}[data-theme=dark] .interview-container{background:linear-gradient(180deg,#0a1628,#0d1f3c,#0a1628)}.interview-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(147,177,181,.1) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(79,124,130,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(147,177,181,.06) 0%,transparent 50%);pointer-events:none;z-index:0}[data-theme=dark] .interview-container:before{background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(167,139,250,.1) 0%,transparent 50%)}.interview-main{max-width:1200px;margin:0 auto;padding:2rem 2rem 4rem;position:relative;z-index:1}.config-panel{background:#fffffff2;border:1px solid rgba(147,177,181,.15);border-radius:28px;padding:3rem;text-align:center;box-shadow:0 8px 32px #93b1b51a,0 0 0 1px #ffffff80 inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .config-panel{background:#0f1932d9;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0000004d,0 0 50px #8b5cf626,0 0 0 1px #8b5cf633 inset}.config-panel:hover{transform:translateY(-4px);box-shadow:0 16px 48px #93b1b526,0 0 0 1px #93b1b54d,0 0 30px #93b1b51a}[data-theme=dark] .config-panel:hover{box-shadow:0 16px 48px #0006,0 0 70px #8b5cf640,0 0 0 1px #8b5cf666 inset}.config-panel h2{font-family:var(--font-display);font-size:2rem;font-weight:800;margin-bottom:2.5rem;background:linear-gradient(135deg,#191970,#2b2b8a,#d000d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .config-panel h2{background:linear-gradient(135deg,#fff,#e0e7ff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(167,139,250,.4)}.config-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.75rem;margin-bottom:2.5rem;text-align:left}.config-group{text-align:left}.config-group label{display:block;margin-bottom:.75rem;font-weight:600;font-size:.95rem;color:#2b2b8a}[data-theme=dark] .config-group label{color:#c7d2fee6}.config-group select{width:100%;padding:1rem 1.25rem;border:2px solid rgba(147,177,181,.2);border-radius:14px;background:#ffffffe6;color:#191970;font-size:1rem;font-weight:500;transition:all .3s ease;cursor:pointer}[data-theme=dark] .config-group select{background:#0f1932e6;border:2px solid rgba(139,92,246,.3);color:#f1f5f9}.config-group select:focus{border-color:#0cc;box-shadow:0 0 0 4px #93b1b533;outline:none}[data-theme=dark] .config-group select:focus{box-shadow:0 0 0 4px #8b5cf64d}.interview-panel{display:grid;grid-template-columns:320px 1fr;gap:2rem}@media (max-width: 900px){.interview-panel{grid-template-columns:1fr;gap:1.5rem}}.avatar-section{background:#fffffff2;border:1px solid rgba(147,177,181,.15);border-radius:28px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;box-shadow:0 8px 32px #93b1b51a,0 0 0 1px #ffffff80 inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=dark] .avatar-section{background:#0f1932d9;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0000004d,0 0 50px #8b5cf633,0 0 0 1px #8b5cf633 inset}.avatar-fallback{text-align:center}.avatar-icon{font-size:5rem;margin-bottom:1.25rem;filter:drop-shadow(0 0 25px rgba(147,177,181,.4));animation:avatarFloat 3s ease-in-out infinite}[data-theme=dark] .avatar-icon{filter:drop-shadow(0 0 35px rgba(167,139,250,.6))}.avatar-icon.speaking{animation:pulse 1s infinite,avatarFloat 3s ease-in-out infinite}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.avatar-label{color:#7272a8;font-size:.95rem;font-weight:500}[data-theme=dark] .avatar-label{color:#c7d2feb3}.qa-section{background:#fffffff2;border:1px solid rgba(147,177,181,.15);border-radius:28px;padding:2.5rem;box-shadow:0 8px 32px #93b1b51a,0 0 0 1px #ffffff80 inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=dark] .qa-section{background:#0f1932d9;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0000004d,0 0 50px #8b5cf626,0 0 0 1px #8b5cf633 inset}.progress-bar{height:8px;background:#93b1b526;border-radius:100px;margin-bottom:.75rem;overflow:hidden}[data-theme=dark] .progress-bar{background:#8b5cf633}.progress-fill{height:100%;background:linear-gradient(90deg,#d000d0,#0cc,#b366ff);border-radius:100px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #93b1b580}.progress-text{font-size:.9rem;color:#7272a8;margin-bottom:1.25rem;font-weight:500}[data-theme=dark] .progress-text{color:#c7d2feb3}.timer{font-family:var(--font-display);font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:1.25rem;background:linear-gradient(135deg,#191970,#d000d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .timer{background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(167,139,250,.3)}.timer.warning{background:linear-gradient(135deg,#ef4444,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.question-box{background:#93b1b50d;border:1px solid rgba(147,177,181,.15);border-radius:20px;padding:2rem;margin-bottom:2rem}[data-theme=dark] .question-box{background:#8b5cf61a;border:1px solid rgba(139,92,246,.25)}.question-type{display:inline-block;padding:.4rem 1rem;background:linear-gradient(135deg,#d000d0,#0cc,#b366ff);color:#fff;font-size:.75rem;font-weight:700;border-radius:100px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;box-shadow:0 4px 12px #93b1b54d}[data-theme=dark] .question-type{box-shadow:0 4px 16px #8b5cf666}.question-text{font-size:1.25rem;font-weight:600;color:#191970;line-height:1.7}[data-theme=dark] .question-text{color:#f1f5f9}.answer-input{width:100%;min-height:180px;padding:1.5rem;border:2px solid rgba(147,177,181,.2);border-radius:18px;background:#ffffffe6;color:#191970;resize:vertical;margin-bottom:2rem;font-size:1.05rem;line-height:1.7;font-weight:500;transition:all .3s ease}[data-theme=dark] .answer-input{background:#0f1932e6;border:2px solid rgba(139,92,246,.3);color:#f1f5f9}.answer-input:focus{border-color:#0cc;box-shadow:0 0 0 4px #93b1b533;outline:none}[data-theme=dark] .answer-input:focus{box-shadow:0 0 0 4px #8b5cf64d}.answer-input::placeholder{color:#0cc}[data-theme=dark] .answer-input::placeholder{color:#94a3b899}.interview-actions{display:flex;justify-content:space-between;gap:1.25rem;flex-wrap:wrap}.interview-actions button{flex:1;min-width:160px;padding:1rem 2rem;border-radius:14px;font-weight:700;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none}.interview-actions button:not(:disabled):hover{transform:translateY(-3px)}@media (max-width: 900px){.interview-main{padding:1.5rem 1.25rem 3rem}.config-panel{padding:2rem 1.5rem;border-radius:24px}.config-panel h2{font-size:1.6rem}.config-options{grid-template-columns:1fr;gap:1.25rem}}@media (max-width: 600px){.interview-main{padding:1rem 1rem 2.5rem}.config-panel{padding:1.5rem 1.25rem;border-radius:20px}.config-panel h2{font-size:1.35rem;margin-bottom:1.75rem}.avatar-section{min-height:280px;padding:1.5rem;border-radius:22px}.avatar-icon{font-size:4rem}.qa-section{padding:1.5rem;border-radius:22px}.timer{font-size:2rem}.question-box{padding:1.5rem;border-radius:16px}.question-text{font-size:1.1rem}.answer-input{min-height:140px;padding:1.25rem;border-radius:14px}.interview-actions{flex-direction:column}.interview-actions button{min-width:100%}}.report-container{min-height:100vh;background:linear-gradient(135deg,#f0eef8,#e4e0f2 35%,#d6d0ea 65%,#f0eef8);position:relative}[data-theme=dark] .report-container{background:linear-gradient(180deg,#0a1628,#0d1f3c,#0a1628)}.report-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(79,124,130,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(184,227,233,.2) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(147,177,181,.1) 0%,transparent 50%);pointer-events:none;z-index:0}[data-theme=dark] .report-container:before{background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(167,139,250,.1) 0%,transparent 50%)}.report-main{max-width:1000px;margin:0 auto;padding:2rem 2rem 4rem;position:relative;z-index:1}.report-header{text-align:center;margin-bottom:3rem;padding:2.5rem;background:#fffffff2;border:1px solid rgba(147,177,181,.15);border-radius:28px;box-shadow:0 8px 32px #93b1b514,0 0 0 1px #ffffff80 inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=dark] .report-header{background:#0f1932d9;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0000004d,0 0 50px #8b5cf626,0 0 0 1px #8b5cf633 inset}.report-header h1{font-family:var(--font-display);font-size:2.5rem;font-weight:800;margin-bottom:.75rem;background:linear-gradient(135deg,#191970,#2b2b8a,#d000d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .report-header h1{background:linear-gradient(135deg,#fff,#e0e7ff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(167,139,250,.4)}.report-summary{color:#7272a8;font-size:1.15rem;font-weight:500}[data-theme=dark] .report-summary{color:#c7d2fecc}.score-card{display:flex;align-items:center;gap:2.5rem;background:#fffffff2;border:1px solid rgba(147,177,181,.15);border-radius:28px;padding:2.5rem;margin-bottom:2.5rem;box-shadow:0 8px 32px #93b1b514,0 0 0 1px #ffffff80 inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=dark] .score-card{background:#0f1932d9;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0000004d,0 0 50px #8b5cf633,0 0 0 1px #8b5cf633 inset}.grade-circle{width:160px;height:160px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#93b1b51a;flex-shrink:0;position:relative}.grade-circle:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:linear-gradient(135deg,#d000d0,#0cc,#b366ff);z-index:-1;opacity:.3}.grade-circle.grade-a{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 0 40px #10b98166,0 0 0 3px #10b9814d}.grade-circle.grade-a:before{background:linear-gradient(135deg,#10b981,#059669);opacity:.5}.grade-circle.grade-b{background:linear-gradient(135deg,#d000d0,#0cc);color:#fff;box-shadow:0 0 40px #93b1b566,0 0 0 3px #93b1b54d}.grade-circle.grade-c{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 0 40px #f59e0b66,0 0 0 3px #f59e0b4d}.grade-circle.grade-c:before{background:linear-gradient(135deg,#f59e0b,#d97706);opacity:.5}.grade-circle .grade{font-family:var(--font-display);font-size:2.5rem;font-weight:900;letter-spacing:-.02em}.grade-circle .score{font-size:1rem;font-weight:600;opacity:.9}.score-details{display:flex;flex-direction:column;gap:.75rem}.status{font-family:var(--font-display);font-weight:800;font-size:1.5rem}.status.pass{color:#10b981}[data-theme=dark] .status.pass{color:#34d399;text-shadow:0 0 20px rgba(52,211,153,.4)}.status.fail{color:#ef4444}[data-theme=dark] .status.fail{color:#f87171;text-shadow:0 0 20px rgba(248,113,113,.4)}.recommendation{color:#7272a8;font-size:1.05rem;line-height:1.7;font-weight:500}[data-theme=dark] .recommendation{color:#c7d2fecc}.breakdown-section,.insights-section,.next-steps-section{background:#fffffff2;border:1px solid rgba(147,177,181,.15);border-radius:24px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 8px 32px #93b1b514,0 0 0 1px #ffffff80 inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .breakdown-section,[data-theme=dark] .insights-section,[data-theme=dark] .next-steps-section{background:#0f1932d9;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0000004d,0 0 50px #8b5cf626,0 0 0 1px #8b5cf633 inset}.breakdown-section:hover,.insights-section:hover,.next-steps-section:hover{transform:translateY(-4px);box-shadow:0 16px 48px #93b1b526,0 0 0 1px #93b1b54d}[data-theme=dark] .breakdown-section:hover,[data-theme=dark] .insights-section:hover,[data-theme=dark] .next-steps-section:hover{box-shadow:0 16px 48px #0006,0 0 70px #8b5cf640,0 0 0 1px #8b5cf666 inset}.breakdown-section h2,.insights-section h2,.next-steps-section h2{font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin-bottom:1.75rem;background:linear-gradient(135deg,#191970,#2b2b8a,#d000d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .breakdown-section h2,[data-theme=dark] .insights-section h2,[data-theme=dark] .next-steps-section h2{background:linear-gradient(135deg,#fff,#e0e7ff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.breakdown-card{padding:1.5rem;background:#93b1b50d;border:1px solid rgba(147,177,181,.1);border-radius:16px}[data-theme=dark] .breakdown-card{background:#8b5cf614;border:1px solid rgba(139,92,246,.2)}.breakdown-card h3{font-size:1rem;font-weight:700;color:#191970;margin-bottom:1rem}[data-theme=dark] .breakdown-card h3{color:#f1f5f9}.score-bar{height:10px;background:#93b1b526;border-radius:100px;overflow:hidden}[data-theme=dark] .score-bar{background:#8b5cf633}@media (max-width: 900px){.report-main{padding:1.5rem 1.25rem 3rem}.report-header{padding:2rem;border-radius:24px}.report-header h1{font-size:2rem}.score-card{flex-direction:column;text-align:center;gap:2rem;padding:2rem}.score-details{align-items:center}}@media (max-width: 600px){.report-main{padding:1rem 1rem 2.5rem}.report-header{padding:1.5rem;border-radius:20px;margin-bottom:2rem}.report-header h1{font-size:1.6rem}.report-summary{font-size:1rem}.score-card{padding:1.5rem;border-radius:22px}.grade-circle{width:130px;height:130px}.grade-circle .grade{font-size:2rem}.status{font-size:1.25rem}.breakdown-section,.insights-section,.next-steps-section{padding:1.5rem;border-radius:20px}.breakdown-grid{grid-template-columns:1fr;gap:1rem}}.score-bar-fill{height:100%;background:linear-gradient(90deg,#d000d0,#0cc,#b366ff);border-radius:100px;transition:width 1s ease-out;box-shadow:0 0 12px #93b1b580}.analytics-container{min-height:100vh;background:linear-gradient(135deg,#f0eef8,#e4e0f2 35%,#d6d0ea 65%,#f0eef8);position:relative}[data-theme=dark] .analytics-container{background:linear-gradient(180deg,#0a1628,#0d1f3c,#0a1628)}.analytics-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(79,124,130,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(184,227,233,.2) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(147,177,181,.1) 0%,transparent 50%);pointer-events:none;z-index:0}[data-theme=dark] .analytics-container:before{background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(167,139,250,.1) 0%,transparent 50%)}.analytics-main{max-width:1400px;margin:0 auto;padding:2rem 2rem 4rem;position:relative;z-index:1}.roadmap-container{min-height:100vh;background:linear-gradient(135deg,#f0eef8,#e4e0f2 35%,#d6d0ea 65%,#f0eef8);position:relative}[data-theme=dark] .roadmap-container{background:linear-gradient(180deg,#0a1628,#0d1f3c,#0a1628)}.roadmap-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(79,124,130,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(184,227,233,.2) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(147,177,181,.1) 0%,transparent 50%);pointer-events:none;z-index:0}[data-theme=dark] .roadmap-container:before{background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(167,139,250,.1) 0%,transparent 50%)}.roadmap-main{max-width:1100px;margin:0 auto;padding:2rem 2rem 4rem;position:relative;z-index:1}.timeline{position:relative;padding-left:3.5rem}.timeline:before{content:"";position:absolute;left:16px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#d000d0,#0cc,#b366ff);border-radius:2px;box-shadow:0 0 15px #93b1b566}.timeline-item{position:relative;padding-bottom:2.5rem}.timeline-item:before{content:"";position:absolute;left:-2.5rem;top:0;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#d000d0,#0cc);box-shadow:0 0 15px #93b1b599,0 0 0 4px #93b1b533}.timeline-card{background:#fffffff2;border:1px solid rgba(147,177,181,.15);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #93b1b514,0 0 0 1px #ffffff80 inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .timeline-card{background:#0f1932d9;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0000004d,0 0 40px #8b5cf626,0 0 0 1px #8b5cf633 inset}.timeline-card:hover{transform:translateY(-4px) translate(8px);border-color:#93b1b566;box-shadow:0 16px 48px #93b1b526,0 0 0 1px #93b1b54d,0 0 30px #93b1b51a}[data-theme=dark] .timeline-card:hover{box-shadow:0 16px 48px #0006,0 0 60px #8b5cf640,0 0 0 1px #8b5cf666 inset}.upload-zone{border:2px dashed rgba(147,177,181,.3);border-radius:20px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);background:#93b1b50d;position:relative;overflow:hidden}[data-theme=dark] .upload-zone{background:#8b5cf61a;border-color:#8b5cf666}.upload-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#4f7c820d,#93b1b514,#b8e3e90d);opacity:0;transition:opacity .3s ease;pointer-events:none}.upload-zone:hover:before,.upload-zone.dragging:before{opacity:1}.upload-zone:hover,.upload-zone.dragging{border-color:#0cc;background:#93b1b51a;transform:translateY(-4px);box-shadow:0 12px 32px #93b1b533,0 0 0 4px #93b1b51a}[data-theme=dark] .upload-zone:hover,[data-theme=dark] .upload-zone.dragging{background:#8b5cf626;box-shadow:0 12px 32px #0000004d,0 0 40px #8b5cf64d,0 0 0 4px #8b5cf633}.upload-zone .upload-icon{font-size:3.5rem;margin-bottom:1.25rem;filter:drop-shadow(0 4px 12px rgba(147,177,181,.3));transition:transform .3s ease}.upload-zone:hover .upload-icon{transform:scale(1.1) translateY(-4px)}.upload-zone p{color:#2b2b8a;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;position:relative;z-index:1}[data-theme=dark] .upload-zone p{color:#c7d2fee6}.upload-zone small{color:#7272a8;font-size:.9rem;font-weight:500;position:relative;z-index:1}[data-theme=dark] .upload-zone small{color:#94a3b8b3}.resume-list{display:flex;flex-direction:column;gap:.875rem}.resume-item{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:#ffffffe6;border:1px solid rgba(147,177,181,.15);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #93b1b50d}[data-theme=dark] .resume-item{background:#0f1932cc;border:1px solid rgba(139,92,246,.25);box-shadow:0 4px 16px #0003}.resume-item:hover{border-color:#0cc;transform:translateY(-2px) translate(4px);box-shadow:0 8px 24px #93b1b526,0 0 0 1px #93b1b533}[data-theme=dark] .resume-item:hover{box-shadow:0 8px 24px #0000004d,0 0 30px #8b5cf633,0 0 0 1px #8b5cf64d inset}.resume-item.selected{background:linear-gradient(135deg,#4f7c821a,#93b1b526);border-color:#0cc;box-shadow:0 8px 24px #93b1b533,0 0 0 2px #93b1b54d}[data-theme=dark] .resume-item.selected{background:linear-gradient(135deg,#6366f126,#8b5cf633);box-shadow:0 8px 24px #0000004d,0 0 40px #8b5cf64d,0 0 0 2px #8b5cf666}.resume-item.selected{border-color:var(--primary);background:var(--primary-glow)}.resume-item .resume-icon{font-size:1.5rem;margin-right:var(--space-3)}.resume-item .resume-info{flex:1}.resume-item .resume-name{font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm)}.resume-item .resume-date{font-size:var(--text-xs);color:var(--text-muted)}.resume-item .delete-btn{padding:var(--space-2);color:var(--text-muted);border-radius:var(--radius-md)}.resume-item .delete-btn:hover{background:var(--danger-bg);color:var(--danger)}@media (max-width: 1024px){.dashboard-main,.resumes-main,.interview-main,.report-main,.analytics-main,.roadmap-main{padding:var(--space-6)}}@media (max-width: 768px){.navbar{padding:var(--space-3) var(--space-4)}.navbar-menu{gap:var(--space-1)}.nav-link{padding:var(--space-2);font-size:var(--text-xs)}.user-name{display:none}.welcome-section h1{font-size:var(--text-2xl)}.quick-actions{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.score-card{flex-direction:column;text-align:center}.resumes-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.login-card{padding:var(--space-6)}.login-header h1{font-size:var(--text-2xl)}.stats-grid{grid-template-columns:1fr}.action-card{padding:var(--space-6)}}.resume-upload{width:100%}.upload-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-12) var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--bg-secondary)}.upload-dropzone:hover,.upload-dropzone.dragging{border-color:var(--primary);background:var(--primary-glow)}.upload-dropzone.disabled{opacity:.5;cursor:not-allowed}.upload-dropzone .upload-icon{font-size:3.5rem;margin-bottom:var(--space-4);filter:drop-shadow(0 0 10px var(--primary-glow))}.upload-dropzone .upload-text{color:var(--text-primary);font-size:var(--text-base);margin-bottom:var(--space-2)}.upload-dropzone .upload-text strong{color:var(--primary)}.upload-dropzone .upload-hint{color:var(--text-muted);font-size:var(--text-sm)}.selected-file{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-xl)}.selected-file .file-icon{font-size:2rem}.selected-file .file-info{flex:1;text-align:left}.selected-file .file-name{font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm);word-break:break-all}.selected-file .file-size{color:var(--text-muted);font-size:var(--text-xs)}.selected-file .clear-button{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--text-lg);transition:all var(--transition-fast)}.selected-file .clear-button:hover{background:var(--danger-bg);color:var(--danger)}.upload-error{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-lg);font-size:var(--text-sm)}.upload-button{width:100%;margin-top:var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4)}.live-interview-main{max-width:1200px;margin:0 auto;padding:var(--space-8)}.interview-grid{display:grid;grid-template-columns:320px 1fr;gap:var(--space-6)}@media (max-width: 900px){.interview-grid{grid-template-columns:1fr}}.chat-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-6);min-height:500px;display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.chat-message{max-width:85%;padding:var(--space-4);border-radius:var(--radius-xl);animation:fadeIn .3s ease-out}.chat-message.interviewer{align-self:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-bottom-left-radius:var(--radius-sm)}.chat-message.user{align-self:flex-end;background:var(--primary-gradient);color:#fff;border-bottom-right-radius:var(--radius-sm)}.chat-message .sender{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2);opacity:.8}.chat-message .content{font-size:var(--text-base);line-height:var(--leading-relaxed)}.chat-input-area{display:flex;gap:var(--space-3)}.chat-input{flex:1;padding:var(--space-4);border:2px solid var(--border-color);border-radius:var(--radius-xl);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-base);resize:none;min-height:60px}.chat-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);outline:none}.chart-card h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-6);color:var(--text-primary)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.readiness-container{min-height:100vh;background:var(--bg-secondary)}.readiness-main{max-width:1000px;margin:0 auto;padding:var(--space-8)}.domain-breadcrumb{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4);background:#93b1b50d;border:1px solid rgba(147,177,181,.15);border-radius:var(--radius-xl)}[data-theme=dark] .domain-breadcrumb{background:#8b5cf61a;border-color:#8b5cf640}.back-btn-small{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.back-btn-small:hover{background:var(--bg-secondary);border-color:var(--primary);color:var(--primary)}.domain-badge-inline{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#93b1b526,#4f7c821a);border-radius:var(--radius-full);font-weight:var(--font-semibold)}.domain-badge-icon{font-size:1.1rem}.domain-badge-label{font-size:var(--text-sm);color:#7c3aed}[data-theme=dark] .domain-badge-label{color:#a78bfa}.domain-badge-separator{color:var(--text-muted);font-size:var(--text-sm)}.domain-badge-role{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--primary);background:#93b1b51a;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}[data-theme=dark] .domain-badge-role{color:#c4b5fd;background:#8b5cf633}.step-indicator{display:flex;justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-10);padding:var(--space-4) var(--space-6);background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:0 4px 20px #0000000f;border:1px solid var(--border-color)}[data-theme=dark] .step-indicator{background:#1e293b99;box-shadow:0 4px 24px #0003;border-color:#ffffff14}.step{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all .3s ease;border:1px solid transparent}.step.active{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 16px var(--primary-glow);border-color:var(--primary)}.step.active .step-number{background:#ffffff40}.step.completed{background:var(--success-bg);color:var(--success);border-color:var(--success)}.step.completed .step-number{background:var(--success);color:#fff}.step-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000001a;font-size:var(--text-xs);font-weight:var(--font-bold);transition:all .3s ease;flex-shrink:0}[data-theme=dark] .step-number{background:#ffffff26}.step-label{white-space:nowrap}.step-arrow{color:var(--text-muted);transition:all .3s ease;flex-shrink:0;opacity:.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-secondary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--bg-tertiary)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media print{.navbar,.theme-toggle,.user-menu{display:none!important}body{background:#fff;color:#000}}.report-container{min-height:100vh;background:linear-gradient(135deg,#f0eef8,#e4e0f2 35%,#d6d0ea 65%,#f0eef8)}[data-theme=dark] .report-container{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.report-main{max-width:960px;margin:0 auto;padding:var(--space-8)}.report-main.loading,.report-main.error{display:flex;align-items:center;justify-content:center;min-height:60vh}.error-panel{text-align:center;padding:var(--space-10);background:var(--bg-card);border-radius:var(--radius-2xl);border:1px solid var(--border-color)}.error-panel h2{font-size:var(--text-2xl);margin-bottom:var(--space-4);color:var(--text-primary)}.error-panel p{color:var(--text-muted);margin-bottom:var(--space-6)}.report-header{text-align:center;margin-bottom:var(--space-10)}.report-title h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.report-role{font-size:var(--text-lg);color:var(--primary);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.report-date{font-size:var(--text-sm);color:var(--text-muted)}.readiness-hero{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-10);margin-bottom:var(--space-8);text-align:center}[data-theme=dark] .readiness-hero{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-glow)}.readiness-score-container{display:flex;align-items:center;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-8);flex-wrap:wrap}.readiness-score-circle{width:160px;height:160px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-tertiary);box-shadow:var(--shadow-lg)}.readiness-score-circle.score-excellent{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 0 40px #10b98166}.readiness-score-circle.score-good{background:var(--primary-gradient);color:#fff;box-shadow:0 0 40px var(--primary-glow)}.readiness-score-circle.score-average{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 0 40px #f59e0b66}.readiness-score-circle.score-poor{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 0 40px #ef444466}.readiness-score-circle .score-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-extrabold);line-height:1}.readiness-score-circle .score-label{font-size:var(--text-base);opacity:.8;margin-top:var(--space-1)}.readiness-grade{text-align:left}.grade-badge{display:inline-block;padding:var(--space-2) var(--space-4);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);border-radius:var(--radius-lg);margin-bottom:var(--space-2)}.grade-badge.grade-excellent{background:var(--success-bg);color:var(--success)}.grade-badge.grade-good{background:var(--info-bg);color:var(--info)}.grade-badge.grade-average{background:var(--warning-bg);color:var(--warning)}.grade-badge.grade-poor{background:var(--danger-bg);color:var(--danger)}.readiness-level{font-size:var(--text-base);color:var(--text-secondary);font-weight:var(--font-medium)}.score-breakdown{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--border-color);text-align:left}.score-breakdown h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-6);color:var(--text-primary)}.breakdown-bars{display:flex;flex-direction:column;gap:var(--space-4)}.breakdown-item{display:flex;flex-direction:column;gap:var(--space-2)}.breakdown-label{display:flex;justify-content:space-between;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.breakdown-bar{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.breakdown-fill{height:100%;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width 1s ease-out}.score-explanation{margin-top:var(--space-6);color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);text-align:center}.report-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-8);margin-bottom:var(--space-6)}.report-section h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-6)}.report-section h3{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-4)}.executive-summary p{color:var(--text-secondary);line-height:var(--leading-relaxed);font-size:var(--text-base)}.recommendation{margin-top:var(--space-4);padding:var(--space-4);background:var(--info-bg);border-radius:var(--radius-lg);color:var(--info);font-size:var(--text-sm)}.strengths-weaknesses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6);margin-bottom:var(--space-6)}.insight-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-4)}.insight-item{padding:var(--space-4);border-radius:var(--radius-xl);background:var(--bg-secondary);border-left:4px solid var(--border-color)}.insight-item.strength{border-left-color:var(--success)}.insight-item.weakness{border-left-color:var(--warning)}.insight-area{font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.insight-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.insight-evidence,.insight-suggestion{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);font-style:italic}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4)}.category-card{text-align:center;padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-xl);transition:all var(--transition-base)}.category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.category-score{margin-bottom:var(--space-2)}.score-circle-sm{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;font-weight:var(--font-bold);font-size:var(--text-lg)}.score-circle-sm.good{background:var(--success-bg);color:var(--success)}.score-circle-sm.average{background:var(--warning-bg);color:var(--warning)}.score-circle-sm.poor{background:var(--danger-bg);color:var(--danger)}.category-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.behavioral-summary{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.behavioral-metrics{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.metric-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-full);font-size:var(--text-sm)}.metric-label{color:var(--text-muted)}.metric-value{color:var(--primary);font-weight:var(--font-semibold)}.metric-value.capitalize{text-transform:capitalize}.behavioral-disclaimer{font-size:var(--text-xs);color:var(--text-muted);font-style:italic}.confidence-section{background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary));border:2px solid var(--border-color);position:relative;overflow:hidden}.confidence-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ef4444,#f97316,#eab308,#22c55e,#10b981)}[data-theme=dark] .confidence-section{background:linear-gradient(135deg,var(--bg-card),rgba(30,41,59,.8));border-color:#6366f14d}.confidence-mode-badge{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.mode-indicator{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold)}.mode-indicator.strict{background:linear-gradient(135deg,#f59e0b20,#d9770620);color:#f59e0b;border:1px solid #F59E0B40}.mode-indicator.final_boss{background:linear-gradient(135deg,#ef444420,#dc262620);color:#ef4444;border:1px solid #EF444440;animation:finalBossPulse 2s ease-in-out infinite}@keyframes finalBossPulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 10px 4px #ef444433}}.mode-description{font-size:var(--text-sm);color:var(--text-secondary)}.confidence-section .section-description{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);padding:var(--space-3);background:#4f7c820d;border-radius:var(--radius-md);border-left:3px solid var(--primary)}.confidence-section .section-description strong{color:var(--primary)}.confidence-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg)}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary)}.legend-color{width:12px;height:12px;border-radius:var(--radius-sm);flex-shrink:0}[data-theme=dark] .confidence-mode-badge{background:#1e293b99;border-color:#6366f133}[data-theme=dark] .confidence-legend{background:#1e293b99}[data-theme=dark] .mode-indicator.strict{background:linear-gradient(135deg,#f59e0b30,#d9770630)}[data-theme=dark] .mode-indicator.final_boss{background:linear-gradient(135deg,#ef444430,#dc262630)}@media (max-width: 768px){.confidence-mode-badge{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.confidence-legend{flex-direction:column;gap:var(--space-2)}}.improvement-areas{margin-bottom:var(--space-6)}.improvement-card{padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-xl);margin-bottom:var(--space-3);border-left:4px solid var(--border-color)}.improvement-card.priority-high{border-left-color:var(--danger)}.improvement-card.priority-medium{border-left-color:var(--warning)}.improvement-card.priority-low{border-left-color:var(--success)}.improvement-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.improvement-title{font-weight:var(--font-semibold);color:var(--text-primary)}.priority-badge{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;border-radius:var(--radius-sm)}.priority-badge.high{background:var(--danger-bg);color:var(--danger)}.priority-badge.medium{background:var(--warning-bg);color:var(--warning)}.priority-badge.low{background:var(--success-bg);color:var(--success)}.improvement-action{color:var(--text-secondary);font-size:var(--text-sm)}.improvement-list h3{margin-bottom:var(--space-3)}.improvement-list ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.improvement-list li{padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);position:relative;padding-left:var(--space-8)}.improvement-list li:before{content:"→";position:absolute;left:var(--space-3);color:var(--primary);font-weight:700}.report-disclaimer{text-align:center;padding:var(--space-4);color:var(--text-muted);font-size:var(--text-sm);font-style:italic}.report-actions{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap}.report-actions .btn-secondary,.report-actions .btn-primary{min-height:48px;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);border-radius:var(--radius-xl);transition:all var(--transition-base)}.report-actions .btn-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.report-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px var(--primary-glow)}@media (max-width: 640px){.report-actions{flex-direction:column;gap:var(--space-2)}.report-actions .btn-secondary,.report-actions .btn-primary{width:100%}}.video-download-section{margin-top:2rem;margin-bottom:2rem}.video-download-card{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem 2rem;background:#93b1b514;border:1px solid rgba(147,177,181,.2);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}[data-theme=dark] .video-download-card{background:#8b5cf61f;border:1px solid rgba(139,92,246,.3)}.video-download-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #93b1b526}[data-theme=dark] .video-download-card:hover{box-shadow:0 8px 32px #8b5cf640}.video-info{display:flex;align-items:center;gap:1rem}.video-info svg{color:#0cc;flex-shrink:0}[data-theme=dark] .video-info svg{color:#a78bfa}.video-info h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:#191970}[data-theme=dark] .video-info h3{color:#f1f5f9}.video-info p{margin:0;font-size:.875rem;color:#7272a8}[data-theme=dark] .video-info p{color:#94a3b8}.btn-download-video{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#d000d0,#0cc,#b366ff);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-download-video:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #93b1b566}.btn-download-video:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.video-download-card{flex-direction:column;text-align:center;padding:1.5rem}.video-info{flex-direction:column}.btn-download-video{width:100%;justify-content:center}}.video-status{display:flex;align-items:center;gap:.5rem}.video-status.loading{color:#0cc}.video-status.available{color:#22c55e;font-weight:500}.video-status.unavailable{color:#0cc}[data-theme=dark] .video-status.unavailable{color:#6b7280}.video-actions{display:flex;align-items:center;gap:.75rem}.btn-delete-video{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-delete-video:hover{background:#ef444433;border-color:#ef444466;transform:scale(1.05)}.video-error{margin-top:.75rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#dc2626;font-size:.875rem}[data-theme=dark] .video-error{background:#b91c1c26;border-color:#ef44444d;color:#f87171}.final-boss-hero-cta{position:relative;margin-bottom:var(--space-8);padding:2.5rem 2rem;background:linear-gradient(135deg,#00f0ff14,#b8e3e91f,#fbbf2414);border:2px solid transparent;border-radius:24px;overflow:hidden;text-align:center}[data-theme=dark] .final-boss-hero-cta{background:linear-gradient(135deg,#00f0ff1f,#a855f72e,#fbbf241a);border:2px solid rgba(0,240,255,.3);box-shadow:0 0 30px #00f0ff26,0 0 60px #a855f71a,inset 0 0 60px #00f0ff08}.final-boss-cta-glow{position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(0,240,255,.15) 60deg,transparent 120deg,rgba(184,227,233,.15) 180deg,transparent 240deg,rgba(251,191,36,.15) 300deg,transparent 360deg);animation:rotate-glow 8s linear infinite;opacity:0;pointer-events:none}[data-theme=dark] .final-boss-cta-glow{opacity:1}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.final-boss-cta-content{position:relative;z-index:2}.final-boss-cta-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#00f0ff33,#b8e3e933);border:1px solid rgba(0,240,255,.4);border-radius:50px;font-size:.75rem;font-weight:700;letter-spacing:.1em;color:#00f0ff;text-transform:uppercase;margin-bottom:1rem}[data-theme=light] .final-boss-cta-badge{background:linear-gradient(135deg,#4f7c8226,#b8e3e926);border-color:#4f7c824d;color:#d000d0}.final-boss-cta-badge svg{width:16px;height:16px}.final-boss-cta-title{display:flex;align-items:center;justify-content:center;gap:.75rem;font-family:var(--font-display);font-size:1.75rem;font-weight:800;margin:0 0 .75rem;background:linear-gradient(135deg,#00f0ff,#b366ff,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .final-boss-cta-title{background:linear-gradient(135deg,#d000d0,#0cc,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-boss-cta-title .zap-icon{width:24px;height:24px;color:#fbbf24;animation:pulse-zap 2s ease-in-out infinite}[data-theme=light] .final-boss-cta-title .zap-icon{color:#f59e0b}@keyframes pulse-zap{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.final-boss-cta-description{max-width:600px;margin:0 auto 1.25rem;font-size:1rem;line-height:1.6;color:var(--text-secondary)}.final-boss-cta-description strong{color:#00f0ff;font-weight:600}[data-theme=light] .final-boss-cta-description strong{color:#d000d0}.final-boss-cta-features{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.cta-feature{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00f0ff14;border:1px solid rgba(0,240,255,.2);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-primary)}[data-theme=light] .cta-feature{background:#4f7c8214;border-color:#4f7c8233}.cta-feature svg{width:16px;height:16px;color:#00f0ff}[data-theme=light] .cta-feature svg{color:#d000d0}.final-boss-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2.5rem;min-width:320px;background:linear-gradient(135deg,#00f0ff,#b366ff,#fbbf24);background-size:200% 200%;border:none;border-radius:16px;font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:#0a0a0f;cursor:pointer;transition:all .4s ease;box-shadow:0 8px 32px #00f0ff4d,0 4px 16px #b8e3e933;animation:gradient-shift 4s ease infinite;position:relative;overflow:hidden}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.final-boss-download-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .5s ease}.final-boss-download-btn:hover:before{left:100%}.final-boss-download-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 12px 48px #00f0ff66,0 8px 24px #b8e3e94d,0 0 0 3px #00f0ff33}.final-boss-download-btn:disabled{opacity:.7;cursor:not-allowed;animation:none}.final-boss-download-btn svg{width:22px;height:22px}.final-boss-download-btn .btn-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;background:#0003;border-radius:6px;font-size:.7rem;font-weight:800;letter-spacing:.05em}.final-boss-cta-subtitle{margin:1rem 0 0;font-size:.875rem;color:var(--text-muted)}.final-boss-error{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;margin-bottom:1rem;background:#ff33661a;border:1px solid rgba(255,51,102,.3);border-radius:8px;color:#f36;font-size:.875rem}[data-theme=light] .final-boss-error{background:#dc26261a;border-color:#dc26264d;color:#dc2626}@media (max-width: 640px){.final-boss-hero-cta{padding:1.5rem 1rem;border-radius:16px}.final-boss-cta-title{font-size:1.25rem;flex-wrap:wrap}.final-boss-cta-title .zap-icon{width:20px;height:20px}.final-boss-cta-description{font-size:.9rem}.final-boss-cta-features{gap:.75rem}.cta-feature{padding:.375rem .75rem;font-size:.8rem}.final-boss-download-btn{min-width:100%;padding:.875rem 1.5rem;font-size:1rem}}.roadmap-header{text-align:center;margin-bottom:var(--space-10)}.roadmap-header h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-2);color:var(--text-primary)}.roadmap-header p{color:var(--text-secondary);font-size:var(--text-lg)}.roadmap-timeline{position:relative;padding-left:var(--space-12)}.roadmap-timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:3px;background:var(--primary-gradient);border-radius:var(--radius-full)}.timeline-step{position:relative;margin-bottom:var(--space-8)}.timeline-step:before{content:"";position:absolute;left:calc(-1 * var(--space-12) + 12px);top:0;width:18px;height:18px;border-radius:50%;background:var(--primary);border:3px solid var(--bg-secondary);box-shadow:0 0 15px var(--primary-glow)}.step-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.step-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translate(4px)}.step-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);flex-wrap:wrap;gap:var(--space-2)}.step-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.step-duration{font-size:var(--text-sm);color:var(--text-muted);background:var(--bg-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.step-description{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.step-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.action-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--primary-glow);color:var(--primary);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}@media (max-width: 768px){.readiness-score-container{flex-direction:column;text-align:center}.readiness-grade{text-align:center}.strengths-weaknesses-grid{grid-template-columns:1fr}.roadmap-timeline{padding-left:var(--space-8)}.roadmap-timeline:before{left:12px}.timeline-step:before{left:calc(-1 * var(--space-8) + 6px);width:14px;height:14px}}.readiness-container{min-height:100vh;background:linear-gradient(135deg,#f0eef8,#e4e0f2 35%,#d6d0ea 65%,#f0eef8);position:relative}[data-theme=dark] .readiness-container{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.readiness-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(79,124,130,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(184,227,233,.2) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(147,177,181,.1) 0%,transparent 50%);pointer-events:none;z-index:0}[data-theme=dark] .readiness-container:before{background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(167,139,250,.1) 0%,transparent 50%)}.readiness-main{max-width:1200px;margin:0 auto;padding:var(--space-8);position:relative;z-index:1}.page-header-premium{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8)}.page-header-premium .header-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);color:#fff;border-radius:var(--radius-xl);box-shadow:0 0 30px var(--primary-glow)}.page-header-premium h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.page-header-premium p{color:var(--text-secondary);font-size:var(--text-base)}.readiness-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}@media (max-width: 1024px){.readiness-grid{grid-template-columns:1fr}}.config-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-8)}.panel-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);color:var(--text-primary)}.panel-header h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold)}.config-section{margin-bottom:var(--space-6)}.section-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--text-primary)}.section-header h3{font-size:var(--text-base);font-weight:var(--font-medium)}.loading-inline{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--text-muted)}.no-resumes-card{text-align:center;padding:var(--space-8);background:var(--bg-secondary);border-radius:var(--radius-xl);border:2px dashed var(--border-color)}.no-resumes-card p{color:var(--text-muted);margin:var(--space-4) 0}.form-select{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--text-base);transition:all var(--transition-fast)}.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);outline:none}.role-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.chip{padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.chip:hover{border-color:var(--primary);color:var(--primary)}.chip.active{background:var(--primary-glow);border-color:var(--primary);color:var(--primary)}.config-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.config-field label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.slider-value{font-weight:var(--font-bold);color:var(--primary);font-size:var(--text-lg)}.range-slider{width:100%;height:8px;border-radius:var(--radius-full);background:var(--bg-tertiary);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px var(--primary-glow);cursor:pointer;transition:transform var(--transition-fast)}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.preview-panel{min-height:400px}.generating-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12);min-height:400px}.generating-animation{margin-bottom:var(--space-6)}.sparkle-icon{color:var(--primary);animation:pulse 1.5s ease-in-out infinite}.generating-state h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.generating-state p{color:var(--text-muted);margin-bottom:var(--space-6)}.generating-state .progress-bar{width:200px;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.generating-state .progress-fill.generating{width:30%;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{transform:translate(-100%);width:30%}50%{width:50%}to{transform:translate(400%);width:30%}}.no-plan{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12);min-height:400px}.no-plan-icon{margin-bottom:var(--space-6);color:var(--text-muted);opacity:.5}.no-plan h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.no-plan p{color:var(--text-muted);margin-bottom:var(--space-6);max-width:300px}.feature-list{list-style:none;text-align:left}.feature-list li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--text-secondary);font-size:var(--text-sm)}.feature-list li svg{color:var(--success);flex-shrink:0}.live-interview-container{height:100vh;max-height:100vh;min-height:100vh;overflow:hidden;background:var(--bg-secondary);display:flex;flex-direction:column}[data-theme=dark] .live-interview-container{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.interview-loading{flex:1;display:flex;align-items:center;justify-content:center}.loading-card,.error-card{text-align:center;padding:var(--space-12);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);max-width:400px}.loading-card svg,.error-card svg{color:var(--primary);margin-bottom:var(--space-4)}.error-card svg{color:var(--danger)}.loading-card h2,.error-card h2{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-2);color:var(--text-primary)}.loading-card p,.error-card p{color:var(--text-muted);margin-bottom:var(--space-6)}.interview-main{flex:1;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden;box-sizing:border-box;position:relative;padding:12px 16px}.interview-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);margin-bottom:var(--space-4);flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:var(--space-3)}.header-left h2{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.persona-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.persona-badge.persona-neutral{background:var(--info-bg);color:var(--info)}.persona-badge.persona-strict{background:var(--danger-bg);color:var(--danger)}.persona-badge.persona-friendly{background:var(--success-bg);color:var(--success)}.persona-badge.persona-stress{background:var(--warning-bg);color:var(--warning)}.header-progress{display:flex;align-items:center;gap:var(--space-4)}.header-progress .progress-text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.header-progress .progress-separator{color:var(--text-muted);margin:0 var(--space-1)}.header-progress .progress-bar{width:120px;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.header-progress .progress-fill{height:100%;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width var(--transition-base)}.header-controls{display:flex;gap:var(--space-2)}.btn-danger{color:var(--danger)}.btn-danger:hover{background:var(--danger-bg)}.paused-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100}.paused-card{text-align:center;padding:var(--space-12);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);max-width:400px}.paused-card h3{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-2);color:var(--text-primary)}.paused-card p{color:var(--text-muted);margin-bottom:var(--space-6)}.avatar-status{margin-top:var(--space-4)}.avatar-status .status{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium)}.avatar-status .status.speaking{background:var(--primary-glow);color:var(--primary);animation:pulse 1s infinite}.avatar-status .status.listening{background:var(--success-bg);color:var(--success)}.avatar-status .status.idle{background:var(--bg-tertiary);color:var(--text-muted)}.chat-panel{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);min-height:400px;max-height:500px}.chat-message{display:flex;gap:var(--space-3);animation:fadeIn .3s ease-out}.chat-message.system{justify-content:center}.system-badge{padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-muted)}.avatar-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--text-lg)}.avatar-icon.user{background:var(--bg-tertiary)}.message-content{max-width:70%}.message-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.sender-name{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.question-badge{padding:var(--space-1) var(--space-2);background:var(--primary-gradient);color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:var(--radius-sm)}.message-bubble{padding:var(--space-4);border-radius:var(--radius-xl);font-size:var(--text-base);line-height:var(--leading-relaxed)}.chat-message.interviewer .message-bubble{background:var(--bg-secondary);border:1px solid var(--border-color);border-bottom-left-radius:var(--radius-sm);color:var(--text-primary)}.chat-message.user .message-bubble{background:var(--primary-gradient);color:#fff;border-bottom-right-radius:var(--radius-sm)}.chat-message.user .message-header{justify-content:flex-end}.feedback-toast{position:absolute;bottom:var(--space-20);right:var(--space-6);width:300px;padding:var(--space-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:slideIn .3s ease-out;z-index:10}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.feedback-toast.good{background:var(--success-bg);border:1px solid var(--success)}.feedback-toast.ok{background:var(--warning-bg);border:1px solid var(--warning)}.feedback-toast.needs-work{background:var(--danger-bg);border:1px solid var(--danger)}.feedback-toast .feedback-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-weight:var(--font-semibold)}.feedback-toast.good .feedback-header{color:var(--success)}.feedback-toast.ok .feedback-header{color:var(--warning)}.feedback-toast.needs-work .feedback-header{color:var(--danger)}.feedback-toast .feedback-header button{margin-left:auto;font-size:var(--text-lg);opacity:.7}.feedback-toast p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.feedback-toast .feedback-score{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted)}.chat-input-area{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);background:var(--bg-card)}.chat-input-area form{display:flex;flex-direction:column;gap:var(--space-3)}.chat-input-area .chat-input{width:100%;padding:var(--space-4);border:2px solid var(--border-color);border-radius:var(--radius-xl);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-base);resize:none;transition:all var(--transition-fast)}.chat-input-area .chat-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);outline:none}.input-actions{display:flex;align-items:center;justify-content:space-between}.input-hint{font-size:var(--text-xs);color:var(--text-muted)}.input-container{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-1);transition:all var(--transition-fast)}.input-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.input-container .chat-input{flex:1;border:none!important;background:transparent!important;padding:var(--space-3)!important;box-shadow:none!important}.input-container .chat-input:focus{border:none!important;box-shadow:none!important}.input-actions-inline{display:flex;align-items:center;padding-right:var(--space-2)}.send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:var(--radius-lg);background:linear-gradient(135deg,#d000d0,#d000d0);color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #4f7c8259}.send-btn:hover:not(:disabled){background:linear-gradient(135deg,#d000d0,#191970);transform:scale(1.05);box-shadow:0 4px 12px #4f7c8273}.send-btn:active:not(:disabled){transform:scale(.98)}.send-btn:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.send-btn.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98159}.send-btn.active:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98173}.send-btn .spin{animation:spin 1s linear infinite}.recording-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse-dot 1s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.media-btn{position:relative}.media-btn.recording{background:#ef444433;border-color:#ef4444;color:#ef4444}.completing-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-8);margin:var(--space-6);background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(0,0,0,.05);box-shadow:0 8px 32px #00000014}[data-theme=dark] .completing-card{background:#1e293bcc;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.completing-card svg{color:var(--success);margin-bottom:var(--space-4);animation:sparkle-spin 2s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(34,197,94,.4))}@keyframes sparkle-spin{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.1) rotate(10deg);opacity:.9}}.completing-card h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-2);color:var(--text-primary);background:linear-gradient(135deg,#d000d0,#0cc,#b366ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.completing-card p{color:var(--text-secondary);margin-bottom:var(--space-6);font-size:1.05rem}.completing-card .btn-primary{padding:14px 32px;font-size:1rem;font-weight:600;border-radius:14px;background:linear-gradient(135deg,#d000d0,#0cc);box-shadow:0 4px 16px #4f7c8259;transition:all .3s ease}.completing-card .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #4f7c8273}.analytics-container{min-height:100vh;background:linear-gradient(135deg,#f0eef8,#e4e0f2 35%,#d6d0ea 65%,#f0eef8)}[data-theme=dark] .analytics-container{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.analytics-main{max-width:1280px;margin:0 auto;padding:var(--space-8)}.analytics-header{margin-bottom:var(--space-8)}.analytics-header h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.analytics-header p{color:var(--text-secondary)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.analytics-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-6)}.analytics-card h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4);color:var(--text-primary)}.analytics-loading{flex:1;display:flex;align-items:center;justify-content:center;min-height:60vh}.analytics-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-8)}.analytics-header .header-content{display:flex;align-items:center;gap:var(--space-4)}.analytics-header .header-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);color:#fff;border-radius:var(--radius-xl);box-shadow:0 0 20px var(--primary-glow)}.analytics-header h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.analytics-header p{color:var(--text-secondary);font-size:var(--text-sm)}.analytics-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.stat-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-xl);color:var(--text-secondary)}.stat-icon-wrapper.success{background:var(--success-bg);color:var(--success)}.stat-icon-wrapper.warning{background:var(--warning-bg);color:var(--warning)}.stat-icon-wrapper.primary{background:var(--primary-glow);color:var(--primary)}.stat-icon-wrapper.trend-up{background:var(--success-bg);color:var(--success)}.stat-icon-wrapper.trend-down{background:var(--danger-bg);color:var(--danger)}.stat-sub{font-size:var(--text-xs);color:var(--text-muted)}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.analytics-section{margin-bottom:var(--space-8)}.analytics-section .section-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6);color:var(--primary)}.analytics-section .section-header h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.analytics-section .section-header p{font-size:var(--text-sm);color:var(--text-muted)}.chart-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-6)}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;color:var(--text-muted)}.chart-empty svg{opacity:.3;margin-bottom:var(--space-4)}.progress-chart{padding:var(--space-4) 0}.chart-bars{display:flex;align-items:flex-end;justify-content:space-around;height:200px;padding:var(--space-4);gap:var(--space-2)}.chart-bar-container{display:flex;flex-direction:column;align-items:center;flex:1;max-width:60px}.chart-bar{width:100%;background:var(--primary-gradient);border-radius:var(--radius-lg) var(--radius-lg) 0 0;transition:height var(--transition-base);display:flex;align-items:flex-start;justify-content:center;padding-top:var(--space-2);min-height:20px}.chart-bar.no-data{background:var(--bg-tertiary)}.bar-value{font-size:var(--text-xs);font-weight:var(--font-bold);color:#fff}.bar-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2);text-align:center}.improvement-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:var(--space-4)}.improvement-badge.up{background:var(--success-bg);color:var(--success)}.improvement-badge.down{background:var(--warning-bg);color:var(--warning)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.skill-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-6)}.skill-section-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.skill-section-header h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.skill-bars{display:flex;flex-direction:column;gap:var(--space-4)}.skill-bar-item{display:flex;flex-direction:column;gap:var(--space-2)}.skill-info{display:flex;justify-content:space-between;align-items:center}.skill-name{font-size:var(--text-sm);color:var(--text-primary)}.skill-score{font-size:var(--text-sm);font-weight:var(--font-semibold)}.skill-score.score-excellent{color:var(--success)}.skill-score.score-good{color:var(--primary)}.skill-score.score-fair{color:var(--warning)}.skill-score.score-needs-work{color:var(--danger)}.skill-bar{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.skill-bar-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-base)}.skill-bar-fill.score-excellent{background:var(--success)}.skill-bar-fill.score-good{background:var(--primary)}.skill-bar-fill.score-fair{background:var(--warning)}.skill-bar-fill.score-needs-work{background:var(--danger)}.question-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.question-type-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.question-type-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.type-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary-glow);color:var(--primary);border-radius:var(--radius-xl)}.type-info{display:flex;flex-direction:column}.type-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.type-score{font-size:var(--text-lg);font-weight:var(--font-bold)}.type-count{font-size:var(--text-xs);color:var(--text-muted)}.empty-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl)}.empty-state-card svg{color:var(--text-muted);opacity:.3;margin-bottom:var(--space-4)}.empty-state-card h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.empty-state-card p{color:var(--text-muted);margin-bottom:var(--space-6)}.recent-interviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.recent-interview-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);cursor:pointer;transition:all var(--transition-fast)}.recent-interview-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.recent-interview-card .interview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.interview-role{font-weight:var(--font-semibold);color:var(--text-primary)}.interview-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.meta-badge{padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary)}.score-badge{display:inline-flex;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold)}.score-badge.score-excellent{background:var(--success-bg);color:var(--success)}.score-badge.score-good{background:var(--primary-glow);color:var(--primary)}.score-badge.score-fair{background:var(--warning-bg);color:var(--warning)}.score-badge.score-needs-work{background:var(--danger-bg);color:var(--danger)}.score-badge.pending{background:var(--bg-tertiary);color:var(--text-muted)}.disclaimer-section{padding:var(--space-6);background:var(--bg-tertiary);border-radius:var(--radius-xl);margin-bottom:var(--space-8)}.disclaimer-section p{font-size:var(--text-sm);color:var(--text-muted);text-align:center}.cta-section{display:flex;justify-content:center;padding:var(--space-8)}.roadmap-container{min-height:100vh;background:linear-gradient(135deg,#f0eef8,#e4e0f2 35%,#d6d0ea 65%,#f0eef8)}[data-theme=dark] .roadmap-container{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.roadmap-loading{flex:1;display:flex;align-items:center;justify-content:center;min-height:60vh}.roadmap-main{max-width:900px;margin:0 auto;padding:var(--space-8)}.roadmap-header{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8)}.roadmap-header .header-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);color:#fff;border-radius:var(--radius-2xl);box-shadow:0 0 30px var(--primary-glow)}.roadmap-header .header-content h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.roadmap-role{color:var(--text-secondary);font-size:var(--text-lg);margin-bottom:var(--space-2)}.duration-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--primary-glow);color:var(--primary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium)}.roadmap-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-8);margin-bottom:var(--space-6)}[data-theme=dark] .roadmap-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.roadmap-card .card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);color:var(--primary)}.roadmap-card .card-header h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.summary-card .summary-text{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.key-actions h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.action-list{list-style:none;counter-reset:action}.action-list li{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-color)}.action-list li:last-child{border-bottom:none}.action-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);color:#fff;border-radius:50%;font-size:var(--text-sm);font-weight:var(--font-bold);flex-shrink:0}.action-text{color:var(--text-primary);line-height:var(--leading-relaxed)}.phases-timeline{position:relative;padding-left:var(--space-8)}.phases-timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--primary) 0%,var(--accent) 100%)}.phase-item{position:relative;padding-bottom:var(--space-8)}.phase-item:last-child{padding-bottom:0}.phase-marker{position:absolute;left:calc(-1 * var(--space-8) + 4px);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--primary);border-radius:50%;z-index:1}.phase-number{font-size:var(--text-xs);font-weight:var(--font-bold);color:#fff}.phase-content{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-5)}.phase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.phase-header h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.phase-weeks{font-size:var(--text-sm);color:var(--primary);font-weight:var(--font-medium)}.phase-focus{list-style:none}.phase-focus li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--text-secondary);font-size:var(--text-sm)}.phase-focus li svg{color:var(--primary);flex-shrink:0}.gaps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.gap-card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-4)}.gap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.gap-skill{font-weight:var(--font-semibold);color:var(--text-primary)}.priority-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:capitalize}.priority-badge.priority-high{background:var(--danger-bg);color:var(--danger)}.priority-badge.priority-medium{background:var(--warning-bg);color:var(--warning)}.priority-badge.priority-low{background:var(--success-bg);color:var(--success)}.gap-levels{display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-sm)}.gap-levels .level.current{color:var(--danger)}.gap-levels .level.target{color:var(--success)}.learning-timeline{display:flex;flex-direction:column;gap:var(--space-4)}.learning-item{display:flex;gap:var(--space-4)}.learning-order{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);color:#fff;border-radius:50%;font-weight:var(--font-bold);flex-shrink:0}.learning-content{flex:1;background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-5)}.learning-content h3{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.learning-content p{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-3)}.learning-meta{display:flex;gap:var(--space-4);margin-bottom:var(--space-3)}.learning-meta .duration{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.resources{padding-top:var(--space-3);border-top:1px solid var(--border-color)}.resources strong{font-size:var(--text-sm);color:var(--text-primary)}.resources ul{margin-top:var(--space-2);padding-left:var(--space-4)}.resources li{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-1) 0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.project-card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-5)}.project-card h3{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.project-card p{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-3)}.project-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.difficulty-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:capitalize}.difficulty-badge.difficulty-easy{background:var(--success-bg);color:var(--success)}.difficulty-badge.difficulty-medium{background:var(--warning-bg);color:var(--warning)}.difficulty-badge.difficulty-hard{background:var(--danger-bg);color:var(--danger)}.project-meta .duration{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skill-tag{padding:var(--space-1) var(--space-2);background:var(--primary-glow);color:var(--primary);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium)}.practice-block{padding:var(--space-5);background:var(--bg-secondary);border-radius:var(--radius-xl);margin-bottom:var(--space-4)}.practice-block:last-child{margin-bottom:0}.practice-block h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3)}.practice-block p{color:var(--text-secondary);line-height:var(--leading-relaxed)}.practice-list{list-style:none}.practice-list li{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;color:var(--text-secondary);font-size:var(--text-sm)}.practice-list li svg{color:var(--primary);flex-shrink:0;margin-top:2px}.practice-block.tips{background:var(--primary-glow)}.practice-block.tips li svg{color:var(--accent)}.metrics-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3)}.metrics-list li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-lg)}.metrics-list li svg{color:var(--success);flex-shrink:0}.metrics-list li span{color:var(--text-primary);font-size:var(--text-sm)}.milestones-timeline{position:relative;padding-left:var(--space-8)}.milestones-timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:var(--accent-gradient)}.milestone-item{position:relative;padding-bottom:var(--space-6)}.milestone-item:last-child{padding-bottom:0}.milestone-marker{position:absolute;left:calc(-1 * var(--space-8) + 4px);display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.milestone-marker svg{color:var(--accent)}.milestone-marker span{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.milestone-content{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-5);margin-left:var(--space-4)}.milestone-content h4{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3)}.deliverables{list-style:none}.deliverables li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;color:var(--text-secondary);font-size:var(--text-sm)}.deliverables li svg{color:var(--success);flex-shrink:0}.roadmap-disclaimer{padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.roadmap-disclaimer p{font-size:var(--text-sm);color:var(--text-muted);text-align:center}.roadmap-actions{display:flex;justify-content:center;gap:var(--space-4);padding:var(--space-8)}@media (max-width: 768px){.roadmap-header{flex-direction:column;text-align:center}.phases-timeline,.milestones-timeline{padding-left:var(--space-6)}.phases-timeline:before,.milestones-timeline:before{left:11px}.phase-marker{left:calc(-1 * var(--space-6) + 4px);width:20px;height:20px}.roadmap-actions{flex-direction:column}}.input-row{display:flex;gap:.75rem;align-items:flex-start}.voice-btn{flex-shrink:0;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.voice-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--primary);color:var(--primary)}.voice-btn.recording{background:#22c55e26;border-color:#22c55e;color:#22c55e;animation:pulse-ring 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-ring{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 8px #22c55e00}}.voice-btn:disabled{opacity:.5;cursor:not-allowed}.media-controls{display:flex;gap:.5rem;margin-right:.5rem}.media-controls .btn-icon.active{color:var(--success)}.chat-input-area .chat-input{flex:1}.status.speaking:before{content:"";display:inline-block;width:8px;height:8px;background:#22c55e;border-radius:50%;margin-right:8px;animation:pulse 1s ease-in-out infinite}.status.listening:before{content:"";display:inline-block;width:8px;height:8px;background:#d000d0;border-radius:50%;margin-right:8px;animation:pulse 1.5s ease-in-out infinite}.interview-content.no-avatar .chat-panel{max-width:900px;margin:0 auto}.btn{min-height:44px;line-height:1.2}.btn-sm{min-height:36px}.btn-lg{min-height:52px}.btn-icon{min-height:44px;min-width:44px}.btn-icon.btn-sm{min-height:36px;min-width:36px;width:36px;height:36px}.btn-success{background:var(--success);color:#fff;box-shadow:0 2px 8px #10b9814d}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-warning{background:var(--warning);color:#1a1a1a;box-shadow:0 2px 8px #f59e0b4d}.btn-warning:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.btn-outline{background:transparent;border:2px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.btn-outline-primary{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline-primary:hover:not(:disabled){background:var(--primary);color:#fff}.btn-outline-danger{background:transparent;border:2px solid var(--danger);color:var(--danger)}.btn-outline-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn.loading{position:relative;color:transparent!important;pointer-events:none}.btn.loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}.btn-primary.loading:after,.btn-success.loading:after,.btn-danger.loading:after{border-color:#ffffff4d;border-right-color:#fff}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);margin-bottom:var(--space-4);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.alert-icon{flex-shrink:0;margin-top:1px}.alert-content{flex:1;min-width:0}.alert-title{font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.alert-close{flex-shrink:0;padding:var(--space-1);border-radius:var(--radius-md);opacity:.7;transition:opacity var(--transition-fast)}.alert-close:hover{opacity:1}.alert-info{background:var(--info-bg);border:1px solid rgba(79,124,130,.3);color:var(--info)}.alert-success{background:var(--success-bg);border:1px solid rgba(16,185,129,.3);color:var(--success)}.alert-warning{background:var(--warning-bg);border:1px solid rgba(245,158,11,.3);color:var(--warning)}.alert-error{background:var(--danger-bg);border:1px solid rgba(239,68,68,.3);color:var(--danger)}[data-theme=dark] .alert-info{border-color:#60a5fa40}[data-theme=dark] .alert-success{border-color:#34d39940}[data-theme=dark] .alert-warning{border-color:#fbbf2440}[data-theme=dark] .alert-error{border-color:#f8717140}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.6}.empty-state-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-base);color:var(--text-muted);max-width:400px;margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.empty-state-action{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--bg-secondary)}.error-card{max-width:480px;width:100%;text-align:center;padding:var(--space-10);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.error-illustration{font-size:5rem;margin-bottom:var(--space-6);filter:grayscale(.3)}.error-code{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--font-extrabold);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2)}.error-heading{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-3)}.error-message{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.error-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.field-error{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--danger)}.field-error svg{flex-shrink:0;width:14px;height:14px}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-md);white-space:nowrap}.badge-primary{background:var(--primary-glow);color:var(--primary)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-neutral{background:var(--bg-tertiary);color:var(--text-muted)}.badge-lg{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-lg)}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.9);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:#fff;background:var(--text-primary);border-radius:var(--radius-md);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:1000;pointer-events:none}[data-tooltip]:after{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--text-primary);opacity:0;visibility:hidden;transition:all var(--transition-fast)}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}.progress{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-bar.success{background:var(--success)}.progress-bar.warning{background:var(--warning)}.progress-bar.danger{background:var(--danger)}.progress-lg{height:12px}.progress-labeled{display:flex;align-items:center;gap:var(--space-3)}.progress-labeled .progress{flex:1}.progress-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);min-width:48px;text-align:right}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-card-hover) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:70%}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full)}.skeleton-card{height:200px;border-radius:var(--radius-xl)}.divider{border:none;height:1px;background:var(--border-color);margin:var(--space-6) 0}.divider-text{display:flex;align-items:center;gap:var(--space-4);color:var(--text-muted);font-size:var(--text-sm)}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background:var(--border-color)}.avatar{display:flex;align-items:center;justify-content:center;background:var(--primary-glow);border-radius:var(--radius-full);font-weight:var(--font-semibold);color:var(--primary);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-md{width:40px;height:40px;font-size:var(--text-sm)}.avatar-lg{width:56px;height:56px;font-size:var(--text-lg)}.avatar-xl{width:80px;height:80px;font-size:var(--text-2xl)}.avatar-group{display:flex}.avatar-group .avatar{border:2px solid var(--bg-card);margin-left:-8px}.avatar-group .avatar:first-child{margin-left:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .2s ease-out}.modal{width:100%;max-width:520px;max-height:90vh;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color)}.modal-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:var(--space-6);overflow-y:auto;max-height:calc(90vh - 140px)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);background:var(--bg-secondary)}.table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-xl)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{padding:var(--space-4);text-align:left;font-weight:var(--font-semibold);color:var(--text-secondary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);white-space:nowrap}.table td{padding:var(--space-4);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-card-hover)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(-5%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-fade-in{animation:fadeIn .3s ease-out}.focus-ring:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.scroll-container{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.scroll-container::-webkit-scrollbar{width:6px}.scroll-container::-webkit-scrollbar-track{background:transparent}.scroll-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.scroll-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media print{.no-print{display:none!important}body{background:#fff;color:#000}.card{box-shadow:none;border:1px solid #ddd}}.error-boundary-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--bg-secondary);position:relative;overflow:hidden}.error-boundary-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 30%,rgba(239,68,68,.1) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(79,124,130,.1) 0%,transparent 40%);z-index:0}.error-boundary-content{position:relative;z-index:1;max-width:480px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-3xl);padding:var(--space-12);text-align:center;box-shadow:var(--shadow-xl)}[data-theme=dark] .error-boundary-content{box-shadow:var(--shadow-xl),0 0 40px #ef44441a}.error-boundary-icon{font-size:4rem;margin-bottom:var(--space-6);filter:drop-shadow(0 0 20px rgba(239,68,68,.3))}.error-boundary-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-4)}.error-boundary-message{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.error-boundary-details{text-align:left;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6);max-height:200px;overflow-y:auto}.error-boundary-details summary{cursor:pointer;font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.error-boundary-details pre{font-size:var(--text-xs);color:var(--danger);white-space:pre-wrap;word-break:break-word;margin:var(--space-2) 0 0}.error-boundary-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.error-boundary-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);font-weight:var(--font-semibold);font-size:var(--text-base);border-radius:var(--radius-xl);transition:all var(--transition-base);width:100%;min-height:48px}.error-boundary-btn.primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-md)}.error-boundary-btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px var(--primary-glow)}.error-boundary-btn.secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.error-boundary-btn.secondary:hover{border-color:var(--primary);background:var(--bg-card-hover)}.error-boundary-btn.ghost{background:transparent;color:var(--text-muted)}.error-boundary-btn.ghost:hover{color:var(--text-primary);background:var(--bg-tertiary)}.error-boundary-hint{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed)}.btn{min-height:40px;line-height:1.2}.btn-lg{min-height:48px}.btn-sm{min-height:32px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:40px}.btn-icon svg{flex-shrink:0}.btn span{display:inline-flex;align-items:center}.card{padding:var(--space-6)}.card-lg{padding:var(--space-8)}.card-sm{padding:var(--space-4)}.card h2,.card h3{margin-bottom:var(--space-4)}.card h2:first-child,.card h3:first-child{margin-top:0}.form-input,.form-group input,.form-group select,.form-group textarea{min-height:44px;display:flex;align-items:center}.form-group textarea{min-height:100px;resize:vertical}.form-group label{display:inline-flex;align-items:center;gap:var(--space-2)}[data-theme=dark] .text-muted,[data-theme=dark] .muted-text{color:var(--text-muted);opacity:.9}[data-theme=dark] .card,[data-theme=dark] .stat-card,[data-theme=dark] .action-card,[data-theme=dark] .recent-item{border-color:var(--border-light)}[data-theme=dark] .dropdown-menu{background:var(--bg-card);border-color:var(--border-light);box-shadow:var(--shadow-xl)}[data-theme=dark] .empty-state{border-color:var(--border-color);background:var(--bg-card)}[data-theme=dark] .question-box{background:#1e293b80;border-color:var(--border-light)}[data-theme=light] .card,[data-theme=light] .stat-card,[data-theme=light] .action-card{box-shadow:var(--shadow-card)}[data-theme=light] .dropdown-menu{box-shadow:var(--shadow-xl)}:root:not([data-theme=dark]) .btn-primary,[data-theme=light] .btn-primary{background:linear-gradient(135deg,#191970,#2b2b8a,#d000d0);color:#fff;border:2px solid rgba(184,227,233,.2);box-shadow:0 8px 25px #0b2e3340,0 4px 10px #0b2e3326,inset 0 1px #ffffff1a;text-shadow:0 1px 2px rgba(0,0,0,.3)}:root:not([data-theme=dark]) .btn-primary:hover:not(:disabled),[data-theme=light] .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#072024,#191970,#3d6268);box-shadow:0 12px 35px #0b2e334d,0 6px 15px #0b2e3333,inset 0 1px #ffffff26;transform:translateY(-2px)}:root:not([data-theme=dark]) .btn-primary:active:not(:disabled),[data-theme=light] .btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 15px #0b2e3333,inset 0 2px 4px #0000001a}:root:not([data-theme=dark]) .btn-secondary,[data-theme=light] .btn-secondary{background:linear-gradient(135deg,#d000d0,#7272a8);color:#fff;border:2px solid rgba(184,227,233,.25);box-shadow:0 4px 15px #4f7c8233,inset 0 1px #ffffff1a}:root:not([data-theme=dark]) .btn-secondary:hover:not(:disabled),[data-theme=light] .btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#3d6268,#d000d0);border-color:#b8e3e959;box-shadow:0 8px 25px #4f7c8240,inset 0 1px #ffffff26}:root:not([data-theme=dark]) .btn-ghost,[data-theme=light] .btn-ghost{background:#4f7c8214;color:#2b2b8a;border:1px solid rgba(79,124,130,.2)}:root:not([data-theme=dark]) .btn-ghost:hover:not(:disabled),[data-theme=light] .btn-ghost:hover:not(:disabled){background:#4f7c8226;color:#191970;border-color:#4f7c824d}:root:not([data-theme=dark]) .action-card.primary,[data-theme=light] .action-card.primary{background:linear-gradient(135deg,#191970,#2b2b8a,#d000d0);border:2px solid rgba(184,227,233,.2);color:#fff;box-shadow:0 10px 30px #0b2e3333,inset 0 1px #ffffff1a}:root:not([data-theme=dark]) .action-card.primary:hover,[data-theme=light] .action-card.primary:hover{background:linear-gradient(135deg,#072024,#191970,#3d6268);box-shadow:0 15px 40px #0b2e3340,inset 0 1px #ffffff26}:root:not([data-theme=dark]) .action-card.primary h3,[data-theme=light] .action-card.primary h3,:root:not([data-theme=dark]) .action-card.primary p,[data-theme=light] .action-card.primary p{color:#fff}:root:not([data-theme=dark]) .resume-actions .btn,[data-theme=light] .resume-actions .btn,:root:not([data-theme=dark]) .file-actions .btn,[data-theme=light] .file-actions .btn{background:linear-gradient(135deg,#191970,#d000d0);color:#fff;border:1px solid rgba(184,227,233,.2)}:root:not([data-theme=dark]) .resume-actions .btn:hover,[data-theme=light] .resume-actions .btn:hover,:root:not([data-theme=dark]) .file-actions .btn:hover,[data-theme=light] .file-actions .btn:hover{background:linear-gradient(135deg,#072024,#3d6268)}:root:not([data-theme=dark]) .section-header-row .btn,[data-theme=light] .section-header-row .btn{background:linear-gradient(135deg,#191970,#d000d0);color:#fff;border:1px solid rgba(184,227,233,.2)}:root:not([data-theme=dark]) .modal-actions .btn-primary,[data-theme=light] .modal-actions .btn-primary,:root:not([data-theme=dark]) .dialog-actions .btn-primary,[data-theme=light] .dialog-actions .btn-primary{background:linear-gradient(135deg,#191970,#2b2b8a,#d000d0);color:#fff}:root:not([data-theme=dark]) .upload-btn,[data-theme=light] .upload-btn,:root:not([data-theme=dark]) .action-btn,[data-theme=light] .action-btn{background:linear-gradient(135deg,#191970,#d000d0);color:#fff;border:2px solid rgba(184,227,233,.2);box-shadow:0 6px 20px #0b2e3333}:root:not([data-theme=dark]) .upload-btn:hover,[data-theme=light] .upload-btn:hover,:root:not([data-theme=dark]) .action-btn:hover,[data-theme=light] .action-btn:hover{background:linear-gradient(135deg,#072024,#3d6268);box-shadow:0 10px 30px #0b2e3340}:root:not([data-theme=dark]) .nav-tab.active,[data-theme=light] .nav-tab.active,:root:not([data-theme=dark]) .tab-btn.active,[data-theme=light] .tab-btn.active{background:linear-gradient(135deg,#191970,#d000d0);color:#fff;border-color:#b8e3e933}:root:not([data-theme=dark]) .start-btn,[data-theme=light] .start-btn,:root:not([data-theme=dark]) .submit-btn,[data-theme=light] .submit-btn,:root:not([data-theme=dark]) .cta-btn,[data-theme=light] .cta-btn{background:linear-gradient(135deg,#191970,#2b2b8a,#d000d0);color:#fff;border:2px solid rgba(184,227,233,.2);box-shadow:0 10px 30px #0b2e3340,inset 0 1px #ffffff1a}:root:not([data-theme=dark]) .start-btn:hover,[data-theme=light] .start-btn:hover,:root:not([data-theme=dark]) .submit-btn:hover,[data-theme=light] .submit-btn:hover,:root:not([data-theme=dark]) .cta-btn:hover,[data-theme=light] .cta-btn:hover{background:linear-gradient(135deg,#072024,#191970,#3d6268);box-shadow:0 15px 40px #0b2e334d,inset 0 1px #ffffff26}.card:hover,.stat-card:hover,.action-card:hover,.recent-item:hover,.btn:hover{transition:all var(--transition-base)}.action-card:hover,.stat-card:hover{transform:translateY(-4px)}.loading-container{background:var(--bg-secondary)}[data-theme=dark] .loading-container{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.loading-content{padding:var(--space-8);background:var(--bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}[data-theme=dark] .loading-content{box-shadow:var(--shadow-lg),var(--shadow-glow)}.chat-message{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.chat-message .message-avatar{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.chat-message .message-content{flex:1;min-width:0}.chat-message .message-bubble{padding:var(--space-4);border-radius:var(--radius-xl);line-height:var(--leading-relaxed)}.chat-message.interviewer .message-bubble{background:var(--bg-tertiary);border:1px solid var(--border-color)}.chat-message.user .message-bubble{background:var(--primary-gradient);color:#fff}@media (max-width: 640px){.dashboard-main,.resumes-main,.interview-main,.card,.stat-card,.action-card{padding:var(--space-4)}.quick-actions .action-card{width:100%}.welcome-section h1{font-size:var(--text-2xl)}}@media (max-width: 480px){.error-boundary-content{padding:var(--space-6);margin:var(--space-4)}.error-boundary-title{font-size:var(--text-2xl)}.error-boundary-icon{font-size:3rem}}.card,.stat-card,.action-card{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn:focus-visible,.nav-link:focus-visible,.form-input:focus-visible,.form-group input:focus-visible,.form-group select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:0;padding:var(--space-2) var(--space-4);background:var(--primary);color:#fff;z-index:1000}.skip-link:focus{left:0}.profile-container{min-height:100vh;background:linear-gradient(135deg,#f0eef8,#e4e0f2 35%,#d6d0ea 65%,#f0eef8);position:relative}[data-theme=dark] .profile-container{background:linear-gradient(180deg,#0a1628,#0d1f3c,#0a1628)}.profile-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(79,124,130,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(184,227,233,.2) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(147,177,181,.1) 0%,transparent 50%);pointer-events:none;z-index:0}[data-theme=dark] .profile-container:before{background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(167,139,250,.1) 0%,transparent 50%)}.profile-main{display:flex;max-width:1300px;margin:0 auto;padding:2rem 2rem 4rem;gap:2rem;position:relative;z-index:1}.profile-sidebar{width:300px;flex-shrink:0;background:#fffffff2;border:1px solid rgba(147,177,181,.15);border-radius:28px;padding:2rem;height:fit-content;position:sticky;top:100px;box-shadow:0 8px 32px #93b1b514,0 0 0 1px #ffffff80 inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=dark] .profile-sidebar{background:#0f1932d9;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0000004d,0 0 50px #8b5cf626,0 0 0 1px #8b5cf633 inset}.sidebar-header{text-align:center;padding-bottom:1.75rem;border-bottom:1px solid rgba(147,177,181,.15);margin-bottom:1.25rem}[data-theme=dark] .sidebar-header{border-bottom:1px solid rgba(139,92,246,.25)}.user-avatar-large{width:90px;height:90px;background:linear-gradient(135deg,#d000d0,#0cc,#b366ff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.25rem;font-weight:800;color:#fff;margin:0 auto 1rem;box-shadow:0 8px 24px #93b1b54d,0 0 0 4px #93b1b51a}[data-theme=dark] .user-avatar-large{box-shadow:0 8px 32px #8b5cf666,0 0 40px #8b5cf64d,0 0 0 4px #8b5cf633}.user-name{font-size:1.25rem;font-weight:700;color:#191970;margin-bottom:.25rem}[data-theme=dark] .user-name{color:#f1f5f9}.user-email{font-size:.9rem;color:#7272a8}[data-theme=dark] .user-email{color:#94a3b8cc}.profile-sidebar .sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.profile-sidebar .nav-item{display:flex;align-items:center;gap:.875rem;width:100%;padding:1rem 1.25rem;border-radius:14px;font-size:.95rem;font-weight:600;color:#2b2b8a;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent;border:none;cursor:pointer}[data-theme=dark] .profile-sidebar .nav-item{color:#c7d2fecc}.profile-sidebar .nav-item:hover{background:#93b1b51a;color:#d000d0;transform:translate(4px)}[data-theme=dark] .profile-sidebar .nav-item:hover{background:#8b5cf626;color:#a78bfa}.profile-sidebar .nav-item.active{background:linear-gradient(135deg,#4f7c8226,#93b1b533);color:#7c3aed;box-shadow:0 0 0 1px #93b1b54d}[data-theme=dark] .profile-sidebar .nav-item.active{background:linear-gradient(135deg,#6366f133,#8b5cf640);color:#a78bfa;box-shadow:0 0 20px #8b5cf633,0 0 0 1px #8b5cf666}.profile-sidebar .nav-arrow{margin-left:auto;opacity:0;transition:all .3s ease}.profile-sidebar .nav-item:hover .nav-arrow,.profile-sidebar .nav-item.active .nav-arrow{opacity:1;transform:translate(4px)}.sidebar-footer{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid rgba(147,177,181,.15)}[data-theme=dark] .sidebar-footer{border-top:1px solid rgba(139,92,246,.25)}.member-badge{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#7272a8;font-weight:500}[data-theme=dark] .member-badge{color:#94a3b8b3}.member-badge svg{color:#0cc}.profile-content{flex:1;min-width:0}.profile-section{background:#fffffff2;border:1px solid rgba(147,177,181,.15);border-radius:24px;padding:2.5rem;margin-bottom:1.75rem;box-shadow:0 8px 32px #93b1b514,0 0 0 1px #ffffff80 inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .profile-section{background:#0f1932d9;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0000004d,0 0 50px #8b5cf626,0 0 0 1px #8b5cf633 inset}.profile-section:hover{transform:translateY(-4px);box-shadow:0 16px 48px #93b1b51f,0 0 0 1px #93b1b533}[data-theme=dark] .profile-section:hover{box-shadow:0 16px 48px #0006,0 0 60px #8b5cf633,0 0 0 1px #8b5cf666 inset}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem}.section-title{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#191970,#2b2b8a,#d000d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .section-title{background:linear-gradient(135deg,#fff,#e0e7ff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.info-card,.stats-card{background:#93b1b50d;border:1px solid rgba(147,177,181,.1);border-radius:18px;padding:1.5rem}[data-theme=dark] .info-card,[data-theme=dark] .stats-card{background:#8b5cf614;border:1px solid rgba(139,92,246,.2)}.info-card h4,.stats-card h4{font-size:.85rem;font-weight:700;color:#d000d0;margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.08em}[data-theme=dark] .info-card h4,[data-theme=dark] .stats-card h4{color:#a78bfa}.info-row{display:flex;align-items:center;gap:.875rem;padding:.875rem 0;border-bottom:1px solid rgba(147,177,181,.1)}[data-theme=dark] .info-row{border-bottom:1px solid rgba(139,92,246,.15)}.info-row svg{color:#0cc}.info-label{font-size:.9rem;color:#7272a8;flex:1;font-weight:500}[data-theme=dark] .info-label{color:#94a3b8cc}.info-value{font-weight:600;color:#191970}[data-theme=dark] .info-value{color:#f1f5f9}.profile-section .resume-list{display:flex;flex-direction:column;gap:1rem}.resume-card{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;background:#93b1b50d;border:1px solid rgba(147,177,181,.1);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .resume-card{background:#8b5cf614;border:1px solid rgba(139,92,246,.2)}.resume-card:hover{background:#93b1b51a;border-color:#93b1b54d;transform:translate(4px)}[data-theme=dark] .resume-card:hover{background:#8b5cf61f;box-shadow:0 4px 20px #8b5cf626}.resume-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:linear-gradient(135deg,#4f7c8226,#93b1b533);border-radius:14px;color:#0cc}[data-theme=dark] .resume-icon{background:linear-gradient(135deg,#6366f133,#8b5cf640);color:#a78bfa}.resume-name{font-weight:700;color:#191970;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .resume-name{color:#f1f5f9}.resume-meta{display:flex;align-items:center;gap:.875rem;margin-top:.375rem}.meta-item{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:#7272a8;font-weight:500}[data-theme=dark] .meta-item{color:#94a3b8b3}.resume-actions{display:flex;gap:.5rem}.interview-list{display:flex;flex-direction:column;gap:1rem}.interview-card{padding:1.5rem;background:#93b1b50d;border:1px solid rgba(147,177,181,.1);border-radius:18px;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .interview-card{background:#8b5cf614;border:1px solid rgba(139,92,246,.2)}.interview-card:hover{background:#93b1b51a;border-color:#93b1b54d;transform:translateY(-2px)}[data-theme=dark] .interview-card:hover{background:#8b5cf61f;box-shadow:0 8px 24px #8b5cf626}.interview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.875rem}.interview-title h4{font-weight:700;color:#191970}[data-theme=dark] .interview-title h4{color:#f1f5f9}.interview-date{font-size:.8rem;color:#7272a8;font-weight:500}[data-theme=dark] .interview-date{color:#94a3b8b3}.interview-score{text-align:right}.score-value{display:block;font-size:1.75rem;font-weight:800}.score-label{display:block;font-size:.8rem;font-weight:600}.score-pending{font-size:.9rem;color:#7272a8;font-weight:500}[data-theme=dark] .score-pending{color:#94a3b8b3}.interview-details{margin-bottom:.875rem}.detail-row{display:flex;flex-wrap:wrap;gap:1rem}.detail-item{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:#7272a8;font-weight:500}[data-theme=dark] .detail-item{color:#94a3b8b3}.interview-summary{display:flex;gap:2rem;padding:1.25rem 0;border-top:1px solid rgba(147,177,181,.1);border-bottom:1px solid rgba(147,177,181,.1);margin-bottom:1.25rem}[data-theme=dark] .interview-summary{border-color:#8b5cf633}.summary-section h5{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:700;color:#d000d0;margin-bottom:.625rem;text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .summary-section h5{color:#a78bfa}.tags{display:flex;flex-wrap:wrap;gap:.375rem}.tag{padding:2px 8px;font-size:var(--text-xs);border-radius:var(--radius-sm)}.tag.success{background:#10b98126;color:#10b981}.tag.warning{background:#f59e0b26;color:#f59e0b}.interview-actions{display:flex;gap:var(--space-2)}.analytics-overview{width:100%}.analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.analytics-card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center}.analytics-card.highlight{background:var(--primary-glow)}.analytics-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.analytics-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.trend{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium)}.trend.improving{color:#10b981}.trend.declining{color:#ef4444}.skills-preview{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-5)}.skills-preview h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-4)}.skill-bars{display:flex;flex-direction:column;gap:var(--space-3)}.skill-bar-item{width:100%}.skill-header{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-1)}.skill-bar{height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.skill-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.status-badge{padding:2px 8px;font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.status-badge.success{background:#10b98126;color:#10b981}.status-badge.pending{background:#f59e0b26;color:#f59e0b}.status-badge.info{background:#4f7c8226;color:#d000d0}.empty-state-card,.loading-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-muted)}.empty-state-card svg,.loading-state svg{margin-bottom:var(--space-4);opacity:.5}.empty-state-card p{margin-bottom:var(--space-6)}@media (max-width: 1024px){.profile-main{flex-direction:column;padding:1.5rem;gap:1.5rem}.profile-sidebar{width:100%;position:static;border-radius:22px}.profile-sidebar .sidebar-nav{flex-direction:row;overflow-x:auto;gap:.5rem;padding-bottom:.5rem}.profile-sidebar .nav-item{flex-shrink:0;padding:.875rem 1rem;font-size:.9rem}.overview-grid{grid-template-columns:1fr;gap:1rem}.analytics-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.profile-section{padding:1.75rem;border-radius:20px}}@media (max-width: 600px){.profile-main{padding:1rem;gap:1rem}.profile-sidebar{padding:1.25rem;border-radius:18px}.sidebar-header{padding-bottom:1.25rem}.user-avatar-large{width:70px;height:70px;font-size:1.75rem}.user-name{font-size:1.1rem}.profile-section{padding:1.25rem;border-radius:18px}.section-title{font-size:1.25rem}.resume-card,.interview-card{flex-direction:column;align-items:flex-start;padding:1rem;border-radius:14px}.resume-actions,.interview-actions{width:100%;margin-top:.75rem}.interview-summary{flex-direction:column;gap:1rem}.analytics-grid{grid-template-columns:1fr;gap:.875rem}.info-card,.stats-card{padding:1.25rem;border-radius:14px}}.live-interview-container{height:100vh;max-height:100vh;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;position:relative;background:linear-gradient(135deg,#f0f4f8,#c4b8de,#e4e0f2)}[data-theme=dark] .live-interview-container{background:linear-gradient(135deg,#0a0a1a,#0f172a,#0a0a1a)}.live-interview-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 30%,rgba(255,0,255,.08) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(0,255,255,.06) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,0,255,.04) 0%,transparent 50%);animation:slow-drift 30s ease-in-out infinite;pointer-events:none;z-index:0}[data-theme=dark] .live-interview-container:before{background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.15) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.12) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.08) 0%,transparent 50%)}@keyframes slow-drift{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(2%,1%) rotate(1deg)}50%{transform:translateY(2%) rotate(0)}75%{transform:translate(-2%,1%) rotate(-1deg)}}.live-interview-container:after{content:"";position:absolute;top:10%;right:5%;width:300px;height:300px;background:radial-gradient(circle,rgba(0,255,255,.1) 0%,transparent 70%);border-radius:50%;filter:blur(40px);animation:float-orb 20s ease-in-out infinite;pointer-events:none;z-index:0}[data-theme=dark] .live-interview-container:after{background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%)}@keyframes float-orb{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(-30px,20px) scale(1.1);opacity:.8}}.interview-main{display:flex;flex-direction:column;flex:1;width:100%;height:100%;min-height:0;overflow:hidden;box-sizing:border-box;position:relative;z-index:1;padding:12px 16px}[data-theme=dark] .interview-main{background:transparent}.interview-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:var(--bg-card);border-bottom:1px solid var(--border-color);flex-shrink:0}.interview-header .header-left{display:flex;align-items:center;gap:var(--space-3)}.interview-header .header-left h2{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.interview-header .header-progress{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;min-width:180px}.interview-header .progress-text{font-size:var(--text-sm);color:var(--text-secondary)}.interview-header .progress-separator{color:var(--text-muted);margin:0 .25rem}.interview-header .progress-bar{width:100%;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.interview-header .progress-fill{height:100%;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width .3s ease}.interview-header .header-controls{display:flex;align-items:center;gap:var(--space-2)}.interview-header .media-controls{display:flex;gap:var(--space-1);margin-right:var(--space-2);padding-right:var(--space-2);border-right:1px solid var(--border-color)}.interview-header .btn-icon{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.interview-header .btn-icon:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--text-muted)}.interview-header .btn-icon.active{color:var(--primary);border-color:var(--primary);background:var(--primary-glow)}.interview-header .btn-icon.btn-danger:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.error-banner{display:flex;align-items:center;gap:var(--space-3);padding:.75rem 1.25rem;background:var(--danger-bg);color:var(--danger);border-bottom:1px solid rgba(239,68,68,.2)}.error-banner svg{flex-shrink:0}.error-banner span{flex:1}.error-banner button{background:none;border:none;font-size:1.25rem;color:var(--danger);cursor:pointer;line-height:1;opacity:.7}.paused-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100}.paused-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-10);text-align:center;max-width:400px;box-shadow:var(--shadow-xl)}.paused-card svg{color:var(--warning);margin-bottom:var(--space-4)}.paused-card h3{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.paused-card p{color:var(--text-muted);margin:0 0 var(--space-6) 0}.completed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100}.completed-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-10);text-align:center;max-width:480px;box-shadow:var(--shadow-xl)}.completed-card svg{color:var(--success);margin-bottom:var(--space-4)}.completed-card h3{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.completed-card p{color:var(--text-muted);margin:0 0 var(--space-6) 0}.chat-message{display:flex;gap:var(--space-3);padding:var(--space-2) 0}.chat-message.user{flex-direction:row-reverse}.chat-message.system{justify-content:center;padding:var(--space-1) 0}.message-avatar{flex-shrink:0}.avatar-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);font-size:1rem;background:var(--bg-tertiary)}.avatar-icon.interviewer{background:var(--primary-glow)}.avatar-icon.user{background:var(--success-bg)}.message-content{flex:1;min-width:0;max-width:80%}.chat-message.user .message-content{text-align:right}.message-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:.25rem}.chat-message.user .message-header{flex-direction:row-reverse}.sender-name{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.question-badge{font-size:.65rem;font-weight:var(--font-bold);padding:2px 6px;border-radius:var(--radius-sm);background:var(--primary-glow);color:var(--primary)}.message-bubble{display:inline-block;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);font-size:var(--text-sm);line-height:1.6;color:var(--text-primary);background:var(--bg-tertiary);text-align:left}.chat-message.interviewer .message-bubble{background:var(--bg-tertiary);border-bottom-left-radius:var(--radius-sm)}.chat-message.user .message-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:var(--radius-sm)}.system-badge{display:inline-block;font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-tertiary);padding:.25rem .75rem;border-radius:var(--radius-full)}.feedback-toast{margin:var(--space-2) var(--space-4);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--bg-tertiary);border:1px solid var(--border-color)}.feedback-toast.good{background:var(--success-bg);border-color:var(--success)}.feedback-toast.ok{background:var(--warning-bg);border-color:var(--warning)}.feedback-toast.needs-work{background:var(--danger-bg);border-color:var(--danger)}.feedback-header{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-medium)}.feedback-header button{margin-left:auto;background:none;border:none;font-size:1rem;cursor:pointer;opacity:.7}.feedback-header button:hover{opacity:1}.feedback-toast p{margin:var(--space-2) 0 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.feedback-score{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.action-buttons{display:flex;gap:var(--space-2)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@media (max-width: 768px){.interview-header{flex-wrap:wrap;gap:var(--space-2);padding:.5rem .75rem}.interview-header .header-progress{order:3;width:100%;min-width:0}.interview-header .progress-bar{width:100%}}.dashboard-container{min-height:100vh;background:var(--bg-secondary)}.dashboard-main{max-width:1200px;margin:0 auto;padding:var(--space-8)}.welcome-section{margin-bottom:var(--space-8)}.welcome-section h1{display:flex;align-items:center;font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.welcome-section p{font-size:var(--text-lg);color:var(--text-muted);margin:0}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-bottom:var(--space-10)}.action-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-6);background:var(--primary-gradient);border:none;border-radius:var(--radius-2xl);cursor:pointer;text-align:left;transition:all var(--transition-normal);box-shadow:var(--shadow-md);min-height:160px}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl),0 0 30px var(--primary-glow)}.action-card .icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#fff3;border-radius:var(--radius-xl);color:#fff;margin-bottom:var(--space-4)}.action-card h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:#fff;margin:0 0 var(--space-2) 0}.action-card p{font-size:var(--text-sm);color:#ffffffd9;margin:0;line-height:1.5}.action-card .action-arrow{position:absolute;right:var(--space-6);top:50%;transform:translateY(-50%);color:#fff9;transition:all var(--transition-fast)}.action-card:hover .action-arrow{color:#fff;transform:translateY(-50%) translate(4px)}.stats-section{margin-bottom:var(--space-10)}.stats-section h2{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-4) 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.stat-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);text-align:center}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.recent-section h2{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-4) 0}.recent-list{display:flex;flex-direction:column;gap:var(--space-3)}.recent-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.recent-item:hover{background:var(--bg-card-hover);border-color:var(--primary)}.recent-info strong{display:block;color:var(--text-primary);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.recent-score{display:flex;align-items:center;font-weight:var(--font-semibold);color:var(--primary)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:var(--space-10);background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-xl);text-align:center}.empty-icon{font-size:3rem;margin-bottom:var(--space-4)}.empty-state p{color:var(--text-muted);margin:0 0 var(--space-4) 0}.muted-text{display:flex;align-items:center;font-size:var(--text-sm);color:var(--text-muted)}@media (max-width: 1024px){.quick-actions{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.dashboard-main{padding:var(--space-4)}.stats-grid{grid-template-columns:1fr 1fr}}.readiness-container{min-height:100vh;background:var(--bg-secondary);overflow-x:hidden}.readiness-main{max-width:1200px;margin:0 auto;padding:var(--space-6);padding-bottom:var(--space-10)}.page-header-premium{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header-premium .header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--primary-gradient);border-radius:var(--radius-xl);color:#fff}.page-header-premium h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.page-header-premium p{color:var(--text-muted);margin:0}.readiness-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:stretch}.config-panel.card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-6);height:100%;min-height:600px}.panel-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.panel-header h2{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.panel-header svg{color:var(--primary)}.config-section{margin-bottom:var(--space-5)}.section-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.section-header h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.section-header svg{color:var(--text-muted)}.config-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5)}.config-field label{display:block;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.form-select,.form-input{width:100%;padding:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);transition:all var(--transition-fast)}.form-select:focus,.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.role-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.chip{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.chip:hover,.chip.active{background:var(--primary-glow);border-color:var(--primary);color:var(--primary)}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.slider-header label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.slider-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--primary)}.range-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:var(--radius-full);outline:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--primary);border-radius:var(--radius-full);cursor:pointer;box-shadow:0 2px 6px #0003}.slider-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.generate-btn{width:100%;margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 1.5rem;font-size:var(--text-base);font-weight:var(--font-semibold);color:#fff;background:linear-gradient(135deg,#0cc,#7c3aed,#6d28d9);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #93b1b559,0 2px 6px #0000001a;min-height:52px}.generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9,#5b21b6);transform:translateY(-2px);box-shadow:0 8px 24px #93b1b573,0 4px 12px #00000026}.generate-btn:active:not(:disabled){transform:translateY(0)}.generate-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;box-shadow:none;transform:none;opacity:.7}.generate-btn svg{flex-shrink:0}.generate-btn .spin{animation:spin 1s linear infinite}.no-resumes-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-6);background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:var(--radius-lg);text-align:center}.no-resumes-card svg{color:var(--text-muted);margin-bottom:var(--space-3)}.no-resumes-card p{color:var(--text-muted);margin:0 0 var(--space-3) 0}.preview-panel{display:flex;flex-direction:column;height:100%;min-height:600px}.preview-panel .card,.preview-panel .plan-preview,.preview-panel .generating-state,.preview-panel .no-plan{flex:1;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-6);overflow:visible;height:100%}.no-plan{align-items:center;justify-content:center;text-align:center}.no-plan-icon{color:var(--text-muted);margin-bottom:var(--space-4);opacity:.5}.no-plan h3{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.no-plan p{color:var(--text-muted);margin:0 0 var(--space-4) 0;max-width:300px}.feature-list{list-style:none;padding:0;margin:0;text-align:left}.feature-list li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary)}.feature-list svg{color:var(--success)}.generating-state{align-items:center;justify-content:center;text-align:center}.generating-animation{margin-bottom:var(--space-4)}.sparkle-icon{color:var(--primary);animation:sparkle-pulse 1.5s ease-in-out infinite}@keyframes sparkle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.plan-preview{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-6);overflow:hidden;height:auto;max-width:100%;box-sizing:border-box}.plan-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.plan-title{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.plan-title h3{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.difficulty-badge{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;border-radius:var(--radius-sm)}.difficulty-easy{background:var(--success-bg);color:var(--success)}.difficulty-medium{background:var(--warning-bg);color:var(--warning)}.difficulty-hard{background:var(--danger-bg);color:var(--danger)}.difficulty-expert{background:#93b1b526;color:var(--accent)}.plan-role{font-size:var(--text-sm);color:var(--text-muted);margin:0}.mock-badge{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);background:var(--info-bg);color:var(--info);border-radius:var(--radius-sm);margin-top:var(--space-2)}.plan-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.stat-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-lg);text-align:center}.stat-icon{font-size:1.25rem;margin-bottom:var(--space-1)}.stat-item .stat-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.stat-item .stat-label{font-size:var(--text-xs);color:var(--text-muted)}.plan-section{margin-bottom:var(--space-5)}.plan-section h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-3) 0}.breakdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);max-width:100%}.breakdown-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.category-icon{font-size:1.25rem}.category-info{display:flex;flex-direction:column;min-width:0;overflow:hidden}.category-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-count{font-size:var(--text-xs);color:var(--text-muted)}.focus-areas{display:flex;flex-direction:column;gap:var(--space-2)}.focus-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm)}.focus-item.strength{background:var(--success-bg);color:var(--success)}.focus-item.weakness{background:var(--warning-bg);color:var(--warning)}.skills-list{display:flex;flex-wrap:wrap;gap:var(--space-2);max-width:100%;overflow:hidden}.skill-tag{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.skill-tag.more{background:var(--primary-glow);border-color:var(--primary);color:var(--primary)}.plan-summary{padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.plan-summary p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.6}.plan-actions{display:flex;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border-color)}.plan-actions .start-button,.plan-actions .btn-primary{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;font-size:var(--text-base);font-weight:var(--font-semibold);color:#fff;background:linear-gradient(135deg,#10b981,#059669,#047857);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #10b98159,0 2px 6px #0000001a;text-decoration:none;min-height:52px}.plan-actions .start-button:hover,.plan-actions .btn-primary:hover{background:linear-gradient(135deg,#059669,#047857,#065f46);transform:translateY(-2px);box-shadow:0 8px 24px #10b98173,0 4px 12px #00000026}.plan-actions .start-button:active,.plan-actions .btn-primary:active{transform:translateY(0)}.plan-actions .start-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;box-shadow:none;transform:none}.plan-actions .btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--primary);background:transparent;border:2px solid var(--primary);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:52px;white-space:nowrap}.plan-actions .btn-secondary:hover{background:#93b1b51a;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #93b1b540}.plan-actions .btn-secondary:active{transform:translateY(0)}[data-theme=dark] .plan-actions .btn-secondary{color:#a78bfa;border-color:#a78bfa}[data-theme=dark] .plan-actions .btn-secondary:hover{background:#a78bfa26}.plan-used-notice{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);text-align:center}@media (max-width: 1024px){.readiness-grid{grid-template-columns:1fr}.config-panel.card{order:1}.preview-panel{order:2}}.personality-selector{margin-bottom:var(--space-4)}.personality-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1) 0}.personality-subtitle{font-size:var(--text-xs);color:var(--text-muted);margin:0 0 var(--space-3) 0}.personality-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.personality-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.personality-option:hover:not(.disabled){border-color:var(--text-muted)}.personality-option.selected{border-color:var(--primary);background:var(--primary-glow)}.personality-option.disabled{opacity:.6;cursor:not-allowed}.personality-icon{font-size:1.5rem;flex-shrink:0}.personality-info{flex:1;min-width:0}.personality-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1) 0}.personality-desc{font-size:var(--text-xs);color:var(--text-muted);margin:0 0 var(--space-2) 0;line-height:1.4}.personality-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.intensity-tag,.pressure-tag{padding:2px 6px;font-size:.65rem;text-transform:uppercase;border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-muted)}.selected-check{color:var(--primary);font-weight:var(--font-bold);font-size:var(--text-lg)}.company-mode-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.company-mode-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.company-mode-option:hover:not(.disabled){border-color:var(--text-muted)}.company-mode-option.selected{border-color:var(--primary);background:var(--primary-glow)}.loading-inline{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);color:var(--text-muted)}.spinner-small{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.resume-upload-premium{display:flex;flex-direction:column;gap:var(--space-4)}.upload-dropzone-premium{display:flex;align-items:center;justify-content:center;min-height:180px;padding:var(--space-8);background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:var(--radius-2xl);cursor:pointer;transition:all var(--transition-base)}.upload-dropzone-premium:hover:not(.disabled):not(.uploading){border-color:var(--primary);background:var(--primary-glow)}.upload-dropzone-premium.dragging{border-color:var(--primary);background:var(--primary-glow);border-style:solid;transform:scale(1.02);box-shadow:0 0 30px var(--primary-glow)}.upload-dropzone-premium.has-file{cursor:default;border-style:solid;border-color:var(--success);background:var(--success-bg)}.upload-dropzone-premium.disabled{opacity:.5;cursor:not-allowed}.upload-dropzone-premium.uploading{opacity:.8;cursor:wait}.dropzone-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.upload-icon-wrapper{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--primary-gradient);border-radius:var(--radius-xl);color:#fff;box-shadow:0 4px 15px var(--primary-glow);transition:transform var(--transition-base)}.upload-dropzone-premium:hover:not(.disabled) .upload-icon-wrapper{transform:scale(1.1)}.upload-title{font-size:var(--text-base);color:var(--text-primary);margin:0}.upload-title strong{color:var(--primary)}.upload-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:0}.selected-file-premium{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-2)}.file-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--success);border-radius:var(--radius-lg);color:#fff;flex-shrink:0}.file-details{flex:1;min-width:0;text-align:left}.file-details .file-name{font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-details .file-size{font-size:var(--text-sm);color:var(--text-muted);margin:0}.remove-file-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--danger-bg);border-radius:var(--radius-lg);color:var(--danger);flex-shrink:0;transition:all var(--transition-fast)}.remove-file-btn:hover:not(:disabled){background:var(--danger);color:#fff}.upload-message{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm)}.upload-message.error{background:var(--danger-bg);color:var(--danger)}.upload-message.success{background:var(--success-bg);color:var(--success)}.upload-btn-premium{width:100%}.upload-btn-premium .spin{animation:spin 1s linear infinite}@media (max-width: 768px){body{overflow-x:hidden}.dashboard-main,.resumes-main,.analytics-main,.profile-main,.interview-prep-main,.report-main{padding:var(--space-4);padding-top:var(--space-6)}.navbar{padding:var(--space-3) var(--space-4)}.navbar-menu{gap:var(--space-1)}.nav-link{padding:var(--space-2);font-size:var(--text-xs)}.user-name{display:none}.navbar-brand .brand-text{font-size:var(--text-sm)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.page-header h1{font-size:var(--text-2xl)}.page-header button{width:100%}.welcome-section h1{font-size:var(--text-2xl)}.welcome-section p{font-size:var(--text-sm)}.quick-actions{grid-template-columns:1fr}.action-card{padding:var(--space-4)}.stats-section .stats-grid,.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.stat-card{padding:var(--space-3)}.stat-value{font-size:var(--text-xl)}.resumes-grid{grid-template-columns:1fr;gap:var(--space-4)}.analytics-grid{grid-template-columns:1fr}.analytics-card,.chart-card{padding:var(--space-4)}.tab-navigation{flex-wrap:wrap}.tab-button{flex:1 1 45%;font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.readiness-grid,.config-layout{grid-template-columns:1fr}.config-card,.plan-card{padding:var(--space-4)}.form-group{margin-bottom:var(--space-4)}.form-group select,.form-group input,.form-group textarea{font-size:16px}.btn-lg{width:100%}.profile-header{flex-direction:column;text-align:center}.profile-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.profile-tabs::-webkit-scrollbar{display:none}.report-grid{grid-template-columns:1fr}.report-card{padding:var(--space-4)}.recent-item{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.recent-score{align-self:flex-end}.modal-content,.permission-modal-content{width:95%;max-height:90vh;margin:var(--space-4)}.interview-live-container{padding:var(--space-4)}.interview-main-content{flex-direction:column}.avatar-section{height:200px}.question-section,.ats-form{padding:var(--space-4)}.role-suggestions{flex-wrap:wrap}.suggestion-chip{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.upload-dropzone-premium{min-height:150px;padding:var(--space-6)}.upload-icon-wrapper{width:48px;height:48px}.plan-stats{grid-template-columns:repeat(2,1fr)}.help-section ul{padding-left:var(--space-4)}.help-section li{font-size:var(--text-sm);margin-bottom:var(--space-2)}}@media (max-width: 480px){.stats-section .stats-grid,.stats-grid,.plan-stats,.personality-selector{grid-template-columns:1fr}.login-card{padding:var(--space-6)}.login-header h1{font-size:var(--text-2xl)}.company-mode-selector{grid-template-columns:1fr}}.ats-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:var(--radius-2xl);text-align:center;margin-top:var(--space-6)}.ats-empty-state p{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.ats-empty-state .muted-text{font-size:var(--text-sm);color:var(--text-muted)}.round-transition-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000000fa,#0a0a1efc);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);z-index:999999!important;display:flex;align-items:center;justify-content:center;animation:roundOverlayEntrance .5s cubic-bezier(.16,1,.3,1) forwards;overflow:hidden}.round-transition-overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,0,255,.4),transparent),radial-gradient(2px 2px at 50px 160px,rgba(255,255,255,.2),transparent),radial-gradient(2px 2px at 90px 40px,rgba(0,255,255,.4),transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.3),transparent),radial-gradient(3px 3px at 160px 120px,rgba(255,0,255,.5),transparent),radial-gradient(2px 2px at 200px 50px,rgba(255,255,255,.2),transparent),radial-gradient(2px 2px at 250px 90px,rgba(0,255,255,.3),transparent),radial-gradient(2px 2px at 300px 130px,rgba(255,255,255,.4),transparent);background-size:350px 200px;animation:starsTwinkle 4s ease-in-out infinite;pointer-events:none;opacity:.8}.round-transition-overlay:after{content:"";position:absolute;top:50%;left:50%;width:800px;height:800px;background:radial-gradient(circle,rgba(255,0,255,.2) 0%,rgba(0,255,255,.1) 30%,transparent 70%);transform:translate(-50%,-50%);animation:glowPulse 2.5s ease-in-out infinite;pointer-events:none}@keyframes starsTwinkle{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}@keyframes roundOverlayEntrance{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.round-transition-content{text-align:center;color:#fff;padding:var(--space-12) var(--space-10);max-width:560px;min-width:400px;animation:popupCardEntrance .7s cubic-bezier(.16,1,.3,1) forwards;position:relative;z-index:1;background:linear-gradient(145deg,#1e1e3ce6,#14142df2);border-radius:32px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 1px #f0f3,0 25px 80px -20px #000c,0 10px 40px -10px #ff00ff4d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.round-transition-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);border-radius:32px;animation:shimmerSweep 2s ease-in-out .5s infinite;pointer-events:none}@keyframes shimmerSweep{0%{left:-100%}to{left:100%}}@keyframes popupCardEntrance{0%{opacity:0;transform:scale(.7) translateY(60px);filter:blur(10px)}50%{opacity:1;filter:blur(0px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0px)}}@keyframes roundTransitionFadeIn{0%{opacity:0}to{opacity:1}}@keyframes roundTransitionScaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.round-transition-content.interview-start{border-color:#10b9814d;box-shadow:0 0 0 1px #10b9814d,0 25px 80px -20px #000c,0 10px 40px -10px #10b98166,inset 0 1px #ffffff1a}.round-transition-content.interview-start .round-transition-to{background:linear-gradient(90deg,#10b981,#34d399,#a7f3d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.round-transition-content.round-change{border-color:#4f7c824d;box-shadow:0 0 0 1px #4f7c824d,0 25px 80px -20px #000c,0 10px 40px -10px #4f7c8266,0 0 100px -20px #93b1b54d,inset 0 1px #ffffff1a;animation:popupCardEntrance .7s cubic-bezier(.16,1,.3,1) forwards,popupPulse 2s ease-in-out .8s infinite}@keyframes popupPulse{0%,to{box-shadow:0 0 0 1px #4f7c824d,0 25px 80px -20px #000c,0 10px 40px -10px #4f7c8266,0 0 100px -20px #93b1b54d,inset 0 1px #ffffff1a}50%{box-shadow:0 0 0 2px #4f7c8280,0 25px 80px -20px #000c,0 10px 60px -10px #4f7c8299,0 0 120px -10px #93b1b580,inset 0 1px #ffffff26}}.round-transition-content.round-change .round-transition-to{background:linear-gradient(90deg,#d000d0,#7272a8,#b366ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.round-transition-icon{width:130px;height:130px;margin:0 auto var(--space-8);display:flex;align-items:center;justify-content:center;font-size:4.5rem;border-radius:50%;border:3px solid currentColor;background:#ffffff0d;animation:roundIconEntrance .8s cubic-bezier(.16,1,.3,1) forwards,iconPulse 2s ease-in-out .8s infinite;box-shadow:0 0 60px #4f7c824d,inset 0 0 30px #4f7c821a;opacity:0;transform:scale(.5) rotate(-10deg)}@keyframes roundIconEntrance{0%{opacity:0;transform:scale(.5) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 0 40px #4f7c824d}50%{transform:scale(1.05);box-shadow:0 0 80px #4f7c8280}}.round-transition-to{font-size:var(--text-3xl);font-weight:var(--font-bold);font-family:var(--font-display);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.1em;animation:roundTextSlideUp .6s cubic-bezier(.34,1.56,.64,1) .2s both}.round-transition-name{font-size:var(--text-5xl);font-weight:var(--font-extrabold);font-family:var(--font-display);margin-bottom:var(--space-4);animation:roundTextSlideUp .6s cubic-bezier(.34,1.56,.64,1) .35s both;text-shadow:0 4px 30px currentColor}@keyframes roundTextSlideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.round-transition-description{font-size:var(--text-lg);color:#ffffffb3;margin-bottom:var(--space-6);animation:roundTextSlideUp .5s cubic-bezier(.34,1.56,.64,1) .5s both}.round-transition-from{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-full);margin-bottom:var(--space-6);animation:roundBadgeSlideIn .5s cubic-bezier(.34,1.56,.64,1) .6s both}@keyframes roundBadgeSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.round-transition-from .from-icon{font-size:1.25rem}.round-transition-from .from-text{font-size:var(--text-sm);font-weight:var(--font-semibold);color:#34d399}.round-transition-progress{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.1);animation:roundProgressFadeIn .6s ease-out .7s both}@keyframes roundProgressFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.round-dot{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-lg);background:#ffffff0d;border:2px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.34,1.56,.64,1);min-width:60px}.round-dot .dot-icon{font-size:1.5rem;opacity:.5;transition:all .3s ease}.round-dot .dot-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.round-dot.completed{background:#10b98126;border-color:#10b981}.round-dot.completed .dot-icon{opacity:1}.round-dot.completed .dot-label{color:#34d399}.round-dot.current{background:#6366f140;border-width:2px;border-style:solid;transform:scale(1.2);box-shadow:0 0 30px #6366f180,0 0 60px #6366f133;animation:currentDotPulse 1.5s ease-in-out infinite;position:relative}.round-dot.current:after{content:"→";position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:.85rem;color:#a5b4fc;animation:bounce 1s ease-in-out infinite}.round-dot.current .dot-icon{opacity:1;font-size:1.8rem;animation:bounce 1s ease-in-out infinite}.round-dot.current .dot-label{color:#fff;font-weight:var(--font-bold);text-shadow:0 0 10px rgba(99,102,241,.6)}@keyframes currentDotPulse{0%,to{box-shadow:0 0 20px #4f7c824d}50%{box-shadow:0 0 40px #4f7c8299}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 600px){.round-transition-content{padding:var(--space-8) var(--space-6);min-width:auto;max-width:calc(100vw - 40px);margin:0 20px;border-radius:24px}.round-transition-icon{width:100px;height:100px;font-size:3.5rem;margin-bottom:var(--space-6)}.round-transition-to{font-size:var(--text-xl)}.round-transition-name{font-size:var(--text-3xl)}.round-transition-progress{flex-wrap:wrap;gap:var(--space-2)}.round-dot{min-width:50px;padding:var(--space-1)}.round-dot .dot-icon{font-size:1.2rem}.round-dot .dot-label{font-size:.65rem}.round-transition-overlay:before{animation:none;opacity:.4}}.round-indicator{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);border:1px solid var(--border-color)}.round-indicator-icon{font-size:1.1rem}.round-indicator-name{color:var(--primary);font-weight:var(--font-semibold)}.interview-starting-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000000fa,#0a0a1efc);z-index:999999!important;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:roundOverlayEntrance .5s cubic-bezier(.16,1,.3,1) forwards;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.interview-starting-overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(16,185,129,.4),transparent),radial-gradient(2px 2px at 50px 160px,rgba(255,255,255,.2),transparent),radial-gradient(2px 2px at 90px 40px,rgba(52,211,153,.4),transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.3),transparent);background-size:350px 200px;animation:starsTwinkle 4s ease-in-out infinite;pointer-events:none;opacity:.6}.interview-starting-content{text-align:center;color:#fff;padding:var(--space-12) var(--space-10);max-width:500px;min-width:380px;position:relative;z-index:1;background:linear-gradient(145deg,#1e2832e6,#141e28f2);border-radius:32px;border:1px solid rgba(16,185,129,.2);box-shadow:0 0 0 1px #10b98133,0 25px 80px -20px #000c,0 10px 40px -10px #10b9814d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:popupCardEntrance .7s cubic-bezier(.16,1,.3,1) forwards}.interview-starting-icon{font-size:4.5rem;margin-bottom:var(--space-6);animation:pulse 1.2s ease-in-out infinite}.interview-starting-title{font-size:var(--text-3xl);font-weight:var(--font-bold);font-family:var(--font-display);margin-bottom:var(--space-3);background:linear-gradient(90deg,#10b981,#34d399,#a7f3d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.interview-starting-subtitle{font-size:var(--text-lg);color:#ffffffb3;margin-bottom:var(--space-8)}.interview-starting-loader{width:200px;height:4px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;margin:0 auto}.interview-starting-loader:after{content:"";display:block;width:40%;height:100%;background:var(--primary-gradient);border-radius:var(--radius-full);animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(350%)}}.badge-total{margin-left:auto;padding:var(--space-1) var(--space-4);background:var(--primary-gradient);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold);transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 10px var(--primary-glow)}.badge-total.updated{animation:badgePop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes badgePop{0%{transform:scale(1)}50%{transform:scale(1.2);box-shadow:0 4px 20px var(--primary-glow)}to{transform:scale(1)}}.round-config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-top:var(--space-4)}@media (max-width: 500px){.round-config-grid{grid-template-columns:1fr}}.round-config-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .2s ease;gap:var(--space-3)}.round-config-item:hover{border-color:var(--primary);background:#4f7c8214}.round-label{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-medium);color:var(--text-primary);flex:1;min-width:0;overflow:hidden}.round-label>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round-icon{font-size:1.25rem;flex-shrink:0}.round-controls{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.round-btn{width:28px;height:28px;min-width:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--border-color);border-radius:8px;background:#334155cc;color:#c4b8de;font-size:1.1rem;font-weight:700;line-height:1;cursor:pointer;transition:all .2s ease;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0}.round-btn:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.round-btn:active:not(:disabled){opacity:.8}.round-btn:disabled{opacity:.4;cursor:not-allowed}.round-count{min-width:24px;text-align:center;font-size:1rem;font-weight:var(--font-bold);color:var(--primary)}.round-count.changed{animation:countPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes countPop{0%{transform:scale(1)}40%{transform:scale(1.3);color:var(--success)}to{transform:scale(1)}}.duration-estimate{margin-top:var(--space-4);padding:var(--space-3);background:var(--info-bg);border-radius:var(--radius-lg);text-align:center;color:var(--info);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all .3s ease}[data-theme=dark] .round-config-item{background:#1e293b99;border-color:#ffffff1a}[data-theme=dark] .round-config-item:hover{background:#6366f11f;border-color:var(--primary)}[data-theme=dark] .round-btn{background:#334155cc;border-color:#ffffff26;color:#e2e8f0}[data-theme=dark] .round-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.profile-container{min-height:100vh;background:linear-gradient(135deg,#f0eef8,#e4e0f2 35%,#d6d0ea 65%,#f0eef8)}.profile-main{display:grid;grid-template-columns:280px 1fr;gap:var(--space-6);max-width:1400px;margin:0 auto;padding:var(--space-6);min-height:calc(100vh - 80px)}@media (max-width: 992px){.profile-main{grid-template-columns:1fr;padding:var(--space-4)}}.profile-sidebar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-card);height:fit-content;position:sticky;top:100px}@media (max-width: 992px){.profile-sidebar{position:static;display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);align-items:center}.sidebar-header{display:flex;align-items:center;gap:var(--space-3)}.sidebar-nav{display:flex;gap:var(--space-2);overflow-x:auto}.sidebar-footer{display:none}}.sidebar-header{text-align:center;padding-bottom:var(--space-6);margin-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.user-avatar-large{width:80px;height:80px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);border-radius:50%;font-size:var(--text-3xl);font-weight:var(--font-bold);color:#fff;box-shadow:0 4px 20px var(--primary-glow)}.sidebar-header .user-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-1);max-width:100%;overflow:hidden;text-overflow:ellipsis}.sidebar-header .user-email{font-size:var(--text-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;background:transparent;border:none;width:100%;text-align:left}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--primary-glow);color:var(--primary)}.nav-item .nav-arrow{margin-left:auto;opacity:0;transition:opacity var(--transition-fast)}.nav-item:hover .nav-arrow,.nav-item.active .nav-arrow{opacity:1}.sidebar-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.member-badge{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.profile-content{display:flex;flex-direction:column;gap:var(--space-6)}.profile-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-card)}.section-title{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-6)}.section-title svg{color:var(--primary)}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.section-header-row .section-title{margin-bottom:0}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.info-card{background:var(--bg-tertiary);border-radius:var(--radius-xl);padding:var(--space-5)}.info-card h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-muted);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.info-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none}.info-row svg{color:var(--text-muted);flex-shrink:0}.info-label{font-size:var(--text-sm);color:var(--text-muted);min-width:60px}.info-value{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-left:auto}.stats-card{background:var(--bg-tertiary);border-radius:var(--radius-xl);padding:var(--space-5)}.stats-card h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-muted);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.stat-item{text-align:center;padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.stat-number{display:block;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--text-muted);gap:var(--space-4)}.loading-state .spin{animation:spin 1s linear infinite}.empty-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;background:var(--bg-tertiary);border-radius:var(--radius-xl);border:2px dashed var(--border-color)}.empty-state-card svg{color:var(--text-muted);margin-bottom:var(--space-4);opacity:.5}.empty-state-card h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-card p{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6);max-width:300px}.resume-list{display:flex;flex-direction:column;gap:var(--space-4)}.resume-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.resume-card:hover{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.resume-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary-glow);border-radius:var(--radius-lg);color:var(--primary);flex-shrink:0}.resume-info{flex:1;min-width:0}.resume-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resume-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.status-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:capitalize}.status-badge.success{background:var(--success-bg);color:var(--success)}.status-badge.pending{background:var(--warning-bg);color:var(--warning)}.status-badge.info{background:var(--info-bg);color:var(--info)}.resume-actions{display:flex;gap:var(--space-2);flex-shrink:0}.interview-list{display:flex;flex-direction:column;gap:var(--space-4)}.interview-card{padding:var(--space-5);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.interview-card:hover{border-color:var(--primary)}.interview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);gap:var(--space-3)}.interview-title h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.interview-date{font-size:var(--text-xs);color:var(--text-muted)}.interview-score{text-align:right;flex-shrink:0}.interview-score .score-value{display:block;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold)}.interview-score .score-label{font-size:var(--text-xs);color:var(--text-muted)}.interview-score .score-pending{font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.interview-details{margin-bottom:var(--space-4)}.detail-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.detail-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.detail-item svg{color:var(--text-muted)}.interview-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.summary-section h5{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-2);text-transform:uppercase}.tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tag{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium)}.tag.success{background:var(--success-bg);color:var(--success)}.tag.warning{background:var(--warning-bg);color:var(--warning)}.interview-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.analytics-overview{padding:var(--space-2) 0}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.analytics-card{padding:var(--space-5);background:var(--bg-tertiary);border-radius:var(--radius-xl);text-align:center;border:1px solid var(--border-color);transition:all var(--transition-fast)}.analytics-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.analytics-card.highlight{background:var(--primary-glow);border-color:var(--primary)}.analytics-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.analytics-label{font-size:var(--text-sm);color:var(--text-muted)}.trend{display:flex;align-items:center;justify-content:center;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium)}.trend.improving{color:var(--success)}.trend.declining{color:var(--danger)}.error-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--danger-bg);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:var(--danger);font-size:var(--text-sm)}.error-banner button{margin-left:auto;padding:var(--space-1) var(--space-2);background:transparent;border:none;color:var(--danger);font-size:var(--text-lg);cursor:pointer;opacity:.7}.error-banner button:hover{opacity:1}[data-theme=dark] .profile-sidebar{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--shadow-glow)}[data-theme=dark] .profile-section{background:var(--glass-bg);border-color:var(--glass-border)}[data-theme=dark] .info-card,[data-theme=dark] .stats-card,[data-theme=dark] .resume-card,[data-theme=dark] .interview-card,[data-theme=dark] .analytics-card{background:#ffffff08}[data-theme=dark] .stat-item{background:var(--bg-secondary);border-color:var(--glass-border)}[data-theme=dark] .user-avatar-large{box-shadow:0 4px 30px var(--primary-glow)}[data-theme=dark] .empty-state-card{background:#ffffff05;border-color:var(--glass-border)}.ats-analyzer{display:flex;flex-direction:column;gap:var(--space-6)}.ats-header-section{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:linear-gradient(135deg,var(--primary-glow),rgba(34,211,238,.1));border-radius:var(--radius-2xl);border:1px solid var(--border-color)}.ats-header-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);border-radius:var(--radius-xl);font-size:1.75rem;box-shadow:0 4px 20px var(--primary-glow)}.ats-header-content{flex:1}.ats-header-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.ats-header-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.ats-form-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-card)}.ats-form-header{margin-bottom:var(--space-6)}.form-step-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--primary-glow);border-radius:var(--radius-full)}.form-step-badge .step-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:50%;font-size:var(--text-xs);font-weight:var(--font-bold)}.form-step-badge .step-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary)}.ats-form-group{margin-bottom:var(--space-5)}.ats-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.ats-label .label-icon{font-size:1rem}.ats-input,.ats-textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-primary);transition:all var(--transition-fast)}.ats-input:focus,.ats-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.ats-input::placeholder,.ats-textarea::placeholder{color:var(--text-muted)}.ats-textarea{resize:vertical;min-height:120px}.ats-form-hint{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.ats-role-suggestions{margin-top:var(--space-3)}.suggestions-label{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2)}.suggestions-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ats-suggestion-chip{padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.ats-suggestion-chip:hover:not(:disabled){background:var(--primary-glow);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.ats-suggestion-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.ats-suggestion-chip:disabled{opacity:.5;cursor:not-allowed}.ats-toggle-advanced{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) 0;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color var(--transition-fast);margin-bottom:var(--space-4)}.ats-toggle-advanced:hover{color:var(--primary)}.ats-toggle-advanced .toggle-icon{font-size:.75rem}.ats-advanced-panel{padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-xl);margin-bottom:var(--space-4);border:1px dashed var(--border-color)}.ats-error-message{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--danger-bg);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:var(--danger);font-size:var(--text-sm);margin-bottom:var(--space-4)}.ats-error-message .error-icon{font-size:1rem}.ats-analyze-button{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-6);background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-xl);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 15px var(--primary-glow)}.ats-analyze-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-glow)}.ats-analyze-button:active:not(:disabled){transform:translateY(0)}.ats-analyze-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.ats-analyze-button .button-icon{font-size:1.25rem}.ats-analyze-button .button-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}.ats-no-resume-hint{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);background:var(--warning-bg);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--warning)}.ats-results-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg)}.results-header{padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,#10b9811a,#34d3990d);border-bottom:1px solid var(--border-color)}.results-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--success-bg);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--success)}.results-badge .badge-icon{font-size:1rem}.ats-empty-state-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-12) var(--space-6);background:var(--bg-card);border:2px dashed var(--border-color);border-radius:var(--radius-2xl)}.empty-state-illustration{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6)}.empty-state-illustration .illustration-icon{font-size:3rem;filter:grayscale(50%);opacity:.7}.illustration-lines{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);display:flex;gap:4px}.illustration-lines span{width:30px;height:4px;background:var(--border-color);border-radius:2px}.illustration-lines span:nth-child(2){width:20px}.illustration-lines span:nth-child(3){width:25px}.ats-empty-state-card h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.ats-empty-state-card>p{font-size:var(--text-sm);color:var(--text-muted);max-width:350px;margin-bottom:var(--space-6)}.feature-highlights{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.feature-highlights li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.feature-highlights .feature-icon{color:var(--success);font-weight:var(--font-bold)}[data-theme=dark] .ats-header-section{background:linear-gradient(135deg,#5b8aff26,#22d3ee14);border-color:var(--glass-border)}[data-theme=dark] .ats-form-card,[data-theme=dark] .ats-results-section,[data-theme=dark] .ats-empty-state-card{background:var(--glass-bg);border-color:var(--glass-border)}[data-theme=dark] .ats-input,[data-theme=dark] .ats-textarea{background:var(--bg-tertiary);border-color:var(--bg-tertiary)}[data-theme=dark] .ats-advanced-panel{background:#ffffff05;border-color:var(--glass-border)}[data-theme=dark] .ats-analyze-button{box-shadow:0 4px 20px var(--primary-glow)}[data-theme=dark] .ats-analyze-button:hover:not(:disabled){box-shadow:0 8px 30px var(--primary-glow)}.ats-form h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.ats-form .form-description{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-6)}.role-suggestions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.suggestion-chip{padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);transition:all var(--transition-fast)}.suggestion-chip:hover:not(:disabled){background:var(--primary-glow);border-color:var(--primary);color:var(--primary)}.toggle-advanced{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4)}.toggle-advanced:hover{color:var(--primary)}.ats-form-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--danger-bg);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:var(--danger);font-size:var(--text-sm);margin-bottom:var(--space-4)}.no-resume-hint{text-align:center;color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-3)}.ats-results-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg)}.ats-result{padding:var(--space-6)}.ats-result.loading,.ats-result.error{display:flex;align-items:center;justify-content:center;min-height:300px}.ats-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:var(--text-muted)}.ats-loading .spinner{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.ats-loading .loading-hint{font-size:var(--text-xs);opacity:.7}.ats-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--danger)}.ats-error .error-icon{font-size:2.5rem}.ats-header{display:flex;justify-content:center;padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--border-color)}.ats-score-container{display:flex;align-items:center;gap:var(--space-6)}.ats-score-circle{position:relative;width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-tertiary);box-shadow:var(--shadow-lg)}.ats-score-circle:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:var(--bg-card)}.ats-score-circle .score-value{position:relative;z-index:1;font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-extrabold)}.ats-score-circle .score-label{position:relative;z-index:1;font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-medium)}.ats-score-circle.excellent{background:linear-gradient(135deg,#10b981,#059669)}.ats-score-circle.excellent .score-value{color:var(--success)}.ats-score-circle.good{background:linear-gradient(135deg,#d000d0,#d000d0)}.ats-score-circle.good .score-value{color:var(--info)}.ats-score-circle.moderate{background:linear-gradient(135deg,#f59e0b,#d97706)}.ats-score-circle.moderate .score-value{color:var(--warning)}.ats-score-circle.poor{background:linear-gradient(135deg,#ef4444,#dc2626)}.ats-score-circle.poor .score-value{color:var(--danger)}.ats-score-info{text-align:left}.ats-score-info h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.ats-score-info .target-role{color:var(--text-secondary);font-size:var(--text-sm)}.mock-badge{display:inline-block;margin-top:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--warning-bg);color:var(--warning);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium)}.ats-summary{padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.ats-summary p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.ats-section{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-light)}.ats-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.ats-section h4{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.score-breakdown{display:flex;flex-direction:column;gap:var(--space-3)}.breakdown-item{display:grid;grid-template-columns:140px 1fr 50px;align-items:center;gap:var(--space-3)}.breakdown-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium);text-transform:capitalize}.breakdown-bar-container{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.breakdown-bar{height:100%;border-radius:var(--radius-full);transition:width .5s ease-out}.breakdown-bar.excellent{background:linear-gradient(90deg,#10b981,#34d399)}.breakdown-bar.good{background:linear-gradient(90deg,#d000d0,#60a5fa)}.breakdown-bar.moderate{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.breakdown-bar.poor{background:linear-gradient(90deg,#ef4444,#f87171)}.breakdown-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);text-align:right}.skills-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skill-tag{padding:var(--space-2) var(--space-3);background:var(--primary-glow);color:var(--primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);transition:all var(--transition-fast)}.skill-tag:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.skill-tag.technical{background:#4f7c8226;color:#d000d0}.skill-tag.soft{background:#ec489926;color:#ec4899}.skill-tag.tool{background:#0ea5e926;color:#0ea5e9}.ats-keywords-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.keywords-column h4{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3)}.keywords-list{list-style:none;padding:0;margin:0}.keywords-list li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary)}.keywords-list li:before{content:"•";font-size:1.2em}.keywords-list.matched li:before{color:var(--success)}.keywords-list.missing li:before{color:var(--danger)}.keywords-list.matched li{border-left:3px solid var(--success)}.keywords-list.missing li{border-left:3px solid var(--danger)}.insights-list{list-style:none;padding:0;margin:0}.insights-list li{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);margin-bottom:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-xl);border-left:4px solid var(--border-color)}.insights-list li:last-child{margin-bottom:0}.insights-list li strong{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.insights-list li span{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.insights-list.strengths li{border-left-color:var(--success)}.insights-list.weaknesses li{border-left-color:var(--warning)}.insights-list li .suggestion{display:block;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--border-color);font-size:var(--text-xs);color:var(--primary);font-style:normal}.recommendations-list{display:flex;flex-direction:column;gap:var(--space-4)}.recommendation-item{padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-xl);border:1px solid var(--border-light)}.rec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.rec-area{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-primary)}.impact-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:capitalize}.impact-badge.impact-high{background:var(--danger-bg);color:var(--danger)}.impact-badge.impact-medium{background:var(--warning-bg);color:var(--warning)}.impact-badge.impact-low{background:var(--success-bg);color:var(--success)}.rec-suggestion{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.ats-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;color:var(--text-muted)}.ats-empty-state .empty-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.ats-empty-state p{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.ats-empty-state .muted-text{font-size:var(--text-sm)}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}@media (max-width: 768px){.ats-score-container{flex-direction:column;text-align:center}.ats-score-info{text-align:center}.ats-keywords-section{grid-template-columns:1fr}.breakdown-item{grid-template-columns:100px 1fr 40px}}[data-theme=dark] .ats-form,[data-theme=dark] .ats-results-container{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--shadow-glow)}[data-theme=dark] .ats-score-circle{box-shadow:var(--shadow-lg),0 0 30px var(--primary-glow)}[data-theme=dark] .keywords-list li,[data-theme=dark] .insights-list li,[data-theme=dark] .recommendation-item{background:#ffffff08}[data-theme=dark] .skill-tag:hover{box-shadow:0 0 10px var(--primary-glow)}.instruction-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.instruction-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-8);max-width:450px;width:90%;text-align:center;box-shadow:var(--shadow-2xl);animation:slideUp .25s ease-out}.instruction-modal-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto var(--space-4);background:linear-gradient(135deg,#f59e0b26,#ef44441a);border-radius:var(--radius-full);color:#f59e0b}.instruction-modal-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-4)}.instruction-modal-content{margin-bottom:var(--space-6)}.instruction-modal-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-3)}.instruction-modal-content strong{color:var(--text-primary)}.instruction-list{list-style:none;padding:0;margin:var(--space-4) 0;text-align:left}.instruction-list li{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1);border-radius:var(--radius-md)}.instruction-list li:nth-child(1),.instruction-list li:nth-child(2){background:#10b9811a;color:#10b981}.instruction-list li:nth-child(3),.instruction-list li:nth-child(4){background:#ef44441a;color:#ef4444}.instruction-modal-btn{width:100%;padding:var(--space-4)!important}.round-banner{position:fixed;top:80px;left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-6);display:flex;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-lg);z-index:100;animation:roundBannerSlide .25s ease-out}.round-banner.exiting{animation:roundBannerSlideOut .2s ease-in forwards}.round-banner-icon{font-size:1.25rem}.round-banner-text{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.round-banner-text span{color:var(--primary)}@keyframes roundBannerSlide{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes roundBannerSlideOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .instruction-modal,[data-theme=dark] .round-banner{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--shadow-glow)}@media (max-width: 768px){.analytics-main{padding:var(--space-4);padding-top:var(--space-6)}.analytics-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.analytics-header .header-content{flex-direction:row;align-items:center;width:100%}.analytics-header .header-icon{width:48px;height:48px;min-width:48px}.analytics-header .header-icon svg{width:24px;height:24px}.analytics-header h1{font-size:var(--text-xl)}.analytics-header p{font-size:var(--text-xs)}.analytics-header .header-actions,.analytics-header .header-actions .form-select{width:100%}.analytics-stats,.stats-grid.analytics-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.stat-card{padding:var(--space-4);text-align:left}.stat-card .stat-icon-wrapper{width:40px;height:40px;margin-bottom:var(--space-2)}.stat-card .stat-icon-wrapper svg{width:20px;height:20px}.stat-card .stat-value{font-size:var(--text-xl)}.stat-card .stat-label{font-size:var(--text-xs)}.stat-card .stat-sub{font-size:10px}.analytics-section .section-header{flex-direction:row;align-items:flex-start}.analytics-section .section-header h2{font-size:var(--text-lg)}.chart-card{padding:var(--space-4)}.chart-bars{height:160px;padding:var(--space-2);gap:var(--space-1);overflow-x:auto}.chart-bar-container{min-width:40px;max-width:50px}.bar-label{font-size:9px;white-space:nowrap}.bar-value{font-size:9px}.improvement-badge{font-size:var(--text-xs);padding:var(--space-2) var(--space-3);text-align:center;justify-content:center;width:100%}.skills-grid{grid-template-columns:1fr;gap:var(--space-4)}.skill-card{padding:var(--space-4)}.skill-bar-item{padding:var(--space-2) 0}.skill-name,.skill-score{font-size:var(--text-sm)}.question-type-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.question-type-card{padding:var(--space-3);flex-direction:column;text-align:center}.question-type-card .type-icon{width:40px;height:40px;margin-bottom:var(--space-2)}.question-type-card .type-icon svg{width:20px;height:20px}.question-type-card .type-label{font-size:var(--text-xs)}.question-type-card .type-score{font-size:var(--text-base)}.question-type-card .type-count{font-size:10px}}@media (max-width: 480px){.analytics-main{padding:var(--space-3);padding-top:var(--space-4)}.analytics-header{gap:var(--space-3);margin-bottom:var(--space-4)}.analytics-header .header-icon{width:42px;height:42px;min-width:42px}.analytics-header h1{font-size:var(--text-lg)}.analytics-stats,.stats-grid.analytics-stats{grid-template-columns:1fr 1fr;gap:var(--space-2)}.stat-card{padding:var(--space-3)}.stat-card .stat-icon-wrapper{width:36px;height:36px}.stat-card .stat-icon-wrapper svg{width:18px;height:18px}.stat-card .stat-value{font-size:var(--text-lg)}.stat-card .stat-label{font-size:10px;line-height:1.2}.chart-bars{height:140px}.chart-bar-container{min-width:32px}.question-type-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.question-type-card{padding:var(--space-2)}.question-type-card .type-icon{width:36px;height:36px}.analytics-section{margin-bottom:var(--space-6)}.analytics-section .section-header{margin-bottom:var(--space-4)}.analytics-section .section-header h2{font-size:var(--text-base)}.analytics-section .section-header p{font-size:var(--text-xs)}}:root{--premium-card-bg: rgba(255, 255, 255, .85);--premium-card-border: rgba(147, 177, 181, .15);--premium-card-shadow: 0 8px 32px rgba(0, 0, 0, .06), 0 0 0 1px rgba(147, 177, 181, .08);--premium-card-glow: rgba(147, 177, 181, .1);--premium-gradient-primary: linear-gradient(135deg, #d000d0 0%, #00cccc 50%, #b366ff 100%);--premium-gradient-secondary: linear-gradient(135deg, #d000d0 0%, #d000d0 100%);--premium-gradient-accent: linear-gradient(135deg, #ec4899 0%, #00cccc 100%);--premium-text-primary: #191970;--premium-text-secondary: #191970;--premium-text-muted: #7272a8;--premium-text-accent: #d000d0;--premium-border-glow: rgba(147, 177, 181, .3);--premium-border-subtle: rgba(0, 0, 0, .08);--premium-transition: all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--premium-card-bg: rgba(15, 30, 55, .85);--premium-card-border: rgba(139, 92, 246, .25);--premium-card-shadow: 0 8px 32px rgba(0, 0, 0, .3), 0 0 0 1px rgba(139, 92, 246, .15);--premium-card-glow: rgba(139, 92, 246, .2);--premium-text-primary: #f8fafc;--premium-text-secondary: #e2e8f0;--premium-text-muted: #94a3b8;--premium-text-accent: #a78bfa;--premium-border-glow: rgba(139, 92, 246, .4);--premium-border-subtle: rgba(255, 255, 255, .1)}.premium-page{min-height:100vh;background:linear-gradient(135deg,#f0eef8,#e4e0f2,#c4b8de);position:relative;overflow-x:hidden}[data-theme=dark] .premium-page{background:linear-gradient(135deg,#0a0a18,#0d0d20,#121228)}.premium-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 30%,rgba(79,124,130,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(147,177,181,.06) 0%,transparent 50%);pointer-events:none;z-index:0}[data-theme=dark] .premium-page:before{background:radial-gradient(ellipse at 20% 30%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(139,92,246,.1) 0%,transparent 50%)}.premium-card{background:var(--premium-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--premium-card-border);border-radius:24px;padding:32px;box-shadow:var(--premium-card-shadow);transition:var(--premium-transition);position:relative;overflow:hidden}.premium-card:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:var(--premium-gradient-primary);opacity:0;transition:opacity .3s ease;mask-image:linear-gradient(180deg,rgba(0,0,0,.08) 0%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.08) 0%,transparent 100%);pointer-events:none}.premium-card:hover{transform:translateY(-4px);border-color:var(--premium-border-glow);box-shadow:0 20px 50px #0000001a,0 0 0 1px var(--premium-border-glow),0 0 40px var(--premium-card-glow)}.premium-card:hover:before{opacity:1}[data-theme=dark] .premium-card:hover{box-shadow:0 20px 50px #0006,0 0 0 1px var(--premium-border-glow),0 0 50px var(--premium-card-glow)}.premium-header{text-align:center;margin-bottom:48px;position:relative;z-index:1}.premium-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#93b1b51a,#4f7c8214);border:1px solid rgba(147,177,181,.2);border-radius:30px;font-size:.85rem;font-weight:600;color:#7c3aed;margin-bottom:16px;box-shadow:0 4px 20px #93b1b51a}[data-theme=dark] .premium-badge{background:linear-gradient(135deg,#8b5cf633,#6366f126);border-color:#8b5cf64d;color:#a78bfa;box-shadow:0 4px 30px #8b5cf626}.premium-title{font-size:2.75rem;font-weight:800;color:var(--premium-text-primary);margin:0 0 16px;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:16px}.premium-title svg{color:#0cc}[data-theme=dark] .premium-title svg{color:#a78bfa}.premium-subtitle{font-size:1.15rem;color:var(--premium-text-muted);max-width:600px;margin:0 auto;line-height:1.7}.premium-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 40px;font-size:1.1rem;font-weight:700;border:none;border-radius:16px;cursor:pointer;transition:var(--premium-transition);text-decoration:none;position:relative;overflow:hidden}.premium-btn-primary{background:var(--premium-gradient-primary);color:#fff;box-shadow:0 8px 25px #4f7c8259,0 0 0 1px #ffffff1a inset}.premium-btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px #4f7c8273,0 0 50px #93b1b540}.premium-btn-primary:active{transform:translateY(-1px) scale(.99)}.premium-btn-secondary{background:var(--premium-card-bg);color:var(--premium-text-primary);border:1px solid var(--premium-border-subtle);box-shadow:0 4px 15px #0000000f}.premium-btn-secondary:hover{border-color:var(--premium-border-glow);box-shadow:0 10px 30px #0000001a,0 0 30px var(--premium-card-glow);transform:translateY(-2px)}[data-theme=dark] .premium-btn-secondary{box-shadow:0 4px 15px #0000004d}[data-theme=dark] .premium-btn-secondary:hover{box-shadow:0 10px 30px #0006,0 0 40px var(--premium-card-glow)}.premium-btn-cta{padding:24px 60px;font-size:1.25rem;border-radius:20px;background:var(--premium-gradient-primary);color:#fff;box-shadow:0 12px 35px #4f7c8266,0 0 0 1px #ffffff26 inset;animation:premium-pulse 3s ease-in-out infinite}@keyframes premium-pulse{0%,to{box-shadow:0 12px 35px #4f7c8266,0 0 0 1px #ffffff26 inset}50%{box-shadow:0 15px 45px #4f7c8280,0 0 60px #93b1b540,0 0 0 1px #ffffff26 inset}}.premium-btn-cta:hover{animation:none;transform:translateY(-4px) scale(1.03);box-shadow:0 20px 50px #4f7c8280,0 0 70px #93b1b54d,0 0 0 1px #fff3 inset}.premium-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:40px}.premium-stat-card{background:var(--premium-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--premium-card-border);border-radius:20px;padding:28px;text-align:center;transition:var(--premium-transition);position:relative;overflow:hidden}.premium-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--premium-gradient-primary);opacity:0;transition:opacity .3s ease}.premium-stat-card:hover{transform:translateY(-4px);border-color:var(--premium-border-glow);box-shadow:0 15px 40px var(--premium-card-glow)}.premium-stat-card:hover:before{opacity:1}.premium-stat-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#93b1b526,#4f7c821a);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#7c3aed;transition:var(--premium-transition)}[data-theme=dark] .premium-stat-icon{background:linear-gradient(135deg,#8b5cf640,#6366f126);color:#a78bfa}.premium-stat-card:hover .premium-stat-icon{transform:scale(1.1);box-shadow:0 0 30px #93b1b54d}.premium-stat-value{font-size:2.25rem;font-weight:800;color:var(--premium-text-primary);margin-bottom:4px;letter-spacing:-.02em}.premium-stat-label{font-size:.9rem;color:var(--premium-text-muted);font-weight:500}.premium-input{width:100%;padding:16px 20px;font-size:1rem;background:var(--premium-card-bg);border:1px solid var(--premium-border-subtle);border-radius:14px;color:var(--premium-text-primary);transition:var(--premium-transition)}.premium-input:focus{outline:none;border-color:var(--premium-border-glow);box-shadow:0 0 0 4px #93b1b51a,0 8px 25px #0000000f}[data-theme=dark] .premium-input:focus{box-shadow:0 0 0 4px #8b5cf626,0 8px 25px #0000004d}.premium-input::placeholder{color:var(--premium-text-muted)}.premium-input-group{position:relative}.premium-input-group .premium-input{padding-left:50px}.premium-input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--premium-text-muted);pointer-events:none}.premium-input-group:focus-within .premium-input-icon{color:#0cc}.premium-section{background:var(--premium-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--premium-card-border);border-radius:28px;padding:36px;margin-bottom:32px;box-shadow:var(--premium-card-shadow);transition:var(--premium-transition)}.premium-section:hover{border-color:var(--premium-border-glow);box-shadow:0 15px 45px #00000014,0 0 40px var(--premium-card-glow)}[data-theme=dark] .premium-section:hover{box-shadow:0 15px 45px #0006,0 0 50px var(--premium-card-glow)}.premium-section-title{display:flex;align-items:center;gap:12px;font-size:1.35rem;font-weight:700;color:var(--premium-text-primary);margin-bottom:24px}.premium-section-title svg{color:#0cc}[data-theme=dark] .premium-section-title svg{color:#a78bfa}.premium-tabs{display:flex;gap:8px;padding:8px;background:var(--premium-card-bg);border:1px solid var(--premium-border-subtle);border-radius:16px;margin-bottom:32px}.premium-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;font-size:.95rem;font-weight:600;color:var(--premium-text-muted);background:transparent;border:none;border-radius:12px;cursor:pointer;transition:var(--premium-transition)}.premium-tab:hover:not(.active){color:var(--premium-text-primary);background:#93b1b50f}.premium-tab.active{color:#fff;background:var(--premium-gradient-primary);box-shadow:0 4px 15px #4f7c824d}.premium-back-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--premium-card-bg);border:1px solid var(--premium-border-subtle);border-radius:14px;font-size:.95rem;font-weight:600;color:var(--premium-text-secondary);cursor:pointer;transition:var(--premium-transition);margin-bottom:24px}.premium-back-btn:hover{border-color:var(--premium-border-glow);color:var(--premium-text-primary);transform:translate(-4px);box-shadow:0 8px 25px var(--premium-card-glow)}.premium-alert{display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:16px;font-weight:500;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.premium-alert-success{background:linear-gradient(135deg,#10b9811a,#05966914);border:1px solid rgba(16,185,129,.2);color:#059669}[data-theme=dark] .premium-alert-success{background:linear-gradient(135deg,#10b98126,#0596691a);border-color:#10b9814d;color:#34d399}.premium-alert-error{background:linear-gradient(135deg,#ef44441a,#dc262614);border:1px solid rgba(239,68,68,.2);color:#dc2626}[data-theme=dark] .premium-alert-error{background:linear-gradient(135deg,#ef444426,#dc26261a);border-color:#ef44444d;color:#f87171}.premium-alert-warning{background:linear-gradient(135deg,#f59e0b1a,#d9770614);border:1px solid rgba(245,158,11,.2);color:#d97706}[data-theme=dark] .premium-alert-warning{background:linear-gradient(135deg,#f59e0b26,#d977061a);border-color:#f59e0b4d;color:#fbbf24}.premium-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:24px}.premium-loading-spinner{width:64px;height:64px;border:4px solid var(--premium-border-subtle);border-top-color:#0cc;border-radius:50%;animation:premium-spin 1s linear infinite}@keyframes premium-spin{to{transform:rotate(360deg)}}.premium-loading-text{font-size:1.1rem;font-weight:600;color:var(--premium-text-muted)}.premium-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;background:var(--premium-card-bg);border:1px dashed var(--premium-border-subtle);border-radius:24px}.premium-empty-icon{width:80px;height:80px;border-radius:24px;background:linear-gradient(135deg,#93b1b51a,#4f7c8214);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#0cc}[data-theme=dark] .premium-empty-icon{background:linear-gradient(135deg,#8b5cf633,#6366f126);color:#a78bfa}.premium-empty-title{font-size:1.35rem;font-weight:700;color:var(--premium-text-primary);margin-bottom:8px}.premium-empty-description{font-size:1rem;color:var(--premium-text-muted);max-width:400px;margin-bottom:24px}.premium-list-item{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--premium-card-bg);border:1px solid var(--premium-border-subtle);border-radius:16px;cursor:pointer;transition:var(--premium-transition);margin-bottom:12px}.premium-list-item:hover{border-color:var(--premium-border-glow);transform:translate(4px);box-shadow:0 8px 25px var(--premium-card-glow)}.premium-list-item.active{border-color:#0cc;background:linear-gradient(135deg,#93b1b514,#4f7c820a);box-shadow:0 0 30px #93b1b526}[data-theme=dark] .premium-list-item.active{background:linear-gradient(135deg,#8b5cf626,#6366f114)}.premium-list-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#93b1b51f,#4f7c8214);display:flex;align-items:center;justify-content:center;color:#7c3aed;flex-shrink:0}[data-theme=dark] .premium-list-icon{background:linear-gradient(135deg,#8b5cf633,#6366f11f);color:#a78bfa}.premium-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.premium-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.premium-grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}@keyframes premium-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes premium-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes premium-scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.premium-animate-in{animation:premium-fadeInUp .5s ease forwards}.premium-animate-stagger>*{opacity:0;animation:premium-fadeInUp .4s ease forwards}.premium-animate-stagger>*:nth-child(1){animation-delay:.1s}.premium-animate-stagger>*:nth-child(2){animation-delay:.2s}.premium-animate-stagger>*:nth-child(3){animation-delay:.3s}.premium-animate-stagger>*:nth-child(4){animation-delay:.4s}.premium-animate-stagger>*:nth-child(5){animation-delay:.5s}.premium-animate-stagger>*:nth-child(6){animation-delay:.6s}.premium-sidebar{background:var(--premium-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--premium-card-border);border-radius:24px;padding:28px;position:sticky;top:100px}.premium-sidebar-header{text-align:center;padding-bottom:24px;border-bottom:1px solid var(--premium-border-subtle);margin-bottom:24px}.premium-sidebar-avatar{width:80px;height:80px;border-radius:50%;background:var(--premium-gradient-primary);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;margin:0 auto 16px;box-shadow:0 8px 30px #4f7c824d}.premium-sidebar-name{font-size:1.2rem;font-weight:700;color:var(--premium-text-primary);margin-bottom:4px}.premium-sidebar-email{font-size:.9rem;color:var(--premium-text-muted)}.premium-sidebar-nav{display:flex;flex-direction:column;gap:8px}.premium-sidebar-link{display:flex;align-items:center;gap:12px;padding:14px 18px;font-size:.95rem;font-weight:600;color:var(--premium-text-secondary);background:transparent;border:none;border-radius:14px;cursor:pointer;transition:var(--premium-transition);text-align:left;width:100%}.premium-sidebar-link:hover{background:#93b1b514;color:var(--premium-text-primary)}.premium-sidebar-link.active{background:var(--premium-gradient-primary);color:#fff;box-shadow:0 4px 20px #4f7c824d}@media (max-width: 1024px){.premium-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.premium-title{font-size:2rem}.premium-subtitle{font-size:1rem}.premium-card,.premium-section{padding:24px;border-radius:20px}.premium-grid-2,.premium-grid-3{grid-template-columns:1fr}.premium-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.premium-stat-card{padding:20px}.premium-stat-value{font-size:1.75rem}.premium-btn-cta{padding:18px 40px;font-size:1.1rem}.premium-tabs{flex-direction:column}.premium-sidebar{position:static;margin-bottom:24px}}@media (max-width: 480px){.premium-header{margin-bottom:32px}.premium-title{font-size:1.75rem;flex-direction:column;gap:8px}.premium-badge{padding:8px 16px;font-size:.8rem}.premium-card,.premium-section{padding:20px;border-radius:16px}.premium-stats-grid{gap:12px}.premium-stat-card{padding:16px}.premium-stat-icon{width:44px;height:44px}.premium-stat-value{font-size:1.5rem}.premium-stat-label{font-size:.8rem}.premium-btn{padding:14px 28px;font-size:1rem}.premium-btn-cta{padding:16px 32px;font-size:1rem;width:100%}}.mode-card{cursor:pointer;border-radius:20px;padding:24px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.mode-card{background:linear-gradient(145deg,#fffffff2,#f8fafce6);border:1.5px solid rgba(203,213,225,.5);box-shadow:0 4px 20px #0000000f,inset 0 1px #ffffffe6}.mode-card:hover:not(.locked):not(.disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #0000001f,inset 0 1px #ffffffe6}.mode-card.selected{border-width:2px;box-shadow:0 8px 32px var(--mode-color, rgba(79, 124, 130, .3)),0 4px 16px #0000001a}[data-theme=dark] .mode-card,.dark .mode-card,html[data-theme=dark] .mode-card{background:linear-gradient(145deg,#1e293be6,#0f172ad9)!important;border-color:#94a3b826!important;box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff0d!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}[data-theme=dark] .mode-card:hover:not(.locked):not(.disabled),.dark .mode-card:hover:not(.locked):not(.disabled){background:linear-gradient(145deg,#334155f2,#1e293be6)!important;box-shadow:0 16px 48px #0006,inset 0 1px #ffffff14!important;transform:translateY(-6px) scale(1.02)}[data-theme=dark] .mode-card.selected,.dark .mode-card.selected{background:linear-gradient(145deg,#1e293bf2,#0f172ae6)!important;box-shadow:0 8px 40px var(--mode-color, rgba(79, 124, 130, .35)),0 4px 20px #0000004d,inset 0 1px #ffffff1a!important}.mode-name{font-weight:700!important;font-size:1.15rem;letter-spacing:-.01em}[data-theme=dark] .mode-name,.dark .mode-name,[data-theme=dark] .mode-content h3,.dark .mode-content h3{color:#e8f4f6!important}[data-theme=dark] .mode-description,.dark .mode-description,[data-theme=dark] .mode-content p,.dark .mode-content p{color:#93b1b5!important}.mode-icon{font-size:3.5rem!important;filter:none!important;text-shadow:none!important;transition:transform .3s cubic-bezier(.4,0,.2,1)}.mode-card:hover:not(.locked):not(.disabled) .mode-icon{transform:scale(1.1)}.mode-card.selected .mode-icon{animation:emojiPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes emojiPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1.05)}}.mode-tier-badge{font-weight:700!important;text-transform:uppercase;letter-spacing:.5px;border-radius:12px!important}[data-theme=dark] .mode-tier-badge,.dark .mode-tier-badge{filter:none!important}[data-theme=dark] .mode-selector-header h3,.dark .mode-selector-header h3{color:#e8f4f6!important}[data-theme=dark] .mode-selector-header p,.dark .mode-selector-header p{color:#93b1b5!important}[data-theme=dark] .personality-subselector,.dark .personality-subselector{background:linear-gradient(135deg,#ef44441f,#ef44440f)!important;border-color:#ef444459!important;border-radius:16px}[data-theme=dark] .subselector-trigger,.dark .subselector-trigger{background:#1e293bf2!important}[data-theme=dark] .subselector-dropdown,.dark .subselector-dropdown{background:#1e293bfa!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=dark] .dropdown-option:hover,.dark .dropdown-option:hover{background:#ef444426!important}[data-theme=dark] .persona-name,.dark .persona-name{color:#d4eaee!important}[data-theme=dark] .persona-desc,.dark .persona-desc{color:#93b1b5!important}.persona-icon{font-size:2rem!important;filter:none!important}.feature-tag{font-weight:600!important;transition:transform .2s ease,box-shadow .2s ease}.mode-card:hover .feature-tag{transform:translateY(-1px)}[data-theme=dark] .feature-tag,.dark .feature-tag{filter:none!important}