:root{--primary: #00D4FF;--primary-color: #00D4FF;--primary-dark: #0099CC;--primary-light: #33DDFF;--secondary: #7C3AED;--secondary-color: #7C3AED;--secondary-dark: #6D28D9;--accent: #F59E0B;--success: #10B981;--error: #EF4444;--warning: #F59E0B;--dark-bg: #0A0E27;--dark-surface: #141B3D;--dark-surface-light: #1E2749;--text-primary: #FFFFFF;--text-secondary: #94A3B8;--text-muted: #64748B;--border-color: rgba(100, 116, 139, .2);--border-color-light: rgba(255, 255, 255, .1);--gradient-primary: linear-gradient(135deg, #00D4FF 0%, #7C3AED 100%);--gradient-secondary: linear-gradient(135deg, #7C3AED 0%, #EC4899 100%);--gradient-surface: linear-gradient(135deg, rgba(30, 41, 59, .8), rgba(15, 23, 42, .8));--gradient-glow: radial-gradient(circle, rgba(0, 212, 255, .15) 0%, transparent 70%);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 50px;--shadow-sm: 0 4px 15px rgba(0, 0, 0, .1);--shadow-md: 0 10px 30px rgba(0, 0, 0, .15);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .2);--shadow-glow-sm: 0 0 20px rgba(0, 212, 255, .2);--shadow-glow-md: 0 0 30px rgba(0, 212, 255, .3);--shadow-glow-lg: 0 10px 40px rgba(0, 212, 255, .4);--shadow-card-hover: 0 20px 40px rgba(0, 212, 255, .2);--z-background: -1;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Space Grotesk", var(--font-primary);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--dark-bg);color:var(--text-primary);overflow-x:hidden;line-height:1.6}section[id]{scroll-margin-top:100px}::-webkit-scrollbar-track{background:var(--dark-surface)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}button{font-family:var(--font-primary);cursor:pointer;border:none;outline:none}a{text-decoration:none;color:inherit}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-morphism{background:#141b3db3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00d4ff4d}50%{box-shadow:0 0 40px #00d4ff99}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes orbit{0%{transform:rotate(0) translate(100px) rotate(0)}to{transform:rotate(360deg) translate(100px) rotate(-360deg)}}.skeleton{background:linear-gradient(90deg,var(--dark-surface) 0%,var(--dark-surface-light) 50%,var(--dark-surface) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1rem;margin-bottom:.5rem;border-radius:var(--radius-sm)}.skeleton-text.medium{width:80%}.skeleton-title{height:1.5rem;width:70%;margin-bottom:1rem}.skeleton-avatar{width:80px;height:80px;border-radius:50%}.skeleton-button{height:48px;border-radius:var(--radius-md)}.skeleton-card{background:var(--gradient-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.geo-decoration{position:absolute;pointer-events:none;z-index:var(--z-background)}.geo-circle{border-radius:50%;background:var(--gradient-glow)}.geo-ring{border-radius:50%;border:2px solid rgba(0,212,255,.1);background:transparent}.geo-grid{background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:50px 50px}.geo-dots{background-image:radial-gradient(rgba(0,212,255,.15) 1px,transparent 1px);background-size:30px 30px}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-slow{animation:float-slow 8s ease-in-out infinite}.animate-rotate-slow{animation:rotate-slow 20s linear infinite}.animate-fade-in{animation:fade-in .5s ease-out forwards}.animate-scale-in{animation:scale-in .3s ease-out forwards}.card-base{background:var(--gradient-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:var(--transition-base)}.card-base:hover{transform:translateY(-5px);box-shadow:var(--shadow-card-hover);border-color:var(--primary)}.card-glow{position:relative}.card-glow:before{content:"";position:absolute;inset:-1px;background:var(--gradient-primary);border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-base)}.card-glow:hover:before{opacity:.5;filter:blur(20px)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.5rem 0;transition:all .3s ease}.navbar.scrolled{background:#0a0e27f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000004d;padding:1rem 0}.navbar-container{display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;cursor:pointer}.logo-text{font-family:var(--font-heading)}.logo-accent{color:var(--primary)}.navbar-menu{display:flex;gap:2.5rem;align-items:center}.nav-link{position:relative;color:var(--text-secondary);font-weight:500;transition:color .3s ease}.nav-link:hover{color:var(--text-primary)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .3s ease}.nav-link:hover:after{width:100%}.navbar-actions{display:flex;gap:1rem;align-items:center}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all .3s ease}.btn-primary{background:var(--gradient-primary);color:#fff;position:relative;overflow:hidden}.btn-primary: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 .5s ease}.btn-primary:hover:before{left:100%}.btn-secondary{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-secondary:hover{background:var(--primary);color:var(--dark-bg)}.user-profile-container{position:relative}.user-profile{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#1e293b99;border:1px solid rgba(100,116,139,.3);border-radius:50px;cursor:pointer;transition:all .3s ease}.user-profile:hover{background:#1e293bcc;border-color:#00d4ff}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-size:14px;font-weight:600;color:#e2e8f0}.user-status{font-size:11px;color:#10b981;font-weight:500}.dropdown-arrow{color:#94a3b8;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#0f172afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(100,116,139,.3);border-radius:12px;padding:8px;box-shadow:0 10px 40px #00000080;animation:dropdownFadeIn .2s ease-out;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#e2e8f0;text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s ease;cursor:pointer;background:transparent;border:none;width:100%;text-align:left}.dropdown-item:hover{background:#00d4ff1a;color:#00d4ff}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#ef44441a;color:#ef4444}.dropdown-item span{font-size:16px}.dropdown-divider{height:1px;background:#64748b33;margin:4px 0}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:transparent;padding:.5rem}.mobile-menu-toggle span{width:25px;height:3px;background:var(--text-primary);transition:all .3s ease;border-radius:2px}@media(max-width:968px){.navbar-menu{position:fixed;top:80px;left:0;right:0;flex-direction:column;background:#0a0e27fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;transform:translate(-100%);transition:transform .3s ease;gap:1.5rem}.navbar-menu.active{transform:translate(0)}.navbar-actions{display:none}.mobile-menu-toggle{display:flex}.mobile-auth-section{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid rgba(100,116,139,.3);margin-top:.5rem}.mobile-auth-section .btn-primary,.mobile-auth-section .btn-secondary{width:100%;text-align:center}.mobile-user-profile{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1e293b99;border:1px solid rgba(100,116,139,.3);border-radius:12px}.mobile-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff}.mobile-user-info{flex:1}.mobile-user-name{font-size:16px;font-weight:600;color:#e2e8f0}.mobile-user-status{font-size:12px;color:#10b981}.mobile-menu-links{display:flex;flex-direction:column;gap:.5rem}.mobile-menu-link{display:flex;align-items:center;gap:12px;padding:14px 16px;color:#e2e8f0;text-decoration:none;border-radius:10px;font-size:15px;font-weight:500;background:#1e293b66;transition:all .2s ease}.mobile-menu-link:hover,.mobile-menu-link:active{background:#00d4ff26;color:#00d4ff}.mobile-menu-link.logout{color:#ef4444;background:#ef44441a}.mobile-menu-link span{font-size:18px}}@media(min-width:969px){.mobile-auth-section{display:none}}.footer{position:relative;background:linear-gradient(180deg,var(--dark-bg) 0%,#0a0a15 100%);border-top:1px solid var(--border-color);color:var(--text-primary);padding:80px 20px 30px;margin-top:100px;overflow:hidden}.footer-decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.footer-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3}.footer-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(0,212,255,.2) 0%,transparent 70%);top:-200px;left:-100px}.footer-orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(124,58,237,.2) 0%,transparent 70%);bottom:-100px;right:-50px}.footer-grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,212,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.02) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}.footer-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.2),transparent)}.footer-line-1{width:200px;top:20%;right:10%;transform:rotate(-10deg)}.footer-line-2{width:150px;bottom:30%;left:5%;transform:rotate(15deg)}.footer-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:40px;margin-bottom:60px}.footer-column{display:flex;flex-direction:column}.footer-brand-column{padding-right:40px}.footer-brand{margin-bottom:25px}.footer-logo{display:inline-flex;align-items:center;gap:4px;font-size:1.6rem;font-weight:700;text-decoration:none;margin-bottom:16px}.logo-icon{width:36px;height:36px;background:var(--gradient-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;color:var(--dark-bg);margin-right:8px}.logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-accent{color:var(--primary);font-weight:600}.footer-tagline{color:var(--text-secondary);font-size:.95rem;line-height:1.7;max-width:320px}.footer-social{display:flex;gap:12px;margin-top:24px}.social-link{width:40px;height:40px;border-radius:var(--radius-md);background:#00d4ff14;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--primary);transition:var(--transition-base);text-decoration:none}.social-link:hover{background:var(--gradient-primary);color:var(--dark-bg);border-color:transparent;transform:translateY(-3px);box-shadow:var(--shadow-glow-sm)}.footer-heading{color:var(--primary);font-size:.9rem;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.footer-links li a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:var(--transition-base);display:inline-flex;align-items:center}.footer-links li a:hover{color:var(--primary);transform:translate(4px)}.footer-newsletter{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:30px 40px;background:#00d4ff08;border:1px solid var(--border-color);border-radius:var(--radius-xl);margin-bottom:40px}.newsletter-content{display:flex;align-items:center;gap:20px}.newsletter-icon{font-size:2.5rem}.newsletter-text{display:flex;flex-direction:column;gap:4px}.newsletter-title{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0}.newsletter-description{font-size:.9rem;color:var(--text-secondary);margin:0}.newsletter-form{display:flex;gap:12px}.newsletter-input{width:280px;padding:14px 20px;background:var(--dark-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;transition:var(--transition-base)}.newsletter-input::placeholder{color:var(--text-muted)}.newsletter-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00d4ff1a}.newsletter-button{padding:14px 28px;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:var(--dark-bg);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition-base);white-space:nowrap}.newsletter-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-md)}.footer-bottom{padding-top:30px;border-top:1px solid var(--border-color)}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-copyright{color:var(--text-muted);font-size:.9rem;margin:0}.footer-bottom-links{display:flex;align-items:center;gap:16px}.footer-bottom-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:var(--transition-fast)}.footer-bottom-links a:hover{color:var(--primary)}.footer-bottom-links .separator{color:var(--text-muted);opacity:.5}@media(max-width:1200px){.footer-grid{grid-template-columns:1.5fr repeat(2,1fr);gap:40px 30px}.footer-column:nth-child(4),.footer-column:nth-child(5){grid-column:span 1}}@media(max-width:992px){.footer{padding:60px 20px 30px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:40px 30px}.footer-brand-column{grid-column:1 / -1;padding-right:0}.footer-newsletter{flex-direction:column;text-align:center;padding:30px}.newsletter-content{flex-direction:column}.newsletter-form{width:100%;max-width:400px}.newsletter-input{flex:1}}@media(max-width:768px){.footer{padding:50px 20px 25px;margin-top:60px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 25px}.footer-tagline{max-width:100%}.footer-orb-1{width:250px;height:250px}.footer-orb-2{width:200px;height:200px}.newsletter-form{flex-direction:column}.newsletter-input{width:100%}.footer-bottom-content{flex-direction:column;text-align:center}}@media(max-width:480px){.footer{padding:40px 15px 20px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-logo{font-size:1.4rem}.logo-icon{width:32px;height:32px;font-size:1rem}.footer-heading{font-size:.85rem}.footer-social{justify-content:flex-start}.social-link{width:38px;height:38px}.footer-newsletter{padding:24px 20px}.newsletter-icon{font-size:2rem}.newsletter-title{font-size:1.1rem}.footer-bottom-links{flex-wrap:wrap;justify-content:center;gap:12px}.footer-bottom-links .separator{display:none}}@media(prefers-reduced-motion:reduce){.social-link,.footer-links li a,.newsletter-button{transition:none}.social-link:hover,.footer-links li a:hover,.newsletter-button:hover{transform:none}}.animated-background{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f)}.animated-background canvas{width:100%!important;height:100%!important}.animated-background-fallback{background:radial-gradient(ellipse at bottom,#1b2735,#090a0f);animation:subtleGlow 4s ease-in-out infinite alternate}@keyframes subtleGlow{0%{background:radial-gradient(ellipse at bottom,#1b2735,#090a0f)}to{background:radial-gradient(ellipse at bottom,#1e3040,#0a0b10)}}.smart-router{width:100%;max-width:700px;margin:0 auto}.router-input-section{background:#141b3d99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2rem;border:1px solid rgba(124,58,237,.2);box-shadow:0 20px 40px #0000004d}.router-prompt{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.1rem;color:var(--text-primary);font-weight:500}.router-icon{font-size:1.5rem}.router-form{margin-bottom:1rem}.input-wrapper{display:flex;flex-direction:column;gap:1rem}.router-input{width:100%;padding:1.25rem 1.5rem;background:#ffffff0d;border:2px solid rgba(124,58,237,.3);border-radius:16px;color:var(--text-primary);font-size:1.1rem;font-family:inherit;resize:none;transition:all .3s ease;line-height:1.5}.router-input:focus{outline:none;border-color:var(--primary);background:#ffffff14;box-shadow:0 0 0 4px #7c3aed1a}.router-input::placeholder{color:var(--text-secondary);opacity:.7}.router-submit-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1.25rem 2rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:16px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.router-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark),var(--primary));box-shadow:0 10px 30px #7c3aed66}.router-submit-btn:disabled{opacity:.6;cursor:not-allowed}.router-submit-btn .arrow{font-size:1.3rem;transition:transform .3s ease}.router-submit-btn:hover:not(:disabled) .arrow{transform:translate(4px)}.loading-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.router-error{margin-top:1rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;font-size:.95rem;text-align:center}.quick-suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.suggestions-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.suggestion-chip{padding:.5rem 1rem;background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:20px;color:var(--primary);font-size:.85rem;cursor:pointer;transition:all .2s ease}.suggestion-chip:hover{background:#7c3aed33;transform:translateY(-2px)}.router-result-section{background:#141b3d99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2rem;border:1px solid rgba(16,185,129,.3);box-shadow:0 20px 40px #0000004d}.match-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem;font-size:1.25rem;color:#10b981;font-weight:600}.match-icon{font-size:1.5rem}.matched-employee{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#ffffff0d;border-radius:16px;margin-bottom:1.5rem}.employee-avatar{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;flex-shrink:0}.employee-info{flex:1}.employee-name{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.employee-role{font-size:1rem;color:var(--text-secondary);margin:0 0 .5rem}.department-badge{display:inline-block;padding:.25rem .75rem;background:#7c3aed33;border-radius:12px;font-size:.8rem;color:var(--primary);font-weight:500}.confidence-badge{padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;font-size:.9rem;font-weight:600;color:#fff;white-space:nowrap}.match-reason{margin-bottom:2rem;text-align:center}.match-reason .greeting{font-size:1.1rem;color:var(--text-primary);font-style:italic;margin:0 0 .75rem;line-height:1.5}.match-reason .reason{font-size:.95rem;color:var(--text-secondary);margin:0}.match-actions{display:flex;gap:1rem;margin-bottom:1.5rem}.btn-start-chat{flex:2;padding:1rem 1.5rem;font-size:1.05rem}.btn-try-another{flex:1;padding:1rem 1.5rem;font-size:.95rem}.secondary-match{text-align:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);font-size:.9rem;color:var(--text-secondary)}.secondary-link{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.9rem;text-decoration:underline;padding:0}.secondary-link:hover{color:var(--accent)}@media(max-width:768px){.router-input-section,.router-result-section{padding:1.5rem;border-radius:20px}.router-input{font-size:1rem;padding:1rem}.router-submit-btn{padding:1rem;font-size:1rem}.matched-employee{flex-direction:column;text-align:center;gap:1rem}.employee-avatar{width:70px;height:70px;font-size:2rem}.confidence-badge{margin-top:.5rem}.match-actions{flex-direction:column}.btn-start-chat,.btn-try-another{flex:none;width:100%}.quick-suggestions{justify-content:center}}.geo-decorations{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.hero-decorations{z-index:1}.geo-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(0,212,255,.3) 0%,transparent 70%);top:-200px;right:-100px;animation:float-slow 15s ease-in-out infinite}.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(124,58,237,.4) 0%,transparent 70%);bottom:-100px;left:-100px;animation:float-slow 12s ease-in-out infinite reverse}.orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(236,72,153,.2) 0%,transparent 70%);top:40%;left:50%;transform:translate(-50%);animation:pulse-glow 8s ease-in-out infinite}.geo-ring-element{position:absolute;border-radius:50%;border:1px solid rgba(0,212,255,.15);background:transparent}.ring-1{width:500px;height:500px;top:10%;right:-150px;animation:rotate-slow 40s linear infinite}.ring-2{width:350px;height:350px;bottom:20%;left:-100px;border-color:#7c3aed1a;animation:rotate-slow 30s linear infinite reverse}.ring-3{width:200px;height:200px;top:50%;right:20%;border-width:2px;border-color:#00d4ff14;animation:rotate-slow 25s linear infinite}.geo-grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,212,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%)}.geo-line{position:absolute;background:linear-gradient(90deg,transparent,rgba(0,212,255,.3),transparent);height:1px}.line-1{width:300px;top:30%;left:10%;transform:rotate(-15deg);animation:fade-pulse 4s ease-in-out infinite}.line-2{width:200px;bottom:25%;right:15%;transform:rotate(20deg);animation:fade-pulse 4s ease-in-out infinite 2s}@keyframes fade-pulse{0%,to{opacity:.3}50%{opacity:.8}}.geo-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--primary);opacity:.4;animation:float 6s ease-in-out infinite}.dot-1{top:15%;left:20%;animation-delay:0s}.dot-2{top:25%;right:25%;animation-delay:1s;background:var(--secondary)}.dot-3{bottom:30%;left:15%;animation-delay:2s}.dot-4{bottom:20%;right:30%;animation-delay:3s;background:var(--secondary)}.dot-5{top:60%;left:40%;animation-delay:4s}.section-decorations{z-index:0}.section-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(0,212,255,.15) 0%,transparent 70%);top:-150px;right:-150px;filter:blur(60px);animation:float-slow 20s ease-in-out infinite}.section-orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(124,58,237,.15) 0%,transparent 70%);bottom:-100px;left:-100px;filter:blur(60px);animation:float-slow 18s ease-in-out infinite reverse}.section-ring{width:250px;height:250px;top:50%;right:10%;transform:translateY(-50%);border-color:#00d4ff0d;animation:rotate-slow 35s linear infinite}.card-decorations{z-index:0}.geo-corner{position:absolute;width:100px;height:100px;opacity:.1}.corner-tl{top:-50px;left:-50px;background:radial-gradient(circle at bottom right,var(--primary),transparent 70%)}.corner-br{bottom:-50px;right:-50px;background:radial-gradient(circle at top left,var(--secondary),transparent 70%)}@keyframes float-slow{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-20px) translate(10px)}50%{transform:translateY(-10px) translate(-10px)}75%{transform:translateY(-30px) translate(5px)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.orb-1{width:300px;height:300px;top:-100px;right:-100px}.orb-2{width:200px;height:200px}.orb-3{width:150px;height:150px}.ring-1,.ring-2,.ring-3,.geo-line{display:none}.geo-dot{width:4px;height:4px}}@media(prefers-reduced-motion:reduce){.geo-orb,.geo-ring-element,.geo-dot,.geo-line{animation:none}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:8rem 0 4rem;position:relative;overflow:hidden}.hero-content{text-align:center;max-width:900px;z-index:10;position:relative}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:50px;color:var(--primary);font-weight:600;font-size:.9rem;margin-bottom:2rem;animation:pulse-glow 3s ease-in-out infinite}.badge-icon{animation:float 3s ease-in-out infinite}.hero-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em}.hero-description{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);line-height:1.8;margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}.hero-actions-secondary{margin-bottom:2rem}.browse-link{color:var(--text-secondary);text-decoration:none;font-size:1rem;transition:color .3s ease}.browse-link:hover{color:var(--primary)}.btn-large{padding:1rem 2.5rem;font-size:1.1rem}.hero-stats{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap;padding:2rem;background:#141b3d80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1)}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:800;font-family:var(--font-heading);margin-bottom:.5rem}.stat-label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.stat-divider{width:1px;height:60px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.2),transparent)}@media(max-width:768px){.hero{padding:6rem 0 3rem}.hero-stats{gap:1.5rem}.stat-divider{display:none}.stat-number{font-size:2rem}}.features{padding:var(--spacing-xl) 0;position:relative}.features-header{text-align:center;margin-bottom:var(--spacing-lg)}.section-title{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1.5rem;line-height:1.2}.section-description{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:#141b3d99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--icon-color),transparent);opacity:0;transition:opacity .3s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{background:#141b3dcc;border-color:var(--icon-color);box-shadow:0 10px 40px #0000004d}.feature-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--icon-color),transparent);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1.5rem;position:relative}.feature-icon:after{content:"";position:absolute;inset:2px;background:var(--dark-surface);border-radius:13px;z-index:-1}.feature-title{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.feature-description{color:var(--text-secondary);line-height:1.7;font-size:1rem}@media(max-width:768px){.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:2rem}}.pricing{padding:var(--spacing-xl) 0}.pricing-header{text-align:center;margin-bottom:4rem}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.pricing-card{background:#141b3d99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem;position:relative;transition:all .3s ease}.pricing-card:hover{border-color:var(--primary);box-shadow:0 20px 60px #00d4ff33}.pricing-card.popular{border-color:var(--primary);background:#141b3dcc;transform:scale(1.05)}.popular-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.plan-name{font-size:1.75rem;margin-bottom:1rem;color:var(--text-primary)}.plan-price{margin-bottom:1rem}.price{font-size:3.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-heading)}.period{font-size:1.25rem;color:var(--text-secondary)}.plan-description{color:var(--text-secondary);margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.features-list{list-style:none;margin-bottom:2rem}.features-list li{padding:.75rem 0;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.check-icon{width:24px;height:24px;background:#00d4ff33;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.plan-button{width:100%;padding:1rem;border-radius:10px;font-size:1.1rem;font-weight:600;transition:all .3s ease}.plan-button.primary{background:var(--gradient-primary);color:#fff}.plan-button.secondary{background:transparent;border:2px solid var(--primary);color:var(--primary)}.plan-button.secondary:hover{background:var(--primary);color:var(--dark-bg)}@media(max-width:968px){.pricing-grid{grid-template-columns:1fr}.pricing-card.popular{transform:scale(1)}}.chatbot-toggle{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:var(--gradient-primary);color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00d4ff66;z-index:999;transition:all .3s ease}.chatbot-toggle:hover{box-shadow:0 6px 30px #00d4ff99}.chatbot-window{position:fixed;bottom:6rem;right:2rem;width:380px;height:600px;background:var(--dark-surface);border-radius:20px;box-shadow:0 10px 50px #00000080;display:flex;flex-direction:column;overflow:hidden;z-index:998;border:1px solid rgba(255,255,255,.1)}.chatbot-header{background:var(--gradient-primary);padding:1.25rem;display:flex;justify-content:space-between;align-items:center}.chatbot-header-info{display:flex;align-items:center;gap:1rem}.chatbot-avatar{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.chatbot-title{font-weight:700;color:#fff}.chatbot-status{font-size:.8rem;color:#ffffffe6}.chatbot-close{background:#fff3;width:30px;height:30px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.chatbot-close:hover{background:#ffffff4d}.chatbot-messages{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.message{display:flex;flex-direction:column;max-width:80%}.message.user{align-self:flex-end;align-items:flex-end}.message.bot{align-self:flex-start;align-items:flex-start}.message-bubble{padding:.75rem 1rem;border-radius:15px;margin-bottom:.25rem;word-wrap:break-word}.message.user .message-bubble{background:var(--gradient-primary);color:#fff;border-bottom-right-radius:5px}.message.bot .message-bubble{background:var(--dark-surface-light);color:var(--text-primary);border-bottom-left-radius:5px}.message-time{font-size:.7rem;color:var(--text-secondary);padding:0 .5rem}.typing-indicator{display:flex;gap:5px;padding:1rem!important}.typing-indicator span{width:8px;height:8px;background:var(--primary);border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.chatbot-quick-replies{padding:.75rem 1.5rem 0;display:flex;flex-wrap:wrap;gap:.5rem;background:var(--dark-surface)}.quick-reply-btn{padding:.5rem 1rem;background:#7c3aed33;border:1px solid rgba(124,58,237,.3);border-radius:20px;color:var(--primary);font-size:.85rem;transition:all .3s ease}.quick-reply-btn:hover{background:#7c3aed4d;border-color:var(--primary)}.chatbot-input{padding:1rem 1.5rem;background:var(--dark-surface);display:flex;gap:.75rem;border-top:1px solid rgba(255,255,255,.1)}.chatbot-input input{flex:1;background:var(--dark-surface-light);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:.75rem 1rem;color:var(--text-primary);font-size:.9rem}.chatbot-input input:focus{outline:none;border-color:var(--primary)}.send-btn{width:40px;height:40px;background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.send-btn:hover{transform:scale(1.1)}@media(max-width:480px){.chatbot-window{width:calc(100vw - 2rem);right:1rem;left:1rem;height:500px}.chatbot-toggle{right:1rem}}.google-signin-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px 0;width:100%;min-height:44px;position:relative}.google-signin-button{display:flex;justify-content:center;align-items:center;min-height:44px;width:100%;max-width:350px}.google-signin-button.hidden{position:absolute;opacity:0;pointer-events:none}.google-signin-button.visible{position:relative;opacity:1;pointer-events:auto}.google-signin-button>div{width:100%!important}.google-signin-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;font-size:14px;width:100%}.google-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#4285f4;border-radius:50%;animation:google-spin .8s linear infinite}@keyframes google-spin{to{transform:rotate(360deg)}}.google-signin-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:14px;text-align:center;width:100%;max-width:350px}.google-retry-btn{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s ease}.google-retry-btn:hover{background:#ffffff26}.google-retry-btn:disabled{opacity:.6;cursor:not-allowed}.google-signin-error .error-icon{flex-shrink:0;color:#ef4444}.google-signin-error .error-message{flex:1;text-align:center;line-height:1.4}.google-signin-error .retry-count{font-size:11px;color:#9ca3af;margin-top:4px}.poll-progress-container{width:100%;height:3px;background:#ffffff1a;border-radius:3px;margin-top:8px;overflow:hidden}.poll-progress-bar{height:100%;background:linear-gradient(90deg,#4285f4,#34a853);border-radius:3px;transition:width .1s ease}.google-signin-loading{flex-direction:column}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:100px 20px 20px;position:relative;z-index:1}.auth-container{width:100%;max-width:450px}.auth-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d;position:relative;z-index:100}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{font-size:28px;font-weight:700;color:#1a202c;margin-bottom:8px}.auth-header p{font-size:16px;color:#718096}.auth-error{background:#fee;border:1px solid #fcc;color:#c33;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:14px;font-weight:600;color:#2d3748}.form-group input{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;transition:all .2s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.auth-btn{padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:10px;position:relative;z-index:10;pointer-events:auto}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer{margin-top:24px;text-align:center;padding-top:24px;border-top:1px solid #e2e8f0}.auth-footer p{font-size:14px;color:#718096}.auth-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s}.auth-link:hover{color:#764ba2;text-decoration:underline}@media(max-width:640px){.auth-card{padding:30px 24px}.auth-header h1{font-size:24px}}.modern-auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 20px 20px;position:relative}.modern-auth-container{width:100%;max-width:480px;position:relative;z-index:10}.modern-auth-card{background:#fffffffa;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:24px;padding:48px 40px;box-shadow:0 30px 60px -15px #00000080,0 0 0 1px #fff3,inset 0 0 0 1px #fff9;position:relative;border:1px solid rgba(255,255,255,.3)}.auth-brand{text-align:center;margin-bottom:32px}.auth-brand h2{font-size:32px;font-weight:800;margin-bottom:4px;letter-spacing:-.5px}.auth-tagline{font-size:14px;color:#64748b;font-weight:500}.modern-auth-header{text-align:center;margin-bottom:32px}.modern-auth-header h1{font-size:26px;font-weight:700;color:#0f172a;margin-bottom:8px;letter-spacing:-.3px}.modern-auth-header p{font-size:15px;color:#64748b}.social-login-section{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.social-btn{width:100%;padding:13px 20px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#1e293b;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:12px}.social-btn:hover{border-color:#cbd5e1;background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.social-btn:active{transform:translateY(0)}.google-icon{flex-shrink:0}.auth-divider{position:relative;text-align:center;margin:28px 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,#e2e8f0,transparent)}.auth-divider span{position:relative;background:#fffffffa;padding:0 16px;font-size:13px;color:#94a3b8;font-weight:500}.modern-auth-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#991b1b;padding:14px 16px;border-radius:12px;margin-bottom:24px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px}.modern-auth-error svg{flex-shrink:0;color:#dc2626}.modern-auth-form{display:flex;flex-direction:column;gap:20px}.modern-form-group{display:flex;flex-direction:column;gap:8px}.modern-form-group label{font-size:14px;font-weight:600;color:#1e293b;letter-spacing:-.1px}.label-row{display:flex;justify-content:space-between;align-items:center}.forgot-link{font-size:13px;color:#667eea;text-decoration:none;font-weight:600;transition:color .2s}.forgot-link:hover{color:#764ba2}.modern-input{padding:14px 18px;border:2px solid rgba(226,232,240,.8);border-radius:12px;font-size:16px;font-weight:500;transition:all .2s ease;background:#fffffff2;color:#0f172a;letter-spacing:.3px}.modern-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea26,0 4px 12px #0000001a}.modern-input::placeholder{color:#94a3b8;font-weight:400}.modern-input[type=password]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:2px;font-size:18px}.modern-auth-btn{width:100%;padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:10px}.primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 10px 25px -5px #667eea66}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 35px -5px #667eea80}.primary-btn:active:not(:disabled){transform:translateY(0)}.primary-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-circle{stroke:currentColor;stroke-dasharray:50;stroke-dashoffset:25;stroke-linecap:round}.modern-auth-footer{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.modern-auth-footer p{font-size:14px;color:#64748b}.modern-auth-link{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s}.modern-auth-link:hover{color:#764ba2}.auth-terms{text-align:center;margin-top:20px}.auth-terms p{font-size:12px;color:#94a3b8;line-height:1.6}.auth-terms a{color:#667eea;text-decoration:none;transition:color .2s}.auth-terms a:hover{color:#764ba2;text-decoration:underline}.secondary-btn{background:#f1f5f9;color:#475569;border:2px solid #e2e8f0;text-decoration:none}.secondary-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.auth-success-icon{display:flex;justify-content:center;margin-bottom:24px}.auth-success-icon svg{color:#22c55e}.auth-info-box{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:24px}.auth-info-box p{font-size:14px;color:#64748b;margin:0;text-align:center}.auth-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.loader{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:640px){.modern-auth-page{padding:80px 16px 16px}.modern-auth-card{padding:36px 24px;border-radius:20px}.auth-brand h2{font-size:28px}.modern-auth-header h1{font-size:24px}.social-btn{font-size:14px;padding:12px 16px}}.profile-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#0f172a,#1e293b)}.profile-container{width:100%;max-width:700px}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#e2e8f0}.profile-loading .loader{width:40px;height:40px;border:3px solid rgba(124,58,237,.2);border-top-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite}.profile-card{background:#1e293be6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(100,116,139,.2);box-shadow:0 20px 60px #0000004d}.profile-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #7c3aed;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;font-size:2rem;font-weight:700}.profile-info h1{font-size:1.5rem;margin:0 0 4px;color:#e2e8f0;font-weight:600}.profile-email{color:#94a3b8;font-size:.9rem;margin:0 0 8px}.profile-badge{display:flex}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.google-badge{background:#4285f433;color:#93c5fd;border:1px solid rgba(66,133,244,.3)}.email-badge{background:#7c3aed33;color:#c4b5fd;border:1px solid rgba(124,58,237,.3)}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.stat-card{background:#0f172a99;border:1px solid rgba(100,116,139,.2);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .2s ease}.stat-card:hover{border-color:#7c3aed66;transform:translateY(-2px)}.stat-card.highlight{background:linear-gradient(135deg,#7c3aed33,#6366f133);border-color:#7c3aed66}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.25rem;font-weight:700;color:#e2e8f0;line-height:1.2}.stat-label{font-size:.7rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.profile-details{background:#0f172a99;border:1px solid rgba(100,116,139,.2);border-radius:12px;padding:20px;margin-bottom:24px}.profile-details h3{margin:0 0 16px;font-size:1rem;color:#e2e8f0;font-weight:600}.details-grid{display:flex;flex-direction:column;gap:0}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(100,116,139,.15)}.detail-row:last-child{border-bottom:none}.detail-label{color:#94a3b8;font-size:.85rem}.detail-value{color:#e2e8f0;font-weight:500;font-size:.85rem;text-align:right;word-break:break-all}.status-active{color:#10b981}.team-preview{background:#0f172a99;border:1px solid rgba(100,116,139,.2);border-radius:12px;padding:20px;margin-bottom:24px}.team-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.team-preview-header h3{margin:0;font-size:1rem;color:#e2e8f0;font-weight:600}.view-all-btn{background:none;border:none;color:#7c3aed;font-size:.85rem;cursor:pointer;padding:0;font-weight:500}.view-all-btn:hover{color:#a78bfa;text-decoration:underline}.team-avatars{display:flex;gap:-8px}.team-avatar-item{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6366f1);display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:3px solid #1e293b;margin-left:-8px;cursor:pointer;transition:all .2s ease}.team-avatar-item:first-child{margin-left:0}.team-avatar-item:hover{transform:scale(1.1);z-index:10}.team-avatar-more{width:48px;height:48px;border-radius:50%;background:#64748b4d;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:#e2e8f0;border:3px solid #1e293b;margin-left:-8px}.profile-actions{display:flex;gap:12px}.btn{flex:1;padding:12px 16px;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff}.btn-secondary{background:#64748b33;color:#e2e8f0;border:1px solid rgba(100,116,139,.3)}.btn-secondary:hover{background:#64748b4d;transform:translateY(-2px)}.btn-danger{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef44444d;transform:translateY(-2px)}@media(max-width:768px){.profile-page{padding:1rem}.profile-card{padding:1.5rem}.profile-header{flex-direction:column;text-align:center}.profile-info h1{font-size:1.3rem}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-actions{flex-direction:column}.detail-value{max-width:150px;overflow:hidden;text-overflow:ellipsis}}@media(max-width:480px){.profile-stats{grid-template-columns:1fr}}.skeleton{background:linear-gradient(90deg,var(--dark-surface) 0%,var(--dark-surface-light) 50%,var(--dark-surface) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite ease-in-out;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.employee-skeleton{background:linear-gradient(135deg,#1e293bcc,#0f172acc);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.skeleton-card-header{position:relative;padding:30px;background:linear-gradient(135deg,#00d4ff0d,#7c3aed0d);display:flex;align-items:center;gap:20px}.skeleton-avatar{width:80px;height:80px;border-radius:50%;flex-shrink:0}.skeleton-badge{position:absolute;top:15px;right:15px;width:80px;height:24px;border-radius:var(--radius-full)}.skeleton-card-body{padding:30px}.skeleton-title{height:28px;width:70%;margin-bottom:12px;border-radius:var(--radius-sm)}.skeleton-subtitle{height:18px;width:50%;margin-bottom:20px;border-radius:var(--radius-sm)}.skeleton-text-group{margin-bottom:20px}.skeleton-text{height:14px;width:100%;margin-bottom:10px;border-radius:var(--radius-sm)}.skeleton-text.medium{width:85%}.skeleton-text.short{width:60%}.skeleton-meta{display:flex;gap:20px;margin-bottom:20px}.skeleton-meta-item{height:20px;width:80px;border-radius:var(--radius-sm)}.skeleton-tags{display:flex;gap:10px;flex-wrap:wrap}.skeleton-tag{height:28px;width:90px;border-radius:var(--radius-sm)}.skeleton-card-footer{padding:25px 30px;background:#0f172a80;border-top:1px solid var(--border-color)}.skeleton-price{margin-bottom:20px}.skeleton-price-main{height:40px;width:120px;margin-bottom:8px;border-radius:var(--radius-sm)}.skeleton-price-sub{height:16px;width:160px;border-radius:var(--radius-sm)}.skeleton-button{height:48px;width:100%;border-radius:var(--radius-md)}.simple-skeleton{background:var(--dark-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.skeleton-image{height:200px;width:100%;border-radius:0}.skeleton-content{padding:20px}.skeleton-list-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--dark-surface);border:1px solid var(--border-color);border-radius:var(--radius-md)}.skeleton-avatar-sm{width:48px;height:48px;border-radius:50%;flex-shrink:0}.skeleton-list-content{flex:1}.skeleton-grid .employee-skeleton:nth-child(1) .skeleton{animation-delay:0s}.skeleton-grid .employee-skeleton:nth-child(2) .skeleton{animation-delay:.1s}.skeleton-grid .employee-skeleton:nth-child(3) .skeleton{animation-delay:.2s}.skeleton-grid .employee-skeleton:nth-child(4) .skeleton{animation-delay:.3s}.skeleton-grid .employee-skeleton:nth-child(5) .skeleton{animation-delay:.4s}.skeleton-grid .employee-skeleton:nth-child(6) .skeleton{animation-delay:.5s}@media(max-width:768px){.skeleton-grid{grid-template-columns:1fr}.skeleton-avatar{width:60px;height:60px}.skeleton-card-header,.skeleton-card-body,.skeleton-card-footer{padding:20px}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--dark-surface-light)}}.marketplace-page{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a);padding-top:80px}.marketplace-hero{position:relative;background:linear-gradient(135deg,#1e293b,#0f172a);padding:60px 20px;text-align:center;border-bottom:1px solid rgba(0,212,255,.1);overflow:hidden}.hero-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.hero-title{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;line-height:1.2}.hero-subtitle{font-size:1.25rem;color:#94a3b8;margin-bottom:40px;line-height:1.6}.hero-stats{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}.stat{text-align:center}.stat-value{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:5px}.stat-label{font-size:.9rem;color:#64748b;text-transform:uppercase;letter-spacing:1px}.alex-featured-banner{background:linear-gradient(135deg,#7c3aed,#5b21b6,#4c1d95);padding:30px 20px;position:relative;overflow:hidden}.alex-featured-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.alex-banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;z-index:1}.alex-banner-left{display:flex;align-items:center;gap:24px;flex:1}.alex-avatar{width:80px;height:80px;background:#fff3;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;flex-shrink:0}.alex-info{color:#fff}.alex-badge{display:inline-block;padding:4px 12px;background:#fff3;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.alex-info h3{margin:0 0 8px;font-size:1.5rem;font-weight:700}.alex-info p{margin:0 0 12px;font-size:.95rem;opacity:.9;line-height:1.5}.alex-features{display:flex;gap:12px;flex-wrap:wrap}.alex-features span{padding:4px 10px;background:#ffffff26;border-radius:4px;font-size:.8rem}.alex-banner-right{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.alex-pricing{text-align:center;color:#fff}.alex-price-label{display:block;font-size:.8rem;opacity:.8;margin-bottom:4px}.alex-price{font-size:2rem;font-weight:700}.alex-price span{font-size:1rem;font-weight:400;opacity:.8}.alex-cta-btn{padding:12px 32px;background:#fff;color:#7c3aed;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.alex-cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.alex-learn-btn{padding:8px 24px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.alex-learn-btn:hover{background:#ffffff1a;border-color:#fff}@media(max-width:768px){.alex-banner-content{flex-direction:column;text-align:center}.alex-banner-left{flex-direction:column}.alex-features{justify-content:center}}.marketplace-container{max-width:1400px;margin:0 auto;padding:40px 20px}.filters-section{background:#1e293b80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(100,116,139,.2);border-radius:var(--radius-lg);padding:30px;margin-bottom:40px}.filter-group{margin-bottom:25px}.filter-group:last-child{margin-bottom:0}.filter-label{display:block;font-size:.9rem;font-weight:600;color:var(--primary-color);margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.department-filters{display:flex;gap:10px;flex-wrap:wrap}.dept-filter-btn{background:#1e293b80;border:2px solid rgba(100,116,139,.3);border-radius:12px;padding:12px 20px;color:#94a3b8;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.dept-filter-btn:hover{border-color:var(--primary-color);background:#00d4ff1a;color:var(--primary-color);transform:translateY(-2px)}.dept-filter-btn.active{border-color:var(--primary-color);background:linear-gradient(135deg,#00d4ff33,#7c3aed33);color:var(--primary-color);box-shadow:0 0 20px #00d4ff4d}.dept-icon{font-size:1.2rem}.dept-label{white-space:nowrap}.sort-select{width:100%;max-width:300px;background:#1e293bcc;border:2px solid rgba(100,116,139,.3);border-radius:12px;padding:12px 16px;color:#e2e8f0;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.sort-select:hover,.sort-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #00d4ff1a}.loading-state{padding:20px 0}.error-state{text-align:center;padding:80px 20px}.error-state p{color:#94a3b8;font-size:1.1rem}.retry-btn{margin-top:20px;padding:12px 30px;background:var(--primary-color);color:#0a0e27;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00d4ff4d}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.results-title{font-size:2rem;font-weight:700;color:#e2e8f0}.results-count{color:#64748b;font-size:1rem}.employees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-bottom:60px;align-items:stretch}.employee-card{background:linear-gradient(135deg,#1e293bcc,#0f172acc);border:1px solid rgba(100,116,139,.2);border-radius:16px;overflow:hidden;transition:all .3s ease;display:grid!important;grid-template-rows:auto 1fr auto!important;height:480px!important;min-height:480px!important;max-height:480px!important}.employee-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00d4ff33;border-color:var(--primary-color)}.employee-card .card-header{position:relative!important;padding:16px 20px!important;background:linear-gradient(135deg,#00d4ff1a,#7c3aed1a)!important;display:flex!important;align-items:center!important;gap:16px!important;height:96px!important;min-height:96px!important;max-height:96px!important;margin-bottom:0!important;flex-shrink:0!important}.employee-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#0a0e27;overflow:hidden;flex-shrink:0}.employee-avatar-img-market{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid rgba(255,255,255,.2)}.department-badge{position:absolute;top:15px;right:15px;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.employee-card .card-body{padding:16px 20px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;min-height:0!important}.employee-name{font-size:1.2rem;font-weight:700;color:#e2e8f0;margin-bottom:4px;height:1.4em!important;line-height:1.4!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;flex-shrink:0!important}.employee-role{font-size:.85rem;color:var(--primary-color);font-weight:600;margin-bottom:8px;height:1.2em!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;flex-shrink:0!important}.employee-description{color:#94a3b8;line-height:1.4!important;font-size:.85rem;margin-bottom:10px;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;height:3.6em!important;min-height:3.6em!important;max-height:3.6em!important;flex-shrink:0!important}.employee-meta{display:flex;gap:14px;margin-bottom:8px;height:1.2em!important;flex-shrink:0!important}.rating,.popularity{display:flex;align-items:center;gap:5px;color:#cbd5e1;font-size:.85rem}.rating-stars,.popularity-icon{font-size:1rem}.capabilities-preview{margin-top:auto!important;padding-top:8px;height:75px!important;min-height:75px!important;max-height:75px!important;overflow:hidden!important;flex-shrink:0!important}.capabilities-label{font-size:.7rem;color:#64748b;margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;height:1em!important;line-height:1!important}.capabilities-tags{display:flex;flex-wrap:wrap;gap:4px;overflow:hidden;height:52px!important;max-height:52px!important;align-items:flex-start;align-content:flex-start}.capability-tag{background:#00d4ff1a;border:1px solid rgba(0,212,255,.25);padding:3px 8px;border-radius:4px;font-size:.7rem;color:var(--primary-color);white-space:nowrap;font-weight:500;white-space:nowrap!important;flex-shrink:0}.capability-tag.more{background:#7c3aed1a;border-color:#7c3aed40;color:var(--secondary-color)}.employee-card .card-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:12px 20px!important;background:#0f172a80!important;border-top:1px solid rgba(100,116,139,.2)!important;height:84px!important;min-height:84px!important;max-height:84px!important;flex-shrink:0!important;margin-top:auto!important;gap:12px!important;border-radius:0!important}.employee-card .pricing{margin-bottom:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:140px!important;max-width:180px!important}.employee-card .price-main{display:flex!important;align-items:baseline!important;gap:4px!important;margin-bottom:4px!important;flex-wrap:wrap!important}.employee-card .price-amount{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.employee-card .price-period{font-size:.85rem;color:#64748b}.employee-card .price-annual{font-size:.8rem;color:#10b981;font-weight:600}.employee-card .price-from{font-size:.8rem;color:#94a3b8;font-weight:500}.employee-card .price-tiers-hint{font-size:.7rem;color:#64748b;padding:4px 6px;background:#00d4ff14;border-radius:4px;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.employee-card .view-details-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:130px!important;height:40px!important;padding:0 16px!important;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))!important;color:#fff!important;text-align:center!important;font-weight:600!important;font-size:.8rem!important;border:none!important;border-radius:6px!important;cursor:pointer!important;transition:all .3s ease!important;text-decoration:none!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important;white-space:nowrap!important;flex-shrink:0!important}.employee-card .view-details-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff59;color:#fff}.value-section{background:linear-gradient(135deg,#1e293b80,#0f172a80);border:1px solid rgba(100,116,139,.2);border-radius:20px;padding:60px 40px;margin-top:60px}.value-title{text-align:center;font-size:2.5rem;font-weight:700;color:#e2e8f0;margin-bottom:50px}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.value-item{text-align:center}.value-icon{font-size:3rem;margin-bottom:20px}.value-item h3{font-size:1.5rem;font-weight:700;color:#e2e8f0;margin-bottom:12px}.value-item p{color:#94a3b8;line-height:1.6;font-size:1rem}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-stats{gap:30px}.employees-grid{grid-template-columns:1fr}.employee-card{height:auto!important;min-height:420px!important;max-height:none!important}.employee-card .card-footer{flex-direction:column!important;height:auto!important;min-height:auto!important;max-height:none!important;gap:16px!important;padding:16px 20px!important}.employee-card .pricing{min-width:auto!important;max-width:100%!important;width:100%!important;align-items:center!important}.employee-card .view-details-btn{width:100%!important;min-width:auto!important}.department-filters{flex-direction:column}.dept-filter-btn{justify-content:center}.results-header{flex-direction:column;align-items:flex-start}.value-grid{grid-template-columns:1fr;gap:30px}}.quick-onboarding-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease-out}.quick-onboarding-modal{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(0,212,255,.3);border-radius:24px;padding:40px;max-width:550px;width:100%;box-shadow:0 20px 60px #00000080;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.onboarding-header{text-align:center;margin-bottom:32px}.onboarding-icon{font-size:48px;margin-bottom:16px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.onboarding-header h2{font-size:24px;font-weight:700;color:#e2e8f0;margin-bottom:8px}.onboarding-header p{font-size:14px;color:#94a3b8}.onboarding-form{display:flex;flex-direction:column;gap:24px}.form-field label{font-size:14px;font-weight:600;color:#e2e8f0}.required{color:#ef4444}.optional{color:#94a3b8;font-weight:400;font-size:13px}.onboarding-select,.onboarding-input{width:100%;padding:12px 16px;background:#0f172acc;border:2px solid rgba(100,116,139,.3);border-radius:12px;color:#e2e8f0;font-size:14px;font-family:inherit;transition:all .3s ease}.onboarding-select:focus,.onboarding-input:focus{outline:none;border-color:#00d4ff;background:#0f172af2;box-shadow:0 0 0 3px #00d4ff1a}.onboarding-select option{background:#0f172a;color:#e2e8f0}.onboarding-benefits{background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:12px;padding:16px;margin-top:8px}.benefit-text{font-size:13px;color:#c4b5fd;margin:0;line-height:1.5}.onboarding-actions{display:flex;gap:12px;margin-top:8px}.btn-skip,.btn-continue{flex:1;padding:14px 24px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-skip{background:#64748b33;color:#cbd5e1;border:1px solid rgba(100,116,139,.3)}.btn-skip:hover{background:#64748b4d;transform:translateY(-2px)}.btn-continue{background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#fff;box-shadow:0 4px 15px #00d4ff4d}.btn-continue:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff80}.btn-continue:disabled{opacity:.5;cursor:not-allowed;transform:none}.onboarding-note{text-align:center;font-size:12px;color:#64748b;margin-top:16px;margin-bottom:0}@media(max-width:640px){.quick-onboarding-modal{padding:28px 24px}.onboarding-header h2{font-size:20px}.onboarding-actions{flex-direction:column}.btn-skip,.btn-continue{width:100%}}.employee-detail-page{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a);padding:100px 20px 60px}.employee-detail-page.loading,.employee-detail-page.error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 20px}.loader-large{width:60px;height:60px;border:5px solid rgba(0,212,255,.1);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.detail-container{max-width:1400px;margin:0 auto}.detail-header{margin-bottom:40px}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary-color);font-weight:600;margin-bottom:30px;background:none;border:none;cursor:pointer;font-size:1rem;transition:all .3s ease;padding:0}.back-link:hover{transform:translate(-5px);color:#7c3aed}.header-content{background:#0f172ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(100,116,139,.2);border-radius:24px;padding:50px;display:flex;gap:40px;align-items:center}.employee-avatar-large{width:100px;height:100px;min-width:100px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#0a0e27;border:3px solid rgba(255,255,255,.2);box-shadow:0 8px 30px #00d4ff4d;overflow:hidden}.employee-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.header-info{flex:1}.department-badge-large{display:inline-block;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.employee-name-large{font-size:1.25rem;font-weight:700;color:#e2e8f0;margin-bottom:5px;line-height:1.3}.employee-role-large{font-size:.875rem;color:var(--primary-color);font-weight:600;margin-bottom:15px}.employee-meta-large{display:flex;gap:30px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:8px;color:#cbd5e1;font-size:.875rem;font-weight:500}.meta-icon{font-size:1.1rem}.detail-content{display:grid;grid-template-columns:1fr 400px;gap:30px;align-items:start}.detail-left{display:flex;flex-direction:column;gap:30px}.detail-section{background:#0f172ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(100,116,139,.2);border-radius:20px;padding:40px}.section-title{font-size:1.4rem;font-weight:700;color:#e2e8f0;margin-bottom:20px}.section-text{color:#94a3b8;line-height:1.7;font-size:.95rem}.capabilities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.capability-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);border-radius:10px;color:#e2e8f0;font-weight:500}.capability-icon{color:var(--primary-color);font-weight:700;font-size:1.2rem}.use-cases{display:flex;flex-direction:column;gap:15px}.use-case-item{display:flex;align-items:start;gap:15px;padding:15px;background:#7c3aed1a;border-left:3px solid var(--secondary-color);border-radius:8px;color:#cbd5e1;font-size:1rem}.use-case-icon{color:var(--secondary-color);font-weight:700;font-size:1.2rem;margin-top:2px}.features-list{display:flex;flex-direction:column;gap:20px}.feature-item{display:flex;gap:20px;align-items:start;padding:20px;background:#0f172a80;border-radius:12px}.feature-icon{font-size:2rem;flex-shrink:0}.feature-item h4{color:#e2e8f0;font-size:1rem;font-weight:700;margin-bottom:6px}.feature-item p{color:#94a3b8;line-height:1.5;font-size:.9rem}.detail-right{display:flex;flex-direction:column;gap:20px}.pricing-card{background:#0f172ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,212,255,.3);border-radius:20px;padding:35px;box-shadow:0 20px 60px #00d4ff33}.pricing-card.sticky{position:sticky;top:100px}.pricing-title{font-size:1.4rem;font-weight:700;color:#e2e8f0;margin-bottom:20px;text-align:center}.billing-selector{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:25px}.billing-btn{background:#1e293b80;border:2px solid rgba(100,116,139,.3);border-radius:12px;padding:20px 15px;cursor:pointer;transition:all .3s ease;text-align:center}.billing-btn:hover{border-color:var(--primary-color);background:#00d4ff1a;transform:translateY(-2px)}.billing-btn.active{border-color:var(--primary-color);background:linear-gradient(135deg,#00d4ff33,#7c3aed33);box-shadow:0 0 20px #00d4ff4d}.billing-label{font-size:.9rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.billing-price{font-size:1.5rem;font-weight:800;color:var(--primary-color)}.billing-savings{font-size:.85rem;color:#10b981;font-weight:600;margin-top:5px}.pricing-summary{background:#0f172a80;border-radius:12px;padding:20px;margin-bottom:20px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;color:#94a3b8;font-size:.95rem}.summary-row.total{border-top:2px solid rgba(100,116,139,.3);margin-top:10px;padding-top:15px;font-weight:700;color:#e2e8f0;font-size:1.1rem}.summary-total{font-size:1.5rem;color:var(--primary-color)}.customize-toggle{width:100%;padding:12px;background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:8px;color:var(--secondary-color);font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:15px}.customize-toggle:hover{background:#7c3aed33;transform:translateY(-2px)}.customization-form,.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--primary-color);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea{width:100%;padding:12px;background:#0f172acc;border:2px solid rgba(100,116,139,.3);border-radius:8px;color:#fff!important;font-size:.95rem;font-family:inherit;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8!important;opacity:.7}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #00d4ff1a;background:#0f172af2}.form-group textarea{resize:vertical}.license-btn{width:100%;padding:18px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.license-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 40px #00d4ff66}.license-btn:disabled{opacity:.6;cursor:not-allowed}.guarantee{text-align:center;padding-top:15px;border-top:1px solid rgba(100,116,139,.2)}.guarantee p{color:#10b981;font-size:.9rem;font-weight:500;margin:5px 0}.comparison-card{background:#0f172ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(100,116,139,.2);border-radius:16px;padding:25px}.comparison-title{font-size:1.25rem;font-weight:700;color:#e2e8f0;margin-bottom:20px;text-align:center}.comparison-grid{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.comparison-item{background:#0f172a80;border-radius:8px;padding:12px}.comparison-label{font-size:.85rem;color:#64748b;font-weight:600;text-transform:uppercase;margin-bottom:8px}.comparison-ai{color:#10b981;font-weight:700;font-size:1.1rem;margin-bottom:5px}.comparison-human{color:#ef4444;font-size:.9rem;text-decoration:line-through;opacity:.7}.savings-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-align:center;padding:12px;border-radius:8px;font-weight:700;font-size:1rem}.already-owned{display:flex;flex-direction:column;gap:15px}.owned-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:20px;border-radius:12px;text-align:center;font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #10b9814d}.owned-icon{font-size:1.5rem;width:30px;height:30px;background:#fff;color:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center}.goto-team-btn,.chat-now-btn{width:100%;padding:18px;border-radius:12px;border:none;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-align:center}.goto-team-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 15px #6366f166}.goto-team-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.chat-now-btn{background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#fff;box-shadow:0 4px 15px #00d4ff66}.chat-now-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff80}.owned-info{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:20px;text-align:center}.owned-info p{color:#10b981;font-weight:600;margin:8px 0;font-size:.95rem}@media(max-width:1024px){.detail-content{grid-template-columns:1fr}.pricing-card.sticky,.pricing-wrapper{position:static}.detail-right{order:-1}.video-showcase-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:768px){.employee-detail-page{padding-top:80px}.header-content{flex-direction:column;text-align:center;padding:30px}.employee-name-large{font-size:2rem}.employee-role-large{font-size:1.2rem}.employee-meta-large{justify-content:center}.detail-section{padding:25px}.capabilities-grid,.billing-selector{grid-template-columns:1fr}}.pricing-tiers{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.tier-card{background:#1e293b80;border:2px solid rgba(100,116,139,.3);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;position:relative}.tier-card:hover{border-color:#00d4ff99;transform:translate(5px);box-shadow:0 8px 20px #00d4ff33}.tier-card.selected{border-color:var(--primary-color);border-width:3px;background:linear-gradient(135deg,#00d4ff26,#0f172a80);box-shadow:0 8px 30px #00d4ff4d}.tier-card.premium{border-color:#10b98166}.tier-card.premium.selected{border-color:#10b981;background:linear-gradient(135deg,#10b98126,#0f172a80);box-shadow:0 8px 30px #10b9814d}.tier-card.creator{border-color:#f59e0b66}.tier-card.creator.selected{border-color:#f59e0b;background:linear-gradient(135deg,#f59e0b26,#0f172a80);box-shadow:0 8px 30px #f59e0b4d}.tier-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 12px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tier-card.creator .tier-badge{background:linear-gradient(135deg,#f59e0b,#d97706)}.tier-header{margin-bottom:15px}.tier-header h4{font-size:1.1rem;font-weight:700;color:#e2e8f0;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.tier-price{font-size:1.5rem;font-weight:800;color:var(--primary-color)}.tier-card.premium .tier-price{color:#10b981}.tier-card.creator .tier-price{color:#f59e0b}.tier-period{font-size:1rem;font-weight:400;color:#94a3b8}.tier-features{list-style:none;padding:0;margin:0}.tier-features li{padding:8px 0;border-bottom:1px solid rgba(100,116,139,.2);font-size:.875rem;color:#cbd5e1;font-weight:500}.tier-features li:last-child{border-bottom:none}@media(max-width:768px){.tier-card:hover{transform:translateY(-5px)}.tier-badge{right:15px;font-size:.65rem;padding:3px 10px}}.social-publishing-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;padding:8px 16px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:10px;box-shadow:0 4px 15px #ec48994d}.featured-capabilities{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.featured-capability-card{background:#0f172a99;border:1px solid rgba(0,212,255,.2);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.featured-capability-card:hover{border-color:#00d4ff80;transform:translateY(-5px);box-shadow:0 10px 30px #00d4ff33}.featured-capability-icon{font-size:2.5rem;margin-bottom:12px}.featured-capability-title{font-size:1rem;font-weight:700;color:#e2e8f0;margin-bottom:8px}.featured-capability-desc{font-size:.85rem;color:#94a3b8;line-height:1.5}.emma-video-section{background:linear-gradient(135deg,#7c3aed1a,#00d4ff0d);border:2px solid rgba(124,58,237,.3)}.emma-video-container{background:#0f172a80;border-radius:16px;padding:20px;text-align:center}.emma-intro-video{width:100%;max-width:400px;border-radius:12px;box-shadow:0 10px 40px #7c3aed4d;margin:0 auto;display:block}.video-caption{margin-top:15px;color:var(--secondary-color);font-size:.9rem;font-weight:600;font-style:italic}.stripe-button-container{width:100%;margin:20px 0;padding:20px;background:#00d4ff0d;border:2px solid rgba(0,212,255,.3);border-radius:16px;text-align:center}.stripe-button-container stripe-buy-button{display:block;margin:0 auto}.stripe-note{margin-top:15px;padding:12px;background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:8px;color:#a78bfa;font-size:.9rem;line-height:1.5}.upgrade-section{padding:20px;background:#0f172a80;border-radius:12px}.current-tier-badge{padding:15px;background:linear-gradient(135deg,#7c3aed33,#00d4ff1a);border:1px solid rgba(0,212,255,.3);border-radius:10px;text-align:center;margin-bottom:20px;font-size:1.1rem;color:#e2e8f0}.current-tier-badge strong{color:#00d4ff;font-size:1.2rem}.current-tier-message,.lower-tier-message{padding:20px;background:#64748b1a;border:1px solid rgba(100,116,139,.3);border-radius:10px;text-align:center;margin:20px 0}.current-tier-message p,.lower-tier-message p{margin:8px 0;color:#94a3b8;font-size:.95rem}.current-tier-message p:first-child{color:#10b981;font-weight:600}.lower-tier-message p{color:#a78bfa}.avatar-upload-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;font-size:.7rem;text-align:center;color:#fff;padding:10px;border-radius:50%;cursor:pointer}.employee-avatar-large:hover .avatar-upload-overlay{opacity:1}.employee-avatar-large{position:relative;cursor:pointer}.try-emma-btn{width:100%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:18px 24px;border-radius:12px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #10b9814d}.try-emma-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #10b98166}.upload-video-btn{background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.upload-video-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff66}.video-showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;margin-top:20px}.video-item{background:#1e293b80;border:1px solid rgba(100,116,139,.3);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease}.video-item:hover{transform:translateY(-5px);border-color:#00d4ff99;box-shadow:0 8px 25px #00d4ff4d}.video-thumbnail{position:relative;width:100%;padding-top:75%;overflow:hidden;background:linear-gradient(135deg,#1e293b,#0f172a)}.video-thumbnail-placeholder{position:absolute;top:0;left:0}.play-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-item:hover .play-overlay{opacity:1}.play-button{width:50px;height:50px;background:#00d4ffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;padding-left:4px;box-shadow:0 4px 15px #00d4ff80}.video-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:600}.video-info{padding:12px}.video-title{font-size:.9rem;font-weight:700;color:#e2e8f0;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-stats{display:flex;gap:12px;font-size:.75rem;color:#94a3b8;margin-bottom:6px}.video-description{font-size:.75rem;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-all-btn{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);color:#00d4ff;padding:10px 24px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.view-all-btn:hover{background:#00d4ff33;border-color:#00d4ff99;transform:translateY(-2px)}.upload-placeholder{background:#00d4ff0d;border:2px dashed rgba(0,212,255,.3);display:flex;align-items:center;justify-content:center;min-height:250px}.upload-placeholder:hover{background:#00d4ff1a;border-color:#00d4ff99}.upload-content{text-align:center;padding:20px}.upload-icon{font-size:3rem;margin-bottom:10px}.upload-text{font-size:.95rem;font-weight:700;color:#00d4ff;margin-bottom:5px}.upload-subtext{font-size:.75rem;color:#94a3b8}.pricing-wrapper{position:sticky;top:20px;align-self:flex-start;display:flex;flex-direction:column;gap:20px}.pricing-tiers{max-height:400px;overflow-y:auto;padding-right:5px}.pricing-tiers::-webkit-scrollbar{width:6px}.pricing-tiers::-webkit-scrollbar-track{background:#64748b1a;border-radius:10px}.pricing-tiers::-webkit-scrollbar-thumb{background:#00d4ff80;border-radius:10px}.pricing-tiers::-webkit-scrollbar-thumb:hover{background:#00d4ffb3}.trial-chat-modal{position:fixed;inset:0;background:#000c;display:none;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.trial-chat-modal.open{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.trial-chat-container{background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,212,255,.3);border-radius:20px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.trial-chat-header{padding:20px 25px;border-bottom:1px solid rgba(100,116,139,.2);display:flex;justify-content:space-between;align-items:center}.trial-chat-title{font-size:1.25rem;font-weight:700;color:#e2e8f0;margin-bottom:5px}.trial-messages-left{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:700;display:inline-block}.trial-close-btn{background:none;border:none;color:#94a3b8;font-size:1.5rem;cursor:pointer;padding:5px 10px;transition:color .3s ease}.trial-close-btn:hover{color:#e2e8f0}.trial-chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px}.trial-message{display:flex;gap:10px;animation:messageSlide .3s ease}@keyframes messageSlide{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.trial-message.user{flex-direction:row-reverse}.trial-message-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.trial-message.user .trial-message-avatar{background:linear-gradient(135deg,#10b981,#059669)}.trial-message-bubble{background:#1e293bcc;padding:12px 16px;border-radius:12px;max-width:70%;color:#e2e8f0;font-size:.95rem;line-height:1.5}.trial-message.user .trial-message-bubble{background:linear-gradient(135deg,#10b98133,#05966933);border:1px solid rgba(16,185,129,.3)}.trial-chat-input-area{padding:20px;border-top:1px solid rgba(100,116,139,.2)}.trial-input-wrapper{display:flex;gap:10px}.trial-chat-input{flex:1;background:#1e293b80;border:1px solid rgba(100,116,139,.3);border-radius:10px;padding:12px 16px;color:#e2e8f0;font-size:.95rem;resize:none;font-family:inherit;max-height:120px}.trial-chat-input:focus{outline:none;border-color:#10b98180}.trial-send-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;width:45px;height:45px;border-radius:10px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.trial-send-btn:hover:not(:disabled){transform:scale(1.05)}.trial-send-btn:disabled{opacity:.5;cursor:not-allowed}.trial-upgrade-notice{background:linear-gradient(135deg,#f59e0b1a,#d977061a);border:1px solid rgba(245,158,11,.3);border-radius:10px;padding:15px;margin:15px 20px;text-align:center;color:#f59e0b;font-weight:600}.trial-typing-indicator{display:flex;gap:4px;padding:8px 0}.trial-typing-dot{width:8px;height:8px;background:#00d4ff;border-radius:50%;animation:typingBounce 1.4s infinite}.trial-typing-dot:nth-child(2){animation-delay:.2s}.trial-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.state-toggle{position:fixed;top:20px;right:20px;z-index:1000;background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;box-shadow:0 4px 15px #00d4ff66;transition:all .3s ease}.state-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff80}.image-upload-section{position:absolute;top:20px;left:20px;background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,212,255,.3);border-radius:12px;padding:15px;z-index:1000;max-width:300px}.upload-title{font-size:.875rem;font-weight:700;color:#e2e8f0;margin-bottom:10px;display:flex;align-items:center;gap:8px}.file-input-wrapper{position:relative;margin-bottom:10px}.file-input-label{display:block;width:100%;padding:10px;background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#fff;text-align:center;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .3s ease}.file-input-label:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff66}.file-input{display:none}.current-image{font-size:.75rem;color:#94a3b8;text-align:center;margin-top:8px}.state-indicator{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:10px;margin-bottom:15px;text-align:center;color:#f59e0b;font-weight:600;font-size:.875rem}.state-indicator.logged-in{background:#10b9811a;border-color:#10b9814d;color:#10b981}.hire-btn{width:100%;padding:16px;background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#fff;font-size:1rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 8px 25px #00d4ff66}.hire-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #00d4ff80}.hire-btn.login-required{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 25px #f59e0b66}.hire-btn.login-required:hover{box-shadow:0 12px 35px #f59e0b80}#btn-text{color:#fff!important;display:block;width:100%}.hire-btn span,.license-btn span,.goto-team-btn span,.chat-now-btn span{color:#fff!important}.capability-text{color:#e2e8f0}.meta-value{color:#cbd5e1}.summary-value{color:#e2e8f0}.tier-card h4,.tier-card .tier-header h4{color:#e2e8f0!important}.tier-card .tier-price{color:var(--primary-color)!important}.tier-card.premium .tier-price{color:#10b981!important}.tier-card.creator .tier-price{color:#f59e0b!important}@media(max-width:768px){.image-upload-section{position:static;margin-bottom:20px;max-width:100%}}.my-team-page{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a);padding:100px 20px 60px;overflow-x:hidden}.my-team-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.my-team-container{max-width:1400px;width:100%;margin:0 auto;box-sizing:border-box}.team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:20px;flex-wrap:wrap}.header-content{flex:1}.page-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.page-subtitle{color:#94a3b8;font-size:1.1rem;line-height:1.6}.hire-more-btn{padding:14px 28px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#0a0e27;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;white-space:nowrap}.hire-more-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00d4ff66}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:linear-gradient(135deg,#1e293b99,#0f172a99);border:1px solid rgba(100,116,139,.2);border-radius:16px;padding:25px;display:flex;align-items:center;gap:20px;transition:all .3s ease}.stat-card:hover{transform:translateY(-3px);border-color:var(--primary-color);box-shadow:0 10px 30px #00d4ff33}.stat-icon{font-size:3rem;flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:2.5rem;font-weight:800;color:var(--primary-color);line-height:1;margin-bottom:8px}.stat-label{font-size:.9rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;align-items:stretch}.team-card{background:linear-gradient(135deg,#1e293bcc,#0f172acc);border:1px solid rgba(100,116,139,.2);border-radius:16px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;position:relative}.team-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00d4ff33;border-color:var(--primary-color)}.team-card-header{position:relative;padding:20px;background:linear-gradient(135deg,#00d4ff14,#7c3aed14)}.employee-info{display:flex;align-items:center;gap:16px;padding-right:90px}.employee-avatar-small{width:64px;height:64px;min-width:64px;max-width:64px;min-height:64px;max-height:64px;flex-shrink:0;flex-grow:0;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#0a0e27;aspect-ratio:1}.employee-info>div{flex:1;min-width:0;overflow:hidden}.employee-name{font-size:1.1rem;font-weight:700;color:#e2e8f0;margin-bottom:4px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-role{font-size:.75rem;color:var(--primary-color);font-weight:600;text-transform:uppercase;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{position:absolute;top:20px;right:20px;padding:6px 14px;border-radius:20px;font-size:.7rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.team-card-body{padding:0 24px 16px;display:flex;flex-direction:column;flex:1;gap:16px}.license-info{background:#0f172a66;border-radius:12px;padding:16px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(100,116,139,.15)}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-row:first-child{padding-top:0}.info-label{color:#64748b;font-size:.9rem;font-weight:500}.info-value{color:#e2e8f0;font-weight:600;font-size:.9rem}.info-value.expiring{color:#f59e0b}.info-value.expired{color:#ef4444;font-weight:700}.usage-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:auto}.usage-item{background:#00d4ff14;border:1px solid rgba(0,212,255,.2);border-radius:12px;padding:16px;text-align:center}.usage-label{display:block;font-size:.7rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.usage-value{display:block;font-size:1.75rem;font-weight:800;color:var(--primary-color)}.customization-badge{background:linear-gradient(135deg,#7c3aed26,#a855f726);border:1px solid rgba(124,58,237,.3);padding:8px 12px;border-radius:8px;color:var(--secondary-color);font-size:.8rem;font-weight:600;text-align:center}.team-card-footer{display:flex;align-items:center;padding:16px 20px;background:#0f172a80;border-top:1px solid rgba(100,116,139,.2);gap:8px}.action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 12px;font-weight:600;font-size:.85rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;white-space:nowrap;gap:4px;min-width:0}.dashboard-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.dashboard-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed66}.chat-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#0a0e27}.chat-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00d4ff66}.cancel-btn{background:transparent;color:#94a3b8;border:1px solid rgba(100,116,139,.3)}.cancel-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.analytics-btn{background:#64748b4d;color:#cbd5e1;border:1px solid rgba(100,116,139,.5)}.analytics-btn:hover{background:#64748b80;color:#e2e8f0;transform:translateY(-2px)}.empty-state{text-align:center;padding:80px 20px;background:linear-gradient(135deg,#1e293b99,#0f172a99);border:1px solid rgba(100,116,139,.2);border-radius:20px}.empty-icon{font-size:5rem;margin-bottom:20px;opacity:.5}.empty-state h2{font-size:2rem;font-weight:700;color:#e2e8f0;margin-bottom:15px}.empty-state p{color:#94a3b8;font-size:1.1rem;margin-bottom:30px}.browse-btn{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#0a0e27;font-weight:700;border-radius:12px;text-decoration:none;transition:all .3s ease}.browse-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00d4ff66}.modal-overlay{position:fixed;inset:0;background:#0a0e27e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:linear-gradient(135deg,#1e293bf2,#0f172af2);border:1px solid rgba(100,116,139,.3);border-radius:24px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 30px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:30px;border-bottom:1px solid rgba(100,116,139,.2)}.modal-header h2{font-size:1.75rem;font-weight:700;color:#e2e8f0}.close-btn{width:40px;height:40px;border-radius:50%;background:#64748b33;border:none;color:#e2e8f0;font-size:1.5rem;cursor:pointer;transition:all .3s ease}.close-btn:hover{background:#ef44444d;color:#ef4444;transform:rotate(90deg)}.modal-body{padding:30px}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:30px}.analytics-card{background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);border-radius:12px;padding:20px;text-align:center}.analytics-label{font-size:.85rem;color:#64748b;font-weight:600;text-transform:uppercase;margin-bottom:10px;letter-spacing:.5px}.analytics-value{font-size:2rem;font-weight:800;color:var(--primary-color)}.period-info{background:#0f172a80;border-radius:12px;padding:20px}.period-info p{color:#94a3b8;line-height:1.8;margin-bottom:10px}.period-info p:last-child{margin-bottom:0}.period-info strong{color:var(--primary-color);font-weight:700}@media(max-width:768px){.team-header{flex-direction:column;align-items:flex-start}.page-title{font-size:2rem}.hire-more-btn{width:100%;text-align:center}.stats-overview,.team-grid{grid-template-columns:1fr}.team-card-header{padding:20px}.employee-avatar-small{width:60px;height:60px;min-width:60px;font-size:1.75rem}.employee-name{font-size:1.1rem}.team-card-body{padding:0 20px 16px}.team-card-footer{flex-direction:column;padding:16px 20px;gap:10px}.action-btn{width:100%}.job-hunter-subscription-card{padding:20px}.jh-sub-header{flex-wrap:wrap;gap:12px}.jh-sub-actions{flex-direction:column}.jh-sub-actions button{width:100%}}.job-hunter-subscription-card{background:linear-gradient(135deg,#7c3aed26,#00d4ff1a);border:2px solid rgba(124,58,237,.4);border-radius:20px;padding:28px;margin-bottom:32px;transition:all .3s ease}.job-hunter-subscription-card:hover{border-color:#7c3aed99;box-shadow:0 8px 32px #7c3aed33}.jh-sub-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.jh-sub-icon{width:56px;height:56px;background:linear-gradient(135deg,#7c3aed,#00d4ff);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px}.jh-sub-info{flex:1}.jh-sub-info h3{font-size:1.4rem;font-weight:700;color:#e2e8f0;margin:0 0 4px}.jh-sub-plan{font-size:.95rem;color:#a78bfa;font-weight:600;margin:0}.jh-sub-body{margin-bottom:20px}.jh-sub-desc{font-size:.95rem;color:#94a3b8;line-height:1.6;margin:0 0 12px}.jh-sub-expires{font-size:.85rem;color:#64748b;background:#ffffff0d;display:inline-block;padding:6px 12px;border-radius:8px}.jh-sub-actions{display:flex;gap:12px}.jh-sub-actions .action-btn{flex:1;height:48px}.jh-sub-actions .manage-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#cbd5e1}.jh-sub-actions .manage-btn:hover{background:#ffffff1f;color:#fff}.upgrade-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;overflow-y:auto}.upgrade-modal-content{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:24px;max-width:1200px;width:100%;position:relative;padding:48px 40px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #00d4ff1a;max-height:90vh;overflow-y:auto}.modal-close-btn{position:absolute;top:20px;right:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#e2e8f0;z-index:10}.modal-close-btn:hover{background:#fff3;transform:rotate(90deg)}.upgrade-modal-header{text-align:center;margin-bottom:48px}.trial-badge{display:inline-block;background:linear-gradient(135deg,#ef444433,#dc262633);border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:8px 20px;border-radius:24px;font-size:.875rem;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.upgrade-modal-header h2{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;line-height:1.2}.upgrade-subtitle{font-size:1.125rem;color:#94a3b8;max-width:700px;margin:0 auto;line-height:1.6}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.pricing-card{background:linear-gradient(135deg,#1e293bcc,#0f172acc);border:2px solid rgba(100,116,139,.2);border-radius:20px;padding:32px 28px;position:relative;transition:all .3s ease}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00d4ff33;border-color:var(--plan-color)}.pricing-card.recommended{border-color:var(--plan-color);background:linear-gradient(135deg,#00d4ff0d,#7c3aed0d);box-shadow:0 0 30px #00d4ff33}.recommended-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#fff;padding:6px 20px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #00d4ff66}.plan-header{text-align:center;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid rgba(100,116,139,.2)}.plan-name{font-size:1.5rem;font-weight:700;color:#e2e8f0;margin-bottom:16px}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.plan-price .currency{font-size:1.5rem;color:var(--plan-color, #00D4FF);font-weight:600}.plan-price .amount{font-size:3.5rem;font-weight:800;color:var(--plan-color, #00D4FF);line-height:1}.plan-price .period{font-size:1.125rem;color:#64748b;font-weight:500}.annual-price{font-size:.875rem;color:#10b981;font-weight:600}.plan-features{list-style:none;padding:0;margin:0 0 28px}.plan-features li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;color:#cbd5e1;font-size:.9375rem;line-height:1.5}.plan-features li svg{flex-shrink:0;color:var(--plan-color, #00D4FF);margin-top:2px}.upgrade-btn{width:100%;padding:14px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.upgrade-btn.primary{background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#fff;box-shadow:0 10px 25px -5px #00d4ff66}.upgrade-btn.primary:hover{transform:translateY(-2px);box-shadow:0 15px 35px -5px #00d4ff99}.upgrade-btn.secondary{background:#64748b33;color:#e2e8f0;border:2px solid var(--plan-color, rgba(100, 116, 139, .4))}.upgrade-btn.secondary:hover{background:#64748b4d;border-color:var(--plan-color);transform:translateY(-2px);box-shadow:0 10px 25px -5px #64748b66}.upgrade-modal-footer{text-align:center;padding-top:32px;border-top:1px solid rgba(100,116,139,.2)}.upgrade-modal-footer p{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.875rem;color:#94a3b8;line-height:1.6}.upgrade-modal-footer svg{flex-shrink:0;color:#10b981}@media(max-width:1024px){.pricing-grid{grid-template-columns:1fr;max-width:450px;margin:0 auto 32px}}@media(max-width:768px){.upgrade-modal-content{padding:36px 24px}.upgrade-modal-header h2{font-size:2rem}.upgrade-subtitle{font-size:1rem}.plan-price .amount{font-size:2.75rem}.modal-close-btn{width:36px;height:36px}}@media(max-width:640px){.upgrade-modal-overlay{padding:10px}.upgrade-modal-content{padding:28px 20px;border-radius:16px}.upgrade-modal-header h2{font-size:1.75rem}.trial-badge{font-size:.75rem;padding:6px 16px}.pricing-card{padding:24px 20px}.plan-features li{font-size:.875rem}.upgrade-modal-footer p{flex-direction:column;font-size:.8125rem}}.upgrade-modal-content::-webkit-scrollbar{width:8px}.upgrade-modal-content::-webkit-scrollbar-track{background:#0f172a80;border-radius:10px}.upgrade-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ff,#7c3aed);border-radius:10px}.upgrade-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00b8e6,#6a32cc)}*{margin:0;padding:0;box-sizing:border-box}#particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:#0a0e27}.chat-page{display:flex;height:100vh;position:relative;z-index:1}.employee-sidebar{width:280px;background:#0f172ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(100,116,139,.2);display:flex;flex-direction:column;overflow-y:auto}.sidebar-header{padding:20px;text-align:center;border-bottom:1px solid rgba(100,116,139,.2)}.employee-avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 12px;box-shadow:0 8px 20px #00d4ff4d;overflow:hidden}.avatar-img-large{width:100%;height:100%;object-fit:cover;border-radius:50%}.employee-name{font-size:16px;font-weight:700;color:#e2e8f0;margin-bottom:4px}.employee-role{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}.employee-rating{display:inline-block;background:#fbbf241a;color:#fbbf24;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600}.sidebar-section{padding:18px 20px;border-bottom:1px solid rgba(100,116,139,.1)}.sidebar-title{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}.tier-badge-sidebar{display:inline-block;background:linear-gradient(135deg,#ef444433,#dc262633);border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:#cbd5e1;font-size:13px}.stat-label{color:#94a3b8;font-size:12px}.stat-value{font-weight:700;color:#00d4ff;font-size:13px}.tier-features-list{display:flex;flex-direction:column;gap:8px}.tier-feature-item{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.4}.tier-feature-item.available{color:#cbd5e1}.tier-feature-item.available .feature-icon{color:#10b981;font-weight:700}.tier-feature-item.locked{color:#64748b}.tier-feature-item.locked .feature-icon{opacity:.5}.feature-icon{flex-shrink:0;font-size:16px}.feature-text{flex:1}.upgrade-btn-sidebar{width:100%;padding:10px 16px;background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:none;letter-spacing:.3px;margin-top:12px;box-shadow:0 8px 20px -5px #00d4ff66}.upgrade-btn-sidebar:hover{transform:translateY(-2px);box-shadow:0 12px 28px -5px #00d4ff99}.chat-main{flex:1;display:flex;flex-direction:column;position:relative}.chat-header{background:#0f172ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(100,116,139,.2);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.header-left{display:flex;align-items:center;gap:16px;flex:1}.back-btn{background:#64748b33;border:1px solid rgba(100,116,139,.3);color:#cbd5e1;padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.back-btn:hover{background:#64748b4d;border-color:#00d4ff}.employee-info-compact{display:flex;align-items:center;gap:12px}.employee-avatar-small{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:18px;overflow:hidden}.avatar-img-small{width:100%;height:100%;object-fit:cover;border-radius:50%}.employee-status{display:flex;flex-direction:column;gap:4px}.status-name{font-size:14px;font-weight:600;color:#e2e8f0}.status-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b98199;animation:pulse 2s ease-in-out infinite}.header-actions{display:flex;align-items:center;gap:12px}.free-trial-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ef444426,#dc262626);border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.3px;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 10px #ef44444d}50%{box-shadow:0 0 20px #ef444480}}.new-chat-btn{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);color:#00d4ff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.new-chat-btn:hover{background:#00d4ff33;border-color:#00d4ff}.messages-container{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.message-bubble{display:flex;gap:12px;max-width:750px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px;overflow:hidden}.message-bubble.assistant .message-avatar{background:linear-gradient(135deg,#00d4ff,#7c3aed)}.message-bubble.user .message-avatar{background:linear-gradient(135deg,#667eea,#764ba2)}.avatar-img-msg{width:100%;height:100%;object-fit:cover;border-radius:50%}.message-content{flex:1;display:flex;flex-direction:column;gap:6px}.message-header{display:flex;align-items:center;gap:10px;font-size:12px}.message-sender{font-weight:700;color:#cbd5e1;font-size:12px}.message-time{color:#64748b;font-size:11px}.message-text{background:#1e293bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px;border-radius:12px;color:#e2e8f0;line-height:1.5;font-size:14px;border:1px solid rgba(100,116,139,.2);white-space:pre-wrap}.message-bubble.assistant .message-text{background:linear-gradient(135deg,#00d4ff14,#7c3aed14);border-color:#00d4ff33}.message-bubble.user .message-text{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea4d}.welcome-message-initial{text-align:center;padding:40px 20px;max-width:550px;margin:auto}.welcome-avatar-initial{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:45px;margin:0 auto 20px;box-shadow:0 8px 30px #00d4ff4d;overflow:hidden}.avatar-img-initial{width:100%;height:100%;object-fit:cover;border-radius:50%}.welcome-message-initial h3{font-size:20px;font-weight:700;color:#e2e8f0;margin-bottom:12px}.welcome-message-initial p{color:#94a3b8;font-size:14px;line-height:1.5;margin-bottom:16px}.current-tier-badge{display:inline-block;padding:8px 16px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:10px;color:#00d4ff;font-size:13px}.thinking-indicator{display:flex;gap:12px;max-width:750px;animation:slideIn .3s ease-out}.thinking-content{flex:1;display:flex;flex-direction:column;gap:6px}.thinking-text{background:linear-gradient(135deg,#00d4ff14,#7c3aed14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px;border-radius:12px;border:1px solid rgba(0,212,255,.2);display:flex;align-items:center;gap:10px;color:#00d4ff;font-size:13px}.thinking-dots{display:flex;gap:6px}.dot{width:8px;height:8px;border-radius:50%;background:#00d4ff;animation:bounce 1.4s infinite ease-in-out}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.quick-actions-row{display:flex;gap:12px;flex-wrap:wrap;padding:0 24px 14px}.quick-action-btn{flex:1;min-width:180px;background:#1e293b99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(100,116,139,.3);border-radius:10px;padding:10px 14px;color:#cbd5e1;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.quick-action-btn:hover{border-color:#00d4ff;background:#00d4ff1a;transform:translateY(-2px)}.teaser-actions{display:flex;gap:16px;flex-wrap:wrap;padding:0 32px 16px}.teaser-btn{flex:1;min-width:250px;background:linear-gradient(135deg,#1e293bcc,#0f172acc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(124,58,237,.3);border-radius:16px;padding:18px 20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.teaser-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,58,237,.2),transparent);transition:left .5s}.teaser-btn:hover:before{left:100%}.teaser-btn:hover{border-color:#7c3aed;transform:translateY(-3px);box-shadow:0 10px 30px #7c3aed4d}.btn-content{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.btn-icon{font-size:24px}.btn-text{flex:1;font-size:15px;font-weight:700;color:#e2e8f0;text-align:left}.lock-badge{background:linear-gradient(135deg,#7c3aed,#00d4ff);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #7c3aed66}.btn-tagline{display:block;font-size:13px;color:#94a3b8;text-align:left}.input-container{padding:16px 24px;background:#0f172ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(100,116,139,.2)}.input-wrapper{display:flex;gap:10px;align-items:flex-end;max-width:1100px;margin:0 auto}.chat-input{flex:1;background:#1e293b99;border:2px solid rgba(100,116,139,.3);border-radius:12px;padding:12px 16px;color:#e2e8f0;font-size:14px;font-family:inherit;resize:vertical;min-height:48px;max-height:180px;transition:all .2s}.chat-input:focus{outline:none;border-color:#00d4ff;background:#1e293bcc;box-shadow:0 0 0 3px #00d4ff1a}.chat-input::placeholder{color:#64748b}.send-btn{background:linear-gradient(135deg,#00d4ff,#7c3aed);border:none;border-radius:10px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .3s;flex-shrink:0}.send-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00d4ff66}.send-btn:disabled{opacity:.5;cursor:not-allowed}.input-hint{text-align:center;margin-top:10px;font-size:12px;color:#64748b}.email-campaign-container{margin-top:12px;background:linear-gradient(135deg,#00d4ff0d,#7c3aed0d);border:2px solid rgba(0,212,255,.3);border-radius:12px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.email-campaign-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(100,116,139,.2)}.campaign-icon{font-size:1.5rem}.campaign-label{flex:1;font-weight:700;font-size:1rem;color:#00d4ff;text-transform:uppercase;letter-spacing:.5px}.download-campaign-btn{padding:10px 16px;background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00d4ff4d}.download-campaign-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff80}.email-campaign-preview{background:#0f172acc;border-radius:8px;padding:16px;border:1px solid rgba(100,116,139,.2)}.campaign-code{font-family:Monaco,Courier New,monospace;font-size:.85rem;color:#94a3b8;line-height:1.6;white-space:pre-wrap;word-break:break-all;margin:0 0 12px;max-height:150px;overflow-y:auto}.preview-note{margin:0;font-size:.85rem;color:#64748b;font-style:italic;text-align:center}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;overflow-y:auto}.video-modal{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(0,212,255,.3);border-radius:20px;padding:0;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid rgba(100,116,139,.2)}.modal-header h3{margin:0;font-size:1.25rem;color:#00d4ff;font-weight:700}.modal-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#e2e8f0;font-size:20px;padding:0}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.modal-body{padding:28px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#e2e8f0;font-weight:600;font-size:.9rem}.modal-input,.modal-select{width:100%;padding:12px 16px;background:#0f172acc;border:1px solid rgba(100,116,139,.3);border-radius:10px;color:#e2e8f0;font-size:.9rem;font-family:inherit;transition:all .3s ease}.modal-input:focus,.modal-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.modal-input::placeholder{color:#64748b}.modal-info{margin:24px 0;padding:16px;background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:12px}.modal-info p{margin:0 0 8px;color:#e2e8f0;font-size:.95rem}.modal-info p:last-child{margin-bottom:0}.modal-note{color:#94a3b8!important;font-size:.85rem!important}.modal-actions{display:flex;gap:12px;margin-top:24px}.btn-cancel,.btn-generate{flex:1;padding:12px 20px;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel{background:#64748b33;color:#e2e8f0;border:1px solid rgba(100,116,139,.3)}.btn-generate{background:linear-gradient(135deg,#7c3aed,#00d4ff);color:#fff;box-shadow:0 4px 15px #7c3aed4d}.btn-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed80}.btn-generate:disabled{opacity:.5;cursor:not-allowed}.video-progress{text-align:center;padding:40px 20px}.progress-spinner{width:60px;height:60px;border:4px solid rgba(0,212,255,.2);border-top-color:#00d4ff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}.progress-text{font-size:1rem;font-weight:600;color:#00d4ff;margin:0 0 12px}.progress-subtext{font-size:.9rem;color:#94a3b8;margin:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0f172a80}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ff,#7c3aed);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00b8e6,#6a32cc)}.employee-chat-page.loading,.employee-chat-page.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#0a0e27;color:#e2e8f0;text-align:center;padding:40px 20px}.loader-large{width:60px;height:60px;border:4px solid rgba(0,212,255,.2);border-top-color:#00d4ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@media(max-width:1024px){.employee-sidebar{width:280px}}@media(max-width:768px){.employee-sidebar{display:none}.chat-header{padding:16px 20px}.messages-container{padding:20px}.input-container{padding:16px 20px}.header-left{flex-wrap:wrap}.back-btn{font-size:12px;padding:6px 12px}.status-name{font-size:13px}.teaser-actions,.quick-actions-row{flex-direction:column}.teaser-btn,.quick-action-btn{min-width:100%}}.employee-dashboard{display:flex;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b)}.employee-dashboard.loading,.employee-dashboard.error{flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#e2e8f0}.employee-dashboard.loading .loader{width:50px;height:50px;border:4px solid rgba(124,58,237,.2);border-top-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite}.dashboard-sidebar{width:280px;background:#1e293be6;border-right:1px solid rgba(100,116,139,.2);display:flex;flex-direction:column;padding:24px}.sidebar-header{display:flex;align-items:center;gap:16px;padding-bottom:24px;border-bottom:1px solid rgba(100,116,139,.2);margin-bottom:24px}.employee-avatar-dash{width:56px;height:56px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.employee-info-dash h3{font-size:18px;font-weight:600;color:#e2e8f0;margin:0 0 4px}.employee-role-dash{font-size:13px;color:#94a3b8}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:10px;color:#94a3b8;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.nav-item:hover{background:#64748b1a;color:#e2e8f0}.nav-item.active{background:#7c3aed33;color:#a855f7}.nav-icon{font-size:18px}.sidebar-footer{padding-top:24px;border-top:1px solid rgba(100,116,139,.2)}.btn-chat{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.btn-chat:hover{transform:translateY(-2px);box-shadow:0 4px 15px #7c3aed66}.dashboard-main{flex:1;display:flex;flex-direction:column;overflow-y:auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid rgba(100,116,139,.2);background:#0f172a80}.header-left h1{font-size:28px;font-weight:700;color:#e2e8f0;margin:0 0 4px}.header-subtitle{font-size:14px;color:#94a3b8;margin:0}.header-actions{display:flex;gap:12px}.btn-action-primary{padding:12px 24px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-action-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #7c3aed66}.dashboard-content{flex:1;padding:32px;overflow-y:auto}.quick-actions-section{margin-bottom:32px}.quick-actions-section h2{font-size:18px;font-weight:600;color:#e2e8f0;margin:0 0 16px}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quick-action-card{display:flex;flex-direction:column;align-items:center;padding:24px 16px;background:#1e293bcc;border:1px solid rgba(100,116,139,.2);border-radius:16px;cursor:pointer;transition:all .3s ease}.quick-action-card:hover{background:#7c3aed1a;border-color:#7c3aed4d;transform:translateY(-4px)}.qa-icon{font-size:36px;margin-bottom:12px}.qa-title{font-size:15px;font-weight:600;color:#e2e8f0;margin-bottom:4px}.qa-desc{font-size:12px;color:#94a3b8}.pending-section,.activity-section{background:#1e293bcc;border:1px solid rgba(100,116,139,.2);border-radius:16px;padding:24px}.pending-section h2,.activity-section h2{font-size:18px;font-weight:600;color:#e2e8f0;margin:0 0 20px}.pending-list{display:flex;flex-direction:column;gap:12px}.pending-item{display:flex;align-items:center;gap:12px;padding:16px;background:#0f172a99;border-radius:12px}.pending-icon{font-size:24px}.pending-info{flex:1;min-width:0}.pending-info h4{font-size:14px;font-weight:600;color:#e2e8f0;margin:0 0 4px}.pending-info p{font-size:12px;color:#94a3b8;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-actions{display:flex;gap:8px}.btn-approve,.btn-edit{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-approve{background:#10b981;color:#fff}.btn-edit{background:#64748b4d;color:#e2e8f0}.empty-state{color:#64748b;font-size:14px;text-align:center;padding:20px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:#0f172a99;border-radius:10px}.activity-icon{font-size:20px}.activity-info{display:flex;flex-direction:column}.activity-action{font-size:13px;color:#e2e8f0}.activity-time{font-size:11px;color:#64748b}.content-filters{display:flex;gap:10px;margin-bottom:24px}.filter-btn{padding:8px 16px;background:#64748b33;border:1px solid rgba(100,116,139,.3);border-radius:20px;color:#94a3b8;font-size:13px;cursor:pointer;transition:all .2s ease}.filter-btn:hover,.filter-btn.active{background:#7c3aed33;border-color:#7c3aed66;color:#a855f7}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.content-card{background:#1e293bcc;border:1px solid rgba(100,116,139,.2);border-radius:16px;padding:20px;transition:all .3s ease}.content-card:hover{border-color:#7c3aed4d;transform:translateY(-4px)}.content-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.platform-badge{font-size:12px;color:#94a3b8;text-transform:capitalize}.status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#fff}.content-card h3{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 8px}.content-preview{font-size:13px;color:#94a3b8;line-height:1.5;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.content-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(100,116,139,.2)}.created-at{font-size:11px;color:#64748b}.content-actions{display:flex;gap:4px}.btn-icon{width:32px;height:32px;background:#64748b33;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:#7c3aed4d}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.calendar-header h2{font-size:24px;font-weight:600;color:#e2e8f0;margin:0}.btn-nav{padding:8px 16px;background:#64748b33;border:1px solid rgba(100,116,139,.3);border-radius:8px;color:#94a3b8;font-size:13px;cursor:pointer;transition:all .2s ease}.btn-nav:hover{background:#7c3aed33;border-color:#7c3aed66;color:#a855f7}.scheduled-posts h3{font-size:18px;font-weight:600;color:#e2e8f0;margin:0 0 20px}.scheduled-item{display:flex;gap:20px;padding:20px;background:#1e293bcc;border:1px solid rgba(100,116,139,.2);border-radius:16px;margin-bottom:16px}.scheduled-date{display:flex;flex-direction:column;align-items:center;min-width:60px;padding:12px;background:#7c3aed33;border-radius:12px}.date-day{font-size:24px;font-weight:700;color:#a855f7}.date-month{font-size:12px;color:#94a3b8;text-transform:uppercase}.scheduled-content{flex:1}.scheduled-platform{font-size:13px;color:#94a3b8;margin-bottom:8px;text-transform:capitalize}.scheduled-content p{font-size:14px;color:#e2e8f0;margin:0;line-height:1.5}.scheduled-actions{display:flex;flex-direction:column;gap:8px}.btn-edit-sm,.btn-remove-sm{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-edit-sm{background:#64748b4d;color:#e2e8f0}.btn-remove-sm{background:#ef444433;color:#ef4444}.calendar-cta{text-align:center;margin-top:32px;padding:32px;background:#7c3aed1a;border:1px dashed rgba(124,58,237,.3);border-radius:16px}.calendar-cta p{color:#94a3b8;margin:0 0 16px}.btn-primary{padding:12px 32px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #7c3aed66}.analytics-overview{margin-bottom:32px}.analytics-card{background:#1e293bcc;border:1px solid rgba(100,116,139,.2);border-radius:16px;padding:24px}.analytics-card h3{font-size:18px;font-weight:600;color:#e2e8f0;margin:0 0 20px}.performance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.perf-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;background:#0f172a99;border-radius:12px}.perf-value{font-size:36px;font-weight:700;color:#e2e8f0;margin-bottom:8px}.perf-label{font-size:13px;color:#94a3b8;margin-bottom:8px}.perf-change{font-size:12px;padding:4px 10px;border-radius:12px}.perf-change.positive{background:#10b98133;color:#10b981}.perf-change.neutral{background:#64748b33;color:#94a3b8}.perf-change.negative{background:#ef444433;color:#ef4444}.analytics-insights h3{font-size:18px;font-weight:600;color:#e2e8f0;margin:0 0 20px}.insight-card{display:flex;gap:16px;padding:20px;background:#1e293bcc;border:1px solid rgba(100,116,139,.2);border-radius:12px;margin-bottom:12px}.insight-icon{font-size:28px}.insight-content h4{font-size:15px;font-weight:600;color:#e2e8f0;margin:0 0 8px}.insight-content p{font-size:13px;color:#94a3b8;margin:0;line-height:1.5}.settings-section{background:#1e293bcc;border:1px solid rgba(100,116,139,.2);border-radius:16px;padding:24px;margin-bottom:20px}.settings-section h3{font-size:18px;font-weight:600;color:#e2e8f0;margin:0 0 20px}.settings-group{display:flex;flex-direction:column;gap:16px}.settings-group label{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0f172a99;border-radius:10px;color:#e2e8f0;font-size:14px}.settings-group select{padding:8px 12px;background:#64748b4d;border:1px solid rgba(100,116,139,.3);border-radius:8px;color:#e2e8f0;font-size:13px}.settings-group input[type=checkbox]{width:20px;height:20px;accent-color:#7c3aed}.connected-accounts{display:flex;flex-direction:column;gap:12px}.account-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#0f172a99;border-radius:10px}.account-item span{font-size:14px;color:#e2e8f0}.btn-connect{padding:8px 16px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-connect:hover{box-shadow:0 4px 12px #7c3aed66}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.quick-action-modal{background:#1e293bf2;border:1px solid rgba(124,58,237,.3);border-radius:20px;padding:32px;max-width:500px;width:100%;box-shadow:0 20px 60px #00000080}.quick-action-modal h2{font-size:22px;font-weight:700;color:#e2e8f0;margin:0 0 8px}.modal-desc{font-size:14px;color:#94a3b8;margin:0 0 20px}.prompt-input{width:100%;padding:16px;background:#0f172acc;border:1px solid rgba(100,116,139,.3);border-radius:12px;color:#e2e8f0;font-size:14px;resize:none;margin-bottom:20px;font-family:inherit}.prompt-input:focus{outline:none;border-color:#7c3aed}.prompt-input::placeholder{color:#64748b}.btn-cancel{padding:12px 24px;background:#64748b33;border:1px solid rgba(100,116,139,.3);border-radius:10px;color:#cbd5e1;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#64748b4d}.btn-generate{padding:12px 24px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 4px 15px #7c3aed66}@media(max-width:1024px){.stats-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.overview-columns{grid-template-columns:1fr}.content-grid{grid-template-columns:repeat(2,1fr)}.performance-grid{grid-template-columns:1fr}}@media(max-width:768px){.employee-dashboard{flex-direction:column}.dashboard-sidebar{width:100%;padding:16px;border-right:none;border-bottom:1px solid rgba(100,116,139,.2)}.sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:8px}.nav-item{flex:1;min-width:80px;justify-content:center;padding:8px;font-size:12px}.nav-icon,.sidebar-footer{display:none}.dashboard-header{padding:16px;flex-direction:column;gap:16px;text-align:center}.dashboard-content{padding:16px}.stats-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}.quick-apply-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.quick-apply-modal{background:#1a1a2e;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000080;border:1px solid rgba(99,102,241,.2)}.qam-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(99,102,241,.1),transparent)}.qam-header-info h2{margin:0 0 4px;font-size:1.5rem;color:#fff}.qam-job-title{margin:0;font-size:.9rem;color:#fff9}.qam-close{background:none;border:none;color:#ffffff80;font-size:28px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.qam-close:hover{color:#fff}.qam-progress{display:flex;align-items:center;justify-content:center;padding:20px 24px;gap:8px;background:#0003}.qam-step{display:flex;align-items:center;gap:8px;opacity:.5;transition:opacity .3s}.qam-step.active{opacity:1}.qam-step .step-num{width:28px;height:28px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:#ffffffb3;transition:all .3s}.qam-step.active .step-num{background:#6366f1;color:#fff}.qam-step.completed .step-num{background:#10b981;color:#fff}.qam-step.completed .step-num:after{content:"u2713";font-size:14px}.qam-step.completed .step-num span{display:none}.qam-step .step-label{font-size:.85rem;color:#ffffffb3}.qam-step.active .step-label{color:#fff;font-weight:500}.qam-step-line{width:40px;height:2px;background:#ffffff1a}.qam-content{flex:1;overflow-y:auto;padding:24px}.qam-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.qam-loading .loader{width:40px;height:40px;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.qam-loading p{color:#ffffffb3;font-size:.95rem}.qam-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;gap:12px;color:#fca5a5}.qam-error span{font-weight:600;color:#ef4444}.qam-error button{margin-left:auto;background:none;border:none;color:#ffffff80;cursor:pointer;font-size:.85rem}.qam-section{margin-bottom:24px}.qam-section h3{margin:0 0 12px;font-size:1rem;color:#fff;font-weight:600}.qam-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.qam-subtitle{color:#fff9;font-size:.9rem;margin:0}.qam-requirements{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.qam-req-item{background:#ffffff0d;padding:12px;border-radius:8px}.qam-req-item .req-label{display:block;font-size:.75rem;color:#ffffff80;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.qam-req-item .req-value{color:#fff;font-weight:500}.qam-skills{display:flex;flex-wrap:wrap;gap:8px}.qam-skill{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500}.qam-skill.required{background:#6366f133;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.qam-skill.preferred{background:#10b9811a;color:#6ee7b7;border:1px solid rgba(16,185,129,.2)}.qam-match-display{display:flex;align-items:center;gap:20px;background:#ffffff08;padding:20px;border-radius:12px}.qam-match-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qam-match-circle span{background:#1a1a2e;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#fff}.qam-match-info{flex:1}.qam-match-info .match-recommendation{color:#fff;margin:0 0 8px;font-weight:500}.qam-match-info .missing-skills{color:#fff9;font-size:.85rem;margin:0}.qam-ats-score{display:flex;align-items:center;gap:8px;background:#10b9811a;padding:6px 12px;border-radius:20px}.qam-ats-score .ats-label{font-size:.8rem;color:#fff9}.qam-ats-score .ats-value{font-weight:700;color:#10b981}.qam-enhancement-options{background:#6366f10d;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:20px;margin-bottom:20px}.qam-enhancement-options h4{margin:0 0 16px;color:#a5b4fc;font-size:1rem;font-weight:600}.enhancement-group{margin-bottom:16px}.enhancement-group:last-of-type{margin-bottom:20px}.enhancement-group label{display:block;font-size:.85rem;color:#ffffffb3;margin-bottom:8px}.style-options,.focus-options{display:flex;flex-wrap:wrap;gap:8px}.style-btn,.focus-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;padding:8px 16px;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s}.style-btn:hover,.focus-btn:hover{background:#6366f11a;border-color:#6366f14d;color:#fff}.style-btn.active,.focus-btn.active{background:#6366f133;border-color:#6366f1;color:#a5b4fc}.custom-instructions{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;color:#fff;font-size:.9rem;resize:vertical;font-family:inherit}.custom-instructions:focus{outline:none;border-color:#6366f180}.custom-instructions::placeholder{color:#fff6}.btn-regenerate{width:100%;background:linear-gradient(135deg,#6366f14d,#8b5cf64d);border:1px solid rgba(99,102,241,.5);color:#a5b4fc;padding:12px 20px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-regenerate:hover:not(:disabled){background:linear-gradient(135deg,#6366f166,#8b5cf666);border-color:#6366f1;color:#fff}.btn-regenerate:disabled{opacity:.6;cursor:not-allowed}.qam-resume-preview{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;max-height:300px;overflow-y:auto;margin-bottom:20px}.qam-resume-preview pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:Monaco,Menlo,monospace;font-size:.8rem;line-height:1.6;color:#ffffffd9}.qam-approval{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:20px;text-align:center;margin-bottom:20px}.qam-approval h4{margin:0 0 8px;color:#fff;font-size:1.1rem}.qam-approval p{margin:0;color:#fff9;font-size:.9rem}.qam-ready{text-align:center}.qam-success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.qam-success-icon span{color:#fff;font-weight:700;font-size:1rem}.qam-ready h3{margin:0 0 8px;color:#fff;font-size:1.3rem}.qam-ready>p{color:#fff9;margin:0 0 24px}.qam-materials{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.qam-material{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.material-header{display:flex;align-items:center;gap:12px}.material-icon{font-weight:600;color:#fff}.material-badge{background:#6366f133;color:#a5b4fc;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500}.btn-copy-small{background:#ffffff1a;border:none;color:#fff;padding:8px 16px;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-copy-small:hover{background:#fff3}.qam-interview-prep{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:12px;padding:16px;margin-bottom:24px;text-align:left}.qam-interview-prep h4{margin:0 0 12px;color:#fbbf24;font-size:.9rem}.qam-interview-prep ul{margin:0;padding-left:20px}.qam-interview-prep li{color:#fffc;font-size:.85rem;margin-bottom:8px}.qam-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff26}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-copy{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 20px;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-copy:hover{background:#ffffff26}.btn-apply{background:linear-gradient(135deg,#10b981,#059669)}.btn-apply:hover:not(:disabled){box-shadow:0 4px 12px #10b98166}.btn-auto-apply{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.btn-auto-apply:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-auto-apply:hover:not(:disabled):before{left:100%}.btn-auto-apply:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-auto-apply:disabled{opacity:.7;cursor:not-allowed}.qam-auto-apply-progress{background:linear-gradient(135deg,#10b9811a,#0596690d);border:1px solid rgba(16,185,129,.2);border-radius:16px;padding:32px;text-align:center}.auto-apply-header h3{margin:0 0 8px;color:#10b981;font-size:1.3rem}.auto-apply-header p{margin:0 0 28px;color:#fff9;font-size:.95rem}.auto-apply-steps{display:flex;justify-content:center;align-items:flex-start;gap:8px;margin-bottom:24px;flex-wrap:wrap}.auto-step{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:80px;opacity:.4;transition:opacity .3s}.auto-step.active,.auto-step.completed{opacity:1}.auto-step-indicator{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff9;font-weight:600;font-size:.9rem;transition:all .3s}.auto-step.active .auto-step-indicator{background:#10b98133;border-color:#10b981;color:#10b981}.auto-step.completed .auto-step-indicator{background:#10b981;border-color:#10b981;color:#fff}.auto-step.completed .auto-step-indicator svg{width:18px;height:18px}.auto-step-spinner{width:20px;height:20px;border:2px solid rgba(16,185,129,.3);border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite}.auto-step-label{font-size:.75rem;color:#ffffffb3;text-align:center}.auto-step.active .auto-step-label{color:#10b981;font-weight:500}.auto-step.completed .auto-step-label{color:#6ee7b7}.auto-apply-status{color:#fffc;font-size:.95rem;margin:0;min-height:24px}.qam-edit-toggle{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;background:#6366f11a;border-radius:8px;border:1px solid rgba(99,102,241,.2)}.btn-edit-toggle{padding:8px 16px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}.btn-edit-toggle:hover{background:#6366f14d;border-color:#6366f180}.btn-edit-toggle.active{background:#6366f1;border-color:#6366f1}.edit-hint{font-size:.8rem;color:#ffffff80}.resume-editor{width:100%;min-height:400px;padding:16px;background:#0000004d;border:2px solid #6366f1;border-radius:8px;color:#e2e8f0;font-family:Fira Code,Monaco,monospace;font-size:.85rem;line-height:1.6;resize:vertical}.resume-editor:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #6366f133}.qam-edit-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.btn-cancel-edit{padding:8px 16px;background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.btn-cancel-edit:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.btn-save-edit{padding:8px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.btn-save-edit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}@media(max-width:600px){.quick-apply-modal{max-height:100vh;border-radius:0}.qam-requirements{grid-template-columns:1fr}.qam-match-display{flex-direction:column;text-align:center}.qam-actions{flex-direction:column}.qam-actions button{width:100%}.auto-apply-steps{gap:4px}.auto-step{min-width:60px}.auto-step-label{font-size:.65rem}}.github-portfolio{background:linear-gradient(135deg,#1e1e28e6,#14141ef2);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.1)}.github-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.github-icon{width:48px;height:48px;background:linear-gradient(135deg,#333,#1a1a1a);border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1)}.github-icon svg{width:28px;height:28px;color:#fff}.github-title h3{margin:0;font-size:1.25rem;color:#fff}.github-title p{margin:4px 0 0;font-size:.875rem;color:#fff9}.github-connect{display:flex;gap:12px;margin-bottom:20px}.input-group{flex:1;display:flex;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.input-prefix{padding:12px 0 12px 16px;color:#ffffff80;font-size:.9rem;white-space:nowrap}.input-group input{flex:1;background:transparent;border:none;padding:12px 16px 12px 0;color:#fff;font-size:.9rem;outline:none}.input-group input::placeholder{color:#ffffff4d}.btn-connect{padding:12px 24px;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.btn-connect:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed66}.btn-connect:disabled{opacity:.7;cursor:not-allowed}.github-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px 16px;color:#f87171;display:flex;align-items:center;gap:10px;margin-bottom:20px}.error-icon{width:20px;height:20px;background:#ef444433;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem}.github-profile{display:flex;flex-direction:column;gap:20px}.profile-card{display:flex;gap:16px;padding:20px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.profile-avatar{width:72px;height:72px;border-radius:50%;border:3px solid rgba(124,58,237,.5)}.profile-info h4{margin:0;font-size:1.25rem;color:#fff}.profile-link{color:#a78bfa;text-decoration:none;font-size:.9rem}.profile-link:hover{text-decoration:underline}.profile-bio{margin:8px 0 0;color:#ffffffb3;font-size:.9rem;line-height:1.5}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px;text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:#fff}.stat-label{display:block;font-size:.75rem;color:#ffffff80;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.ai-badge{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#7c3aed26,#4f46e51a);border:1px solid rgba(124,58,237,.3);border-radius:10px;color:#a78bfa;font-weight:500}.ai-icon{font-size:1.25rem}.languages-section{background:#ffffff08;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.08)}.languages-section h5{margin:0 0 12px;font-size:.9rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.languages-grid{display:flex;flex-wrap:wrap;gap:12px}.language-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border-radius:20px;font-size:.85rem}.language-dot{width:10px;height:10px;border-radius:50%}.language-name{color:#fff}.language-count{color:#ffffff80;font-size:.75rem}.repos-section{background:#ffffff08;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.08)}.repos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.repos-header h5{margin:0;font-size:1rem;color:#fff}.selected-count{font-size:.85rem;color:#a78bfa;font-weight:500}.repos-hint{margin:0 0 16px;font-size:.85rem;color:#ffffff80}.repos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.repo-card{background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:10px;padding:14px;cursor:pointer;transition:all .2s ease}.repo-card:hover{border-color:#7c3aed4d;background:#ffffff0d}.repo-card.selected{border-color:#7c3aed;background:#7c3aed1a}.repo-card.ai-related{border-color:#7c3aed4d}.repo-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.repo-name{font-weight:600;color:#fff;font-size:.9rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-tag{font-size:.65rem;padding:2px 6px;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:4px;color:#fff;font-weight:600;text-transform:uppercase}.selected-check{width:20px;height:20px;background:#7c3aed;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:700}.repo-description{margin:0 0 10px;font-size:.8rem;color:#fff9;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.repo-meta{display:flex;align-items:center;gap:12px;font-size:.75rem;color:#ffffff80}.repo-language{display:flex;align-items:center;gap:4px}.lang-dot{width:8px;height:8px;border-radius:50%}.repo-stars,.repo-forks{display:flex;align-items:center;gap:2px}.repo-topics{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.topic-tag{font-size:.65rem;padding:2px 8px;background:#7c3aed33;color:#a78bfa;border-radius:10px}.btn-show-more{width:100%;padding:12px;margin-top:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.btn-show-more:hover{background:#ffffff1a}.export-summary{background:linear-gradient(135deg,#10b9811a,#0596690d);border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:20px}.export-summary h5{margin:0 0 12px;color:#10b981;font-size:.95rem}.summary-content{font-size:.85rem;color:#fffc;line-height:1.6}.summary-content p{margin:0 0 8px}.summary-content ul{margin:8px 0 0;padding-left:20px}.summary-content li{margin-bottom:6px}.summary-content strong{color:#fff}.github-empty{text-align:center;padding:40px 20px}.empty-illustration{margin-bottom:20px}.github-large-icon{width:80px;height:80px;color:#fff3}.github-empty h4{margin:0 0 8px;font-size:1.25rem;color:#fff}.github-empty p{margin:0 0 20px;color:#fff9}.benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.benefits-list li{padding:8px 16px;background:#ffffff0d;border-radius:20px;color:#ffffffb3;font-size:.85rem}.benefits-list li:before{content:"✓ ";color:#10b981}@media(max-width:1024px){.repos-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.github-connect{flex-direction:column}.repos-grid{grid-template-columns:1fr}.profile-card{flex-direction:column;text-align:center}.profile-avatar{margin:0 auto}}.skill-gap-analysis{background:linear-gradient(135deg,#1e1e28e6,#14141ef2);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.1)}.sga-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.sga-icon{width:48px;height:48px;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.sga-title h3{margin:0;font-size:1.25rem;color:#fff}.sga-title p{margin:4px 0 0;font-size:.875rem;color:#fff9}.sga-empty,.sga-loading{text-align:center;padding:40px 20px}.sga-empty .empty-icon{font-size:3rem;margin-bottom:16px}.sga-empty h4{margin:0 0 8px;color:#fff}.sga-empty p{margin:0;color:#fff9}.sga-loading .loader{width:40px;height:40px;border:3px solid rgba(124,58,237,.3);border-top-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.match-overview{display:flex;align-items:center;gap:32px;padding:24px;background:#ffffff08;border-radius:12px;margin-bottom:24px;border:1px solid rgba(255,255,255,.08)}.match-circle-container{text-align:center}.match-circle{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.match-circle:before{content:"";position:absolute;width:80px;height:80px;background:#14141ef2;border-radius:50%}.match-circle span{position:relative;font-size:1.75rem;font-weight:700;color:#fff}.match-label{margin:8px 0 0;font-size:.85rem;color:#fff9}.match-stats{display:flex;gap:24px;flex:1}.match-stat{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:#ffffff08;border-radius:10px;flex:1}.stat-number{font-size:1.5rem;font-weight:700}.stat-number.matched{color:#10b981}.stat-number.gaps{color:#f59e0b}.stat-number.high-priority{color:#ef4444}.match-stat .stat-label{font-size:.75rem;color:#ffffff80;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.matched-skills-section{margin-bottom:24px}.matched-skills-section h4{margin:0 0 12px;font-size:1rem;color:#fff}.matched-skills-list{display:flex;flex-wrap:wrap;gap:8px}.matched-skill-tag{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:20px;color:#10b981;font-size:.85rem}.check-icon{font-size:.75rem}.category-filter{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.filter-label{color:#fff9;font-size:.875rem}.category-pills{display:flex;gap:8px;flex-wrap:wrap}.category-pill{padding:6px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#ffffffb3;font-size:.8rem;cursor:pointer;transition:all .2s ease}.category-pill:hover{background:#ffffff1a}.category-pill.active{background:#7c3aed33;border-color:#7c3aed;color:#a78bfa}.skill-gaps-section h4{margin:0 0 16px;font-size:1rem;color:#fff}.skill-gaps-list{display:flex;flex-direction:column;gap:12px}.skill-gap-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;transition:all .2s ease}.skill-gap-card:hover{border-color:#7c3aed4d}.skill-gap-card.expanded{border-color:#7c3aed80}.gap-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer}.gap-info{display:flex;align-items:center;gap:12px}.priority-indicator{width:4px;height:40px;border-radius:2px}.gap-details h5{margin:0;font-size:1rem;color:#fff;text-transform:capitalize}.gap-category{font-size:.75rem;color:#ffffff80}.gap-meta{display:flex;align-items:center;gap:12px}.priority-badge{padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.expand-icon{color:#fff6;font-size:.75rem;transition:transform .2s ease}.expand-icon.rotated{transform:rotate(180deg)}.gap-card-content{padding:0 16px 16px;overflow:hidden}.gap-reason{margin:0 0 16px;padding:12px;background:#ffffff08;border-radius:8px;color:#ffffffb3;font-size:.875rem}.learning-resources h6{margin:0 0 12px;font-size:.85rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.courses-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-bottom:12px}.course-card{display:block;padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;text-decoration:none;transition:all .2s ease}.course-card:hover{background:#ffffff14;border-color:#7c3aed4d;transform:translateY(-2px)}.course-provider{font-size:.7rem;color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.course-name{font-size:.9rem;color:#fff;font-weight:500;margin-bottom:8px;line-height:1.3}.course-meta{display:flex;gap:12px;font-size:.75rem;color:#ffffff80}.docs-link{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#2563eb1a;border:1px solid rgba(37,99,235,.3);border-radius:8px;color:#60a5fa;font-size:.85rem;text-decoration:none;transition:all .2s ease}.docs-link:hover{background:#2563eb33}.improvements-section{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.improvements-section h4{margin:0 0 4px;font-size:1rem;color:#fff}.section-subtitle{margin:0 0 16px;font-size:.85rem;color:#ffffff80}.improvements-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.improvement-card{padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .2s ease}.improvement-card:hover{border-color:#10b9814d}.improvement-header{display:flex;justify-content:space-between;align-items:center}.improvement-skill{font-weight:600;color:#fff;text-transform:capitalize}.improvement-badge{font-size:.65rem;padding:3px 8px;background:#10b98126;color:#10b981;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.improvement-courses{margin-top:12px;display:flex;flex-direction:column;gap:8px}.course-link{font-size:.8rem;color:#60a5fa;text-decoration:none}.course-link:hover{text-decoration:underline}.no-gaps{text-align:center;padding:32px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:12px}.success-icon{font-size:3rem;display:block;margin-bottom:12px}.no-gaps h4{margin:0 0 8px;color:#10b981}.no-gaps p{margin:0;color:#ffffffb3}.learning-path-summary{margin-top:24px;padding:20px;background:linear-gradient(135deg,#7c3aed1a,#4f46e50d);border:1px solid rgba(124,58,237,.2);border-radius:12px}.learning-path-summary h4{margin:0 0 16px;color:#a78bfa;font-size:1rem}.path-steps{display:flex;flex-direction:column;gap:12px}.path-step{display:flex;align-items:center;gap:14px}.step-number{width:28px;height:28px;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.85rem}.step-content{flex:1;display:flex;justify-content:space-between;align-items:center}.step-skill{color:#fff;font-weight:500;text-transform:capitalize}.step-time{font-size:.8rem;color:#ffffff80}.path-note{margin:16px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:#fff9}@media(max-width:768px){.match-overview{flex-direction:column;gap:20px}.match-stats{width:100%;flex-wrap:wrap}.match-stat{min-width:calc(50% - 12px)}.courses-list,.improvements-list{grid-template-columns:1fr}}@media(max-width:480px){.gap-card-header{flex-direction:column;align-items:flex-start;gap:12px}.gap-meta{width:100%;justify-content:space-between}}.company-research{background:linear-gradient(135deg,#1e1e28e6,#14141ef2);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.1)}.cr-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.cr-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.cr-title h3{margin:0;font-size:1.25rem;color:#fff}.cr-title p{margin:4px 0 0;font-size:.875rem;color:#fff9}.cr-search{margin-bottom:24px}.search-input-group{display:flex;gap:12px;margin-bottom:12px}.search-input-group input{flex:1;padding:14px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.95rem;outline:none;transition:all .2s ease}.search-input-group input:focus{border-color:#3b82f6;background:#ffffff14}.search-input-group input::placeholder{color:#fff6}.btn-search{padding:14px 28px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:100px}.btn-search:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-search:disabled{opacity:.7;cursor:not-allowed}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.popular-companies{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.popular-label{font-size:.8rem;color:#ffffff80}.popular-chip{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#ffffffb3;font-size:.8rem;cursor:pointer;transition:all .2s ease}.popular-chip:hover{background:#3b82f633;border-color:#3b82f6;color:#fff}.cr-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:14px 18px;color:#f87171;display:flex;align-items:center;gap:12px;margin-bottom:20px}.error-icon{width:24px;height:24px;background:#ef444433;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.saved-companies{margin-bottom:24px}.saved-companies h4{margin:0 0 12px;font-size:.95rem;color:#fffc}.saved-companies-grid{display:flex;gap:12px;flex-wrap:wrap}.saved-company-card{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s ease}.saved-company-card:hover{background:#ffffff14;border-color:#3b82f6}.saved-logo{width:32px;height:32px;border-radius:6px;object-fit:contain;background:#fff}.saved-info{display:flex;flex-direction:column}.saved-name{font-size:.9rem;font-weight:600;color:#fff}.saved-rating{font-size:.75rem;color:#fff9}.company-details{background:#ffffff08;border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.08)}.company-header{display:flex;gap:20px;margin-bottom:24px}.company-logo{width:80px;height:80px;border-radius:12px;object-fit:contain;background:#fff;padding:8px}.company-info{flex:1}.company-name-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:4px}.company-name-row h2{margin:0;font-size:1.5rem;color:#fff}.btn-save{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-save:hover,.btn-save.saved{background:#f59e0b33;border-color:#f59e0b;color:#f59e0b}.company-meta{margin:0 0 8px;font-size:.9rem;color:#fff9}.company-rating{display:flex;align-items:center;gap:8px}.rating-stars{display:flex;gap:2px}.star{font-size:1rem}.star.filled{color:#f59e0b}.star.half{color:#f59e0b;opacity:.6}.star.empty{color:#fff3}.rating-value{font-size:1rem;font-weight:600;color:#fff}.rating-count{font-size:.85rem;color:#ffffff80}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.stat-box{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px;text-align:center}.stat-box .stat-value{display:block;font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:4px}.stat-box .stat-label{display:block;font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.section-nav{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.section-btn{padding:10px 20px;background:transparent;border:none;color:#fff9;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:8px}.section-btn:hover{color:#fff;background:#ffffff0d}.section-btn.active{color:#3b82f6;background:#3b82f61a}.section-content{min-height:300px}.info-block{margin-bottom:24px}.info-block h4{margin:0 0 12px;font-size:1rem;color:#fff;display:flex;align-items:center;gap:8px}.info-block p{margin:0;font-size:.9rem;color:#ffffffb3;line-height:1.6}.mission-text{font-style:italic;padding:12px 16px;background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:0 8px 8px 0}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{padding:6px 12px;background:#7c3aed26;border:1px solid rgba(124,58,237,.3);border-radius:6px;color:#a78bfa;font-size:.85rem}.benefits-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.benefit-item{font-size:.85rem;color:#ffffffb3}.facts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.fact-item{display:flex;flex-direction:column;gap:4px}.fact-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.fact-value{font-size:.9rem;color:#fff}.fact-link{font-size:.9rem;color:#3b82f6;text-decoration:none}.fact-link:hover{text-decoration:underline}.culture-ratings{background:#ffffff08;border-radius:12px;padding:20px}.culture-ratings h4{margin:0 0 16px;font-size:1rem;color:#fff}.culture-rating-item{display:flex;align-items:center;gap:12px;margin-bottom:12px}.culture-label{width:140px;font-size:.85rem;color:#ffffffb3}.culture-bar-container{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.culture-bar{height:100%;border-radius:4px;transition:width .3s ease}.culture-value{width:40px;text-align:right;font-size:.9rem;font-weight:600;color:#fff}.interview-steps{display:flex;flex-direction:column;gap:12px}.interview-step{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#ffffff08;border-radius:10px}.interview-step .step-number{width:28px;height:28px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.85rem;flex-shrink:0}.step-text{font-size:.9rem;color:#fffc}.questions-list{display:flex;flex-direction:column;gap:10px}.question-item{display:flex;gap:12px;padding:12px 16px;background:#ffffff08;border-radius:10px;border-left:3px solid #f59e0b}.question-icon{width:24px;height:24px;background:#f59e0b33;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#f59e0b;font-weight:700;font-size:.8rem;flex-shrink:0}.question-text{font-size:.9rem;color:#fffc;line-height:1.4}.interview-tips{background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:20px}.interview-tips h4{margin:0 0 12px;color:#10b981}.interview-tips ul{margin:0;padding-left:20px}.interview-tips li{font-size:.9rem;color:#ffffffb3;margin-bottom:8px;line-height:1.4}.reviews-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.review-type{padding:20px;border-radius:12px}.review-type.positive{background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.review-type.negative{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.review-type h4{margin:0 0 12px;font-size:.95rem;color:#fff}.review-type ul{margin:0;padding-left:18px}.review-type li{font-size:.85rem;color:#ffffffb3;margin-bottom:6px}.external-links h4{margin:0 0 16px;font-size:1rem;color:#fff}.links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.external-link{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;text-decoration:none;font-size:.9rem;transition:all .2s ease}.external-link:hover{background:#ffffff14;transform:translateY(-2px)}.external-link.glassdoor:hover{border-color:#0caa41}.external-link.levels:hover{border-color:#3b82f6}.external-link.linkedin:hover{border-color:#0a66c2}.external-link.blind:hover{border-color:#f59e0b}.link-icon{font-size:1.1rem}.cr-empty{text-align:center;padding:48px 24px}.empty-illustration{font-size:4rem;margin-bottom:16px}.cr-empty h4{margin:0 0 8px;font-size:1.25rem;color:#fff}.cr-empty p{margin:0 0 24px;color:#fff9}.feature-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;list-style:none;padding:0;margin:0}.feature-list li{padding:8px 16px;background:#ffffff0d;border-radius:20px;color:#ffffffb3;font-size:.85rem}.feature-list li:before{content:"✓ ";color:#10b981}@media(max-width:768px){.company-header{flex-direction:column;text-align:center}.company-logo{margin:0 auto}.company-name-row{flex-direction:column;gap:12px}.quick-stats{grid-template-columns:repeat(2,1fr)}.section-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}.benefits-list,.facts-grid,.reviews-summary,.links-grid{grid-template-columns:1fr}}@media(max-width:480px){.search-input-group{flex-direction:column}.btn-search{width:100%}.quick-stats{grid-template-columns:1fr}}.follow-up-email{background:linear-gradient(135deg,#1e1e28e6,#14141ef2);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.1)}.fue-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.fue-icon{width:48px;height:48px;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.fue-title h3{margin:0;font-size:1.25rem;color:#fff}.fue-title p{margin:4px 0 0;font-size:.875rem;color:#fff9}.template-section{margin-bottom:24px}.template-section h4{margin:0 0 16px;font-size:1rem;color:#fffc}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.template-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.template-card:hover{background:#ffffff0d;border-color:#10b9814d}.template-card.selected{background:#10b9811a;border-color:#10b981}.template-icon{font-size:1.5rem;flex-shrink:0}.template-info{flex:1;display:flex;flex-direction:column;gap:4px}.template-name{font-size:.95rem;font-weight:600;color:#fff}.template-desc{font-size:.8rem;color:#ffffff80;line-height:1.4}.template-check{position:absolute;top:12px;right:12px;width:22px;height:22px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700}.input-section{background:#ffffff08;border-radius:12px;padding:20px;margin-bottom:24px;border:1px solid rgba(255,255,255,.08);overflow:hidden}.input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.input-header h4{margin:0;font-size:1.1rem;color:#fff;display:flex;align-items:center;gap:10px}.input-icon{font-size:1.25rem}.timing-badge{padding:6px 12px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:20px;color:#fbbf24;font-size:.8rem}.input-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem;color:#ffffffb3;font-weight:500}.form-group input{padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.9rem;outline:none;transition:all .2s ease}.form-group input:focus{border-color:#10b981;background:#ffffff14}.tone-options{display:flex;gap:10px}.tone-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:.85rem;cursor:pointer;transition:all .2s ease}.tone-btn:hover{background:#ffffff0d}.tone-btn.active{background:#10b98126;border-color:#10b981;color:#10b981}.btn-generate{padding:14px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;margin-top:8px}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.email-preview{background:#ffffff08;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.08)}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.preview-header h4{margin:0;font-size:1.1rem;color:#fff}.preview-actions{display:flex;gap:10px}.btn-back{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-back:hover{background:#ffffff1a}.btn-copy-all{padding:8px 16px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-copy-all:hover{transform:translateY(-1px)}.btn-copy-all.copied{background:#10b981}.email-content{background:#0003;border-radius:10px;overflow:hidden}.email-subject{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08)}.subject-label{font-size:.85rem;color:#ffffff80;font-weight:600}.subject-text{flex:1;font-size:.95rem;color:#fff;font-weight:500}.btn-copy-inline{padding:6px;background:#ffffff0d;border:none;border-radius:4px;cursor:pointer;opacity:.6;transition:all .2s ease}.btn-copy-inline:hover{opacity:1;background:#ffffff1a}.email-body{padding:16px;position:relative}.email-body pre{margin:0;font-family:inherit;font-size:.9rem;color:#ffffffd9;line-height:1.7;white-space:pre-wrap;word-wrap:break-word}.btn-copy-body{position:absolute;top:12px;right:12px;padding:8px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffb3;font-size:.8rem;cursor:pointer;transition:all .2s ease}.btn-copy-body:hover{background:#ffffff1a;color:#fff}.email-tips{margin-top:20px;padding:16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:10px}.email-tips h5{margin:0 0 12px;font-size:.95rem;color:#60a5fa}.email-tips ul{margin:0;padding-left:20px}.email-tips li{font-size:.85rem;color:#ffffffb3;margin-bottom:6px;line-height:1.4}.btn-new-email{width:100%;padding:14px;margin-top:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.95rem;cursor:pointer;transition:all .2s ease}.btn-new-email:hover{background:#ffffff1a}.quick-tips{margin-top:24px}.quick-tips h4{margin:0 0 16px;font-size:1rem;color:#fff}.tips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tip-card{padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px}.tip-icon{font-size:1.5rem;display:block;margin-bottom:10px}.tip-card h5{margin:0 0 6px;font-size:.95rem;color:#fff}.tip-card p{margin:0;font-size:.8rem;color:#fff9;line-height:1.4}@media(max-width:768px){.template-grid,.tips-grid{grid-template-columns:1fr}.tone-options{flex-direction:column}.preview-header{flex-direction:column;gap:12px;align-items:flex-start}.preview-actions{width:100%}.preview-actions button{flex:1}.input-header{flex-direction:column;gap:12px;align-items:flex-start}}@media(max-width:480px){.email-subject{flex-wrap:wrap}.subject-text{width:100%;order:3}}.job-alerts{background:linear-gradient(135deg,#1e1e28e6,#14141ef2);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.1)}.job-alerts.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px}.job-alerts.loading .loader{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#f59e0b;border-radius:50%;animation:spin 1s linear infinite}.alerts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.alerts-header-left{display:flex;align-items:center;gap:16px}.alerts-icon{width:48px;height:48px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.alerts-title h3{margin:0;font-size:1.25rem;color:#fff}.alerts-title p{margin:4px 0 0;font-size:.875rem;color:#fff9}.btn-create-alert{padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.btn-create-alert:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.alerts-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.alert-stat{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;text-align:center}.alert-stat .stat-value{display:block;font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:4px}.alert-stat .stat-label{font-size:.8rem;color:#ffffff80}.alert-stat.active .stat-value{color:#10b981}.alert-stat.highlight{background:#f59e0b1a;border-color:#f59e0b4d}.alert-stat.highlight .stat-value{color:#f59e0b}.alert-form-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.alert-form-modal{background:linear-gradient(135deg,#282837fa,#1e1e2dfa);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1)}.form-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.form-header h3{margin:0;font-size:1.25rem;color:#fff}.btn-close{width:32px;height:32px;background:#ffffff0d;border:none;border-radius:8px;color:#fff9;font-size:1.25rem;cursor:pointer;transition:all .2s ease}.btn-close:hover{background:#ffffff1a;color:#fff}.form-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.form-group label{font-size:.9rem;font-weight:500;color:#fffc}.form-group input{padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.95rem;outline:none;transition:all .2s ease}.form-group input:focus{border-color:#f59e0b;background:#ffffff14}.form-group input::placeholder{color:#ffffff4d}.form-hint{font-size:.8rem;color:#fff6}.checkbox-grid{display:flex;flex-wrap:wrap;gap:8px}.checkbox-btn{padding:8px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#ffffffb3;font-size:.85rem;cursor:pointer;transition:all .2s ease}.checkbox-btn:hover{background:#ffffff0d}.checkbox-btn.selected{background:#f59e0b26;border-color:#f59e0b;color:#f59e0b}.frequency-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.frequency-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s ease}.frequency-btn:hover{background:#ffffff0d;border-color:#f59e0b4d}.frequency-btn.selected{background:#f59e0b1a;border-color:#f59e0b}.freq-icon{font-size:1.5rem}.freq-label{font-size:.9rem;font-weight:600;color:#fff}.freq-desc{font-size:.75rem;color:#ffffff80;text-align:center}.form-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1)}.btn-cancel{padding:12px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-save{padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.btn-save:disabled{opacity:.5;cursor:not-allowed}.alerts-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.no-alerts{text-align:center;padding:48px 24px;background:#ffffff08;border-radius:12px;border:1px dashed rgba(255,255,255,.1)}.no-alerts .empty-icon{font-size:3rem;display:block;margin-bottom:16px;opacity:.5}.no-alerts h4{margin:0 0 8px;font-size:1.1rem;color:#fff}.no-alerts p{margin:0 0 20px;font-size:.9rem;color:#ffffff80}.btn-create-first{padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-create-first:hover{transform:translateY(-2px)}.alert-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;transition:all .2s ease}.alert-card:hover{border-color:#f59e0b4d}.alert-card.paused{opacity:.6}.alert-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.alert-info{flex:1}.alert-name-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.alert-name-row h4{margin:0;font-size:1.1rem;color:#fff}.frequency-badge{padding:4px 10px;background:#ffffff0d;border-radius:12px;font-size:.75rem;color:#fff9}.frequency-badge.instant{background:#ef444426;color:#f87171}.frequency-badge.daily{background:#3b82f626;color:#60a5fa}.frequency-badge.weekly{background:#10b98126;color:#34d399}.alert-keywords{display:flex;flex-wrap:wrap;gap:8px}.keyword-tag{padding:4px 10px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:12px;font-size:.8rem;color:#fbbf24}.keyword-more{padding:4px 10px;font-size:.8rem;color:#fff6}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#ffffff1a;border-radius:26px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background:#f59e0b}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.alert-card-meta{display:flex;flex-wrap:wrap;gap:16px;padding:12px 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.meta-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#fff9}.meta-icon{font-size:.9rem}.alert-card-stats{display:flex;gap:24px;padding:12px 0}.alert-stat-item{display:flex;align-items:center;gap:6px}.alert-stat-item .stat-num{font-size:1.1rem;font-weight:600;color:#f59e0b}.alert-stat-item .stat-text{font-size:.8rem;color:#ffffff80}.alert-card-actions{display:flex;gap:10px;margin-top:12px}.btn-test-alert,.btn-edit-alert,.btn-delete-alert{padding:8px 16px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-test-alert{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#60a5fa}.btn-test-alert:hover:not(:disabled){background:#3b82f640}.btn-test-alert:disabled{opacity:.5;cursor:not-allowed}.btn-edit-alert{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.btn-edit-alert:hover{background:#ffffff1a}.btn-delete-alert{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171}.btn-delete-alert:hover{background:#ef444433}.test-results{margin-top:16px;padding:16px;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:10px;overflow:hidden}.test-results-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.test-results-header h5{margin:0;font-size:.95rem;color:#60a5fa}.results-count{padding:4px 10px;background:#3b82f633;border-radius:12px;font-size:.8rem;color:#93c5fd}.btn-close-results{margin-left:auto;width:24px;height:24px;background:#ffffff0d;border:none;border-radius:4px;color:#ffffff80;cursor:pointer}.test-jobs-list{display:flex;flex-direction:column;gap:8px}.test-job-item{display:flex;gap:12px;padding:10px 12px;background:#ffffff08;border-radius:8px;font-size:.85rem}.test-job-item .job-title{flex:1;color:#fff;font-weight:500}.test-job-item .job-company{color:#fff9}.test-job-item .job-location{color:#fff6}.more-results,.no-test-results,.test-error{margin:0;padding:8px 0 0;font-size:.85rem;color:#ffffff80}.test-error{color:#f87171}.alerts-tips{background:#ffffff08;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.08)}.alerts-tips h4{margin:0 0 16px;font-size:1rem;color:#fff}.alerts-tips .tips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tip-item{display:flex;gap:12px;padding:12px;background:#ffffff05;border-radius:8px}.tip-icon{font-size:1.25rem;flex-shrink:0}.tip-content h5{margin:0 0 4px;font-size:.9rem;color:#fff}.tip-content p{margin:0;font-size:.8rem;color:#ffffff80;line-height:1.4}@media(max-width:768px){.alerts-header{flex-direction:column;gap:16px;align-items:flex-start}.btn-create-alert{width:100%}.alerts-stats{grid-template-columns:repeat(2,1fr)}.form-row,.frequency-options{grid-template-columns:1fr}.alert-card-header{flex-direction:column;gap:16px}.alert-toggle{align-self:flex-end}.alert-card-meta{flex-direction:column;gap:8px}.alert-card-actions{flex-wrap:wrap}.alert-card-actions button{flex:1;min-width:80px}.alerts-tips .tips-grid{grid-template-columns:1fr}.test-job-item{flex-direction:column;gap:4px}}@media(max-width:480px){.alerts-stats{grid-template-columns:1fr 1fr}.alert-name-row{flex-direction:column;align-items:flex-start;gap:8px}}.jh-upgrade-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.jh-upgrade-modal{background:linear-gradient(135deg,#1e1e2dfa,#141423fa);border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;padding:32px;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080}.jh-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.jh-modal-close:hover{background:#ffffff1a;color:#fff}.jh-upgrade-header{text-align:center;margin-bottom:32px}.jh-upgrade-badge{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,#f59e0b33,#d9770633);border:1px solid rgba(245,158,11,.4);border-radius:20px;color:#fbbf24;font-size:.85rem;font-weight:600;margin-bottom:16px}.jh-upgrade-header h2{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 12px}.jh-upgrade-subtitle{font-size:1rem;color:#fff9;max-width:600px;margin:0 auto;line-height:1.6}.jh-usage-info{margin-top:12px;padding:10px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#f87171;font-size:.9rem;display:inline-block}.jh-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.jh-pricing-card{background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;position:relative;transition:all .3s ease}.jh-pricing-card:hover{border-color:#ffffff26;transform:translateY(-4px)}.jh-pricing-card.recommended{border-color:#10b981;background:#10b9810d}.jh-pricing-card.suggested{border-color:#f59e0b}.jh-recommended-badge,.jh-suggested-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.jh-recommended-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.jh-suggested-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.jh-plan-header{text-align:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.jh-plan-name{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 12px}.jh-plan-price{display:flex;align-items:baseline;justify-content:center;gap:2px}.jh-currency{font-size:1.25rem;color:#fff9}.jh-amount{font-size:2.5rem;font-weight:700;color:#fff}.jh-period{font-size:.95rem;color:#ffffff80}.jh-annual-price{font-size:.8rem;color:#fff6;margin:8px 0 0}.jh-plan-features{list-style:none;padding:0;margin:0 0 20px}.jh-plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;color:#ffffffbf;margin-bottom:10px;line-height:1.4}.jh-plan-features li svg{color:#10b981;flex-shrink:0;margin-top:2px}.jh-upgrade-btn{width:100%;padding:14px 20px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.jh-upgrade-btn.primary{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.jh-upgrade-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.jh-upgrade-btn.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fff}.jh-upgrade-btn.secondary:hover{background:#ffffff1a}.jh-upgrade-footer{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.jh-upgrade-footer p{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;color:#ffffff80;margin:0}.jh-upgrade-footer svg{color:#10b981}@media(max-width:900px){.jh-pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto 24px}.jh-upgrade-modal{padding:24px}.jh-upgrade-header h2{font-size:1.5rem}}.jh-feature-locked{position:relative}.jh-feature-locked:after{content:"";position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:inherit;z-index:10}.jh-lock-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:11;padding:24px}.jh-lock-icon{font-size:3rem;margin-bottom:12px}.jh-lock-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 8px}.jh-lock-desc{font-size:.9rem;color:#fff9;margin:0 0 16px}.jh-unlock-btn{padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.jh-unlock-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f59e0b66}.jh-feature-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.jh-feature-loading p{color:#fff9;font-size:.9rem;margin-top:16px}.jh-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#10b981;border-radius:50%;animation:jh-spin .8s linear infinite}@keyframes jh-spin{to{transform:rotate(360deg)}}:root{--color-match-high: #10b981;--color-match-medium: #f59e0b;--color-match-low: #ef4444;--color-match-bg: rgba(100, 116, 139, .2);--jh-primary: #7c3aed;--jh-primary-hover: #6d28d9;--jh-primary-bg: rgba(124, 58, 237, .2);--jh-bg-dark: #0f172a;--jh-bg-card: rgba(30, 41, 59, .9);--jh-border: rgba(100, 116, 139, .2);--jh-text-primary: #e2e8f0;--jh-text-secondary: #94a3b8;--color-lang-fallback: #64748b}.job-hunter-dashboard{display:flex;min-height:100vh;padding-top:80px;background:linear-gradient(135deg,#0f172a,#1e293b)}.job-hunter-dashboard.loading{flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#e2e8f0}.job-hunter-dashboard.loading .loader{width:50px;height:50px;border:4px solid rgba(124,58,237,.2);border-top-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite}.jh-sidebar{width:280px;background:#1e293be6;border-right:1px solid rgba(100,116,139,.2);display:flex;flex-direction:column;padding:24px}.jh-sidebar .sidebar-header{display:flex;align-items:center;gap:16px;padding-bottom:24px;border-bottom:1px solid rgba(100,116,139,.2);margin-bottom:24px}.jh-avatar{width:56px;height:56px;background:linear-gradient(135deg,#7c3aed,#00d4ff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.jh-info h3{font-size:18px;font-weight:600;color:#e2e8f0;margin:0 0 4px}.jh-role{font-size:13px;color:#94a3b8}.jh-sidebar .sidebar-nav{display:flex;flex-direction:column;gap:6px;flex:1}.jh-sidebar .nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:10px;color:#94a3b8;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.jh-sidebar .nav-item:hover{background:#64748b1a;color:#e2e8f0}.jh-sidebar .nav-item.active{background:#7c3aed33;color:#a855f7}.jh-sidebar .nav-icon{font-size:18px}.jh-sidebar .sidebar-footer{padding-top:20px;border-top:1px solid rgba(100,116,139,.2)}.profile-status{display:flex;align-items:center;gap:10px;font-size:13px;color:#94a3b8}.status-dot{width:8px;height:8px;border-radius:50%;background:#64748b}.status-dot.active{background:#10b981}.jh-main{flex:1;display:flex;flex-direction:column;overflow-y:auto}.jh-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid rgba(100,116,139,.2);background:#0f172a80}.jh-header .header-left h1{font-size:28px;font-weight:700;color:#e2e8f0;margin:0 0 4px}.jh-header .header-subtitle{font-size:14px;color:#94a3b8;margin:0}.header-match{display:flex;flex-direction:column;align-items:flex-end}.match-label{font-size:12px;color:#64748b}.match-value{font-size:28px;font-weight:700}.jh-content{flex:1;padding:32px;overflow-y:auto}.welcome-state{max-width:800px;margin:0 auto;text-align:center}.welcome-header{margin-bottom:40px}.welcome-icon{font-size:4rem;margin-bottom:20px}.welcome-header h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:12px}.welcome-header p{font-size:1.1rem;color:#94a3b8}.welcome-steps{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.welcome-step{display:flex;align-items:center;gap:20px;padding:24px;background:#1e293bcc;border:1px solid rgba(100,116,139,.3);border-radius:16px;cursor:pointer;transition:all .2s ease;text-align:left}.welcome-step:hover:not(.disabled){border-color:#7c3aed;background:#7c3aed1a;transform:translate(4px)}.welcome-step.disabled{opacity:.5;cursor:not-allowed}.welcome-step .step-number{width:40px;height:40px;background:linear-gradient(135deg,#7c3aed,#5b21b6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff;flex-shrink:0}.welcome-step.disabled .step-number{background:#64748b4d}.welcome-step .step-content{flex:1}.welcome-step .step-content h3{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:#fff}.welcome-step .step-content p{margin:0;font-size:.9rem;color:#94a3b8;line-height:1.5}.welcome-step .step-action{display:inline-block;margin-top:8px;color:#a855f7;font-weight:600;font-size:.9rem}.welcome-step .step-icon{font-size:2rem;flex-shrink:0}.welcome-features{background:#1e293b80;border-radius:16px;padding:24px;margin-bottom:32px}.welcome-features h4{margin:0 0 16px;color:#fff;font-size:1rem}.welcome-features .feature-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px}.welcome-features .feature-list span{color:#10b981;font-size:.9rem}.welcome-cta{padding:16px 48px;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.welcome-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed66}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background:#1e293bcc;border:1px solid rgba(100,116,139,.2);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.stat-card:hover{border-color:#7c3aed4d;transform:translateY(-2px)}.stat-icon{font-size:32px}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:28px;font-weight:700;color:#e2e8f0}.stat-label{font-size:13px;color:#94a3b8}.quick-start-section{margin-bottom:32px}.quick-start-section h2{font-size:18px;font-weight:600;color:#e2e8f0;margin:0 0 16px}.quick-start-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quick-start-card{display:flex;flex-direction:column;align-items:center;padding:24px 16px;background:#1e293bcc;border:1px solid rgba(100,116,139,.2);border-radius:16px;cursor:pointer;transition:all .3s ease;position:relative}.quick-start-card:hover:not(:disabled){background:#7c3aed1a;border-color:#7c3aed4d;transform:translateY(-4px)}.quick-start-card:disabled{opacity:.5;cursor:not-allowed}.qs-icon{font-size:36px;margin-bottom:12px}.qs-title{font-size:15px;font-weight:600;color:#e2e8f0;margin-bottom:4px}.qs-desc{font-size:12px;color:#94a3b8;text-align:center}.qs-badge{position:absolute;top:-8px;right:-8px;padding:4px 10px;background:linear-gradient(135deg,#7c3aed,#00d4ff);border-radius:12px;font-size:10px;font-weight:600;color:#fff}.overview-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.workflow-section,.match-preview-section{background:#1e293bcc;border:1px solid rgba(100,116,139,.2);border-radius:16px;padding:24px}.workflow-section h2,.match-preview-section h2{font-size:18px;font-weight:600;color:#e2e8f0;margin:0 0 20px}.workflow-steps{display:flex;flex-direction:column;gap:12px}.workflow-step{display:flex;align-items:center;gap:12px;padding:16px;background:#0f172a99;border-radius:12px;opacity:.5}.workflow-step.current{opacity:1;border:1px solid rgba(124,58,237,.3);background:#7c3aed1a}.workflow-step.completed{opacity:1}.step-number{width:28px;height:28px;background:#64748b4d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#94a3b8}.workflow-step.current .step-number{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.workflow-step.completed .step-number{background:#10b981;color:#fff}.step-info{flex:1;display:flex;flex-direction:column}.step-title{font-size:14px;font-weight:600;color:#e2e8f0}.step-desc{font-size:12px;color:#64748b}.step-status{font-size:16px;color:#10b981}.match-preview{text-align:center}.match-circle{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.match-circle span{width:96px;height:96px;background:#1e293bf2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#e2e8f0}.match-recommendation{font-size:14px;color:#94a3b8;margin:0 0 16px}.btn-view-details{padding:10px 20px;background:#7c3aed33;border:1px solid rgba(124,58,237,.3);border-radius:8px;color:#a855f7;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-view-details:hover{background:#7c3aed4d}.match-empty{padding:40px 20px;text-align:center;color:#64748b}.analysis-layout{display:grid;grid-template-columns:1fr 400px;gap:24px}.analysis-main,.analysis-sidebar{min-width:0}.resume-upload{max-width:600px;margin:0 auto}.upload-zone{padding:60px 40px;background:#1e293bcc;border:2px dashed rgba(100,116,139,.3);border-radius:20px;text-align:center;cursor:pointer;transition:all .3s ease}.upload-zone.active{border-color:#7c3aed;background:#7c3aed1a}.upload-zone .upload-icon{font-size:64px;margin-bottom:20px}.upload-zone h3{font-size:22px;font-weight:600;color:#e2e8f0;margin:0 0 8px}.upload-zone p{font-size:14px;color:#94a3b8;margin:0 0 8px}.upload-zone .file-types{font-size:12px;color:#64748b}.upload-zone .file-input{display:none}.btn-browse{margin-top:20px;padding:12px 32px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-browse:hover{transform:translateY(-2px);box-shadow:0 4px 15px #7c3aed66}.upload-progress{padding:20px}.progress-circle{position:relative;width:100px;height:100px;margin:0 auto 20px}.progress-circle svg{transform:rotate(-90deg)}.progress-circle .progress-bg{stroke:var(--jh-primary-bg, rgba(124, 58, 237, .2))}.progress-circle .progress-fill{stroke:var(--jh-primary, #7c3aed)}.progress-circle .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:600;color:#e2e8f0}.upload-error{margin-top:16px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px}.resume-profile{background:#1e293bcc;border:1px solid rgba(100,116,139,.2);border-radius:20px;padding:32px}.profile-header{display:flex;align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid rgba(100,116,139,.2);margin-bottom:24px}.profile-avatar{width:72px;height:72px;background:linear-gradient(135deg,#7c3aed,#00d4ff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;font-weight:600}.profile-info h3{font-size:22px;font-weight:600;color:#e2e8f0;margin:0 0 4px}.profile-info p{font-size:13px;color:#94a3b8;margin:0}.btn-edit-profile{margin-left:auto;padding:10px 20px;background:#64748b33;border:1px solid rgba(100,116,139,.3);border-radius:8px;color:#e2e8f0;font-size:13px;cursor:pointer;transition:all .2s ease}.btn-edit-profile:hover{background:#7c3aed33;border-color:#7c3aed4d}.profile-summary,.profile-skills,.profile-experience,.profile-education{margin-bottom:24px}.profile-summary h4,.profile-skills h4,.profile-experience h4,.profile-education h4{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 12px}.profile-summary p{font-size:14px;color:#94a3b8;line-height:1.6;margin:0}.skills-grid{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{padding:6px 14px;background:#7c3aed33;border-radius:20px;font-size:13px;color:#a855f7}.experience-item{padding:16px;background:#0f172a99;border-radius:12px;margin-bottom:12px}.experience-header{display:flex;justify-content:space-between;margin-bottom:4px}.experience-header strong{font-size:15px;color:#e2e8f0}.experience-header span{font-size:12px;color:#64748b}.company-name{font-size:13px;color:#94a3b8;margin:0 0 12px}.experience-item ul{margin:0;padding-left:20px}.experience-item li{font-size:13px;color:#94a3b8;margin-bottom:4px}.education-item{padding:16px;background:#0f172a99;border-radius:12px}.education-item strong{font-size:15px;color:#e2e8f0;display:block;margin-bottom:4px}.education-item p{font-size:13px;color:#94a3b8;margin:0}.profile-file{display:flex;align-items:center;gap:16px;padding:16px;background:#0f172a99;border-radius:12px}.profile-file span{font-size:13px;color:#64748b}.btn-reupload{margin-left:auto;padding:8px 16px;background:#64748b33;border:1px solid rgba(100,116,139,.3);border-radius:8px;color:#94a3b8;font-size:12px;cursor:pointer;transition:all .2s ease}.btn-reupload:hover{background:#7c3aed33;border-color:#7c3aed4d;color:#a855f7}.resume-profile.editing .edit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.edit-header h3{font-size:20px;font-weight:600;color:#e2e8f0;margin:0}.edit-actions{display:flex;gap:12px}.btn-cancel,.btn-save{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#64748b33;border:1px solid rgba(100,116,139,.3);color:#94a3b8}.btn-save{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;color:#fff}.edit-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group label{font-size:13px;font-weight:600;color:#94a3b8}.form-group input,.form-group textarea{padding:12px 16px;background:#0f172acc;border:1px solid rgba(100,116,139,.3);border-radius:10px;color:#e2e8f0;font-size:14px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#7c3aed}.skills-edit{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.skill-tag.editable{display:flex;align-items:center;gap:8px}.skill-tag.editable button{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:14px;padding:0}.skill-tag.editable button:hover{color:#ef4444}.job-analyzer{background:#1e293bcc;border:1px solid rgba(100,116,139,.2);border-radius:20px;padding:32px}.analyzer-input-section h3{font-size:20px;font-weight:600;color:#e2e8f0;margin:0 0 8px}.section-hint{font-size:14px;color:#94a3b8;margin:0 0 20px}.job-input{width:100%;padding:16px;background:#0f172acc;border:1px solid rgba(100,116,139,.3);border-radius:12px;color:#e2e8f0;font-size:14px;resize:vertical;font-family:inherit;min-height:200px}.job-input:focus{outline:none;border-color:#7c3aed}.job-input::placeholder{color:#64748b}.analyzer-error{margin-top:12px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px}.analyzer-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.btn-secondary{padding:12px 24px;background:#64748b33;border:1px solid rgba(100,116,139,.3);border-radius:10px;color:#94a3b8;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#64748b4d}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-analyze{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-analyze:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #7c3aed66}.btn-analyze:disabled{opacity:.6;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.analysis-results{margin-top:32px;padding-top:32px;border-top:1px solid rgba(100,116,139,.2)}.analysis-header{margin-bottom:24px}.job-title-section h2{font-size:24px;font-weight:700;color:#e2e8f0;margin:0 0 8px}.job-title-section .company{font-size:16px;color:#94a3b8;margin:0}.job-meta{display:flex;gap:24px;margin-top:16px}.meta-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.meta-icon{font-size:16px}.analysis-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.analysis-card{background:#0f172a99;border-radius:16px;padding:20px}.analysis-card h4{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 16px}.requirements-section{margin-bottom:16px}.requirements-section:last-child{margin-bottom:0}.requirements-section h5{font-size:13px;font-weight:600;color:#94a3b8;margin:0 0 8px}.requirements-section ul{margin:0;padding-left:20px}.requirements-section li{font-size:13px;color:#94a3b8;margin-bottom:6px}.requirements-section li.must-have::marker{color:#ef4444}.requirements-section li.nice-to-have::marker{color:#10b981}.skills-section{margin-bottom:16px}.skills-section:last-child{margin-bottom:0}.skills-section h5{font-size:13px;font-weight:600;color:#94a3b8;margin:0 0 8px}.skills-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag.technical{background:#3b82f633;color:#60a5fa}.skill-tag.soft{background:#10b98133;color:#34d399}.analysis-card.benefits ul,.analysis-card.company ul{margin:0;padding-left:20px}.analysis-card.benefits li{font-size:13px;color:#94a3b8;margin-bottom:6px}.company-details{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;justify-content:space-between}.detail-row .label{font-size:13px;color:#64748b}.detail-row .value{font-size:13px;color:#e2e8f0}.keywords-section h4{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 12px}.keywords-tags{display:flex;flex-wrap:wrap;gap:8px}.keyword-tag{padding:6px 14px;background:#00d4ff33;border-radius:20px;font-size:13px;color:#00d4ff}.match-score-empty{background:#1e293bcc;border:1px solid rgba(100,116,139,.2);border-radius:20px;padding:40px;text-align:center}.match-score-empty .empty-icon{font-size:48px;margin-bottom:16px}.match-score-empty h3{font-size:20px;font-weight:600;color:#e2e8f0;margin:0 0 8px}.match-score-empty p{font-size:14px;color:#64748b;margin:0}.match-score{background:#1e293bcc;border:1px solid rgba(100,116,139,.2);border-radius:20px;padding:24px}.score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.score-header h3{font-size:18px;font-weight:600;color:#e2e8f0;margin:0}.recommendation-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;color:#fff}.score-content{display:flex;flex-direction:column;gap:24px}.score-circle-container{position:relative;width:160px;height:160px;margin:0 auto}.score-circle{width:100%;height:100%}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-number{display:block;font-size:32px;font-weight:700;color:#e2e8f0}.score-value .score-label{font-size:12px;color:#64748b}.score-breakdown h4{font-size:14px;font-weight:600;color:#e2e8f0;margin:0 0 16px}.breakdown-item{margin-bottom:12px}.breakdown-header{display:flex;justify-content:space-between;margin-bottom:6px}.breakdown-label{font-size:13px;color:#94a3b8}.breakdown-score{font-size:13px;font-weight:600}.breakdown-bar{height:6px;background:#64748b33;border-radius:3px;overflow:hidden}.breakdown-fill{height:100%;border-radius:3px;transition:width .5s ease}.skills-comparison{padding-top:20px;border-top:1px solid rgba(100,116,139,.2)}.matching-skills,.missing-skills{margin-bottom:20px}.matching-skills h4,.missing-skills h4{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#e2e8f0;margin:0 0 12px}.matching-skills h4 .icon,.missing-skills h4 .icon{font-size:16px}.matching-skills .skills-tags .skill-tag.matching{background:#10b98133;color:#10b981}.missing-skills .skills-tags .skill-tag.missing{background:#ef444433;color:#ef4444}.skills-tags .no-skills{color:#ffffff80;font-size:13px;font-style:italic;padding:8px 0}.match-tips{padding-top:20px;border-top:1px solid rgba(100,116,139,.2)}.match-tips h4{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#e2e8f0;margin:0 0 12px}.match-tips ul{margin:0;padding-left:20px}.match-tips li{font-size:13px;color:#94a3b8;margin-bottom:8px}.resume-generator,.cover-letter-generator{background:#1e293bcc;border:1px solid rgba(100,116,139,.2);border-radius:20px;padding:32px}.generator-header h3{font-size:20px;font-weight:600;color:#e2e8f0;margin:0 0 8px}.generator-header p{font-size:14px;color:#94a3b8;margin:0 0 24px}.generator-error{padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:20px}.generator-notice{display:flex;align-items:center;gap:12px;padding:16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:12px;margin-bottom:20px}.generator-notice span{font-size:20px}.generator-notice p{font-size:14px;color:#f59e0b;margin:0}.version-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.version-tab{display:flex;flex-direction:column;align-items:center;padding:20px 16px;background:#0f172a99;border:1px solid rgba(100,116,139,.2);border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.version-tab:hover:not(:disabled){border-color:#7c3aed4d;background:#7c3aed1a}.version-tab.active{border-color:#7c3aed;background:#7c3aed33}.version-tab:disabled{opacity:.5;cursor:not-allowed}.version-icon{font-size:28px;margin-bottom:8px}.version-label{font-size:14px;font-weight:600;color:#e2e8f0;margin-bottom:4px}.version-desc{font-size:11px;color:#64748b;text-align:center}.version-check{position:absolute;top:8px;right:8px;font-size:14px;color:#10b981}.generator-loading{text-align:center;padding:60px 20px}.loading-spinner{width:48px;height:48px;border:4px solid rgba(124,58,237,.2);border-top-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.generator-loading p{font-size:16px;color:#e2e8f0;margin:0 0 8px}.loading-hint{font-size:13px;color:#64748b}.generator-empty{text-align:center;padding:60px 20px;color:#64748b}.resume-preview,.letter-preview{border:1px solid rgba(100,116,139,.2);border-radius:16px;overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#0f172acc;border-bottom:1px solid rgba(100,116,139,.2)}.ats-score{display:flex;align-items:center;gap:12px}.ats-score-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.ats-score-circle span{width:40px;height:40px;background:#1e293bf2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#e2e8f0}.ats-label strong{display:block;font-size:13px;color:#e2e8f0}.ats-label span{font-size:11px;color:#64748b}.preview-actions{display:flex;gap:8px}.btn-action{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#64748b33;border:1px solid rgba(100,116,139,.3);border-radius:8px;color:#94a3b8;font-size:12px;cursor:pointer;transition:all .2s ease}.btn-action:hover:not(:disabled){background:#7c3aed33;border-color:#7c3aed4d;color:#a855f7}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-action.primary{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;color:#fff}.ats-breakdown{padding:16px 20px;background:#0f172a99;border-bottom:1px solid rgba(100,116,139,.2)}.ats-breakdown h4{font-size:14px;font-weight:600;color:#e2e8f0;margin:0 0 12px}.breakdown-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.breakdown-row{display:flex;flex-direction:column;gap:6px}.breakdown-key{font-size:11px;color:#64748b}.breakdown-bar-container{height:4px;background:#64748b33;border-radius:2px;overflow:hidden}.breakdown-bar-fill{height:100%;border-radius:2px}.breakdown-row .breakdown-value{font-size:12px;font-weight:600;color:#e2e8f0}.resume-content,.letter-content{padding:24px;background:#0f172a66;max-height:500px;overflow-y:auto}.resume-content pre,.letter-content pre{margin:0;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;color:#e2e8f0;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.tone-selector h4{font-size:14px;font-weight:600;color:#e2e8f0;margin:0 0 12px}.tone-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.tone-option{display:flex;flex-direction:column;align-items:center;padding:20px 16px;background:#0f172a99;border:1px solid rgba(100,116,139,.2);border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.tone-option:hover:not(:disabled){border-color:#7c3aed4d;background:#7c3aed1a}.tone-option.active{border-color:#7c3aed;background:#7c3aed33}.tone-option:disabled{opacity:.5;cursor:not-allowed}.tone-icon{font-size:28px;margin-bottom:8px}.tone-label{font-size:14px;font-weight:600;color:#e2e8f0;margin-bottom:4px}.tone-desc{font-size:11px;color:#64748b}.tone-check{position:absolute;top:8px;right:8px;font-size:14px;color:#10b981}.preview-info{display:flex;align-items:center;gap:12px}.tone-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#7c3aed33;border-radius:16px;font-size:12px;color:#a855f7}.word-count{font-size:12px;color:#64748b}.application-package{background:#1e293bcc;border:1px solid rgba(100,116,139,.2);border-radius:20px;padding:32px}.package-header h3{font-size:20px;font-weight:600;color:#e2e8f0;margin:0 0 8px}.package-header p{font-size:14px;color:#94a3b8;margin:0 0 24px}.package-error{padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:20px}.package-checklist{padding:24px;background:#0f172a99;border-radius:16px;margin-bottom:24px}.package-checklist h4{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 16px}.checklist-items{display:flex;flex-direction:column;gap:12px}.checklist-item{display:flex;align-items:center;gap:12px;font-size:14px;color:#94a3b8}.checklist-item.completed{color:#10b981}.check-icon{font-size:16px}.recommendation-card{display:flex;align-items:center;gap:16px;padding:20px;background:#0f172a99;border:2px solid;border-radius:16px;margin-bottom:24px}.recommendation-icon{font-size:32px}.recommendation-content{flex:1}.recommendation-action{display:block;font-size:18px;font-weight:700;margin-bottom:4px}.recommendation-message{font-size:14px;color:#94a3b8}.recommendation-score{font-size:32px;font-weight:700;color:#e2e8f0}.btn-generate-package{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:20px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-generate-package:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #7c3aed66}.btn-generate-package:disabled{opacity:.6;cursor:not-allowed}.package-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.summary-card{display:flex;align-items:center;gap:16px;padding:20px;background:#0f172a99;border-radius:12px}.summary-icon{font-size:32px}.summary-info{flex:1}.summary-info h4{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 4px}.summary-detail{font-size:13px;color:#94a3b8;display:block}.summary-score,.summary-count{font-size:12px;color:#64748b;display:block}.btn-download-item{padding:8px 16px;background:#7c3aed33;border:1px solid rgba(124,58,237,.3);border-radius:8px;color:#a855f7;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-download-item:hover{background:#7c3aed4d}.form-data-section,.interview-prep-section{margin-bottom:32px}.form-data-section h4,.interview-prep-section h4{font-size:18px;font-weight:600;color:#e2e8f0;margin:0 0 8px}.form-data-section .section-hint{margin-bottom:16px}.form-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-data-item{padding:12px 16px;background:#0f172a99;border-radius:10px}.form-label{font-size:11px;color:#64748b;display:block;margin-bottom:4px}.form-value-row{display:flex;justify-content:space-between;align-items:center}.form-value{font-size:14px;color:#e2e8f0}.btn-copy-small{background:none;border:none;cursor:pointer;font-size:14px;opacity:.5;transition:opacity .2s}.btn-copy-small:hover{opacity:1}.prep-card{padding:20px;background:#0f172a99;border-radius:12px;margin-bottom:16px}.prep-card h5{font-size:14px;font-weight:600;color:#e2e8f0;margin:0 0 12px}.prep-card ul{margin:0;padding-left:20px}.prep-card li{font-size:14px;color:#94a3b8;margin-bottom:8px}.package-actions{display:flex;gap:16px}.btn-download-all{flex:1;padding:16px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-download-all:hover{transform:translateY(-2px);box-shadow:0 4px 15px #7c3aed66}.btn-regenerate{padding:16px 24px;background:#64748b33;border:1px solid rgba(100,116,139,.3);border-radius:12px;color:#94a3b8;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-regenerate:hover{background:#64748b4d}.market-intelligence{background:#1e293bcc;border:1px solid rgba(100,116,139,.2);border-radius:20px;padding:32px}.market-intelligence.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px}.market-header h3{font-size:20px;font-weight:600;color:#e2e8f0;margin:0 0 8px}.market-header p{font-size:14px;color:#94a3b8;margin:0 0 24px}.role-selector{margin-bottom:24px}.role-selector label{font-size:14px;font-weight:600;color:#e2e8f0;margin-bottom:12px;display:block}.role-tabs{display:flex;gap:8px;flex-wrap:wrap}.role-tab{padding:10px 20px;background:#64748b33;border:1px solid rgba(100,116,139,.3);border-radius:8px;color:#94a3b8;font-size:13px;cursor:pointer;transition:all .2s ease}.role-tab:hover{border-color:#7c3aed4d;color:#e2e8f0}.role-tab.active{background:#7c3aed33;border-color:#7c3aed;color:#a855f7}.market-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.market-card{background:#0f172a99;border-radius:16px;padding:24px}.market-card.full-width{grid-column:1 / -1}.market-card h4{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 20px}.salary-range{position:relative}.salary-bar{height:8px;background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981);border-radius:4px;position:relative;margin:40px 0 30px}.salary-marker{position:absolute;top:-35px;transform:translate(-50%);text-align:center}.salary-marker .marker-label{display:block;font-size:11px;color:#64748b;margin-bottom:4px}.salary-marker .marker-value{font-size:13px;font-weight:600;color:#e2e8f0}.salary-fill{height:100%;border-radius:4px}.salary-note{font-size:12px;color:#94a3b8;text-align:center}.demand-stats{display:flex;gap:20px}.demand-item{flex:1;text-align:center;padding:16px;background:#1e293b80;border-radius:12px}.demand-value{display:block;font-size:24px;font-weight:700;color:#e2e8f0;margin-bottom:4px}.demand-label{font-size:12px;color:#64748b}.skills-list{display:flex;flex-direction:column;gap:12px}.skill-row{display:flex;align-items:center;gap:12px}.skill-row .skill-name{min-width:140px;font-size:13px;color:#e2e8f0}.skill-bar-container{flex:1;height:6px;background:#64748b33;border-radius:3px;overflow:hidden}.skill-bar-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#00d4ff);border-radius:3px}.skill-growth{min-width:50px;font-size:12px;color:#10b981;text-align:right}.emerging-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.emerging-tag{padding:8px 16px;background:linear-gradient(135deg,#7c3aed33,#00d4ff33);border-radius:20px;font-size:13px;color:#00d4ff}.emerging-hint{font-size:12px;color:#64748b;margin:0}.timing-info{display:flex;flex-direction:column;gap:12px}.timing-item{display:flex;justify-content:space-between;padding:12px;background:#1e293b80;border-radius:8px}.timing-item .timing-label{font-size:13px;color:#64748b}.timing-item .timing-value{font-size:13px;font-weight:600;color:#e2e8f0}.remote-breakdown{display:flex;flex-direction:column;gap:12px}.remote-item{display:flex;align-items:center;gap:12px}.remote-bar{height:8px;border-radius:4px;transition:width .3s ease}.remote-label{font-size:13px;color:#e2e8f0}.industry-table{display:flex;flex-direction:column;gap:8px}.industry-header{display:grid;grid-template-columns:120px 1fr 100px;gap:16px;padding:12px 0;border-bottom:1px solid rgba(100,116,139,.2);font-size:12px;color:#64748b;font-weight:600}.industry-row{display:grid;grid-template-columns:120px 1fr 100px;gap:16px;padding:12px 0;align-items:center}.industry-name{font-size:13px;color:#e2e8f0}.industry-percent{display:flex;align-items:center;gap:12px}.industry-bar{height:6px;background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:3px}.industry-percent span{font-size:12px;color:#94a3b8}.industry-salary{font-size:13px;font-weight:600;color:#10b981}.ats-tips{background:#1e293bcc;border:1px solid rgba(100,116,139,.2);border-radius:20px;padding:32px}.tips-header h3{font-size:20px;font-weight:600;color:#e2e8f0;margin:0 0 8px}.tips-header p{font-size:14px;color:#94a3b8;margin:0 0 24px}.tips-sections{margin-bottom:32px}.tip-section{margin-bottom:8px;border:1px solid rgba(100,116,139,.2);border-radius:12px;overflow:hidden}.section-header{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:#0f172a99;border:none;color:#e2e8f0;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s ease}.section-header:hover{background:#7c3aed1a}.section-header.expanded{background:#7c3aed33}.section-icon{font-size:20px}.section-title{flex:1;text-align:left}.section-toggle{font-size:18px;color:#64748b}.section-content{padding:16px 20px;background:#0f172a66;overflow:hidden}.section-content ul{margin:0;padding-left:20px}.section-content li{font-size:14px;color:#94a3b8;margin-bottom:8px;line-height:1.5}.formula-section{background:#0f172a99;border-radius:16px;padding:24px;margin-bottom:32px}.formula-section h4{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 16px}.formula-display{padding:16px;background:#7c3aed33;border-radius:8px;margin-bottom:20px}.formula-display code{font-size:14px;color:#a855f7;font-family:Monaco,Menlo,monospace}.formula-examples{display:flex;flex-direction:column;gap:16px}.example-item{display:grid;grid-template-columns:1fr 1fr;gap:16px}.example-bad,.example-good{padding:16px;border-radius:10px}.example-bad{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.example-good{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.example-label{font-size:12px;font-weight:600;margin-bottom:8px;display:block}.example-bad .example-label{color:#ef4444}.example-good .example-label{color:#10b981}.example-bad p,.example-good p{font-size:13px;color:#94a3b8;margin:0;line-height:1.5}.power-verbs-section{margin-bottom:32px}.power-verbs-section h4{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 16px}.verbs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.verb-category{padding:16px;background:#0f172a99;border-radius:12px}.verb-category h5{font-size:13px;font-weight:600;color:#94a3b8;margin:0 0 12px}.verb-tags{display:flex;flex-wrap:wrap;gap:6px}.verb-tag{padding:4px 10px;background:#7c3aed33;border-radius:12px;font-size:12px;color:#a855f7}.ats-comparison-section{margin-bottom:32px}.ats-comparison-section h4{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 8px}.ats-table{background:#0f172a99;border-radius:12px;overflow:hidden;margin-top:16px}.ats-header{display:grid;grid-template-columns:150px 100px 1fr;gap:16px;padding:12px 20px;background:#64748b33;font-size:12px;font-weight:600;color:#64748b}.ats-row{display:grid;grid-template-columns:150px 100px 1fr;gap:16px;padding:16px 20px;border-bottom:1px solid rgba(100,116,139,.1)}.ats-row:last-child{border-bottom:none}.ats-name{font-size:14px;font-weight:600;color:#e2e8f0}.ats-share{font-size:14px;color:#94a3b8}.ats-tip{font-size:13px;color:#64748b}.quick-checklist{background:#0f172a99;border-radius:16px;padding:24px}.quick-checklist h4{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 16px}.checklist-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-checklist .checklist-item{display:flex;align-items:center;gap:12px;padding:12px;background:#1e293b80;border-radius:8px;cursor:pointer;transition:background .2s ease}.quick-checklist .checklist-item:hover{background:#7c3aed1a}.quick-checklist .checklist-item input[type=checkbox]{width:18px;height:18px;accent-color:#7c3aed}.quick-checklist .checklist-item span{font-size:13px;color:#e2e8f0}@media(max-width:1200px){.analysis-layout,.market-grid{grid-template-columns:1fr}.version-tabs{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.stats-grid,.quick-start-cards{grid-template-columns:repeat(2,1fr)}.overview-columns,.analysis-grid,.package-summary{grid-template-columns:1fr}.form-data-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.job-hunter-dashboard{flex-direction:column}.jh-sidebar{width:100%;padding:16px;border-right:none;border-bottom:1px solid rgba(100,116,139,.2)}.jh-sidebar .sidebar-header{display:none}.jh-sidebar .sidebar-nav{flex-direction:row;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.jh-sidebar .sidebar-nav::-webkit-scrollbar{display:none}.jh-sidebar .nav-item{flex:0 0 auto;padding:10px 14px;font-size:13px;white-space:nowrap;border-radius:20px;background:#ffffff0d}.jh-sidebar .nav-item.active{background:linear-gradient(135deg,#7c3aed,#00d4ff);color:#fff}.jh-sidebar .nav-icon{display:none}.jh-sidebar .sidebar-footer{display:flex;flex-direction:column;gap:8px;padding:12px 0 0;margin-top:16px;border-top:1px solid rgba(100,116,139,.2)}.jh-sidebar .subscription-badge{padding:10px 14px}.jh-sidebar .subscription-badge .plan-name{font-size:.85rem}.jh-header{padding:16px;flex-direction:column;gap:12px;text-align:center}.jh-content{padding:16px}.stats-grid,.quick-start-cards,.version-tabs,.tone-options{grid-template-columns:1fr 1fr}.form-data-grid,.example-item,.checklist-grid{grid-template-columns:1fr}.breakdown-bars{grid-template-columns:repeat(2,1fr)}.package-actions{flex-direction:column}}@media(max-width:480px){.stats-grid,.quick-start-cards,.version-tabs,.tone-options{grid-template-columns:1fr}.role-tabs{flex-direction:column}.role-tab{width:100%}}.job-matches-section{margin-top:32px;padding:24px;background:#1e293b99;border-radius:16px;border:1px solid rgba(100,116,139,.2)}.job-matches-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.job-matches-section .section-header h2{color:#e2e8f0;font-size:20px;margin:0}.btn-view-all{background:none;border:none;color:#7c3aed;cursor:pointer;font-size:14px;font-weight:500}.btn-view-all:hover{color:#a78bfa}.job-matches-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.job-match-card{background:#0f172a99;border:1px solid rgba(100,116,139,.2);border-radius:12px;padding:20px;transition:all .2s ease}.job-match-card:hover{border-color:#7c3aed66;transform:translateY(-2px)}.job-match-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.job-match-header h4{color:#e2e8f0;font-size:16px;font-weight:600;margin:0;line-height:1.3}.relevance-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.job-company{color:#94a3b8;font-size:14px;margin:4px 0}.job-location{color:#64748b;font-size:13px;margin:0}.job-meta-row{display:flex;justify-content:space-between;align-items:center;margin:4px 0 12px}.job-posted-date{color:#10b981;font-size:12px;font-weight:500;background:#10b98126;padding:2px 8px;border-radius:4px}.job-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.job-tag{background:#7c3aed26;color:#a78bfa;padding:4px 10px;border-radius:6px;font-size:12px}.job-actions{display:flex;gap:8px}.btn-apply{flex:1;padding:10px 16px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;text-align:center;transition:all .2s ease}.btn-apply:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.btn-analyze{padding:10px 16px;background:#64748b33;color:#e2e8f0;border:1px solid rgba(100,116,139,.3);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-analyze:hover{background:#64748b4d}.btn-quick-apply{flex:1;padding:10px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;text-align:center}.btn-quick-apply:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-quick-apply:disabled{opacity:.5;cursor:not-allowed}.btn-send-application{padding:10px 16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-send-application:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-send-application:disabled{opacity:.5;cursor:wait}.searching-jobs{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;color:#94a3b8}.loader-small{width:24px;height:24px;border:3px solid rgba(124,58,237,.2);border-top-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite}.stat-card.highlight{background:linear-gradient(135deg,#7c3aed33,#6d28d91a);border-color:#7c3aed66}.stat-card.highlight .stat-value{color:#a78bfa}.nav-badge{background:#7c3aed;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;margin-left:auto}.applications-tab{display:flex;flex-direction:column;gap:24px}.loading-apps{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:16px;color:#94a3b8}.app-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.app-stat-card{background:#1e293b99;border:1px solid rgba(100,116,139,.2);border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.app-stat-card.highlight{background:linear-gradient(135deg,#7c3aed33,#6d28d91a);border-color:#7c3aed66}.app-stat-value{font-size:28px;font-weight:700;color:#e2e8f0}.app-stat-card.highlight .app-stat-value{color:#a78bfa}.app-stat-label{font-size:13px;color:#94a3b8}.app-filter-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.filter-label{color:#94a3b8;font-size:14px}.status-pills{display:flex;gap:8px;flex-wrap:wrap}.status-pill{padding:6px 14px;border-radius:20px;font-size:13px;border:1px solid rgba(100,116,139,.3);background:transparent;color:#94a3b8;cursor:pointer;transition:all .2s ease}.status-pill:hover,.status-pill.active{background:#7c3aed33;border-color:#7c3aed;color:#e2e8f0}.status-pill.applied{border-color:#10b981}.status-pill.applied:hover,.status-pill.applied.active{background:#10b98133;color:#10b981}.status-pill.interviewing{border-color:#f59e0b}.status-pill.interviewing:hover,.status-pill.interviewing.active{background:#f59e0b33;color:#f59e0b}.status-pill.offered{border-color:#06b6d4}.status-pill.offered:hover,.status-pill.offered.active{background:#06b6d433;color:#06b6d4}.applications-list{display:flex;flex-direction:column;gap:12px}.no-applications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;text-align:center;gap:12px}.no-applications .empty-icon{font-size:48px;opacity:.5}.no-applications h3{color:#e2e8f0;margin:0}.no-applications p{color:#94a3b8;margin:0}.application-card{background:#1e293b99;border:1px solid rgba(100,116,139,.2);border-radius:12px;padding:16px 20px;transition:all .2s ease}.application-card:hover{border-color:#7c3aed66;background:#1e293bcc}.app-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.app-info h4{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 4px}.app-company{font-size:14px;color:#94a3b8;margin:0}.app-location{font-size:12px;color:#64748b}.app-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.app-match-badge{background:#7c3aed33;color:#a78bfa;font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px}.app-status-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:capitalize}.app-status-badge.saved{background:#64748b33;color:#94a3b8}.app-status-badge.applied{background:#10b98133;color:#10b981}.app-status-badge.interviewing{background:#f59e0b33;color:#f59e0b}.app-status-badge.offered{background:#06b6d433;color:#06b6d4}.app-status-badge.rejected{background:#ef444433;color:#ef4444}.app-status-badge.withdrawn{background:#64748b33;color:#64748b}.app-status-badge.accepted{background:#10b9814d;color:#34d399}.app-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(100,116,139,.1)}.app-date{font-size:12px;color:#64748b}.app-actions{display:flex;gap:8px;align-items:center}.status-select{background:#1e293bcc;border:1px solid rgba(100,116,139,.3);border-radius:6px;color:#e2e8f0;font-size:12px;padding:6px 10px;cursor:pointer}.status-select:focus{outline:none;border-color:#7c3aed}.btn-view-job{padding:6px 12px;background:#7c3aed33;color:#a78bfa;border:none;border-radius:6px;font-size:12px;text-decoration:none;transition:all .2s ease}.btn-view-job:hover{background:#7c3aed66}@media(max-width:768px){.app-stats-grid{grid-template-columns:repeat(2,1fr)}.app-card-header{flex-direction:column}.app-meta{align-self:flex-start}.app-card-footer{flex-direction:column;gap:12px;align-items:flex-start}}.btn-save-job{padding:8px 14px;background:#64748b33;color:#94a3b8;border:1px solid rgba(100,116,139,.3);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-save-job:hover{background:#7c3aed33;border-color:#7c3aed;color:#a78bfa}.pdf-export-section{background:linear-gradient(135deg,#3b82f61a,#7c3aed1a);border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:20px;margin-bottom:24px}.pdf-export-header{display:flex;justify-content:space-between;align-items:center}.pdf-export-info{display:flex;align-items:center;gap:12px}.pdf-icon{font-size:28px}.pdf-export-info h4{font-size:16px;font-weight:600;color:#e2e8f0;margin:0}.pdf-export-info p{font-size:13px;color:#94a3b8;margin:0}.btn-export-pdf{padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-export-pdf:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.template-selector{margin-top:20px;overflow:hidden}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.template-card{background:#1e293b99;border:2px solid rgba(100,116,139,.2);border-radius:10px;padding:16px;text-align:center;cursor:pointer;transition:all .2s ease;position:relative}.template-card:hover{border-color:#7c3aed80;background:#1e293bcc}.template-card.selected{border-color:#7c3aed;background:#7c3aed26}.template-icon{font-size:32px;display:block;margin-bottom:8px}.template-card h5{font-size:14px;font-weight:600;color:#e2e8f0;margin:0 0 4px}.template-card p{font-size:11px;color:#94a3b8;margin:0}.template-check{position:absolute;top:8px;right:8px;width:20px;height:20px;background:#7c3aed;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.template-actions{display:flex;justify-content:center}.btn-download-pdf{padding:12px 32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-download-pdf:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-download-pdf:disabled{opacity:.7;cursor:not-allowed}.ai-versions-section{margin-bottom:20px}.ai-versions-section h4{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 4px}.section-subtitle{font-size:13px;color:#94a3b8;margin:0 0 16px}@media(max-width:900px){.template-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.template-grid{grid-template-columns:1fr}.pdf-export-header{flex-direction:column;gap:12px;text-align:center}.pdf-export-info{flex-direction:column}}.interview-prep{padding:24px}.prep-header{margin-bottom:24px}.prep-header h3{font-size:24px;font-weight:700;color:#e2e8f0;margin:0 0 8px}.prep-header p{font-size:14px;color:#94a3b8;margin:0}.prep-nav{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.prep-nav-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#1e293b99;border:1px solid rgba(100,116,139,.3);border-radius:10px;color:#94a3b8;font-size:14px;cursor:pointer;transition:all .2s ease}.prep-nav-btn:hover{background:#1e293be6;color:#e2e8f0}.prep-nav-btn.active{background:linear-gradient(135deg,#7c3aed,#6366f1);border-color:transparent;color:#fff}.prep-content{background:#1e293b66;border:1px solid rgba(100,116,139,.2);border-radius:16px;padding:24px}.ai-questions-banner{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#7c3aed33,#6366f133);border:1px solid rgba(124,58,237,.3);border-radius:12px;margin-bottom:24px}.banner-content{display:flex;align-items:center;gap:12px}.banner-icon{font-size:24px}.banner-content h4{font-size:15px;font-weight:600;color:#e2e8f0;margin:0 0 4px}.banner-content p{font-size:13px;color:#94a3b8;margin:0}.btn-generate{padding:10px 20px;background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed66}.btn-generate:disabled{opacity:.6;cursor:not-allowed}.question-category{margin-bottom:24px}.question-category h4,.ai-questions h4{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(100,116,139,.2)}.ai-questions{margin-bottom:24px;padding:16px;background:#7c3aed1a;border-radius:12px}.questions-list{display:flex;flex-direction:column;gap:8px}.question-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#0f172a80;border-radius:10px}.question-item.ai{background:#7c3aed26;border:1px solid rgba(124,58,237,.2)}.q-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#64748b4d;border-radius:50%;font-size:12px;font-weight:600;color:#94a3b8;flex-shrink:0}.q-text{font-size:14px;color:#e2e8f0;line-height:1.5}.practice-intro{text-align:center;padding:40px 20px}.practice-hero{margin-bottom:32px}.hero-icon{font-size:48px;display:block;margin-bottom:16px}.practice-hero h3{font-size:24px;font-weight:700;color:#e2e8f0;margin:0 0 8px}.practice-hero p{font-size:14px;color:#94a3b8;margin:0}.practice-options{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.practice-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 32px;background:#1e293b99;border:1px solid rgba(100,116,139,.3);border-radius:16px;cursor:pointer;transition:all .2s ease;min-width:200px}.practice-option:hover{background:#1e293be6;border-color:#7c3aed;transform:translateY(-4px)}.practice-option.highlight{background:linear-gradient(135deg,#7c3aed33,#6366f133);border-color:#7c3aed80}.option-icon{font-size:32px}.option-title{font-size:16px;font-weight:600;color:#e2e8f0}.option-desc{font-size:13px;color:#94a3b8}.practice-active{max-width:700px;margin:0 auto}.practice-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.question-counter{font-size:14px;color:#94a3b8}.btn-exit-practice{padding:8px 16px;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:13px;cursor:pointer}.current-question{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#0f172a99;border-radius:12px;margin-bottom:20px}.interviewer-icon{font-size:32px;flex-shrink:0}.current-question p{font-size:18px;font-weight:500;color:#e2e8f0;margin:0;line-height:1.6}.answer-section{margin-bottom:20px}.answer-input{width:100%;padding:16px;background:#0f172acc;border:1px solid rgba(100,116,139,.3);border-radius:12px;color:#e2e8f0;font-size:14px;line-height:1.6;resize:vertical;font-family:inherit}.answer-input:focus{outline:none;border-color:#7c3aed}.answer-actions{display:flex;justify-content:flex-end;margin-top:12px}.btn-submit-answer{padding:12px 24px;background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-submit-answer:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed66}.btn-submit-answer:disabled{opacity:.6;cursor:not-allowed}.feedback-section{background:#0f172a99;border-radius:16px;padding:20px;border:1px solid rgba(100,116,139,.2)}.feedback-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(100,116,139,.2)}.feedback-header h4{font-size:16px;font-weight:600;color:#e2e8f0;margin:0}.feedback-score{display:flex;align-items:center;gap:8px}.score-label{font-size:13px;color:#94a3b8}.score-value{font-size:18px;font-weight:700}.feedback-body{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.feedback-item h5{font-size:14px;font-weight:600;margin:0 0 8px}.feedback-item.strengths h5{color:#10b981}.feedback-item.improvements h5{color:#f59e0b}.feedback-item.suggestion h5{color:#60a5fa}.feedback-item ul{margin:0;padding-left:20px}.feedback-item li{font-size:14px;color:#e2e8f0;margin-bottom:4px}.feedback-item p{font-size:14px;color:#e2e8f0;margin:0;line-height:1.6}.btn-next-question{width:100%;padding:12px;background:#64748b4d;border:none;border-radius:10px;color:#e2e8f0;font-weight:600;cursor:pointer;transition:background .2s}.btn-next-question:hover{background:#64748b80}.star-intro{text-align:center;margin-bottom:32px}.star-intro h4{font-size:20px;font-weight:700;color:#e2e8f0;margin:0 0 8px}.star-intro p{font-size:14px;color:#94a3b8;margin:0}.star-framework{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.star-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;background:#0f172a80;border-radius:12px}.star-letter{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#7c3aed,#6366f1);border-radius:50%;font-size:24px;font-weight:700;color:#fff;margin-bottom:12px}.star-info h5{font-size:14px;font-weight:600;color:#e2e8f0;margin:0 0 4px}.star-info p{font-size:12px;color:#94a3b8;margin:0}.star-examples h4{font-size:18px;font-weight:600;color:#e2e8f0;margin:0 0 16px}.star-example{margin-bottom:20px;padding:20px;background:#0f172a80;border-radius:12px}.star-example h5{font-size:15px;font-weight:600;color:#e2e8f0;margin:0 0 16px}.example-content{display:flex;flex-direction:column;gap:12px}.example-part{display:flex;gap:12px}.part-label{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#7c3aed4d;border-radius:50%;font-size:12px;font-weight:700;color:#a78bfa;flex-shrink:0}.example-part p{font-size:14px;color:#e2e8f0;margin:0;line-height:1.5}.research-intro{text-align:center;margin-bottom:24px}.research-intro h4{font-size:20px;font-weight:700;color:#e2e8f0;margin:0 0 8px}.research-intro p{font-size:14px;color:#94a3b8;margin:0}.company-target{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#7c3aed26;border-radius:10px;margin-bottom:24px;font-size:14px;color:#e2e8f0}.research-checklist{margin-bottom:32px}.checklist-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#0f172a80;border-radius:10px;margin-bottom:8px}.checklist-item input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:#7c3aed}.checklist-item label{display:flex;flex-direction:column;gap:4px;cursor:pointer}.checklist-item label strong{font-size:14px;color:#e2e8f0}.checklist-item label span{font-size:13px;color:#94a3b8}.research-questions h4{font-size:18px;font-weight:600;color:#e2e8f0;margin:0 0 16px}.research-questions ul{margin:0;padding-left:20px}.research-questions li{font-size:14px;color:#e2e8f0;margin-bottom:10px;line-height:1.5}.salary-intro{text-align:center;margin-bottom:24px}.salary-intro h4{font-size:20px;font-weight:700;color:#e2e8f0;margin:0 0 8px}.salary-intro p{font-size:14px;color:#94a3b8;margin:0}.salary-tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.salary-tip-card{position:relative;padding:20px;background:#0f172a80;border-radius:12px}.tip-number{position:absolute;top:-10px;left:16px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#7c3aed,#6366f1);border-radius:50%;font-size:12px;font-weight:700;color:#fff}.salary-tip-card h5{font-size:14px;font-weight:600;color:#e2e8f0;margin:8px 0}.salary-tip-card p{font-size:13px;color:#94a3b8;margin:0;line-height:1.5}.salary-scripts h4{font-size:18px;font-weight:600;color:#e2e8f0;margin:0 0 16px}.script-card{padding:16px 20px;background:#0f172a80;border-radius:12px;margin-bottom:12px}.script-card h5{font-size:14px;font-weight:600;color:#e2e8f0;margin:0 0 8px}.script-text{font-size:14px;color:#94a3b8;font-style:italic;margin:0;line-height:1.6}@media(max-width:900px){.star-framework,.salary-tips-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.star-framework,.salary-tips-grid{grid-template-columns:1fr}.prep-nav{flex-direction:column}.ai-questions-banner{flex-direction:column;text-align:center;gap:16px}}.stat-card.github-stat{cursor:pointer;background:linear-gradient(135deg,#3333334d,#1a1a1a4d);border:1px solid rgba(255,255,255,.1)}.stat-card.github-stat:hover{border-color:#7c3aed80;transform:translateY(-2px)}.github-preview-section{margin-bottom:24px}.github-preview-card{background:linear-gradient(135deg,#1e1e28e6,#14141ef2);border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1)}.github-preview-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.github-avatar-small{width:48px;height:48px;border-radius:50%;border:2px solid rgba(124,58,237,.5)}.github-preview-info{display:flex;flex-direction:column;gap:4px}.github-username{font-size:1rem;font-weight:600;color:#a78bfa}.github-stats-inline{font-size:.85rem;color:#fff9}.github-languages-preview{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.lang-badge{display:flex;align-items:center;gap:6px;padding:4px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:.8rem;color:#fff}.lang-badge .lang-dot{width:8px;height:8px;border-radius:50%}.ai-projects-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#7c3aed26,#4f46e51a);border:1px solid rgba(124,58,237,.3);border-radius:8px;color:#a78bfa;font-size:.85rem;font-weight:500}.github-cta-section{margin-bottom:24px}.github-cta-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#3333334d,#1a1a1a4d);border:1px dashed rgba(124,58,237,.4);border-radius:12px;cursor:pointer;transition:all .2s ease}.github-cta-card:hover{border-color:#7c3aed;background:#7c3aed1a}.github-cta-icon{font-size:2rem}.github-cta-content{flex:1}.github-cta-content h4{margin:0 0 4px;font-size:1rem;color:#fff}.github-cta-content p{margin:0;font-size:.875rem;color:#fff9}.github-cta-arrow{font-size:1.5rem;color:#7c3aed}.github-tab{max-width:1000px}@media(max-width:768px){.github-preview-header,.github-cta-card{flex-direction:column;text-align:center}.github-cta-arrow{transform:rotate(90deg)}}.skills-tab,.company-tab{max-width:1000px}.subscription-badge{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-top:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:all .2s ease;cursor:pointer;width:100%;text-align:left}.subscription-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.subscription-badge.free{background:linear-gradient(135deg,#64748b1a,#4755691a);border-color:#64748b4d}.subscription-badge.free:hover{background:linear-gradient(135deg,#f59e0b1a,#d977061a);border-color:#f59e0b66}.subscription-badge.job_seeker{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border-color:#3b82f64d}.subscription-badge.career_pro{background:linear-gradient(135deg,#10b9811a,#0596691a);border-color:#10b9814d}.subscription-badge.executive{background:linear-gradient(135deg,#7c3aed1a,#6366f11a);border-color:#7c3aed4d}.subscription-badge .plan-icon{font-size:1.25rem}.subscription-badge .plan-name{flex:1;font-size:.9rem;font-weight:600;color:#fff}.subscription-badge .upgrade-hint{font-size:.75rem;padding:4px 10px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;color:#fff;font-weight:600}.subscription-badge .manage-hint{font-size:.75rem;padding:4px 10px;background:#ffffff26;border-radius:12px;color:#fffc;font-weight:500}.subscription-badge:hover .manage-hint{background:#ffffff40;color:#fff}.email-tab,.alerts-tab{max-width:1000px}.nav-item .premium-badge{font-size:.65rem;padding:2px 6px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px;color:#fff;margin-left:auto}.nav-item.locked{opacity:.6}.nav-item.locked:after{content:"🔒";margin-left:auto;font-size:.8rem}.profile-container-enterprise,.upload-container-enterprise{max-width:900px;margin:0 auto}.profile-success-banner,.profile-error-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-weight:500;font-size:14px}.profile-success-banner{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid rgba(16,185,129,.3);color:#10b981}.profile-error-banner{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid rgba(239,68,68,.3);color:#ef4444}.success-icon,.error-icon{font-size:18px;font-weight:700}.profile-header-card{display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(135deg,#1e293bf2,#1e293bcc);border:1px solid rgba(100,116,139,.2);border-radius:16px;padding:28px;margin-bottom:20px}.profile-header-left{display:flex;align-items:center;gap:24px}.profile-avatar-large{width:88px;height:88px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 8px 24px #7c3aed4d}.profile-header-info{display:flex;flex-direction:column;gap:6px}.profile-name{font-size:26px;font-weight:700;color:#f1f5f9;margin:0}.profile-headline{font-size:16px;color:#94a3b8;margin:0}.profile-contact-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.contact-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.contact-icon{font-size:14px}.btn-edit-enterprise{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#7c3aed26;border:1px solid rgba(124,58,237,.3);border-radius:10px;color:#a78bfa;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-edit-enterprise:hover{background:#7c3aed40;border-color:#7c3aed80;color:#c4b5fd}.completeness-card{background:linear-gradient(135deg,#1e293be6,#1e293bb3);border:1px solid rgba(100,116,139,.2);border-radius:16px;padding:24px;margin-bottom:20px}.completeness-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.completeness-header h3{font-size:16px;font-weight:600;color:#e2e8f0;margin:0}.completeness-score{font-size:24px;font-weight:700}.completeness-score.excellent{color:#10b981}.completeness-score.good{color:#f59e0b}.completeness-score.needs-work{color:#ef4444}.completeness-bar-container{height:8px;background:#64748b33;border-radius:4px;overflow:hidden;margin-bottom:20px}.completeness-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.completeness-bar-fill.excellent{background:linear-gradient(90deg,#10b981,#34d399)}.completeness-bar-fill.good{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.completeness-bar-fill.needs-work{background:linear-gradient(90deg,#ef4444,#f87171)}.completeness-sections{display:flex;flex-wrap:wrap;gap:12px}.completeness-section-item{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#64748b1a;border-radius:8px;font-size:13px;color:#94a3b8}.completeness-section-item.complete{background:#10b9811a;color:#10b981}.section-check{font-size:12px}.resume-file-card{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1e293be6,#1e293bb3);border:1px solid rgba(100,116,139,.2);border-radius:16px;padding:20px 24px;margin-bottom:24px}.file-info-left{display:flex;align-items:center;gap:16px}.file-icon-large{font-size:32px;opacity:.8}.file-details{display:flex;flex-direction:column;gap:4px}.file-name{font-size:15px;font-weight:600;color:#e2e8f0}.file-meta{font-size:12px;color:#64748b}.btn-reupload-enterprise{display:flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:1px solid rgba(100,116,139,.3);border-radius:8px;color:#94a3b8;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-reupload-enterprise:hover{background:#64748b1a;border-color:#64748b80;color:#e2e8f0}.profile-nav-tabs{display:flex;gap:4px;background:#1e293b80;border-radius:12px;padding:6px;margin-bottom:24px}.nav-tab{flex:1;padding:12px 20px;background:transparent;border:none;border-radius:8px;color:#94a3b8;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.nav-tab:hover{color:#e2e8f0;background:#64748b1a}.nav-tab.active{background:#7c3aed33;color:#a78bfa}.section-card{background:linear-gradient(135deg,#1e293be6,#1e293bb3);border:1px solid rgba(100,116,139,.2);border-radius:16px;padding:28px}.section-title{font-size:18px;font-weight:600;color:#e2e8f0;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid rgba(100,116,139,.2)}.summary-text{font-size:15px;line-height:1.7;color:#cbd5e1;margin:0}.empty-section{font-size:14px;color:#64748b;font-style:italic;margin:0}.experience-timeline{position:relative;padding-left:24px}.experience-timeline:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:#7c3aed4d}.experience-entry{position:relative;padding-bottom:28px}.experience-entry:last-child{padding-bottom:0}.experience-dot{position:absolute;left:-22px;top:6px;width:12px;height:12px;background:#7c3aed;border-radius:50%;border:3px solid rgba(30,41,59,1)}.experience-content{padding-left:8px}.experience-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.experience-title{font-size:16px;font-weight:600;color:#f1f5f9;margin:0}.experience-duration{font-size:13px;color:#64748b;white-space:nowrap}.experience-company{font-size:14px;color:#94a3b8;margin:0 0 12px}.experience-highlights{margin:0;padding-left:18px;list-style-type:disc}.experience-highlights li{font-size:14px;color:#cbd5e1;margin-bottom:6px;line-height:1.5}.skills-cloud{display:flex;flex-wrap:wrap;gap:10px}.skill-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#7c3aed26,#7c3aed0d);border:1px solid rgba(124,58,237,.2);border-radius:20px;font-size:13px;font-weight:500;color:#a78bfa;transition:all .2s ease}.skill-chip:hover{background:#7c3aed40;border-color:#7c3aed66}.skill-chip.editable{padding-right:8px}.skill-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#ef444433;border:none;border-radius:50%;color:#ef4444;font-size:14px;cursor:pointer;margin-left:4px}.skill-remove:hover{background:#ef444466}.education-list{display:flex;flex-direction:column;gap:16px}.education-entry{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#64748b0d;border-radius:12px}.education-icon{font-size:24px}.education-content{display:flex;flex-direction:column;gap:4px}.education-degree{font-size:15px;font-weight:600;color:#f1f5f9;margin:0}.education-school{font-size:14px;color:#94a3b8;margin:0}.education-year{font-size:13px;color:#64748b}.edit-mode-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.edit-mode-header h2{font-size:24px;font-weight:700;color:#f1f5f9;margin:0}.edit-mode-actions{display:flex;gap:12px}.btn-cancel-enterprise{padding:12px 24px;background:transparent;border:1px solid rgba(100,116,139,.3);border-radius:10px;color:#94a3b8;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel-enterprise:hover{background:#64748b1a;border-color:#64748b80;color:#e2e8f0}.btn-save-enterprise{padding:12px 24px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-save-enterprise:hover{transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed66}.edit-form-enterprise{display:flex;flex-direction:column;gap:28px}.form-section{background:linear-gradient(135deg,#1e293be6,#1e293bb3);border:1px solid rgba(100,116,139,.2);border-radius:16px;padding:24px}.form-section-title{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field.full-width{grid-column:1 / -1}.form-field label{font-size:13px;font-weight:500;color:#94a3b8}.form-field input,.form-field textarea{padding:12px 16px;background:#0f172a99;border:1px solid rgba(100,116,139,.2);border-radius:10px;color:#e2e8f0;font-size:14px;transition:all .2s ease}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:#7c3aed80;box-shadow:0 0 0 3px #7c3aed1a}.form-field input::placeholder,.form-field textarea::placeholder{color:#475569}.form-field textarea{resize:vertical;min-height:100px}.skills-edit-container{display:flex;flex-direction:column;gap:16px}.skills-current{display:flex;flex-wrap:wrap;gap:8px}.skill-input{padding:12px 16px;background:#0f172a99;border:1px solid rgba(100,116,139,.2);border-radius:10px;color:#e2e8f0;font-size:14px;width:100%}.skill-input:focus{outline:none;border-color:#7c3aed80;box-shadow:0 0 0 3px #7c3aed1a}.upload-zone-enterprise{padding:60px 40px;background:linear-gradient(135deg,#1e293bf2,#1e293bcc);border:2px dashed rgba(124,58,237,.3);border-radius:20px;text-align:center;cursor:pointer;transition:all .3s ease}.upload-zone-enterprise:hover,.upload-zone-enterprise.active{border-color:#7c3aed99;background:linear-gradient(135deg,#1e293bfa,#7c3aed0d)}.upload-zone-enterprise.uploading{cursor:default}.upload-content-enterprise{display:flex;flex-direction:column;align-items:center;gap:16px}.upload-icon-enterprise{width:80px;height:80px;color:#7c3aed;margin-bottom:8px}.upload-icon-enterprise svg{width:100%;height:100%}.upload-title{font-size:24px;font-weight:700;color:#f1f5f9;margin:0}.upload-subtitle{font-size:15px;color:#94a3b8;margin:0}.upload-formats{display:flex;gap:8px;margin-top:8px}.format-badge{padding:6px 14px;background:#64748b26;border-radius:6px;font-size:12px;font-weight:600;color:#64748b}.upload-limit{font-size:13px;color:#475569;margin:0}.file-input-hidden{display:none}.btn-upload-enterprise{margin-top:12px;padding:14px 40px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-upload-enterprise:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed66}.upload-progress-enterprise{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 0}.progress-spinner{position:relative;width:120px;height:120px}.progress-spinner svg{width:100%;height:100%}.progress-track{stroke:#64748b33}.progress-indicator{stroke:#7c3aed;transition:stroke-dasharray .3s ease}.progress-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:700;color:#f1f5f9}.progress-stage{font-size:16px;font-weight:500;color:#94a3b8;margin:0}.progress-steps{display:flex;gap:24px}.progress-steps .step{font-size:12px;font-weight:500;color:#475569;padding:6px 12px;border-radius:20px;background:#64748b1a;transition:all .3s ease}.progress-steps .step.done{color:#10b981;background:#10b98126}.upload-features{display:flex;justify-content:center;gap:40px;margin-top:32px;padding:0 20px}.feature-item{display:flex;align-items:center;gap:10px}.feature-icon{font-size:18px}.feature-text{font-size:13px;color:#64748b}@media(max-width:768px){.profile-header-card{flex-direction:column;gap:20px}.profile-header-left{flex-direction:column;text-align:center}.profile-header-right{width:100%}.btn-edit-enterprise{width:100%;justify-content:center}.profile-contact-row{justify-content:center}.resume-file-card{flex-direction:column;gap:16px;text-align:center}.file-info-left{flex-direction:column}.profile-nav-tabs{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.upload-features{flex-direction:column;align-items:center;gap:16px}.edit-mode-header{flex-direction:column;gap:16px}.edit-mode-actions{width:100%}.btn-cancel-enterprise,.btn-save-enterprise{flex:1}}.ats-resume-action{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.ats-resume-card{background:linear-gradient(135deg,#10b9811a,#3b82f61a);border:1px solid rgba(16,185,129,.3);border-radius:16px;padding:24px}.ats-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.ats-icon{font-size:2rem;flex-shrink:0}.ats-header h4{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 4px}.ats-header p{font-size:.9rem;color:#ffffffb3;margin:0}.ats-benefits{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.ats-benefits li{font-size:.85rem;color:#fffc;padding:4px 0}.btn-create-ats-resume{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-create-ats-resume:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.btn-create-ats-resume .btn-icon{font-size:1.2rem}.integrations-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);padding:100px 20px 60px}.integrations-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e2e8f0}.integrations-page.loading .loader{width:50px;height:50px;border:4px solid rgba(124,58,237,.2);border-top-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.notification-toast{position:fixed;top:100px;left:50%;transform:translate(-50%);padding:16px 24px;border-radius:12px;display:flex;align-items:center;gap:12px;z-index:1000;cursor:pointer;font-weight:500;box-shadow:0 4px 20px #0000004d}.notification-toast.success{background:#10b981f2;color:#fff}.notification-toast.error{background:#ef4444f2;color:#fff}.notification-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff3;font-size:14px}.integrations-container{max-width:1400px;margin:0 auto}.integrations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.integrations-header .header-content h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#7c3aed,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px}.integrations-header .header-content p{color:#94a3b8;font-size:1.1rem;margin:0}.connected-count{display:flex;flex-direction:column;align-items:center;padding:16px 32px;background:#7c3aed33;border:1px solid rgba(124,58,237,.3);border-radius:16px}.count-number{font-size:32px;font-weight:700;color:#a855f7}.count-label{font-size:14px;color:#94a3b8}.category-nav{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.category-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#1e293bcc;border:1px solid rgba(100,116,139,.2);border-radius:12px;color:#94a3b8;font-size:14px;cursor:pointer;transition:all .3s ease}.category-btn:hover{background:#7c3aed1a;border-color:#7c3aed4d;color:#e2e8f0}.category-btn.active{background:#7c3aed33;border-color:#7c3aed80;color:#a855f7}.cat-icon{font-size:16px}.connected-section{background:#1e293b99;border:1px solid rgba(100,116,139,.2);border-radius:16px;padding:24px;margin-bottom:32px}.connected-section h2{font-size:18px;font-weight:600;color:#e2e8f0;margin:0 0 16px}.connected-apps-row{display:flex;flex-wrap:wrap;gap:12px}.connected-app-chip{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#7c3aed33;border:1px solid rgba(124,58,237,.3);border-radius:20px}.connected-app-chip .app-icon{font-size:18px}.connected-app-chip .app-name{font-size:14px;color:#e2e8f0}.disconnect-btn{width:20px;height:20px;background:#ef44444d;border:none;border-radius:50%;color:#ef4444;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.disconnect-btn:hover{background:#ef444480}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:48px}.integration-card{background:#1e293bcc;border:1px solid rgba(100,116,139,.2);border-radius:20px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.integration-card:hover{border-color:#7c3aed4d;transform:translateY(-4px);box-shadow:0 10px 40px #0000004d}.integration-card.connected{border-color:#10b9814d}.integration-card.coming-soon{opacity:.7}.coming-soon-badge,.connected-badge{position:absolute;top:16px;right:16px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.coming-soon-badge{background:#f59e0b33;color:#f59e0b}.connected-badge{background:#10b98133;color:#10b981}.card-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.integration-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px}.card-header h3{font-size:20px;font-weight:600;color:#e2e8f0;margin:0}.integration-desc{font-size:14px;color:#94a3b8;line-height:1.5;margin:0 0 16px}.integration-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.feature-tag{padding:4px 10px;background:#64748b33;border-radius:12px;font-size:12px;color:#94a3b8}.feature-more{padding:4px 10px;color:#7c3aed;font-size:12px}.card-footer{display:flex;gap:12px;padding-top:16px;border-top:1px solid rgba(100,116,139,.2)}.btn-connect{flex:1;padding:12px 24px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-connect:hover{transform:translateY(-2px);box-shadow:0 4px 15px #7c3aed66}.btn-connect.disabled{background:#64748b4d;cursor:default}.btn-connect.disabled:hover{transform:none;box-shadow:none}.btn-settings{flex:1;padding:12px 24px;background:#64748b33;border:1px solid rgba(100,116,139,.3);border-radius:10px;color:#e2e8f0;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-settings:hover{background:#64748b4d}.btn-disconnect{padding:12px 20px;background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-disconnect:hover{background:#ef44441a}.api-section{background:linear-gradient(135deg,#7c3aed1a,#a855f71a);border:1px solid rgba(124,58,237,.3);border-radius:20px;padding:32px}.api-content{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.api-icon{font-size:48px}.api-text{flex:1;min-width:200px}.api-text h2{font-size:22px;font-weight:600;color:#e2e8f0;margin:0 0 8px}.api-text p{font-size:14px;color:#94a3b8;margin:0;line-height:1.5}.btn-api-docs{padding:14px 28px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-api-docs:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}@media(max-width:768px){.integrations-header{flex-direction:column;text-align:center}.integrations-header .header-content h1{font-size:2rem}.category-nav{justify-content:center}.category-btn{padding:10px 16px}.cat-label{display:none}.integrations-grid{grid-template-columns:1fr}.api-content{flex-direction:column;text-align:center}}.connect-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.connect-modal{background:#1e293b;border-radius:16px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 25px 50px #00000080}.connect-modal-header{display:flex;align-items:center;gap:16px;padding:24px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.modal-app-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.connect-modal-header h2{color:#f1f5f9;font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#94a3b8;font-size:24px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.modal-close-btn:hover{background:#ffffff1a;color:#f1f5f9}.connect-modal-body{padding:24px}.modal-description{color:#94a3b8;margin-bottom:20px;line-height:1.6}.permission-list{list-style:none;padding:0;margin:0 0 24px}.permission-list li{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;border-radius:8px;margin-bottom:8px;color:#e2e8f0}.permission-check{color:#10b981;font-weight:700}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel{padding:12px 24px;background:transparent;border:1px solid rgba(255,255,255,.2);color:#e2e8f0;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.btn-cancel:hover{background:#ffffff1a}.btn-connect-confirm{padding:12px 24px;border:none;color:#fff;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.btn-connect-confirm:hover{filter:brightness(1.1);transform:translateY(-1px)}.connect-modal-progress{padding:32px 24px}.progress-steps{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px}.step-indicator{width:40px;height:40px;border-radius:50%;background:#ffffff1a;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s}.progress-step.active .step-indicator{background:#7c3aed;color:#fff}.progress-step.completed .step-indicator{background:#10b981;color:#fff}.step-label{font-size:.75rem;color:#64748b;text-align:center}.progress-step.active .step-label,.progress-step.completed .step-label{color:#e2e8f0}.step-line{flex:1;height:2px;background:#ffffff1a;margin:0 8px 24px}.progress-status{text-align:center;color:#94a3b8;font-size:.95rem}.spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.connect-modal-success{padding:48px 24px;text-align:center}.success-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:32px;color:#10b981}.connect-modal-success h3{color:#10b981;font-size:1.5rem;margin-bottom:12px}.connect-modal-success p{color:#94a3b8}.video-player-container{min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:60px 20px 40px;display:flex;justify-content:center;align-items:center}.video-player-content{max-width:1200px;width:100%;text-align:center}.video-title{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(90deg,#d4af37,#f4d03f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:2px}.video-subtitle{color:#999;margin-bottom:40px;font-size:1.1rem}.video-wrapper{background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080;margin-bottom:30px}.video-element{width:100%;height:auto;display:block}.video-controls{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.video-controls button{background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a1a;border:none;padding:15px 40px;font-size:1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #d4af374d}.video-controls button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #d4af3780}.video-controls button:active:not(:disabled){transform:translateY(0)}.video-controls button:disabled{opacity:.5;cursor:not-allowed}.video-info{padding:30px;background:#ffffff0d;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-title{color:#d4af37;margin-bottom:20px;font-size:1.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.info-item{padding:15px;background:#ffffff08;border-radius:8px}.info-label{color:#d4af37;font-size:.9rem;font-weight:600;margin-bottom:5px}.info-value{color:#fff;font-size:1.1rem}.badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.badge{display:inline-block;background:#d4af37;color:#1a1a1a;padding:5px 15px;border-radius:20px;font-size:.85rem;font-weight:700}@media(max-width:768px){.video-title{font-size:1.8rem}.video-controls{gap:10px}.video-controls button{padding:12px 30px;font-size:.9rem}.info-grid{grid-template-columns:1fr 1fr}}.legal-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#fff;padding:80px 20px 40px}.legal-container{max-width:900px;margin:0 auto;background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:60px;box-shadow:0 20px 60px #00000080}.legal-header{margin-bottom:50px;text-align:center}.legal-title{font-size:3rem;font-weight:700;margin-bottom:15px;line-height:1.2}.legal-updated{color:#fff9;font-size:.9rem;font-style:italic}.legal-content{line-height:1.8}.legal-section{margin-bottom:40px}.legal-section h2{color:#00d4ff;font-size:1.75rem;font-weight:600;margin-bottom:20px;margin-top:30px;padding-bottom:10px;border-bottom:2px solid rgba(0,212,255,.2)}.legal-section h3{color:#0fc;font-size:1.35rem;font-weight:600;margin-bottom:15px;margin-top:25px}.legal-section p{color:#ffffffd9;margin-bottom:15px;font-size:1rem}.legal-section ul{margin:15px 0;padding-left:25px}.legal-section li{color:#ffffffd9;margin-bottom:10px;line-height:1.7}.legal-section a{color:#00d4ff;text-decoration:none;transition:color .3s ease}.legal-section a:hover{color:#0fc;text-decoration:underline}.legal-section strong{color:#fff;font-weight:600}.contact-details{background:#00d4ff0d;border-left:4px solid #00d4ff;padding:25px;margin:25px 0;border-radius:8px}.contact-details p{margin-bottom:10px}.response-time{font-style:italic;color:#ffffffb3;font-size:.95rem;margin-top:15px}.legal-footer{margin-top:60px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.legal-link{color:#00d4ff;text-decoration:none;font-size:.95rem;transition:all .3s ease;display:inline-block;margin:0 5px}.legal-link:hover{color:#0fc;transform:translateY(-2px)}@media(max-width:768px){.legal-page{padding:60px 15px 30px}.legal-container{padding:30px 25px;border-radius:15px}.legal-title{font-size:2rem}.legal-section h2{font-size:1.4rem}.legal-section h3{font-size:1.15rem}.legal-section p,.legal-section li{font-size:.95rem}.contact-details{padding:20px}}@media(max-width:480px){.legal-container{padding:25px 20px}.legal-title{font-size:1.75rem}.legal-section h2{font-size:1.25rem}.legal-section h3{font-size:1.05rem}.legal-footer{flex-direction:column}.separator{display:none}.legal-link{display:block;margin:10px 0}}.contact-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#fff;padding:80px 20px 40px}.contact-container{max-width:1200px;margin:0 auto}.contact-header{text-align:center;margin-bottom:60px}.contact-title{font-size:3.5rem;font-weight:700;margin-bottom:20px;line-height:1.2}.contact-subtitle{font-size:1.2rem;color:#ffffffb3;max-width:600px;margin:0 auto}.contact-content{margin-bottom:60px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px}.contact-info-section,.contact-form-section{background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px}.contact-info-section h2,.contact-form-section h2{font-size:1.8rem;color:#00d4ff;margin-bottom:30px}.contact-methods{margin-bottom:40px}.contact-method{display:flex;gap:20px;padding:20px;margin-bottom:20px;background:#00d4ff0d;border-radius:12px;border:1px solid rgba(0,212,255,.1);transition:all .3s ease}.contact-method:hover{background:#00d4ff1a;transform:translate(5px)}.method-icon{width:48px;height:48px;background:linear-gradient(135deg,#00d4ff,#0fc);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.method-icon svg{color:#0a0a0a}.method-details h3{font-size:1.2rem;color:#fff;margin-bottom:8px}.method-details a{color:#0fc;text-decoration:none;font-weight:500;transition:color .3s ease}.method-details a:hover{color:#00d4ff}.method-details p{color:#fff9;font-size:.9rem;margin:4px 0}.response-times,.office-hours{background:#00ffcc0d;border-left:4px solid #00ffcc;padding:25px;margin-bottom:30px;border-radius:8px}.response-times h3,.office-hours h3{font-size:1.2rem;color:#0fc;margin-bottom:15px}.response-times ul{list-style:none;padding:0}.response-times li{color:#ffffffd9;margin-bottom:10px;padding-left:20px;position:relative}.response-times li:before{content:"→";position:absolute;left:0;color:#0fc}.office-hours p{color:#ffffffd9;margin-bottom:8px}.office-hours .note{color:#fff9;font-size:.9rem;font-style:italic;margin-top:15px}.form-card{height:100%}.form-description{color:#ffffffb3;margin-bottom:30px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#ffffffe6;font-weight:500;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 16px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#00d4ff;background:#ffffff14}.form-group textarea{resize:vertical;font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.submit-button{background:linear-gradient(135deg,#00d4ff,#0fc);color:#0a0a0a;border:none;border-radius:8px;padding:14px 32px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.submit-button:hover{box-shadow:0 8px 20px #00d4ff66}.form-note{color:#ffffff80;font-size:.85rem;text-align:center;margin-top:10px}.form-note a{color:#00d4ff;text-decoration:none}.form-note a:hover{text-decoration:underline}.faq-section{background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px}.faq-section h2{font-size:2rem;color:#00d4ff;margin-bottom:30px;text-align:center}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.faq-item{padding:25px;background:#00d4ff0d;border-radius:12px;border:1px solid rgba(0,212,255,.1);transition:all .3s ease}.faq-item:hover{background:#00d4ff1a;border-color:#00d4ff4d}.faq-item h3{color:#0fc;font-size:1.15rem;margin-bottom:12px}.faq-item p{color:#ffffffbf;line-height:1.6}.contact-footer{margin-top:60px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-link{color:#00d4ff;text-decoration:none;font-size:.95rem;transition:all .3s ease;display:inline-block;margin:0 5px}.footer-link:hover{color:#0fc;transform:translateY(-2px)}.separator{color:#ffffff4d;margin:0 10px}@media(max-width:992px){.contact-grid,.faq-grid{grid-template-columns:1fr}}@media(max-width:768px){.contact-page{padding:60px 15px 30px}.contact-title{font-size:2.5rem}.contact-subtitle{font-size:1rem}.contact-info-section,.contact-form-section,.faq-section{padding:30px 25px}.contact-method{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.contact-title{font-size:2rem}.contact-info-section,.contact-form-section,.faq-section{padding:25px 20px}.separator{display:none}.footer-link{display:block;margin:10px 0}}.not-found-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#fff;padding:40px 20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.not-found-container{max-width:1000px;width:100%;margin:0 auto;position:relative;z-index:10}.not-found-content{text-align:center}.error-code{font-size:12rem;font-weight:900;line-height:1;margin-bottom:30px}.gradient-text{background:linear-gradient(135deg,#00d4ff,#0fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 80px rgba(0,212,255,.3)}.error-title{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#fff}.error-description{font-size:1.2rem;color:#ffffffb3;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.error-actions{display:flex;gap:20px;justify-content:center;margin-bottom:60px}.suggestions{margin-top:60px}.suggestions-title{font-size:1.3rem;color:#00d4ff;margin-bottom:30px;font-weight:600}.suggestions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:900px;margin:0 auto}.suggestion-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:25px 20px;text-decoration:none;color:#fff;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.suggestion-card:hover{background:#00d4ff1a;border-color:#00d4ff;transform:translateY(-5px);box-shadow:0 10px 30px #00d4ff33}.suggestion-icon{width:50px;height:50px;background:linear-gradient(135deg,#00d4ff,#0fc);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.suggestion-icon svg{color:#0a0a0a}.suggestion-content h4{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:#fff}.suggestion-content p{font-size:.9rem;color:#fff9;margin:0}.background-elements{position:absolute;inset:0;z-index:1;pointer-events:none}.floating-element{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.1) 0%,transparent 70%);opacity:.5}.element-1{width:300px;height:300px;top:10%;left:10%}.element-2{width:200px;height:200px;bottom:15%;right:15%;background:radial-gradient(circle,rgba(0,255,204,.1) 0%,transparent 70%)}.element-3{width:150px;height:150px;top:50%;right:20%}@media(max-width:992px){.suggestions-grid{grid-template-columns:repeat(2,1fr)}.error-code{font-size:10rem}.error-title{font-size:2rem}}@media(max-width:768px){.not-found-page{padding:30px 15px}.error-code{font-size:8rem}.error-title{font-size:1.8rem}.error-description{font-size:1rem}.error-actions{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{width:100%}.suggestions-grid{grid-template-columns:1fr;gap:15px}.suggestion-card{flex-direction:row;text-align:left;padding:20px}.suggestion-icon{margin-bottom:0;margin-right:15px;width:45px;height:45px}}@media(max-width:480px){.error-code{font-size:6rem}.error-title{font-size:1.5rem}.suggestions-title{font-size:1.1rem}.floating-element{opacity:.3}.element-1{width:200px;height:200px}.element-2{width:150px;height:150px}.element-3{width:100px;height:100px}}.faq-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#fff;padding:80px 20px 40px}.faq-container{max-width:900px;margin:0 auto}.faq-header{text-align:center;margin-bottom:60px}.faq-title{font-size:3.5rem;font-weight:700;margin-bottom:20px;line-height:1.2}.faq-subtitle{font-size:1.2rem;color:#ffffffb3;max-width:600px;margin:0 auto}.faq-content{margin-bottom:80px}.faq-category{margin-bottom:50px}.category-title{font-size:1.8rem;color:#00d4ff;margin-bottom:25px;font-weight:600;padding-bottom:15px;border-bottom:2px solid rgba(0,212,255,.3)}.questions-list{display:flex;flex-direction:column;gap:15px}.faq-item{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:#00d4ff4d;background:#ffffff0d}.faq-question{width:100%;background:transparent;border:none;color:#fff;padding:20px 25px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left;transition:all .3s ease;font-size:1.1rem;font-weight:500}.faq-question:hover{background:#00d4ff0d}.faq-question.active{color:#0fc}.question-text{flex:1;padding-right:20px}.toggle-icon{display:flex;align-items:center;justify-content:center;color:#00d4ff;flex-shrink:0}.faq-answer{overflow:hidden;border-top:1px solid rgba(255,255,255,.1)}.faq-answer p{padding:20px 25px;margin:0;color:#fffc;line-height:1.8;font-size:1rem}.faq-cta{text-align:center;background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);border-radius:20px;padding:50px 40px;margin-top:60px}.cta-title{font-size:2rem;font-weight:700;margin-bottom:15px;color:#fff}.cta-description{font-size:1.1rem;color:#ffffffb3;margin-bottom:30px}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:14px 32px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#00d4ff,#0fc);color:#0a0a0a}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26;border-color:#00d4ff}@media(max-width:768px){.faq-page{padding:60px 15px 30px}.faq-title{font-size:2.5rem}.faq-subtitle{font-size:1rem}.category-title{font-size:1.5rem}.faq-question{padding:18px 20px;font-size:1rem}.faq-answer p{padding:18px 20px;font-size:.95rem}.faq-cta{padding:40px 25px}.cta-title{font-size:1.7rem}.cta-description{font-size:1rem}.cta-buttons{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{width:100%}}@media(max-width:480px){.faq-title{font-size:2rem}.category-title{font-size:1.3rem}.faq-question{padding:15px 18px;font-size:.95rem}.question-text{padding-right:15px}.faq-answer p{padding:15px 18px;font-size:.9rem}.faq-cta{padding:30px 20px}.cta-title{font-size:1.5rem}}.subscription-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#fff;padding:80px 20px 40px}.subscription-container{max-width:1000px;margin:0 auto}.test-mode-banner{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border:2px solid #fbbf24;border-radius:12px;padding:16px 24px;margin-bottom:30px;display:flex;align-items:center;gap:12px;color:#fbbf24;font-size:14px;font-weight:500}.test-mode-banner svg{flex-shrink:0}.test-mode-banner strong{font-weight:700}.status-banner{border-radius:12px;padding:16px 24px;margin-bottom:30px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;position:relative}.status-banner.success{background:linear-gradient(135deg,#22c55e26,#16a34a26);border:2px solid #22c55e;color:#22c55e}.status-banner.canceled{background:linear-gradient(135deg,#ef444426,#dc262626);border:2px solid #ef4444;color:#ef4444}.status-banner.info{background:linear-gradient(135deg,#3b82f626,#2563eb26);border:2px solid #3b82f6;color:#3b82f6}.status-banner.error{background:linear-gradient(135deg,#ef444426,#dc262626);border:2px solid #ef4444;color:#ef4444}.status-banner svg{flex-shrink:0}.status-dismiss{position:absolute;right:16px;background:none;border:none;color:inherit;font-size:24px;cursor:pointer;opacity:.7;transition:opacity .2s;line-height:1}.status-dismiss:hover{opacity:1}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.subscription-header{text-align:center;margin-bottom:60px}.back-link{display:inline-block;color:#00d4ff;text-decoration:none;font-size:.95rem;margin-bottom:20px;transition:all .3s ease}.back-link:hover{color:#0fc;transform:translate(-5px)}.subscription-title{font-size:3.5rem;font-weight:700;margin-bottom:20px;line-height:1.2}.gradient-text{background:linear-gradient(135deg,#00d4ff,#0fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subscription-subtitle{font-size:1.2rem;color:#ffffffb3}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.spinner{width:50px;height:50px;border:4px solid rgba(0,212,255,.1);border-top-color:#00d4ff;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner p{margin-top:20px;color:#ffffffb3;font-size:1.1rem}.error-card{background:#ff3b301a;border:1px solid rgba(255,59,48,.3);border-radius:20px;padding:50px 40px;text-align:center}.error-icon{color:#ff3b30;margin-bottom:20px}.error-card h3{font-size:1.8rem;margin-bottom:15px;color:#fff}.error-card p{color:#ffffffb3;margin-bottom:30px;font-size:1.1rem}.no-subscription-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:60px 40px;text-align:center}.card-icon{color:#00d4ff;margin-bottom:25px}.no-subscription-card h3{font-size:2rem;margin-bottom:15px;color:#fff}.no-subscription-card p{color:#ffffffb3;margin-bottom:35px;font-size:1.1rem;max-width:500px;margin-left:auto;margin-right:auto}.subscription-content{display:flex;flex-direction:column;gap:40px}.subscription-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px}.plan-info{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:30px;margin-bottom:30px}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px}.plan-name{font-size:2rem;font-weight:700;color:#fff;margin-bottom:8px}.plan-description{color:#ffffffb3;font-size:1rem}.status-badge{padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-active{background:#34c75933;color:#34c759;border:1px solid rgba(52,199,89,.3)}.status-trial{background:#00d4ff33;color:#00d4ff;border:1px solid rgba(0,212,255,.3)}.status-pastdue{background:#ff950033;color:#ff9500;border:1px solid rgba(255,149,0,.3)}.status-canceled{background:#ff3b3033;color:#ff3b30;border:1px solid rgba(255,59,48,.3)}.status-incomplete{background:#8e8e9333;color:#8e8e93;border:1px solid rgba(142,142,147,.3)}.plan-price{display:flex;align-items:baseline;gap:5px}.price-amount{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#00d4ff,#0fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-period{font-size:1.2rem;color:#fff9}.subscription-details{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.detail-row{display:flex;gap:20px}.detail-item{flex:1;display:flex;flex-direction:column;gap:8px}.detail-item.warning{background:#ff95001a;border-left:3px solid #ff9500;padding:15px;border-radius:8px}.detail-label{font-size:.9rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.detail-value{font-size:1.1rem;color:#fff;font-weight:500}.btn-manage{width:100%;padding:16px 24px;background:linear-gradient(135deg,#00d4ff,#0fc);color:#0a0a0a;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;margin-bottom:15px}.btn-manage:hover{box-shadow:0 8px 25px #00d4ff66}.manage-note{text-align:center;font-size:.9rem;color:#ffffff80;margin:0}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:30px 25px;text-align:center;transition:all .3s ease}.info-card:hover{background:#ffffff0d;border-color:#00d4ff4d;transform:translateY(-5px)}.info-icon{color:#00d4ff;margin-bottom:15px}.info-card h4{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:10px}.info-card p{font-size:.9rem;color:#ffffffb3;line-height:1.5;margin:0}.btn-primary{padding:14px 32px;background:linear-gradient(135deg,#00d4ff,#0fc);color:#0a0a0a;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 25px #00d4ff66}@media(max-width:992px){.info-grid{grid-template-columns:1fr}.plan-header{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.subscription-page{padding:60px 15px 30px}.subscription-title{font-size:2.5rem}.subscription-subtitle{font-size:1rem}.subscription-card,.no-subscription-card,.error-card{padding:30px 25px}.plan-name{font-size:1.7rem}.price-amount{font-size:2.5rem}.detail-row{flex-direction:column}}@media(max-width:480px){.subscription-title{font-size:2rem}.plan-name{font-size:1.5rem}.price-amount{font-size:2rem}.btn-manage{font-size:1rem;padding:14px 20px}}.checkout-section{width:100%;max-width:1200px;margin:0 auto}.upgrade-context{background:linear-gradient(135deg,#00d4ff1a,#7c3aed1a);border:1px solid rgba(0,212,255,.3);border-radius:16px;padding:20px 30px;margin-bottom:40px;text-align:center}.context-text{font-size:1.125rem;color:#e2e8f0;margin:0}.context-text strong{color:var(--primary-color);font-weight:700}.pricing-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-bottom:40px}.pricing-card-checkout{background:linear-gradient(135deg,#1e293bcc,#0f172acc);border:2px solid rgba(100,116,139,.3);border-radius:20px;padding:32px 28px;position:relative;transition:all .3s ease;display:flex;flex-direction:column}.pricing-card-checkout:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00d4ff33;border-color:var(--primary-color)}.pricing-card-checkout.recommended{border-color:var(--primary-color);background:linear-gradient(135deg,#00d4ff0d,#7c3aed0d);box-shadow:0 0 30px #00d4ff33}.pricing-card-checkout.selected{border-color:#10b981;box-shadow:0 0 30px #10b9814d}.plan-recommended-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:6px 20px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.plan-header-checkout{text-align:center;padding-bottom:24px;border-bottom:1px solid rgba(100,116,139,.2);margin-bottom:24px}.plan-name-checkout{font-size:1.75rem;font-weight:700;color:#e2e8f0;margin-bottom:16px}.plan-pricing{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.plan-price-checkout{font-size:3rem;font-weight:800;color:var(--primary-color);line-height:1}.plan-period{font-size:1.125rem;color:#64748b;font-weight:500}.plan-annual{font-size:.875rem;color:#10b981;font-weight:600;margin:0}.plan-features-checkout{list-style:none;padding:0;margin:0 0 28px;flex:1}.plan-features-checkout li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;color:#cbd5e1;font-size:.9375rem;line-height:1.5}.plan-features-checkout li svg{flex-shrink:0;color:var(--primary-color);margin-top:2px}.checkout-btn{width:100%;padding:14px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.checkout-btn.primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 10px 25px -5px #00d4ff66}.checkout-btn.primary:hover:not(:disabled){box-shadow:0 15px 35px -5px #00d4ff99}.checkout-btn.secondary{background:#64748b33;color:#e2e8f0;border:2px solid rgba(100,116,139,.4)}.checkout-btn.secondary:hover:not(:disabled){background:#64748b4d;border-color:var(--primary-color);color:var(--primary-color)}.checkout-btn:disabled{opacity:.6;cursor:not-allowed}.checkout-footer{text-align:center;padding-top:30px;border-top:1px solid rgba(100,116,139,.2)}.checkout-footer p{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.875rem;color:#94a3b8;margin:0;flex-wrap:wrap}.checkout-footer svg{flex-shrink:0;color:#10b981}@media(max-width:1024px){.pricing-cards-grid{grid-template-columns:1fr;max-width:450px;margin-left:auto;margin-right:auto}}@media(max-width:640px){.upgrade-context{padding:16px 20px}.context-text{font-size:1rem}.pricing-card-checkout{padding:24px 20px}.plan-price-checkout{font-size:2.5rem}.checkout-footer p{flex-direction:column;font-size:.8125rem}}.onboarding-wizard{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;align-items:center;justify-content:center;padding:40px 20px}.wizard-container{max-width:700px;width:100%;background:#1e293be6;border:1px solid rgba(124,58,237,.3);border-radius:24px;padding:40px;box-shadow:0 20px 60px #00000080}.wizard-progress{display:flex;justify-content:space-between;margin-bottom:40px;position:relative}.wizard-progress:before{content:"";position:absolute;top:15px;left:40px;right:40px;height:2px;background:#64748b4d}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.step-dot{width:32px;height:32px;border-radius:50%;background:#64748b4d;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#64748b;margin-bottom:8px;transition:all .3s ease}.progress-step.active .step-dot{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 4px 15px #7c3aed66}.progress-step.completed .step-dot{background:#10b981;color:#fff}.step-label{font-size:12px;color:#64748b;text-align:center;max-width:100px;transition:color .3s ease}.progress-step.active .step-label{color:#e2e8f0}.wizard-welcome{text-align:center;margin-bottom:24px;padding:16px 24px;background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);border-radius:12px}.welcome-text{color:#c4b5fd;font-size:15px;font-style:italic;margin:0}.wizard-content{min-height:400px}.wizard-header{text-align:center;margin-bottom:30px}.wizard-icon{font-size:48px;display:block;margin-bottom:16px}.wizard-header h2{font-size:28px;font-weight:700;color:#e2e8f0;margin:0 0 8px}.wizard-header p{font-size:16px;color:#94a3b8;margin:0}.wizard-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#e2e8f0}.form-group input,.form-group select{padding:14px 16px;background:#0f172a99;border:1px solid rgba(100,116,139,.3);border-radius:12px;color:#e2e8f0;font-size:16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.form-group input::placeholder{color:#64748b}.form-hint{color:#94a3b8;font-size:14px;text-align:center;margin-bottom:20px}.skip-hint{color:#64748b;font-size:13px;text-align:center;margin-top:20px}.goal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.goal-card{display:flex;align-items:center;gap:12px;padding:16px;background:#0f172a99;border:2px solid rgba(100,116,139,.2);border-radius:12px;cursor:pointer;transition:all .3s ease}.goal-card:hover{border-color:#7c3aed66}.goal-card.selected{border-color:#7c3aed;background:#7c3aed1a}.goal-icon{font-size:24px}.goal-label{font-size:14px;color:#e2e8f0;text-align:left}.challenge-grid{display:flex;flex-wrap:wrap;gap:10px}.challenge-chip{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#0f172a99;border:1px solid rgba(100,116,139,.2);border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:13px;color:#94a3b8}.challenge-chip:hover{border-color:#7c3aed66}.challenge-chip.selected{border-color:#7c3aed;background:#7c3aed33;color:#e2e8f0}.multiselect-grid{display:flex;flex-wrap:wrap;gap:10px}.multiselect-chip{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#0f172a99;border:1px solid rgba(100,116,139,.2);border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:13px;color:#94a3b8}.multiselect-chip:hover{border-color:#7c3aed66;background:#7c3aed1a}.multiselect-chip.selected{border-color:#7c3aed;background:#7c3aed33;color:#e2e8f0}.social-inputs{display:flex;flex-direction:column;gap:16px}.social-input-group{display:flex;align-items:center;gap:12px;padding:4px 16px;background:#0f172a99;border:1px solid rgba(100,116,139,.3);border-radius:12px}.social-icon{font-size:24px;flex-shrink:0}.social-input-group input{flex:1;padding:12px 0;background:transparent;border:none;color:#e2e8f0;font-size:16px}.social-input-group input:focus{outline:none}.preference-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.preference-card{display:flex;flex-direction:column;align-items:center;padding:20px 12px;background:#0f172a99;border:2px solid rgba(100,116,139,.2);border-radius:12px;cursor:pointer;transition:all .3s ease}.preference-card:hover{border-color:#7c3aed66}.preference-card.selected{border-color:#7c3aed;background:#7c3aed1a}.pref-label{font-size:14px;font-weight:600;color:#e2e8f0;margin-bottom:4px}.pref-desc{font-size:12px;color:#64748b;text-align:center}.toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer}.toggle-label input{width:20px;height:20px;accent-color:#7c3aed}.toggle-text{font-size:14px;color:#e2e8f0}.wizard-nav{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:24px;border-top:1px solid rgba(100,116,139,.2)}.btn-skip{background:none;border:none;color:#64748b;font-size:14px;cursor:pointer;transition:color .3s ease}.btn-skip:hover{color:#94a3b8}.nav-buttons{display:flex;gap:12px}.btn-back{padding:12px 24px;background:#64748b33;border:1px solid rgba(100,116,139,.3);border-radius:10px;color:#cbd5e1;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-back:hover{background:#64748b4d}.btn-next,.btn-complete{padding:12px 32px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-next:hover,.btn-complete:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.btn-complete:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:640px){.wizard-container{padding:24px}.wizard-progress{display:none}.goal-grid,.preference-options{grid-template-columns:1fr}.wizard-nav{flex-direction:column;gap:16px}.nav-buttons{width:100%;justify-content:space-between}.btn-skip{order:2}}.job-hunter-onboarding{background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f172a)}.job-hunter-form{max-width:600px;margin:0 auto}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:12px}.option-grid.compact{grid-template-columns:repeat(3,1fr)}.option-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#1e293b99;border:2px solid rgba(100,116,139,.3);border-radius:12px;cursor:pointer;transition:all .2s ease;color:#e2e8f0;font-size:14px}.option-card:hover{border-color:#7c3aed80;background:#7c3aed1a}.option-card.selected{border-color:#7c3aed;background:#7c3aed33}.option-card.small{padding:12px 10px;font-size:12px}.option-icon{font-size:24px}.option-card.small .option-icon{font-size:20px}.chip-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{padding:8px 16px;background:#1e293b99;border:1px solid rgba(100,116,139,.3);border-radius:20px;color:#e2e8f0;font-size:14px;cursor:pointer;transition:all .2s ease}.chip:hover{border-color:#7c3aed80}.chip.selected{background:#7c3aed4d;border-color:#7c3aed;color:#c4b5fd}.salary-inputs{display:flex;align-items:center;gap:12px}.salary-inputs input{flex:1}.salary-separator{color:#64748b;font-size:14px}.input-hint{display:block;margin-top:6px;font-size:12px;color:#64748b}.notifications-group{display:flex;flex-direction:column;gap:16px}.notifications-group .toggle-label{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#1e293b66;border-radius:12px;cursor:pointer}.notifications-group .toggle-label input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:#7c3aed}.notifications-group .toggle-text{display:flex;flex-direction:column;gap:4px}.notifications-group .toggle-text strong{color:#e2e8f0;font-size:15px}.notifications-group .toggle-text span{color:#94a3b8;font-size:13px}.profile-ready-badge{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;margin-top:20px;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:12px;color:#4ade80;font-weight:500}.ready-message{text-align:center;padding:32px 20px;margin-top:20px;background:#7c3aed1a;border-radius:16px}.ready-icon{font-size:48px;margin-bottom:16px}.ready-message h3{color:#e2e8f0;font-size:24px;margin-bottom:8px}.ready-message p{color:#94a3b8;font-size:15px}@media(max-width:640px){.option-grid,.option-grid.compact{grid-template-columns:repeat(2,1fr)}.salary-inputs{flex-direction:column;gap:8px}.salary-separator{display:none}}.payment-success-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;align-items:center;justify-content:center;padding:40px 20px}.success-container{max-width:700px;width:100%;background:#1e293bcc;border:1px solid rgba(0,212,255,.3);border-radius:24px;padding:60px 40px;text-align:center;box-shadow:0 20px 60px #00000080}.success-container.loading{padding:80px 40px}.loader{width:50px;height:50px;border:4px solid rgba(0,212,255,.2);border-top-color:#00d4ff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.success-animation{margin-bottom:30px}.checkmark-circle{width:100px;height:100px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;animation:scaleIn .5s ease-out;box-shadow:0 10px 40px #10b98166}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.checkmark{font-size:60px;color:#fff;font-weight:700;animation:checkmarkPop .3s ease-out .3s backwards}@keyframes checkmarkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.success-title{font-size:36px;font-weight:700;color:#e2e8f0;margin-bottom:10px;animation:fadeInUp .6s ease-out .4s backwards}.success-subtitle{font-size:18px;color:#94a3b8;margin-bottom:40px;animation:fadeInUp .6s ease-out .5s backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.employee-success-card{background:#0f172a99;border:1px solid rgba(100,116,139,.3);border-radius:16px;padding:30px;margin-bottom:30px;animation:fadeInUp .6s ease-out .6s backwards}.employee-avatar-large{width:80px;height:80px;background:linear-gradient(135deg,#00d4ff,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;margin:0 auto 20px;box-shadow:0 8px 30px #00d4ff4d}.employee-hired-name{font-size:24px;font-weight:700;color:#e2e8f0;margin-bottom:8px}.employee-hired-role{font-size:16px;color:#94a3b8;margin-bottom:15px}.tier-badge{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,#00d4ff,#7c3aed);border-radius:20px;color:#fff;font-size:14px;font-weight:600}.success-info-box{background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:16px;padding:30px;margin-bottom:30px;text-align:left;animation:fadeInUp .6s ease-out .7s backwards}.success-info-box h3{font-size:20px;font-weight:600;color:#e2e8f0;margin-bottom:20px;text-align:center}.success-steps{display:flex;flex-direction:column;gap:20px}.success-step{display:flex;gap:15px;align-items:start}.step-number{width:36px;height:36px;background:linear-gradient(135deg,#00d4ff,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.step-content{flex:1}.step-content strong{display:block;color:#e2e8f0;font-size:16px;margin-bottom:4px}.step-content p{color:#94a3b8;font-size:14px;line-height:1.5;margin:0}.success-step.completed .step-number{background:linear-gradient(135deg,#10b981,#059669);font-size:18px}.success-step.completed .step-content strong{color:#10b981}.success-step.active .step-number{background:linear-gradient(135deg,#f59e0b,#d97706);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 10px #f59e0b00}}.success-step.active .step-content strong{color:#f59e0b}.success-actions{display:flex;gap:15px;margin-bottom:30px;animation:fadeInUp .6s ease-out .8s backwards}.btn-primary-large,.btn-secondary-large{flex:1;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;display:inline-block}.btn-primary-large{background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#fff;box-shadow:0 4px 15px #00d4ff4d}.btn-primary-large:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff80}.btn-secondary-large{background:#64748b33;color:#cbd5e1;border:1px solid rgba(100,116,139,.3)}.btn-secondary-large:hover{background:#64748b4d;transform:translateY(-2px)}.success-footer{color:#64748b;font-size:14px;animation:fadeInUp .6s ease-out .9s backwards}.success-footer p{margin:8px 0}.success-footer a{color:#00d4ff;text-decoration:none;font-weight:600}.success-footer a:hover{text-decoration:underline}.session-id{font-size:12px;color:#475569;font-family:monospace}@media(max-width:640px){.success-container{padding:40px 24px}.success-title{font-size:28px}.success-actions{flex-direction:column}.btn-primary-large,.btn-secondary-large{width:100%}.employee-success-card,.success-info-box{padding:20px}}.social-connect-page{min-height:100vh;padding:120px 20px 60px;background:var(--dark-bg)}.social-connect-container{max-width:1200px;margin:0 auto}.auth-required{text-align:center;padding:60px 20px}.auth-required h2{font-size:2rem;margin-bottom:16px;color:var(--text-primary)}.auth-required p{color:var(--text-secondary);margin-bottom:24px}.notification-toast{position:fixed;top:100px;left:50%;transform:translate(-50%);padding:16px 24px;border-radius:var(--radius-md);display:flex;align-items:center;gap:12px;z-index:1000;cursor:pointer;font-weight:500}.notification-toast.success{background:#10b981e6;color:#fff}.notification-toast.error{background:#ef4444e6;color:#fff}.notification-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff3}.social-header{text-align:center;margin-bottom:48px}.social-header h1{font-size:2.5rem;margin-bottom:16px;color:var(--text-primary)}.social-header p{color:var(--text-secondary);font-size:1.1rem}.connected-summary{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:48px;padding:24px;background:var(--gradient-surface);border-radius:var(--radius-xl);border:1px solid var(--border-color)}.summary-card{display:flex;flex-direction:column;align-items:center}.summary-number{font-size:2.5rem;font-weight:700;color:var(--primary)}.summary-label{color:var(--text-secondary);font-size:.9rem}.connected-avatars{display:flex;gap:-8px}.connected-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:3px solid var(--dark-bg);margin-left:-8px}.connected-avatar:first-child{margin-left:0}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:48px}.platform-card{background:var(--gradient-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:24px;transition:var(--transition-base)}.platform-card:hover{border-color:var(--primary);box-shadow:var(--shadow-glow-sm)}.platform-card.connected{border-color:var(--success)}.platform-card.connected:hover{box-shadow:0 0 20px #10b98133}.platform-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.platform-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.8rem}.platform-info h3{font-size:1.25rem;margin-bottom:4px;color:var(--text-primary)}.connected-account{font-size:.85rem;color:var(--text-secondary)}.connected-badge{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--success);background:#10b9811a;padding:6px 12px;border-radius:var(--radius-full)}.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.platform-description{color:var(--text-secondary);font-size:.95rem;margin-bottom:16px;line-height:1.5}.platform-features{list-style:none;padding:0;margin:0 0 20px}.platform-features li{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.feature-check{color:var(--primary);font-weight:700}.platform-stats{display:flex;gap:24px;padding:16px;background:#0003;border-radius:var(--radius-md);margin-bottom:16px}.stat{display:flex;flex-direction:column}.stat-value{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.stat-label{font-size:.75rem;color:var(--text-muted)}.platform-actions{display:flex;gap:12px;margin-top:auto}.btn-small{padding:10px 16px;font-size:.9rem;flex:1}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quick-actions{margin-bottom:48px}.quick-actions h2{font-size:1.5rem;margin-bottom:24px;text-align:center;color:var(--text-primary)}.action-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.action-btn{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 32px;background:var(--gradient-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:var(--transition-base);min-width:150px}.action-btn:hover{border-color:var(--primary);transform:translateY(-3px)}.action-icon{font-size:2rem}.how-it-works{padding:48px;background:var(--gradient-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.how-it-works h2{font-size:1.5rem;text-align:center;margin-bottom:32px;color:var(--text-primary)}.steps{display:flex;align-items:flex-start;justify-content:center;gap:16px;flex-wrap:wrap}.step{flex:1;min-width:180px;max-width:220px;text-align:center}.step-number{width:48px;height:48px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin:0 auto 16px}.step h3{font-size:1rem;margin-bottom:8px;color:var(--text-primary)}.step p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.step-arrow{color:var(--primary);font-size:1.5rem;margin-top:16px}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.pricing-modal{background:var(--dark-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:40px;max-width:400px;width:100%;text-align:center;position:relative}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer}.modal-icon{width:80px;height:80px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 24px}.pricing-modal h2{font-size:1.5rem;margin-bottom:8px;color:var(--text-primary)}.modal-price{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:24px}.modal-features{list-style:none;padding:0;margin:0 0 32px;text-align:left}.modal-features li{padding:8px 0;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.modal-features li:last-child{border-bottom:none}.modal-actions{display:flex;gap:12px}.modal-actions button{flex:1}@media(max-width:768px){.social-header h1{font-size:1.75rem}.platforms-grid{grid-template-columns:1fr}.connected-summary{flex-direction:column}.steps{flex-direction:column;align-items:center}.step-arrow{transform:rotate(90deg);margin:8px 0}.how-it-works{padding:24px}.action-buttons{flex-direction:column;align-items:stretch}.action-btn{flex-direction:row;justify-content:flex-start;min-width:auto}}.app{position:relative;min-height:100vh;width:100%}.footer{background:var(--dark-surface);border-top:1px solid rgba(255,255,255,.1);padding:3rem 0;text-align:center;margin-top:4rem}.footer p{color:var(--text-secondary);margin:.5rem 0}.footer p:first-child{font-weight:600;color:var(--text-primary)}