@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Fira+Code: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";.auth-page{display:flex;min-height:100vh;background:#f8fafc}[data-theme=dark] .auth-page{background:#0a0a14}.auth-branding{flex:1;display:flex;flex-direction:column;justify-content:center;padding:60px;background:linear-gradient(135deg,#4f46e5,#7c3aed,#9333ea);position:relative;overflow:hidden}.auth-bg-shapes{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.auth-bg-shapes .shape{position:absolute;border-radius:50%;background:#ffffff1a;filter:blur(40px)}.auth-bg-shapes .shape-1{width:400px;height:400px;top:-100px;left:-100px;animation:shapeFloat 20s ease-in-out infinite}.auth-bg-shapes .shape-2{width:300px;height:300px;bottom:-50px;right:-50px;animation:shapeFloat 25s ease-in-out infinite reverse}.auth-bg-shapes .shape-3{width:200px;height:200px;top:40%;right:20%;animation:shapeFloat 15s ease-in-out infinite}.auth-bg-shapes .shape-4{width:150px;height:150px;bottom:30%;left:10%;animation:shapeFloat 18s ease-in-out infinite reverse}@keyframes shapeFloat{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(30px,-30px) scale(1.1);opacity:.8}50%{transform:translate(60px,20px) scale(.9);opacity:.5}75%{transform:translate(20px,40px) scale(1.05);opacity:.7}}.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:#f1f5f9;border:none;border-radius:12px;color:#64748b;cursor:pointer;transition:all .25s ease}[data-theme=dark] .auth-theme-toggle{background:#1e1e2e;color:#94a3b8}.auth-theme-toggle:hover{background:#e2e8f0;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:#64748b;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:#f8fafc;border:2px solid #e2e8f0;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:#cbd5e1}[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:#e2e8f0}[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:#64748b}[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:#f8fafc;border-radius:10px;font-size:.8rem;color:#64748b}[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 #e2e8f0;border-radius:12px;font-size:1rem;font-weight:600;color:#1e293b;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.auth-google-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;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:#8b5cf6;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(248, 250, 252, .85) 0%, rgba(226, 232, 240, .8) 50%, rgba(241, 245, 249, .85) 100%);--bg-secondary: rgba(255, 255, 255, .5);--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(255, 255, 255, .95);--bg-overlay: rgba(255, 255, 255, .75);--bg-overlay-color: rgba(248, 250, 252, .3);--text-primary: #0f172a;--text-secondary: #1e293b;--text-muted: #475569;--text-accent: #1d4ed8;--border-primary: rgba(30, 64, 175, .2);--border-secondary: rgba(30, 64, 175, .25);--border-accent: rgba(37, 99, 235, .5);--accent-primary: #2563eb;--accent-secondary: #3b82f6;--accent-glow: rgba(37, 99, 235, .15);--stat-bg: rgba(37, 99, 235, .12);--stat-completed-bg: rgba(22, 163, 74, .12);--stat-rating-bg: rgba(234, 179, 8, .15);--robot-opacity: .6;--robot-glow: rgba(37, 99, 235, .1);--stars-opacity: .15;--btn-text: #ffffff;--btn-bg: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #1d4ed8 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:200px 0 60px;margin-bottom:50px;position:relative;z-index:2}.hero-title-badge{display:flex;align-items:center;gap:14px;padding:18px 42px;background:linear-gradient(135deg,#141e3cf2,#0f1932eb);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(139,92,246,.5);border-radius:60px;font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:40px;box-shadow:0 15px 50px #0006,0 0 40px #8b5cf64d,0 0 80px #6366f126,inset 0 1px #ffffff26;transition:all .4s ease;text-shadow:0 2px 4px rgba(0,0,0,.4);letter-spacing:1px}.hero-title-badge:hover{transform:translateY(-5px) scale(1.05);border-color:#8b5cf6cc;box-shadow:0 20px 60px #00000080,0 0 60px #8b5cf680,0 0 100px #6366f140,inset 0 1px #fff3}.hero-title-badge svg{color:#a78bfa;filter:drop-shadow(0 0 8px rgba(167,139,250,.8))}@keyframes badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes icon-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(167,139,250,.8))}50%{transform:scale(1.1);filter:drop-shadow(0 0 15px rgba(167,139,250,1))}}@keyframes badge-glow{0%,to{box-shadow:0 15px 50px #0006,0 0 40px #8b5cf64d,0 0 80px #6366f126,inset 0 1px #ffffff26}50%{box-shadow:0 20px 60px #00000080,0 0 60px #8b5cf680,0 0 120px #6366f140,inset 0 1px #fff3}}.cosmic-cta{position:relative;display:inline-flex;align-items:center;gap:18px;padding:28px 80px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7 70%,#c084fc);border:3px solid rgba(255,255,255,.3);border-radius:80px;font-size:1.5rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#fff;cursor:pointer;overflow:hidden;transition:all .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 #8b5cf600,0 15px 50px #6366f199,0 5px 20px #0000004d,0 0 80px #8b5cf64d,inset 0 3px #ffffff59,inset 0 -3px #0003;margin-bottom:45px;text-shadow:0 3px 6px rgba(0,0,0,.4)}.cosmic-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.cosmic-cta:hover:before{left:100%}.cosmic-cta:hover{transform:translateY(-8px) scale(1.08);box-shadow:0 0 60px #8b5cf6b3,0 25px 80px #6366f199,0 10px 30px #0000004d,0 0 120px #8b5cf666,inset 0 3px #fff6,inset 0 -3px #00000026;background:linear-gradient(135deg,#7c3aed,#8b5cf6,#a855f7 60%,#d8b4fe);border-color:#ffffff80}@keyframes cta-breathe{0%,to{box-shadow:0 0 #8b5cf600,0 15px 50px #6366f199,0 5px 20px #0000004d,0 0 80px #8b5cf64d,inset 0 3px #ffffff59,inset 0 -3px #0003}50%{box-shadow:0 0 30px #8b5cf666,0 20px 60px #6366f1b3,0 8px 25px #00000059,0 0 100px #8b5cf666,inset 0 3px #fff6,inset 0 -3px #0003}}.cosmic-cta:active{transform:translateY(-1px) scale(1.01);box-shadow:0 0 20px #8b5cf666,0 5px 20px #6366f159,inset 0 2px #fff3}.cosmic-cta svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s ease}.cosmic-cta:hover svg{transform:scale(1.15);filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.cosmic-cta.small{padding:20px 48px;font-size:1.15rem;gap:12px}.cosmic-cta svg{width:28px;height:28px}.cta-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:linear-gradient(135deg,#6366f1,#a855f7,#c084fc,#6366f1);border-radius:80px;z-index:-1;opacity:0;filter:blur(25px);transition:opacity .5s ease;animation:glow-rotate 4s linear infinite}@keyframes glow-rotate{0%{filter:blur(25px) hue-rotate(0deg)}to{filter:blur(25px) hue-rotate(360deg)}}.cosmic-cta:hover .cta-glow{opacity:.8}.quick-action-row{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;margin-top:12px}.quick-action-btn{position:relative;display:inline-flex;align-items:center;gap:16px;padding:22px 48px;background:linear-gradient(135deg,#19284bf2,#142341eb);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:2px solid rgba(139,92,246,.5);border-radius:70px;font-size:1.15rem;font-weight:700;color:#fff;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;box-shadow:0 8px 35px #0006,0 0 30px #8b5cf633,inset 0 1px #ffffff26;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.5px}.quick-action-btn svg{width:24px;height:24px;filter:drop-shadow(0 0 6px rgba(167,139,250,.6));transition:all .3s ease}.quick-action-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf659,#6366f140);opacity:0;transition:opacity .3s ease;border-radius:50px}.quick-action-btn:hover:before{opacity:1}.quick-action-btn:hover{border-color:#a78bfae6;color:#fff;transform:translateY(-6px) scale(1.05);box-shadow:0 15px 45px #8b5cf680,0 0 50px #8b5cf659,0 0 80px #6366f133,inset 0 1px #ffffff40}.quick-action-btn:active{transform:translateY(-2px) scale(1.02)}.quick-action-btn svg{position:relative;z-index:1;color:#a78bfa;transition:all .3s ease;filter:drop-shadow(0 0 8px rgba(167,139,250,.6))}.quick-action-btn:hover svg{transform:scale(1.2) rotate(5deg);color:#ddd6fe;filter:drop-shadow(0 0 15px rgba(221,214,254,.8))}.quick-action-btn span{position:relative;z-index:1}.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:24px}.cosmic-stat-card{display:flex;flex-direction:column;align-items:flex-start;padding:32px;background:linear-gradient(135deg,#19284be6,#142341d9);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(99,102,241,.3);border-radius:24px;transition:all .4s ease;box-shadow:0 8px 30px #0000004d,0 0 20px #6366f11a,inset 0 1px #ffffff1a}.cosmic-stat-card:hover{background:linear-gradient(135deg,#23375ff2,#1e3255e6);border-color:#8b5cf699;transform:translateY(-8px) scale(1.03);box-shadow:0 20px 50px #00000059,0 0 40px #8b5cf640,0 0 80px #6366f126,inset 0 1px #ffffff26}.stat-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f14d,#8b5cf633);border-radius:18px;color:#a78bfa;margin-bottom:20px;box-shadow:0 6px 20px #6366f140;border:1px solid rgba(139,92,246,.3);transition:all .3s ease}.cosmic-stat-card:hover .stat-icon{transform:scale(1.1);box-shadow:0 8px 25px #8b5cf666}.stat-icon svg{width:30px;height:30px;filter:drop-shadow(0 0 6px rgba(167,139,250,.5))}.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.8rem;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:20px 28px;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid var(--border-primary);border-radius:18px;box-shadow:0 4px 20px #00000026;cursor:pointer;transition:all .3s ease}.cosmic-recent-item:hover{background:var(--bg-card-hover);border-color:var(--border-accent);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:12px 20px;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-secondary);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)}.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,#e8f4fc,#dbeafe,#e0f2fe)}.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:160px 0 40px}.hero-title-badge{padding:14px 28px;font-size:1.1rem}.cosmic-cta{padding:22px 60px;font-size:1.3rem}.quick-action-btn{padding:18px 32px;font-size:1rem}}@media (max-width: 600px){.cosmic-main{padding:16px 12px 100px}.cosmic-hero{padding:140px 0 32px;margin-bottom:30px}.hero-title-badge{padding:12px 24px;font-size:.95rem;gap:10px;margin-bottom:24px}.hero-title-badge svg{width:18px;height:18px}.cosmic-cta{padding:18px 40px;font-size:1rem;gap:12px;letter-spacing:.8px;margin-bottom:28px;border-radius:60px}.cosmic-cta svg{width:20px;height:20px}.quick-action-row{width:100%;gap:10px;flex-direction:column}.quick-action-btn{width:100%;justify-content:center;padding:16px 24px;font-size:.95rem;gap:12px;border-radius:50px}.quick-action-btn svg{width:20px;height:20px}.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:18px;border-radius:18px}.stat-icon{width:48px;height:48px;margin-bottom:14px;border-radius:14px}.stat-icon svg{width:24px;height:24px}.stat-value{font-size:2rem}.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-title-badge{padding:10px 20px;font-size:.85rem}.cosmic-cta{padding:16px 32px;font-size:.9rem;width:100%}.quick-action-btn{padding:14px 20px;font-size:.85rem}.cosmic-stats-grid{gap:10px}.cosmic-stat-card{padding:14px}.stat-icon{width:42px;height:42px}.stat-value{font-size:1.7rem}.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:linear-gradient(135deg,#142341e6,#0f1e37d9);border-color:#6366f14d;box-shadow:0 4px 20px #0000004d,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:linear-gradient(135deg,#1e3255f2,#192d4be6);border-color:#8b5cf680;box-shadow:0 8px 30px #8b5cf633,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:linear-gradient(135deg,#6366f14d,#4f46e533);border-color:#8b5cf680}:root:not(.light) .cosmic-dashboard .cosmic-stat-card.action:hover,[data-theme=dark] .cosmic-dashboard .cosmic-stat-card.action:hover{background:linear-gradient(135deg,#6366f166,#4f46e54d);box-shadow:0 8px 30px #8b5cf64d}: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 .hero-title-badge,[data-theme=light] .cosmic-dashboard .hero-title-badge{background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border:2px solid rgba(37,99,235,.35);color:#1e3a8a;box-shadow:0 15px 50px #0000001f,0 0 30px #2563eb26,0 0 60px #3b82f61a,inset 0 1px #fff;text-shadow:none}:root.light .cosmic-dashboard .hero-title-badge svg,[data-theme=light] .cosmic-dashboard .hero-title-badge svg{color:#2563eb;filter:drop-shadow(0 0 6px rgba(37,99,235,.5))}:root.light .cosmic-dashboard .hero-title-badge span,[data-theme=light] .cosmic-dashboard .hero-title-badge span{color:#1e3a8a;font-weight:800}:root.light .cosmic-dashboard .cosmic-cta,[data-theme=light] .cosmic-dashboard .cosmic-cta{background:linear-gradient(135deg,#1d4ed8,#2563eb,#3b82f6 70%,#60a5fa);border:3px solid rgba(255,255,255,.4);box-shadow:0 15px 50px #2563eb80,0 5px 20px #0003,0 0 60px #3b82f64d,inset 0 3px #ffffff59,inset 0 -3px #00000026}:root.light .cosmic-dashboard .cosmic-cta:hover,[data-theme=light] .cosmic-dashboard .cosmic-cta:hover{background:linear-gradient(135deg,#1e40af,#2563eb,#3b82f6 70%,#93c5fd);box-shadow:0 20px 70px #2563eb99,0 10px 30px #0003,0 0 100px #3b82f666,inset 0 3px #fff6,inset 0 -3px #00000026}:root.light .cosmic-dashboard .cosmic-cta .cta-glow,[data-theme=light] .cosmic-dashboard .cosmic-cta .cta-glow{background:linear-gradient(135deg,#1d4ed8,#3b82f6,#1d4ed8)}:root.light .cosmic-dashboard .quick-action-btn,[data-theme=light] .cosmic-dashboard .quick-action-btn{background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border:2px solid rgba(37,99,235,.3);color:#1e3a8a;box-shadow:0 8px 30px #0000001a,0 2px 8px #00000014,0 0 20px #2563eb14,inset 0 1px #fff;text-shadow:none;font-weight:700}:root.light .cosmic-dashboard .quick-action-btn:before,[data-theme=light] .cosmic-dashboard .quick-action-btn:before{background:linear-gradient(135deg,#2563eb33,#3b82f626)}:root.light .cosmic-dashboard .quick-action-btn:hover,[data-theme=light] .cosmic-dashboard .quick-action-btn:hover{background:linear-gradient(135deg,#fff,#f8fafcfa);border-color:#2563eb99;transform:translateY(-6px) scale(1.05);box-shadow:0 15px 45px #2563eb40,0 5px 15px #0000001a,0 0 40px #2563eb26,inset 0 1px #fff}:root.light .cosmic-dashboard .quick-action-btn svg,[data-theme=light] .cosmic-dashboard .quick-action-btn svg{color:#2563eb;filter:drop-shadow(0 0 4px rgba(37,99,235,.4))}:root.light .cosmic-dashboard .quick-action-btn:hover svg,[data-theme=light] .cosmic-dashboard .quick-action-btn:hover svg{color:#1d4ed8;filter:drop-shadow(0 0 8px rgba(37,99,235,.6))}:root.light .cosmic-dashboard .cosmic-stat-card,[data-theme=light] .cosmic-dashboard .cosmic-stat-card{background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1.5px solid rgba(37,99,235,.12);box-shadow:0 4px 15px #0000000d,inset 0 1px #fff}:root.light .cosmic-dashboard .cosmic-stat-card:hover,[data-theme=light] .cosmic-dashboard .cosmic-stat-card:hover{background:#fffffffa;border-color:#2563eb40;box-shadow:0 8px 30px #00000014,0 0 0 1px #2563eb1a}:root.light .cosmic-dashboard .cosmic-recent-item,[data-theme=light] .cosmic-dashboard .cosmic-recent-item{background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1.5px solid rgba(37,99,235,.12);box-shadow:0 2px 10px #0000000a,inset 0 1px #fff}:root.light .cosmic-dashboard .cosmic-recent-item:hover,[data-theme=light] .cosmic-dashboard .cosmic-recent-item:hover{background:#fffffffa;border-color:#2563eb59;box-shadow:0 8px 25px #2563eb1f,0 0 0 1px #2563eb1a}:root.light .cosmic-dashboard .cosmic-user-card,[data-theme=light] .cosmic-dashboard .cosmic-user-card{background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1.5px solid rgba(37,99,235,.15);box-shadow:0 4px 20px #0000000f,inset 0 1px #fff}:root.light .cosmic-dashboard .user-avatar,[data-theme=light] .cosmic-dashboard .user-avatar{background:linear-gradient(135deg,#1d4ed8,#3b82f6);box-shadow:0 4px 12px #2563eb4d}:root.light .cosmic-dashboard .cosmic-empty-state,[data-theme=light] .cosmic-dashboard .cosmic-empty-state{background:linear-gradient(135deg,#ffffffe6,#f8fafcd9);border:2px dashed rgba(37,99,235,.25)}:root.light .cosmic-dashboard .status-badge.completed,[data-theme=light] .cosmic-dashboard .status-badge.completed{background:linear-gradient(135deg,#2563eb26,#3b82f61a);color:#1d4ed8;border:1px solid rgba(37,99,235,.2)}:root.light .cosmic-dashboard .stat-icon,[data-theme=light] .cosmic-dashboard .stat-icon{background:linear-gradient(135deg,#2563eb26,#3b82f61a);color:#2563eb}:root.light .cosmic-dashboard .recent-icon,[data-theme=light] .cosmic-dashboard .recent-icon{background:linear-gradient(135deg,#2563eb26,#3b82f61a);color:#2563eb}:root.light .cosmic-dashboard .ai-robot-bg-image,[data-theme=light] .cosmic-dashboard .ai-robot-bg-image{filter:blur(0px) contrast(1.1) brightness(1) saturate(1.15);opacity:.85;mask-image:radial-gradient(ellipse 95% 90% at 50% 35%,#000,#000000f2 70%,#0000);-webkit-mask-image:radial-gradient(ellipse 95% 90% at 50% 35%,rgba(0,0,0,1) 0%,rgba(0,0,0,.95) 70%,rgba(0,0,0,0) 100%)}: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 .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}.domain-selection-container{min-height:100vh;background:linear-gradient(135deg,#f0f7ff,#e0efff,#f5f0ff);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(139,92,246,.1) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(167,139,250,.06) 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(139,92,246,.15);border-radius:14px;font-size:.95rem;font-weight:600;color:#475569;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:24px;box-shadow:0 4px 16px #8b5cf60d}.back-button:hover{background:#fff;border-color:#8b5cf64d;color:#6366f1;transform:translate(-6px);box-shadow:0 8px 24px #8b5cf61a}[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(139,92,246,.15);box-shadow:0 8px 32px #8b5cf614,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,#6366f11a,#8b5cf626);border:1px solid rgba(139,92,246,.25);border-radius:30px;font-size:.85rem;font-weight:700;color:#7c3aed;margin-bottom:20px;box-shadow:0 4px 16px #8b5cf61a}[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,#1e293b,#475569,#6366f1);-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:#8b5cf6;animation:sparkle-float 3s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(139,92,246,.5))}@keyframes sparkle-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(10deg)}}.header-subtitle{font-size:1.15rem;color:#64748b;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(139,92,246,.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 #8b5cf60d,0 0 0 1px #ffffff80 inset}.domain-card:hover:not(.locked){transform:translateY(-8px);border-color:var(--domain-color);box-shadow:0 24px 48px #8b5cf626,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 #8b5cf62e,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:#64748b}[data-theme=dark] .coming-soon-badge{background:#64748b33;border-color:#64748b4d;color:#94a3b8}.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:#0f172a;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:#64748b;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:#475569}[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:#8b5cf60d;border:1px solid rgba(139,92,246,.15);border-radius:16px}.footer-note svg{color:#8b5cf6}.footer-note p{margin:0;font-size:.9rem;color:#64748b}[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)}}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: #f7f9fc;--bg-secondary: #ffffff;--bg-surface: #f1f5f9;--bg-panel: #ffffff;--bg-panel-header: rgba(0, 0, 0, .02);--bg-input: #f3f4f6;--bg-canvas: linear-gradient(180deg, #e8f0f8 0%, #ffffff 100%);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-active: #3b82f6;--accent-primary: #3b82f6;--accent-hover: #2563eb;--accent-secondary: #8b5cf6;--shadow-soft: 0 8px 24px rgba(0, 0, 0, .06);--shadow-card: 0 4px 16px rgba(0, 0, 0, .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(59, 130, 246, .1);--badge-border: rgba(59, 130, 246, .25);--badge-text: #2563eb;--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:#f8fafc!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)}.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%)}[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}.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:#475569;-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:#3b82f626;border-color:#3b82f6;color:#3b82f6;transform:scale(1.05)}.header-icon-btn.active{background:#3b82f633;border-color:#3b82f6;color:#3b82f6}[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 #e2e8f0!important}.fullscreen-mode .chat-panel,.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 #e2e8f0}[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)}.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:#f8fafc}[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,#8b5cf6,#6366f1);box-shadow:0 3px 12px #8b5cf64d}.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:#8b5cf6;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 20px;background:#fff;border-top:1px solid #e2e8f0;position:sticky!important;bottom:0!important;z-index:10!important;margin-top:auto!important}[data-theme=dark] .chat-input-area{background:#1f2937;border-top-color:#8b5cf626}.input-container{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:24px;transition:all .2s ease;background:#f1f5f9;border:2px solid #e2e8f0}.input-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}[data-theme=dark] .input-container{background:#374151;border-color:#4b5563}[data-theme=dark] .input-container:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.chat-input{flex:1;border:none;background:transparent;font-size:.95rem;resize:none;min-height:24px;max-height:100px;outline:none;color:var(--text-primary);line-height:1.5}.chat-input::placeholder{color:var(--text-muted)}.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:flex-end;gap:12px;margin-top:16px}.media-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:2px solid var(--media-btn-color);background:transparent;cursor:pointer;transition:all .25s ease;color:var(--media-btn-color)}.media-btn:hover{background:#ec489926;transform:scale(1.05)}.media-btn.active{background:var(--media-btn-color);color:#fff;box-shadow:0 4px 15px #ec489959}.media-btn.off{border-color:var(--media-btn-off);color:var(--media-btn-off)}[data-theme=dark] .media-btn:hover{box-shadow:0 0 20px #ec489959}[data-theme=dark] .media-btn.active{box-shadow:0 0 25px #ec489980}.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, #8b5cf6);box-shadow:0 8px 32px #8b5cf633,0 4px 16px #8b5cf61a}.feedback-toast.loading .feedback-header{color:var(--primary-color, #8b5cf6)}.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}.chat-messages{padding:12px}.media-controls{position:sticky;bottom:0;padding:12px 0}.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:#3b82f633;border:1px solid rgba(59,130,246,.4);color:#3b82f6}.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:#3b82f626;border:1px solid rgba(59,130,246,.5);color:#2563eb}.avatar-container.dark .status-indicator.eye-contact.active{background:#8b5cf640;border:1px solid rgba(139,92,246,.5);color:#a78bfa;animation:eye-pulse 2s ease-in-out infinite}.avatar-container.light .status-indicator.eye-contact.active{background:#8b5cf626;border:1px solid rgba(139,92,246,.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 #8b5cf666}50%{box-shadow:0 0 8px 2px #8b5cf64d}}@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:#8b5cf6;z-index:20}.avatar-loading-overlay.light{background:#f0f4f8f2;color:#3b82f6}.loading-spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,.3);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.avatar-loading-overlay.light .loading-spinner{border-color:#3b82f64d;border-top-color:#3b82f6}.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,#8b5cf614,#3b82f614);border-bottom:1px solid rgba(139,92,246,.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 #e2e8f0!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}}:root,[data-theme=dark] .admin-container{--admin-bg: #050505;--admin-primary: #00ff41;--admin-primary-rgb: 0, 255, 65;--admin-secondary: #00c8ff;--admin-text: #e0e0e0;--admin-text-muted: #6b7280;--admin-border: rgba(0, 255, 65, .15);--admin-card-bg: rgba(0, 0, 0, .6);--admin-sidebar-bg: rgba(0, 0, 0, .95);--admin-topbar-bg: rgba(0, 0, 0, .9);--admin-font: "JetBrains Mono", "Fira Code", "Monaco", "Consolas", monospace;--admin-grid-color: rgba(0, 255, 65, .03);--admin-glow: 0 0 15px rgba(0, 255, 65, .3)}[data-theme=light] .admin-container{--admin-bg: #f8fafc;--admin-primary: #3b82f6;--admin-primary-rgb: 59, 130, 246;--admin-secondary: #6366f1;--admin-text: #1e293b;--admin-text-muted: #64748b;--admin-border: rgba(59, 130, 246, .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(59, 130, 246, .03);--admin-glow: 0 4px 20px rgba(59, 130, 246, .15)}.admin-container{min-height:100vh;background:var(--admin-bg);position:relative;overflow-x:hidden;font-family:var(--admin-font);color:var(--admin-text)}.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}.admin-container:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0px,rgba(0,0,0,.08) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:0}[data-theme=light] .admin-container:after{background:linear-gradient(135deg,#3b82f605,#6366f105)}.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--admin-topbar-bg);border-bottom:1px solid var(--admin-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.admin-topbar:before{content:">";position:absolute;left:24px;color:var(--admin-primary);font-weight:700;animation:blink 1s step-end infinite;opacity:0}[data-theme=light] .admin-topbar:before{display:none}@keyframes blink{50%{opacity:1}}.admin-topbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--admin-primary-rgb),.5),rgba(var(--admin-primary-rgb),.3),transparent)}[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(59,130,246,.3),transparent)}.admin-topbar-left{display:flex;align-items:center;gap:12px}.admin-logo-icon{color:var(--admin-primary);filter:drop-shadow(0 0 6px rgba(var(--admin-primary-rgb),.6))}[data-theme=light] .admin-logo-icon{filter:none}.admin-logo-text{font-size:1rem;font-weight:700;color:var(--admin-primary);letter-spacing:.05em;text-transform:uppercase;text-shadow:0 0 10px rgba(var(--admin-primary-rgb),.5)}.admin-logo-text:before{content:"[ ";color:#666}.admin-logo-text:after{content:" ]";color:#666}[data-theme=light] .admin-logo-text{color:var(--admin-primary);text-shadow:none;letter-spacing:0;text-transform:none;font-size:1.1rem}[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:8px;padding:10px 18px;background:rgba(var(--admin-primary-rgb),.1);border:1px solid rgba(var(--admin-primary-rgb),.25);border-radius:30px;font-size:.9rem;font-weight:600;color:var(--admin-primary);transition:all .3s ease}.admin-user-info:hover{background:rgba(var(--admin-primary-rgb),.15);border-color:rgba(var(--admin-primary-rgb),.4)}[data-theme=light] .admin-user-info{background:#3b82f614;border-color:#3b82f633;color:#3b82f6}.admin-topbar-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#a5b4fc;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=light] .admin-topbar-btn{background:#6366f10d;border:1px solid rgba(99,102,241,.15);color:#6366f1}.admin-topbar-btn:hover{background:#8b5cf626;border-color:#8b5cf64d;color:#a78bfa}.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:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;box-shadow:0 8px 25px #8b5cf666,0 0 0 1px #ffffff1a;animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.admin-header h1{font-size:1.9rem;font-weight:800;background:linear-gradient(135deg,#e0e7ff,#c4b5fd,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}[data-theme=light] .admin-header h1{background:linear-gradient(135deg,#1e293b,#6366f1);-webkit-background-clip:text;background-clip:text}.admin-header p{font-size:.95rem;color:#8b8fa3;margin:4px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:32px}.stat-card{display:flex;align-items:center;gap:18px;padding:26px;border-radius:20px;background:linear-gradient(135deg,#140a32e6,#1e0f3ccc);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(139,92,246,.2);box-shadow:0 4px 24px #0006,inset 0 1px #ffffff0d;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:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),rgba(236,72,153,.3),transparent)}.stat-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.03) 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(99,102,241,.15);box-shadow:0 4px 24px #6366f114}.stat-card:hover{transform:translateY(-4px) scale(1.02);border-color:#8b5cf666;box-shadow:0 12px 40px #8b5cf640,0 0 0 1px #8b5cf61a}[data-theme=light] .stat-card:hover{box-shadow:0 12px 40px #6366f126}.stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:16px;flex-shrink:0;position:relative;transition:all .3s ease}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-icon.users{background:linear-gradient(135deg,#6366f140,#8b5cf640);color:#a78bfa;box-shadow:0 0 20px #8b5cf64d}.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:#6366f1;box-shadow:0 4px 15px #6366f133}[data-theme=light] .stat-icon.active{color:#16a34a;box-shadow:0 4px 15px #22c55e33}[data-theme=light] .stat-icon.new{color:#3b82f6;box-shadow:0 4px 15px #3b82f633}[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-size:2rem;font-weight:800;background:linear-gradient(135deg,#e0e7ff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}[data-theme=light] .stat-value{background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text}.stat-label{font-size:.85rem;color:#8b8fa3;font-weight:500;letter-spacing:.02em}.users-section{background:linear-gradient(135deg,#140a32d9,#190f37cc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(139,92,246,.15);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff08;overflow:hidden;position:relative}.users-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.4),rgba(236,72,153,.2),transparent)}[data-theme=light] .users-section{background:linear-gradient(135deg,#fffffff2,#f8faffe6);border:1px solid rgba(99,102,241,.12);box-shadow:0 8px 32px #6366f114}.users-section .section-header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid rgba(139,92,246,.1);background:#ffffff05}[data-theme=light] .users-section .section-header{border-bottom:1px solid rgba(99,102,241,.08);background:#6366f105}.users-section .section-header h2{display:flex;align-items:center;gap:12px;font-size:1.15rem;font-weight:700;color:#e0e7ff;margin:0}[data-theme=light] .users-section .section-header h2{color:#1e293b}.users-section .section-header h2 svg{color:#a78bfa;filter:drop-shadow(0 0 6px rgba(167,139,250,.4))}.user-count{font-size:.85rem;font-weight:600;color:#c4b5fd;background:linear-gradient(135deg,#8b5cf633,#ec48991a);border:1px solid rgba(139,92,246,.3);padding:8px 16px;border-radius:24px;box-shadow:0 0 15px #8b5cf626}.filters-bar{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06);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:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;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:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.search-box svg{color:#6b7280;flex-shrink:0}.search-box input{flex:1;border:none;background:none;font-size:.9rem;color:#e0e7ff;outline:none}[data-theme=light] .search-box input{color:#1e293b}.search-box input::placeholder{color:#6b7280}.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:#1e293b}.filter-group select:focus{border-color:#8b5cf6}.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:#8b5cf6}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th{text-align:left;padding:14px 20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06)}[data-theme=light] .users-table th{background:#00000005;border-bottom:1px solid rgba(0,0,0,.06)}.users-table td{padding:16px 20px;font-size:.9rem;color:#e0e7ff;border-bottom:1px solid rgba(255,255,255,.04)}[data-theme=light] .users-table td{color:#1e293b;border-bottom:1px solid rgba(0,0,0,.04)}.users-table tr:hover td{background:#8b5cf614}.users-table tr.inactive td{opacity:.5}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:600;font-size:1rem;flex-shrink:0}.user-avatar.large{width:64px;height:64px;font-size:1.5rem;border-radius:16px}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-weight:600;color:#e0e7ff}[data-theme=light] .user-name{color:#1e293b}.user-email{font-size:.8rem;color:#9ca3af}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.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:20px;font-size:.75rem;font-weight:600}.role-badge.user{background:#64748b26;color:#94a3b8}.role-badge.admin{background:linear-gradient(135deg,#6366f133,#8b5cf633);color:#a78bfa}[data-theme=light] .role-badge.admin{color:#6366f1}.interview-count{font-weight:600;color:#e0e7ff}[data-theme=light] .interview-count{color:#1e293b}.date-cell{font-size:.85rem;color:#9ca3af}.actions-cell{width:60px}.action-menu{position:relative}.action-trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:transparent;border:1px solid transparent;color:#9ca3af;cursor:pointer;transition:all .2s ease}.action-trigger:hover{background:#ffffff0d;border-color:#ffffff1a;color:#e0e7ff}[data-theme=light] .action-trigger:hover{background:#0000000d;border-color:#0000001a;color:#1e293b}.action-dropdown{position:absolute;top:100%;right:0;min-width:180px;padding:8px;border-radius:12px;background:#1e293b;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;z-index:100;animation:slideDown .15s ease}[data-theme=light] .action-dropdown{background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001f}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.action-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:none;font-size:.9rem;color:#e0e7ff;border-radius:8px;cursor:pointer;transition:background .15s ease;text-align:left}[data-theme=light] .action-dropdown button{color:#1e293b}.action-dropdown button:hover{background:#8b5cf626}.action-dropdown button.danger{color:#f87171}[data-theme=light] .action-dropdown button.danger{color:#dc2626}.action-dropdown button.danger:hover{background:#ef444426}.action-dropdown hr{border:none;height:1px;background:#ffffff14;margin:6px 0}[data-theme=light] .action-dropdown hr{background:#00000014}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;border-top:1px solid rgba(255,255,255,.06)}[data-theme=light] .pagination{border-top:1px solid rgba(0,0,0,.04)}.pagination button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#e0e7ff;cursor:pointer;transition:all .2s ease}[data-theme=light] .pagination button{background:#f8fafc;border:1px solid #e2e8f0;color:#1e293b}.pagination button:hover:not(:disabled){background:#8b5cf626;border-color:#8b5cf6;color:#a78bfa}[data-theme=light] .pagination button:hover:not(:disabled){background:#6366f11a;border-color:#6366f1;color:#6366f1}.pagination button:disabled{opacity:.4;cursor:not-allowed}.page-info{font-size:.9rem;color:#9ca3af}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .2s ease}[data-theme=light] .modal-overlay{background:#00000080}.modal-content{width:100%;max-width:560px;max-height:85vh;overflow-y:auto;background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 24px 48px #0006;animation:slideUp .25s ease}[data-theme=light] .modal-content{background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 24px 48px #0003}.modal-content.confirm-modal{max-width:420px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}[data-theme=light] .modal-header{border-bottom:1px solid rgba(0,0,0,.06)}.modal-header h3{font-size:1.15rem;font-weight:600;color:#e0e7ff;margin:0}[data-theme=light] .modal-header h3{color:#1e293b}.modal-header.danger{display:flex;gap:12px;background:#ef444426;color:#f87171}[data-theme=light] .modal-header.danger{background:#ef444414;color:#dc2626}.modal-header.danger h3{color:#f87171}[data-theme=light] .modal-header.danger h3{color:#dc2626}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:none;background:transparent;color:#9ca3af;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:#ffffff0d;color:#e0e7ff}[data-theme=light] .modal-close:hover{background:#0000000d;color:#1e293b}.modal-body{padding:24px}.user-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.user-detail-header h4{font-size:1.25rem;font-weight:600;margin:0;color:#e0e7ff}[data-theme=light] .user-detail-header h4{color:#1e293b}.user-detail-header p{font-size:.9rem;margin:4px 0 0;color:#9ca3af}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item .label{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:#6b7280}.detail-item .value{font-size:.95rem;color:#e0e7ff}[data-theme=light] .detail-item .value{color:#1e293b}.recent-interviews h5{font-size:.9rem;font-weight:600;color:#e0e7ff;margin-bottom:12px}[data-theme=light] .recent-interviews h5{color:#1e293b}.interview-list{display:flex;flex-direction:column;gap:8px}.interview-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;background:#ffffff08}[data-theme=light] .interview-item{background:#00000005}.interview-info{display:flex;flex-direction:column;gap:2px}.interview-info .role{font-weight:500;color:#e0e7ff}[data-theme=light] .interview-info .role{color:#1e293b}.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:#a78bfa}[data-theme=light] .interview-meta .score{color:#6366f1}.user-preview{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:12px;background:#ffffff0a;margin:16px 0}[data-theme=light] .user-preview{background:#0000000a}.user-preview strong{color:#e0e7ff}[data-theme=light] .user-preview strong{color:#1e293b}.user-preview span{font-size:.9rem;color:#9ca3af}.modal-body .warning{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#f87171;margin-top:16px}[data-theme=light] .modal-body .warning{color:#dc2626}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.08)}[data-theme=light] .modal-actions{border-top:1px solid rgba(0,0,0,.06)}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none}.btn-danger:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)}@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,#0a0520e6,#0f0a28f2);border-right:1px solid rgba(139,92,246,.15);padding:28px 16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.admin-sidebar:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(139,92,246,.5),rgba(236,72,153,.3),transparent)}[data-theme=light] .admin-sidebar{background:linear-gradient(180deg,#fffffffa,#f8fafff2);border-right-color:#6366f11f}[data-theme=light] .admin-sidebar:before{background:linear-gradient(180deg,transparent,rgba(99,102,241,.3),transparent)}.admin-nav{display:flex;flex-direction:column;gap:6px}.admin-nav .nav-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:transparent;border:1px solid transparent;border-radius:14px;color:#8b8fa3;font-size:.95rem;font-weight:500;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,#a78bfa,#ec4899);border-radius:0 4px 4px 0;transition:height .3s ease}.admin-nav .nav-item:hover{background:#8b5cf614;color:#c4b5fd;border-color:#8b5cf626}.admin-nav .nav-item:hover:before{height:50%}.admin-nav .nav-item:hover svg{filter:drop-shadow(0 0 6px rgba(167,139,250,.5))}.admin-nav .nav-item.active{background:linear-gradient(135deg,#8b5cf626,#ec489914);color:#c4b5fd;border:1px solid rgba(139,92,246,.35);box-shadow:0 0 20px #8b5cf626,inset 0 1px #ffffff0d}.admin-nav .nav-item.active:before{height:60%}.admin-nav .nav-item.active svg{filter:drop-shadow(0 0 8px rgba(167,139,250,.6))}[data-theme=light] .admin-nav .nav-item{color:#64748b}[data-theme=light] .admin-nav .nav-item:hover{background:#6366f10f;color:#4f46e5;border-color:#6366f11f}[data-theme=light] .admin-nav .nav-item.active{background:linear-gradient(135deg,#6366f11f,#8b5cf614);color:#6366f1;border-color:#6366f140;box-shadow:0 4px 15px #6366f11a}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=light] .panel-header{border-bottom-color:#0000001a}.panel-header .header-left{display:flex;align-items:center;gap:12px}.panel-header .header-left h2{margin:0;font-size:1.5rem;color:#e0e7ff}[data-theme=light] .panel-header .header-left h2{color:#1e293b}.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:#8b5cf6}.refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:10px;color:#a78bfa;font-size:.9rem;cursor:pointer;transition:all .2s ease}.refresh-btn:hover{background:#8b5cf640}.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,#8b5cf633,#6366f133);border-radius:12px;color:#a78bfa}.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:#1e293b}.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:24px;padding:16px 24px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:12px;margin-bottom:24px}.realtime-stat{display:flex;align-items:center;gap:10px}.realtime-stat .stat-icon{color:#8b5cf6}.realtime-stat .stat-icon.warning{color:#f59e0b}.realtime-stat .stat-value{font-size:1.25rem;font-weight:700;color:#e0e7ff}[data-theme=light] .realtime-stat .stat-value{color:#1e293b}.realtime-stat .stat-label{font-size:.85rem;color:#6b7280}.database-stats,.process-info{background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px 24px;margin-top:24px}[data-theme=light] .database-stats,[data-theme=light] .process-info{background:#fffc;border-color:#0000001a}.database-stats h3,.process-info h3{display:flex;align-items:center;gap:10px;font-size:1rem;color:#9ca3af;margin:0 0 16px}.table-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.table-stat{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff0d;border-radius:10px}[data-theme=light] .table-stat{background:#0000000d}.table-stat .table-name{color:#9ca3af;font-size:.9rem}.table-stat .table-count{color:#a78bfa;font-weight:600}.process-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.process-stat{text-align:center}.process-stat .label{display:block;font-size:.85rem;color:#6b7280;margin-bottom:4px}.process-stat .value{font-size:1.25rem;font-weight:700;color:#e0e7ff}[data-theme=light] .process-stat .value{color:#1e293b}.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:#ef44441a;color:#ef4444}.error-stats-bar .stat-item.error{background:#f973161a;color:#f97316}.error-stats-bar .stat-item.warning{background:#f59e0b1a;color:#f59e0b}.error-stats-bar .stat-item.info{background:#3b82f61a;color:#3b82f6}.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:#1e293b}.filters-bar input{min-width:200px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}[data-theme=light] .admin-table th,[data-theme=light] .admin-table td{border-bottom-color:#0000000d}.admin-table th{font-size:.85rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.admin-table td{font-size:.9rem;color:#e0e7ff}[data-theme=light] .admin-table td{color:#1e293b}.admin-table tr:hover{background:#8b5cf60d}.admin-table .mono{font-family:Fira Code,Monaco,monospace;font-size:.85rem}.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:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#9ca3af;cursor:pointer;transition:all .2s ease}.icon-btn:hover{background:#8b5cf626;color:#a78bfa}.severity-badge,.status-badge,.method-badge,.status-code-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize}.response-time{font-family:Fira Code,monospace;font-size:.85rem}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stats-cards .stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:14px}[data-theme=light] .stats-cards .stat-card{background:#fffc;border-color:#0000001a}.stats-cards .stat-card.success svg{color:#10b981}.stats-cards .stat-card.error svg{color:#ef4444}.stats-cards .stat-content .stat-value{font-size:1.5rem;font-weight:700;color:#e0e7ff;display:block}[data-theme=light] .stats-cards .stat-content .stat-value{color:#1e293b}.stats-cards .stat-content .stat-label{font-size:.85rem;color:#6b7280}.top-endpoints{background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px;margin-bottom:24px}[data-theme=light] .top-endpoints{background:#fffc;border-color:#0000001a}.top-endpoints h3{display:flex;align-items:center;gap:8px;font-size:1rem;color:#9ca3af;margin:0 0 16px}.endpoints-list{display:flex;flex-direction:column;gap:8px}.endpoint-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff08;border-radius:10px}.endpoint-item .rank{font-weight:700;color:#8b5cf6;min-width:30px}.endpoint-item .endpoint-path{flex:1;font-family:Fira Code,monospace;font-size:.85rem;color:#e0e7ff}[data-theme=light] .endpoint-item .endpoint-path{color:#1e293b}.endpoint-item .endpoint-count{font-size:.85rem;color:#6b7280}.settings-section{background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-bottom:24px}[data-theme=light] .settings-section{background:#fffc;border-color:#0000001a}.settings-section .section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=light] .settings-section .section-header{border-bottom-color:#0000001a}.settings-section .section-header h2{margin:0;font-size:1.25rem;color:#e0e7ff}[data-theme=light] .settings-section .section-header h2{color:#1e293b}.maintenance-status{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#ffffff08;border-radius:12px;margin-bottom:20px}.maintenance-status.active{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.status-indicator{display:flex;align-items:center;gap:16px}.status-indicator svg.active{color:#f59e0b}.status-text .status-label{display:block;font-size:1.1rem;font-weight:600;color:#e0e7ff;margin-bottom:4px}[data-theme=light] .status-text .status-label{color:#1e293b}.status-text p{margin:0;font-size:.9rem;color:#6b7280}.toggle-btn{padding:12px 24px;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.toggle-btn.success{background:#10b98133;color:#10b981}.toggle-btn.success:hover{background:#10b9814d}.toggle-btn.danger{background:#ef444433;color:#ef4444}.toggle-btn.danger:hover{background:#ef44444d}.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:#1e293b}.save-message-btn,.save-limits-btn{display:flex;align-items:center;gap:8px;margin-top:12px;padding:12px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.save-message-btn:hover:not(:disabled),.save-limits-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #6366f166}.save-message-btn:disabled,.save-limits-btn:disabled{opacity:.5;cursor:not-allowed}.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:#1e293b}.integrations-stats{display:flex;gap:24px;margin-bottom:24px}.integrations-stats .stat{text-align:center}.integrations-stats .stat-value{display:block;font-size:2rem;font-weight:700;color:#e0e7ff}[data-theme=light] .integrations-stats .stat-value{color:#1e293b}.integrations-stats .stat-label{font-size:.85rem;color:#6b7280}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.integration-card{background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;transition:all .2s ease}[data-theme=light] .integration-card{background:#fffc;border-color:#0000001a}.integration-card.disabled{opacity:.6}.integration-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.integration-icon{padding:14px;background:linear-gradient(135deg,#8b5cf633,#6366f133);border-radius:14px;color:#a78bfa}.integration-info{flex:1}.integration-info h3{margin:0 0 4px;font-size:1.1rem;color:#e0e7ff}[data-theme=light] .integration-info h3{color:#1e293b}.integration-info p{margin:0;font-size:.85rem;color:#6b7280}.integration-details{margin-bottom:16px}.integration-details .detail-row{display:flex;gap:8px;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.05)}.integration-details .label{color:#6b7280;font-size:.85rem}.integration-details .value{color:#9ca3af;font-size:.85rem;font-family:Fira Code,monospace}.integration-edit-form{padding:16px;background:#0003;border-radius:12px;margin-bottom:16px}.integration-edit-form .form-row{margin-bottom:12px}.integration-edit-form label{display:block;font-size:.85rem;color:#9ca3af;margin-bottom:6px}.password-input{display:flex;gap:8px}.password-input input{flex:1;padding:10px 14px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e0e7ff;font-size:.9rem}[data-theme=light] .password-input input{background:#ffffff80;border-color:#0000001a;color:#1e293b}.toggle-visibility{padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#9ca3af;cursor:pointer}.health-result{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:.9rem}.health-result.healthy{background:#10b9811a;color:#10b981}.health-result.error{background:#ef44441a;color:#ef4444}.integration-actions{display:flex;flex-wrap:wrap;gap:10px}.integration-actions button{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none}.integration-actions .toggle-btn{background:#10b98126;color:#10b981}.integration-actions .toggle-btn.enabled{background:#f59e0b26;color:#f59e0b}.integration-actions .edit-btn{background:#6366f126;color:#6366f1}.integration-actions .health-btn{background:#8b5cf626;color:#8b5cf6}.integration-actions .save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.integration-actions .cancel-btn{background:#ef444426;color:#ef4444}.usage-stats-panel .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px}.usage-stat-card{display:flex;align-items:center;gap:20px;padding:24px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:16px}[data-theme=light] .usage-stat-card{background:#fffc;border-color:#0000001a}.usage-stat-card .stat-icon{padding:16px;background:linear-gradient(135deg,#8b5cf633,#6366f133);border-radius:14px;color:#a78bfa}.usage-stat-card .stat-value{font-size:2rem;font-weight:700;color:#e0e7ff;display:block}[data-theme=light] .usage-stat-card .stat-value{color:#1e293b}.usage-stat-card .stat-title{font-size:.95rem;color:#6b7280;display:block;margin-top:4px}.usage-stat-card .stat-subtitle{font-size:.85rem;color:#8b5cf6;display:block;margin-top:4px}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.chart-container{background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}[data-theme=light] .chart-container{background:#fffc;border-color:#0000001a}.simple-bar-chart h4{margin:0 0 20px;font-size:1rem;color:#9ca3af}.chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:150px;gap:8px}.bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar{width:100%;max-width:40px;background:linear-gradient(180deg,#8b5cf6,#6366f1);border-radius:6px 6px 0 0;display:flex;align-items:flex-start;justify-content:center;min-height:4px;transition:height .3s ease}.bar-value{font-size:.75rem;color:#fff;font-weight:600;padding:4px}.bar-label{font-size:.75rem;color:#6b7280;margin-top:8px;text-align:center}.daily-breakdown{background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}[data-theme=light] .daily-breakdown{background:#fffc;border-color:#0000001a}.daily-breakdown h3{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:1.1rem;color:#e0e7ff}[data-theme=light] .daily-breakdown h3{color:#1e293b}.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:#1e293b}.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:#8b5cf6;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:#1e293b}.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:#1e293b}.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:#1e293b}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{font-size:1.1rem}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#9ca3af}.admin-loading svg{color:#8b5cf6;margin-bottom:16px}.admin-error{text-align:center;padding:60px 20px;color:#ef4444}.admin-error button{margin-top:16px;padding:10px 20px;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;cursor:pointer}.period-selector{padding:10px 16px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#e0e7ff;font-size:.9rem;cursor:pointer}[data-theme=light] .period-selector{background:#fffc;border-color:#0000001a;color:#1e293b}.admin-container .btn-secondary{background:linear-gradient(135deg,#8b5cf626,#ec489914);border:1px solid rgba(139,92,246,.3);color:#c4b5fd;border-radius:14px;padding:12px 20px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-container .btn-secondary:hover{background:linear-gradient(135deg,#8b5cf640,#ec489926);border-color:#8b5cf680;box-shadow:0 0 20px #8b5cf633;transform:translateY(-2px)}[data-theme=light] .admin-container .btn-secondary{background:linear-gradient(135deg,#6366f11a,#8b5cf614);border-color:#6366f140;color:#6366f1}.admin-container .btn-primary{background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;color:#fff;border-radius:14px;padding:12px 24px;font-weight:600;box-shadow:0 4px 20px #8b5cf659;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-container .btn-primary:hover{box-shadow:0 8px 30px #8b5cf680;transform:translateY(-2px) scale(1.02)}@keyframes glowPulse{0%,to{box-shadow:0 0 15px #8b5cf64d}50%{box-shadow:0 0 25px #8b5cf680}}.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:#0f0a2880;border-radius:4px}.admin-container ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf680,#ec48994d);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,#6366f166,#8b5cf64d)}.console-panel{background:linear-gradient(135deg,#0a0519f2,#0f0823e6);border-radius:20px;border:1px solid rgba(139,92,246,.2);overflow:hidden;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff08}[data-theme=light] .console-panel{background:linear-gradient(135deg,#1e293b,#0f172a)}.console-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#0000004d;border-bottom:1px solid rgba(139,92,246,.15)}.console-title{display:flex;align-items:center;gap:14px}.console-title svg{color:#a78bfa;filter:drop-shadow(0 0 8px rgba(167,139,250,.5))}.console-title h2{font-size:1.25rem;font-weight:700;color:#e0e7ff;margin:0}.console-status{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#8b5cf626;border:1px solid rgba(139,92,246,.25);border-radius:20px;font-size:.8rem;font-weight:600;color:#a78bfa}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-dot.active{background:#4ade80;box-shadow:0 0 10px #4ade8080}.status-dot.paused{background:#fbbf24;box-shadow:0 0 10px #fbbf2480;animation:none}.console-actions{display:flex;gap:8px}.console-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#9ca3af;cursor:pointer;transition:all .2s ease}.console-btn:hover{background:#8b5cf633;border-color:#8b5cf666;color:#a78bfa}.console-btn.active{background:#fbbf2433;border-color:#fbbf2466;color:#fbbf24}.console-stats{display:flex;gap:24px;padding:14px 24px;background:#8b5cf60d;border-bottom:1px solid rgba(139,92,246,.1)}.console-stats .stat-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#9ca3af}.console-stats .stat-item svg{color:#6b7280}.console-stats .stat-item strong{color:#e0e7ff}.console-stats .status-ok{color:#4ade80}.console-filters{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:#0003;border-bottom:1px solid rgba(255,255,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 .2s ease}.filter-btn:hover{background:#ffffff0d;color:#9ca3af}.filter-btn.active{background:#8b5cf626;border-color:#8b5cf64d;color:#a78bfa}.filter-btn.error.active{background:#ef444426;border-color:#ef44444d;color:#f87171}.filter-btn.warning.active{background:#fbbf2426;border-color:#fbbf244d;color:#fbbf24}.filter-btn.success.active{background:#4ade8026;border-color:#4ade804d;color:#4ade80}.filter-btn .count{padding:2px 6px;background:#ffffff1a;border-radius:4px;font-size:.7rem}.console-filters .search-box{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;min-width:200px}.console-filters .search-box svg{color:#6b7280}.console-filters .search-box input{flex:1;background:transparent;border:none;color:#e0e7ff;font-size:.85rem;outline:none}.console-filters .search-box input::placeholder{color:#4b5563}.console-output{min-height:350px;max-height:450px;overflow-y:auto;padding:16px;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.6;background:#0003}.console-output .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#4b5563;gap:12px}.log-entry{display:flex;align-items:flex-start;gap:10px;padding:6px 10px;border-radius:6px;margin-bottom:4px;transition:background .15s ease}.log-entry:hover{background:#ffffff08}.log-icon{display:flex;align-items:center;padding-top:2px}.log-entry.info .log-icon{color:#60a5fa}.log-entry.success .log-icon{color:#4ade80}.log-entry.warning .log-icon{color:#fbbf24}.log-entry.error .log-icon{color:#f87171}.log-entry.command .log-icon{color:#a78bfa}.log-time{color:#4b5563;font-size:.75rem;min-width:70px}.log-source{color:#6366f1;font-size:.75rem;min-width:60px}.log-message{flex:1;color:#e0e7ff;margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit}.log-entry.error .log-message{color:#fca5a5}.log-entry.warning .log-message{color:#fde68a}.log-entry.success .log-message{color:#86efac}.log-entry.command .log-message{color:#c4b5fd;font-weight:600}.log-entry.loading{color:#9ca3af;padding:8px 10px}.log-entry.loading svg{animation:spin 1s linear infinite}.console-input-container{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#0006;border-top:1px solid rgba(139,92,246,.15)}.console-input-container .prompt{color:#a78bfa;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700}.console-input{flex:1;background:transparent;border:none;color:#e0e7ff;font-family:JetBrains Mono,Fira Code,monospace;font-size:.95rem;outline:none;caret-color:#a78bfa}.console-input::placeholder{color:#4b5563}.execute-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:10px;color:#fff;cursor:pointer;transition:all .2s ease}.execute-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 20px #8b5cf666}.execute-btn:disabled{opacity:.5;cursor:not-allowed}.quick-commands{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#8b5cf60d;border-top:1px solid rgba(139,92,246,.1)}.quick-commands .label{color:#6b7280;font-size:.8rem;font-weight:500}.quick-cmd{padding:6px 14px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:8px;color:#a78bfa;font-family:JetBrains Mono,monospace;font-size:.8rem;cursor:pointer;transition:all .2s ease}.quick-cmd:hover:not(:disabled){background:#8b5cf633;border-color:#8b5cf666;box-shadow:0 0 15px #8b5cf633}.quick-cmd:disabled{opacity:.5;cursor:not-allowed}.console-output::-webkit-scrollbar{width:6px}.console-output::-webkit-scrollbar-track{background:#0003}.console-output::-webkit-scrollbar-thumb{background:#00ff4166;border-radius:3px}.console-output::-webkit-scrollbar-thumb:hover{background:#00ff4199}.sidebar-section{padding:16px 18px 8px}.section-label{font-size:.7rem;font-weight:600;color:#00ff41;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.admin-nav .nav-item{font-family:JetBrains Mono,monospace;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-size:.65rem;color:#444;font-weight:500;padding:2px 6px;background:#ffffff08;border-radius:4px;margin-left:auto}.admin-nav .nav-item:hover .nav-shortcut{color:#00ff41;background:#00ff411a}.admin-nav .nav-item.active .nav-shortcut{color:#00ff41;background:#00ff4126}.admin-nav .nav-item:before{background:linear-gradient(180deg,#00ff41,#0c3)!important;box-shadow:0 0 8px #00ff4180}.admin-nav .nav-item:hover{background:#00ff410d;color:#00ff41;border-color:#00ff411a}.admin-nav .nav-item.active{background:#00ff4114;color:#00ff41;border:1px solid rgba(0,255,65,.25);box-shadow:0 0 15px #00ff411a,inset 0 0 20px #00ff4108}.admin-nav .nav-item:hover svg,.admin-nav .nav-item.active svg{color:#00ff41;filter:drop-shadow(0 0 4px rgba(0,255,65,.5))}.sidebar-footer{margin-top:auto;padding:20px 18px;border-top:1px solid rgba(0,255,65,.1)}.system-status{display:flex;align-items:center;gap:10px;font-size:.75rem;font-weight:600;color:#00ff41;letter-spacing:.05em;text-transform:uppercase}.status-indicator{width:8px;height:8px;border-radius:50%;animation:statusPulse 2s ease-in-out infinite}.status-indicator.online{background:#00ff41;box-shadow:0 0 10px #00ff4199}.status-indicator.offline{background:#ff4141;box-shadow:0 0 10px #ff414199}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.panel-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:48px;background:#0006;border:1px solid rgba(0,255,65,.15);border-radius:16px;text-align:center}.panel-placeholder svg{color:#00ff41;margin-bottom:24px;filter:drop-shadow(0 0 15px rgba(0,255,65,.4))}.panel-placeholder h2{font-size:1.5rem;font-weight:700;color:#00ff41;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.panel-placeholder p{color:#6b7280;font-size:.95rem;max-width:400px;line-height:1.6}.placeholder-stats{display:flex;gap:32px;margin-top:32px;padding-top:32px;border-top:1px solid rgba(0,255,65,.1)}.placeholder-stats .stat{display:flex;flex-direction:column;align-items:center;gap:8px}.placeholder-stats .stat .value{font-size:2rem;font-weight:700;color:#00ff41;font-family:JetBrains Mono,monospace}.placeholder-stats .stat .label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.admin-sidebar{background:linear-gradient(180deg,#000000f2,#050505fa)!important;border-right:1px solid rgba(0,255,65,.15)!important}.admin-sidebar:before{background:linear-gradient(180deg,transparent,rgba(0,255,65,.3),rgba(0,200,255,.2),transparent)!important}.admin-main{background:transparent}.stat-card{background:#0009!important;border:1px solid rgba(0,255,65,.1)!important}.stat-card:hover{border-color:#00ff414d!important;box-shadow:0 0 25px #00ff411a!important}.stat-card:before{background:linear-gradient(90deg,transparent,rgba(0,255,65,.3),transparent)!important}.users-section{background:#0009!important;border:1px solid rgba(0,255,65,.12)!important}.users-section:before{background:linear-gradient(90deg,transparent,rgba(0,255,65,.3),transparent)!important}.admin-header h1{color:#00ff41!important;background:none!important;-webkit-text-fill-color:#00ff41!important;text-shadow:0 0 20px rgba(0,255,65,.3)}.admin-header .header-icon-wrapper{background:linear-gradient(135deg,#00ff4133,#00c8ff26)!important;border:1px solid rgba(0,255,65,.3);box-shadow:0 0 20px #00ff4133!important}.admin-header .header-icon-wrapper svg{color:#00ff41}.admin-container .btn-secondary{background:#00ff411a!important;border:1px solid rgba(0,255,65,.25)!important;color:#00ff41!important}.admin-container .btn-secondary:hover{background:#00ff4133!important;border-color:#00ff4166!important;box-shadow:0 0 15px #00ff4133!important}.console-panel{background:#000c!important;border:1px solid rgba(0,255,65,.15)!important}.console-title svg{color:#00ff41!important;filter:drop-shadow(0 0 8px rgba(0,255,65,.5))!important}.console-status{background:#00ff411a!important;border:1px solid rgba(0,255,65,.2)!important;color:#00ff41!important}.quick-cmd{background:#00ff4114!important;border:1px solid rgba(0,255,65,.15)!important;color:#00ff41!important}.quick-cmd:hover:not(:disabled){background:#00ff4126!important;border-color:#00ff414d!important;box-shadow:0 0 12px #00ff4133!important}.filter-btn.active{background:#00ff411a!important;border-color:#00ff4140!important;color:#00ff41!important}.execute-btn{background:linear-gradient(135deg,#0c3,#00ff41)!important}.execute-btn:hover:not(:disabled){box-shadow:0 0 25px #00ff4180!important}[data-theme=light] .admin-sidebar{background:linear-gradient(180deg,#fffffffa,#f8fafff2)!important;border-right:1px solid rgba(59,130,246,.12)!important}[data-theme=light] .admin-sidebar:before{background:linear-gradient(180deg,transparent,rgba(59,130,246,.2),transparent)!important}[data-theme=light] .section-label{color:#3b82f6}[data-theme=light] .admin-nav .nav-item{color:#64748b;font-family:Inter,sans-serif;text-transform:capitalize}[data-theme=light] .admin-nav .nav-item:hover{background:#3b82f60f;color:#3b82f6;border-color:#3b82f61a}[data-theme=light] .admin-nav .nav-item.active{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2);box-shadow:0 2px 8px #3b82f61a}[data-theme=light] .admin-nav .nav-item:before{background:linear-gradient(180deg,#3b82f6,#6366f1)!important;box-shadow:none}[data-theme=light] .admin-nav .nav-item:hover svg,[data-theme=light] .admin-nav .nav-item.active svg{color:#3b82f6;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:#3b82f6;background:#3b82f61a}[data-theme=light] .sidebar-footer{border-top:1px solid rgba(59,130,246,.1)}[data-theme=light] .system-status{color:#22c55e}[data-theme=light] .status-indicator.online{background:#22c55e;box-shadow:0 0 8px #22c55e80}[data-theme=light] .stat-card{background:#ffffffe6!important;border:1px solid rgba(59,130,246,.1)!important;box-shadow:0 2px 12px #0000000d}[data-theme=light] .stat-card:hover{border-color:#3b82f633!important;box-shadow:0 4px 20px #3b82f61a!important}[data-theme=light] .stat-card:before{background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent)!important}[data-theme=light] .stat-value{background:linear-gradient(135deg,#1e293b,#475569)!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(59,130,246,.1)!important;box-shadow:0 2px 12px #0000000d}[data-theme=light] .users-section:before{background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent)!important}[data-theme=light] .admin-header h1{color:#1e293b!important;background:none!important;-webkit-text-fill-color:#1e293b!important;text-shadow:none}[data-theme=light] .admin-header .header-icon-wrapper{background:linear-gradient(135deg,#3b82f6,#6366f1)!important;border:none;box-shadow:0 4px 15px #3b82f64d!important}[data-theme=light] .admin-header .header-icon-wrapper svg{color:#fff}[data-theme=light] .admin-container .btn-secondary{background:#3b82f614!important;border:1px solid rgba(59,130,246,.2)!important;color:#3b82f6!important}[data-theme=light] .admin-container .btn-secondary:hover{background:#3b82f61f!important;border-color:#3b82f64d!important;box-shadow:0 2px 10px #3b82f626!important}[data-theme=light] .admin-container .btn-primary{background:linear-gradient(135deg,#3b82f6,#6366f1)!important;box-shadow:0 4px 15px #3b82f64d!important}[data-theme=light] .console-panel{background:#1e293b!important;border:1px solid rgba(59,130,246,.2)!important}[data-theme=light] .console-title svg{color:#60a5fa!important;filter:none!important}[data-theme=light] .console-status{background:#3b82f626!important;border:1px solid rgba(59,130,246,.25)!important;color:#60a5fa!important}[data-theme=light] .quick-cmd{background:#3b82f61a!important;border:1px solid rgba(59,130,246,.2)!important;color:#60a5fa!important}[data-theme=light] .quick-cmd:hover:not(:disabled){background:#3b82f633!important;border-color:#3b82f64d!important}[data-theme=light] .execute-btn{background:linear-gradient(135deg,#3b82f6,#6366f1)!important}[data-theme=light] .execute-btn:hover:not(:disabled){box-shadow:0 0 20px #3b82f666!important}[data-theme=light] .filter-btn.active{background:#3b82f61a!important;border-color:#3b82f640!important;color:#3b82f6!important}[data-theme=light] .panel-placeholder{background:#ffffffe6;border:1px solid rgba(59,130,246,.15)}[data-theme=light] .panel-placeholder svg{color:#3b82f6;filter:none}[data-theme=light] .panel-placeholder h2{color:#1e293b;text-transform:none}[data-theme=light] .placeholder-stats .stat .value{color:#3b82f6}[data-theme=light] .placeholder-stats{border-top:1px solid rgba(59,130,246,.1)}[data-theme=light] .admin-container ::-webkit-scrollbar-track{background:#00000005}[data-theme=light] .admin-container ::-webkit-scrollbar-thumb{background:#3b82f64d}[data-theme=light] .admin-container ::-webkit-scrollbar-thumb:hover{background:#3b82f680}.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)}}:root,[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-card: #ffffff;--bg-card-hover: #f9fafb;--bg-glass: rgba(255, 255, 255, .8);--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--text-inverse: #ffffff;--primary: #4f7cff;--primary-dark: #3b68eb;--primary-light: #6b93ff;--primary-gradient: linear-gradient(90deg, #4f7cff 0%, #38bdf8 100%);--primary-glow: rgba(79, 124, 255, .3);--accent: #8b5cf6;--accent-light: #a78bfa;--accent-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .1);--border-color: #e5e7eb;--border-light: #f3f4f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--shadow-card: 0 4px 20px rgba(0, 0, 0, .06);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--glass-blur: blur(12px);--navbar-bg: rgba(255, 255, 255, .85);--navbar-border: rgba(0, 0, 0, .05)}[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:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.06);transition:all .3s ease}[data-theme=dark] .navbar{background:#0f172ad9;border-bottom:1px solid rgba(255,255,255,.08)}.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;background:linear-gradient(135deg,#ec4899,#f43f5e,#ef4444);border-radius:12px;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))}.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:#64748b;border-radius:12px;transition:all .25s ease;position:relative}.nav-link span{position:relative}.nav-link:hover{color:#1e293b;background:#0000000a}[data-theme=dark] .nav-link{color:#94a3b8}[data-theme=dark] .nav-link:hover{color:#f1f5f9;background:#ffffff0f}.nav-link.active{color:#3b82f6;background:#3b82f614}.nav-link.active:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:20px;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);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:#64748b;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:#3b82f61a;color:#3b82f6;border-color:#3b82f633;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,#3b82f61a,#8b5cf614);border:1.5px solid rgba(59,130,246,.2);transition:all .3s ease}[data-theme=dark] .user-button{background:linear-gradient(135deg,#3b82f626,#8b5cf61a);border-color:#6366f14d}.user-button:hover{border-color:#3b82f680;box-shadow:0 4px 20px #3b82f633;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,#3b82f6,#8b5cf6);border-radius:50%;font-weight:700;font-size:.95rem;color:#fff;text-transform:uppercase;box-shadow:0 2px 8px #3b82f64d}.user-name{font-weight:600;font-size:.9rem;color:#1e293b;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{color:#64748b;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,#3b82f614,#8b5cf60d);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:#1e293b}[data-theme=dark] .dropdown-header strong{color:#f1f5f9}.dropdown-header small{font-size:var(--text-xs);color:#64748b}[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,#6366f114,#8b5cf60d)}[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,#3b82f626,#8b5cf61a);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,#f8fafc,#f1f5f9,#e2e8f0);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(99,102,241,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(168,85,247,.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(139,92,246,.15);border-radius:28px;padding:48px 40px;box-shadow:0 8px 40px #00000014,0 0 0 1px #8b5cf614}[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(139,92,246,.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,#6366f1,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2);letter-spacing:-.02em}.login-header p{color:#64748b;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:#8b5cf60f;border:1px solid rgba(139,92,246,.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:#64748b;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:#0f172a;background:#8b5cf614}[data-theme=dark] .login-tabs .tab:hover:not(.active){color:#f1f5f9;background:#8b5cf61f}.login-tabs .tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 20px #6366f159}.login-form .form-group{margin-bottom:20px}.login-form .form-group label{display:flex;align-items:center;font-size:.9rem;font-weight:600;color:#334155;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:#0f172a;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:#8b5cf680;box-shadow:0 0 0 4px #8b5cf61a,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:#94a3b8}.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:#64748b;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.password-toggle-btn:hover{color:#8b5cf6;background:#8b5cf61a}[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:#64748b}[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,#6366f1,#8b5cf6,#a855f7);border:none;border-radius:16px;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 30px #6366f159;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 #6366f173,0 0 50px #8b5cf633}.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:#64748b}[data-theme=dark] .login-footer{color:#94a3b8}.link-button{color:#6366f1;font-weight:700;background:none;border:none;cursor:pointer;transition:all .2s ease}.link-button:hover{color:#8b5cf6;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(139,92,246,.15);font-size:.85rem;color:#64748b}[data-theme=dark] .login-security{border-top-color:#8b5cf633;color:#94a3b8}.login-security svg{color:#8b5cf6}.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,#f0f7ff,#e0efff,#f5f0ff);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(139,92,246,.1) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(167,139,250,.06) 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(139,92,246,.15);box-shadow:0 8px 32px #8b5cf614,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,#1e293b,#475569,#6366f1);-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:#64748b;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(139,92,246,.15);border-radius:20px;margin-bottom:2.5rem;box-shadow:0 8px 32px #8b5cf614,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:#475569;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:#6366f1;background:#8b5cf61a;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,#6366f1,#8b5cf6,#a855f7);color:#fff;box-shadow:0 8px 24px #8b5cf666,0 0 0 1px #fff3 inset,0 0 20px #8b5cf64d;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(139,92,246,.15);border-radius:24px;padding:2.5rem;box-shadow:0 8px 32px #8b5cf614,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 #8b5cf626,0 0 0 1px #8b5cf64d,0 0 30px #8b5cf61a}[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,#1e293b,#475569,#6366f1);-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(139,92,246,.15);border-radius:24px;padding:2.5rem;box-shadow:0 8px 32px #8b5cf614,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:#475569;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(139,92,246,.2);border-radius:14px;background:#ffffffe6;color:#1e293b;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:#8b5cf6;box-shadow:0 0 0 4px #8b5cf633;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(139,92,246,.15);border-radius:24px;padding:2rem 2.5rem;margin-top:2.5rem;box-shadow:0 8px 32px #8b5cf614,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,#1e293b,#6366f1);-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:#475569;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:#8b5cf6;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,#f0f7ff,#e0efff,#f5f0ff);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(139,92,246,.1) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(167,139,250,.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(139,92,246,.15);border-radius:28px;padding:3rem;text-align:center;box-shadow:0 8px 32px #8b5cf61a,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 #8b5cf626,0 0 0 1px #8b5cf64d,0 0 30px #8b5cf61a}[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,#1e293b,#475569,#6366f1);-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:#475569}[data-theme=dark] .config-group label{color:#c7d2fee6}.config-group select{width:100%;padding:1rem 1.25rem;border:2px solid rgba(139,92,246,.2);border-radius:14px;background:#ffffffe6;color:#1e293b;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:#8b5cf6;box-shadow:0 0 0 4px #8b5cf633;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(139,92,246,.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 #8b5cf61a,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(139,92,246,.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:#64748b;font-size:.95rem;font-weight:500}[data-theme=dark] .avatar-label{color:#c7d2feb3}.qa-section{background:#fffffff2;border:1px solid rgba(139,92,246,.15);border-radius:28px;padding:2.5rem;box-shadow:0 8px 32px #8b5cf61a,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:#8b5cf626;border-radius:100px;margin-bottom:.75rem;overflow:hidden}[data-theme=dark] .progress-bar{background:#8b5cf633}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7);border-radius:100px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #8b5cf680}.progress-text{font-size:.9rem;color:#64748b;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,#1e293b,#6366f1);-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:#8b5cf60d;border:1px solid rgba(139,92,246,.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,#6366f1,#8b5cf6,#a855f7);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 #8b5cf64d}[data-theme=dark] .question-type{box-shadow:0 4px 16px #8b5cf666}.question-text{font-size:1.25rem;font-weight:600;color:#1e293b;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(139,92,246,.2);border-radius:18px;background:#ffffffe6;color:#1e293b;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:#8b5cf6;box-shadow:0 0 0 4px #8b5cf633;outline:none}[data-theme=dark] .answer-input:focus{box-shadow:0 0 0 4px #8b5cf64d}.answer-input::placeholder{color:#94a3b8}[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,#f0f7ff,#e0efff,#f5f0ff);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(139,92,246,.1) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(167,139,250,.06) 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(139,92,246,.15);border-radius:28px;box-shadow:0 8px 32px #8b5cf614,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,#1e293b,#475569,#6366f1);-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:#64748b;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(139,92,246,.15);border-radius:28px;padding:2.5rem;margin-bottom:2.5rem;box-shadow:0 8px 32px #8b5cf614,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:#8b5cf61a;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,#6366f1,#8b5cf6,#a855f7);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,#6366f1,#8b5cf6);color:#fff;box-shadow:0 0 40px #8b5cf666,0 0 0 3px #8b5cf64d}.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:#64748b;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(139,92,246,.15);border-radius:24px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 8px 32px #8b5cf614,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 #8b5cf626,0 0 0 1px #8b5cf64d}[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,#1e293b,#475569,#6366f1);-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:#8b5cf60d;border:1px solid rgba(139,92,246,.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:#1e293b;margin-bottom:1rem}[data-theme=dark] .breakdown-card h3{color:#f1f5f9}.score-bar{height:10px;background:#8b5cf626;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,#6366f1,#8b5cf6,#a855f7);border-radius:100px;transition:width 1s ease-out;box-shadow:0 0 12px #8b5cf680}.analytics-container{min-height:100vh;background:linear-gradient(135deg,#f0f7ff,#e0efff,#f5f0ff);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(139,92,246,.1) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(167,139,250,.06) 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,#f0f7ff,#e0efff,#f5f0ff);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(139,92,246,.1) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(167,139,250,.06) 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,#6366f1,#8b5cf6,#a855f7);border-radius:2px;box-shadow:0 0 15px #8b5cf666}.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,#6366f1,#8b5cf6);box-shadow:0 0 15px #8b5cf699,0 0 0 4px #8b5cf633}.timeline-card{background:#fffffff2;border:1px solid rgba(139,92,246,.15);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #8b5cf614,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:#8b5cf666;box-shadow:0 16px 48px #8b5cf626,0 0 0 1px #8b5cf64d,0 0 30px #8b5cf61a}[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(139,92,246,.3);border-radius:20px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);background:#8b5cf60d;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,#6366f10d,#8b5cf614,#a855f70d);opacity:0;transition:opacity .3s ease}.upload-zone:hover:before,.upload-zone.dragging:before{opacity:1}.upload-zone:hover,.upload-zone.dragging{border-color:#8b5cf6;background:#8b5cf61a;transform:translateY(-4px);box-shadow:0 12px 32px #8b5cf633,0 0 0 4px #8b5cf61a}[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(139,92,246,.3));transition:transform .3s ease}.upload-zone:hover .upload-icon{transform:scale(1.1) translateY(-4px)}.upload-zone p{color:#475569;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:#64748b;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(139,92,246,.15);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #8b5cf60d}[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:#8b5cf6;transform:translateY(-2px) translate(4px);box-shadow:0 8px 24px #8b5cf626,0 0 0 1px #8b5cf633}[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,#6366f11a,#8b5cf626);border-color:#8b5cf6;box-shadow:0 8px 24px #8b5cf633,0 0 0 2px #8b5cf64d}[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-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:#8b5cf60d;border:1px solid rgba(139,92,246,.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,#8b5cf626,#6366f11a);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}.step-indicator{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-10)}.step{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);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 var(--transition-base)}.step.active{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-md)}::-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:var(--bg-secondary)}[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}.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:#8b5cf614;border:1px solid rgba(139,92,246,.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 #8b5cf626}[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:#8b5cf6;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:#1e293b}[data-theme=dark] .video-info h3{color:#f1f5f9}.video-info p{margin:0;font-size:.875rem;color:#64748b}[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,#6366f1,#8b5cf6,#a855f7);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 #8b5cf666}.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:#8b5cf6}.video-status.available{color:#22c55e;font-weight:500}.video-status.unavailable{color:#94a3b8}[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}.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}}[data-theme=dark] .readiness-container{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.readiness-main{max-width:1200px;margin:0 auto;padding:var(--space-8)}.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)}.step-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-10);flex-wrap:wrap}.step{display: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-muted);transition:all var(--transition-base)}.step.active{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-md),0 0 20px var(--primary-glow)}.step.completed{background:var(--success-bg);color:var(--success)}.step-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff3;font-size:var(--text-xs);font-weight:var(--font-bold)}.step-arrow{color:var(--text-muted);opacity:.5}.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,#3b82f6,#2563eb);color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #3b82f659}.send-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:scale(1.05);box-shadow:0 4px 12px #3b82f673}.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,#6366f1,#8b5cf6,#a855f7);-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,#6366f1,#8b5cf6);box-shadow:0 4px 16px #6366f159;transition:all .3s ease}.completing-card .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f173}.analytics-container{min-height:100vh;background:var(--bg-secondary)}[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:var(--bg-secondary)}[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:#3b82f6;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(59,130,246,.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(99,102,241,.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)}.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,#f0f7ff,#e0efff,#f5f0ff);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(139,92,246,.1) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(167,139,250,.06) 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(139,92,246,.15);border-radius:28px;padding:2rem;height:fit-content;position:sticky;top:100px;box-shadow:0 8px 32px #8b5cf614,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(139,92,246,.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,#6366f1,#8b5cf6,#a855f7);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 #8b5cf64d,0 0 0 4px #8b5cf61a}[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:#1e293b;margin-bottom:.25rem}[data-theme=dark] .user-name{color:#f1f5f9}.user-email{font-size:.9rem;color:#64748b}[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:#475569;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:#8b5cf61a;color:#6366f1;transform:translate(4px)}[data-theme=dark] .profile-sidebar .nav-item:hover{background:#8b5cf626;color:#a78bfa}.profile-sidebar .nav-item.active{background:linear-gradient(135deg,#6366f126,#8b5cf633);color:#7c3aed;box-shadow:0 0 0 1px #8b5cf64d}[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(139,92,246,.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:#64748b;font-weight:500}[data-theme=dark] .member-badge{color:#94a3b8b3}.member-badge svg{color:#8b5cf6}.profile-content{flex:1;min-width:0}.profile-section{background:#fffffff2;border:1px solid rgba(139,92,246,.15);border-radius:24px;padding:2.5rem;margin-bottom:1.75rem;box-shadow:0 8px 32px #8b5cf614,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 #8b5cf61f,0 0 0 1px #8b5cf633}[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,#1e293b,#475569,#6366f1);-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:#8b5cf60d;border:1px solid rgba(139,92,246,.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:#6366f1;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(139,92,246,.1)}[data-theme=dark] .info-row{border-bottom:1px solid rgba(139,92,246,.15)}.info-row svg{color:#8b5cf6}.info-label{font-size:.9rem;color:#64748b;flex:1;font-weight:500}[data-theme=dark] .info-label{color:#94a3b8cc}.info-value{font-weight:600;color:#1e293b}[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:#8b5cf60d;border:1px solid rgba(139,92,246,.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:#8b5cf61a;border-color:#8b5cf64d;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,#6366f126,#8b5cf633);border-radius:14px;color:#8b5cf6}[data-theme=dark] .resume-icon{background:linear-gradient(135deg,#6366f133,#8b5cf640);color:#a78bfa}.resume-name{font-weight:700;color:#1e293b;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:#64748b;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:#8b5cf60d;border:1px solid rgba(139,92,246,.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:#8b5cf61a;border-color:#8b5cf64d;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:#1e293b}[data-theme=dark] .interview-title h4{color:#f1f5f9}.interview-date{font-size:.8rem;color:#64748b;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:#64748b;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:#64748b;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(139,92,246,.1);border-bottom:1px solid rgba(139,92,246,.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:#6366f1;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:#3b82f626;color:#3b82f6}.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,#e2e8f0,#f1f5f9)}[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(99,102,241,.08) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.06) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.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(139,92,246,.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)}.readiness-main{max-width:1200px;margin:0 auto;padding:var(--space-6)}.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}.step-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.step{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);color:var(--text-muted);transition:all var(--transition-fast)}.step.active{color:var(--primary);background:var(--primary-glow)}.step.completed .step-number{background:var(--success);color:#fff}.step-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:var(--text-xs);font-weight:var(--font-bold);background:var(--bg-tertiary);border-radius:var(--radius-full)}.step-label{font-size:var(--text-sm);font-weight:var(--font-medium)}.step-arrow{color:var(--text-muted)}.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)}.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,#8b5cf6,#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 #8b5cf659,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 #8b5cf673,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}.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)}.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)}.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:#8b5cf626;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)}.breakdown-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-md)}.category-icon{font-size:1.25rem}.category-info{display:flex;flex-direction:column}.category-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.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)}.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)}.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:#8b5cf61a;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf640}.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,#000000f2,#0f172afa);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .4s ease-out}.round-transition-content{text-align:center;color:#fff;padding:var(--space-10);max-width:500px;animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1)}.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 .round-transition-to{background:linear-gradient(90deg,#6366f1,#818cf8,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.round-transition-icon{width:120px;height:120px;margin:0 auto var(--space-6);display:flex;align-items:center;justify-content:center;font-size:4rem;border-radius:50%;border:3px solid currentColor;animation:iconPulse 2s ease-in-out infinite;box-shadow:0 0 60px #6366f14d}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 0 40px #6366f14d}50%{transform:scale(1.05);box-shadow:0 0 80px #6366f180}}.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}.round-transition-name{font-size:var(--text-5xl);font-weight:var(--font-extrabold);font-family:var(--font-display);margin-bottom:var(--space-4);animation:slideUp .5s ease-out .2s both;text-shadow:0 4px 30px currentColor}.round-transition-description{font-size:var(--text-lg);color:#ffffffb3;margin-bottom:var(--space-6);animation:fadeIn .5s ease-out .3s 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:fadeIn .4s ease-out .1s both}.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)}.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:#6366f133;transform:scale(1.15);box-shadow:0 0 30px #6366f166;animation:currentDotPulse 1.5s ease-in-out infinite}.round-dot.current .dot-icon{opacity:1;animation:bounce 1s ease-in-out infinite}.round-dot.current .dot-label{color:#a5b4fc;font-weight:var(--font-bold)}@keyframes currentDotPulse{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f199}}@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-6)}.round-transition-icon{width:90px;height:90px;font-size:3rem}.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-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,#0b1120,#1e293b);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .4s ease-out}.interview-starting-content{text-align:center;color:#fff}.interview-starting-icon{font-size:4rem;margin-bottom:var(--space-4);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-2);background:var(--primary-gradient);-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-6)}.interview-starting-loader{width:200px;height:4px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.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-3);background:var(--primary-gradient);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.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 var(--transition-fast)}.round-config-item:hover{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.round-label{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-medium);color:var(--text-primary)}.round-icon{font-size:1.25rem}.round-controls{display:flex;align-items:center;gap:var(--space-2)}.round-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-fast)}.round-btn:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.round-btn:disabled{opacity:.4;cursor:not-allowed}.round-count{min-width:28px;text-align:center;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--primary)}.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)}[data-theme=dark] .round-config-item{background:var(--glass-bg)}[data-theme=dark] .round-btn{background:var(--bg-tertiary);border-color:var(--bg-tertiary)}[data-theme=dark] .round-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary)}.profile-container{min-height:100vh;background:var(--bg-secondary)}.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,#3b82f6,#2563eb)}.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,#3b82f6,#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:#6366f126;color:#6366f1}.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(139, 92, 246, .15);--premium-card-shadow: 0 8px 32px rgba(0, 0, 0, .06), 0 0 0 1px rgba(139, 92, 246, .08);--premium-card-glow: rgba(139, 92, 246, .1);--premium-gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--premium-gradient-secondary: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--premium-gradient-accent: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);--premium-text-primary: #0f172a;--premium-text-secondary: #334155;--premium-text-muted: #64748b;--premium-text-accent: #6366f1;--premium-border-glow: rgba(139, 92, 246, .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,#f8fafc,#f1f5f9,#e2e8f0);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(99,102,241,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(139,92,246,.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,#8b5cf61a,#6366f114);border:1px solid rgba(139,92,246,.2);border-radius:30px;font-size:.85rem;font-weight:600;color:#7c3aed;margin-bottom:16px;box-shadow:0 4px 20px #8b5cf61a}[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:#8b5cf6}[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 #6366f159,0 0 0 1px #ffffff1a inset}.premium-btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px #6366f173,0 0 50px #8b5cf640}.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 #6366f166,0 0 0 1px #ffffff26 inset;animation:premium-pulse 3s ease-in-out infinite}@keyframes premium-pulse{0%,to{box-shadow:0 12px 35px #6366f166,0 0 0 1px #ffffff26 inset}50%{box-shadow:0 15px 45px #6366f180,0 0 60px #8b5cf640,0 0 0 1px #ffffff26 inset}}.premium-btn-cta:hover{animation:none;transform:translateY(-4px) scale(1.03);box-shadow:0 20px 50px #6366f180,0 0 70px #8b5cf64d,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,#8b5cf626,#6366f11a);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 #8b5cf64d}.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 #8b5cf61a,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:#8b5cf6}.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:#8b5cf6}[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:#8b5cf60f}.premium-tab.active{color:#fff;background:var(--premium-gradient-primary);box-shadow:0 4px 15px #6366f14d}.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:#8b5cf6;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,#8b5cf61a,#6366f114);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#8b5cf6}[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:#8b5cf6;background:linear-gradient(135deg,#8b5cf614,#6366f10a);box-shadow:0 0 30px #8b5cf626}[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,#8b5cf61f,#6366f114);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 #6366f14d}.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:#8b5cf614;color:var(--premium-text-primary)}.premium-sidebar-link.active{background:var(--premium-gradient-primary);color:#fff;box-shadow:0 4px 20px #6366f14d}@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%}}