:root{--primary-color:#4a90e2;--primary-hover:#357abd;--secondary-color:#64748b;--accent-color:#f59e0b;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-dark:#1e293b;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border-light:#e2e8f0;--border-medium:#cbd5e1;--border-dark:#94a3b8;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--font-family:"Calibri","Arial","Helvetica Neue",Arial,sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:17px;--font-size-lg:20px;--font-size-xl:24px;--font-size-xxl:32px;--font-size-3xl:1.875rem;--transition-fast:150ms ease-in-out;--transition-normal:300ms ease;--transition-slow:350ms ease-in-out}html{font-size:16px;scroll-behavior:smooth}body{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);font-family:Calibri,Arial,Helvetica Neue,sans-serif;font-family:var(--font-family);font-size:15px;font-size:var(--font-size-base);line-height:1.6}.text-xs{font-size:11px;font-size:var(--font-size-xs)}.text-sm{font-size:13px;font-size:var(--font-size-sm)}.text-base{font-size:15px;font-size:var(--font-size-base)}.text-lg{font-size:20px;font-size:var(--font-size-lg)}.text-xl{font-size:24px;font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:1.875rem;font-size:var(--font-size-3xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:#1e293b;color:var(--text-primary)}.text-secondary{color:#64748b;color:var(--text-secondary)}.text-muted{color:#94a3b8;color:var(--text-muted)}.text-light{color:#fff;color:var(--text-light)}.m-0{margin:0}.m-1{margin:.25rem;margin:var(--spacing-xs)}.m-2{margin:.5rem;margin:var(--spacing-sm)}.m-3{margin:1rem;margin:var(--spacing-md)}.m-4{margin:1.5rem;margin:var(--spacing-lg)}.m-5{margin:2rem;margin:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--spacing-xs)}.p-2{padding:.5rem;padding:var(--spacing-sm)}.p-3{padding:1rem;padding:var(--spacing-md)}.p-4{padding:1.5rem;padding:var(--spacing-lg)}.p-5{padding:2rem;padding:var(--spacing-xl)}.container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--spacing-md)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem;gap:var(--spacing-xs)}.gap-2{gap:.5rem;gap:var(--spacing-sm)}.gap-3{gap:1rem;gap:var(--spacing-md)}.gap-4{gap:1.5rem;gap:var(--spacing-lg)}.gap-5{gap:2rem;gap:var(--spacing-xl)}.btn{border-radius:.5rem;font-size:13px;padding:.5rem 1rem;transition:all .15s ease-in-out}.btn-primary{background-color:#4a90e2;border-color:#4a90e2}.btn-primary:hover:not(:disabled){background-color:#357abd;border-color:#357abd;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.btn-secondary{background-color:#f8fafc;background-color:var(--bg-secondary);border-color:#cbd5e1;border-color:var(--border-medium);color:#1e293b;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:#f1f5f9;background-color:var(--bg-tertiary);border-color:#94a3b8;border-color:var(--border-dark)}.btn-outline{background-color:initial;border-color:#4a90e2;border-color:var(--primary-color);color:#4a90e2;color:var(--primary-color)}.btn-outline:hover:not(:disabled){background-color:#4a90e2;background-color:var(--primary-color);color:#fff;color:var(--text-light)}.btn-sm{font-size:11px;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.btn-lg{font-size:20px;font-size:var(--font-size-lg);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.input{background-color:#fff;background-color:var(--bg-primary);border:1px solid #cbd5e1;border:1px solid var(--border-medium);border-radius:.5rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);display:block;font-size:13px;font-size:var(--font-size-sm);line-height:1.5;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.input:focus{border-color:#4a90e2;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e21a;outline:none}.input:disabled{background-color:#f8fafc;background-color:var(--bg-secondary);cursor:not-allowed;opacity:.6}.card{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transition:box-shadow .3s ease;transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.card-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);font-weight:600;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.card-body{padding:1.5rem;padding:var(--spacing-lg)}.card-footer{background-color:#f8fafc;background-color:var(--bg-secondary);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.badge{align-items:center;border-radius:.25rem;border-radius:var(--radius-sm);display:inline-flex;font-size:11px;font-size:var(--font-size-xs);font-weight:500;line-height:1;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.badge-primary{background-color:#4a90e2;background-color:var(--primary-color)}.badge-primary,.badge-secondary{color:#fff;color:var(--text-light)}.badge-secondary{background-color:#64748b;background-color:var(--secondary-color)}.badge-success{background-color:#10b981;background-color:var(--success-color)}.badge-success,.badge-warning{color:#fff;color:var(--text-light)}.badge-warning{background-color:#f59e0b;background-color:var(--warning-color)}.badge-error{background-color:#ef4444;background-color:var(--error-color);color:#fff;color:var(--text-light)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.rounded{border-radius:.5rem;border-radius:var(--radius-md)}.rounded-sm{border-radius:.25rem;border-radius:var(--radius-sm)}.rounded-lg{border-radius:.75rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:1rem;border-radius:var(--radius-xl)}.shadow{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.border{border:1px solid #e2e8f0;border:1px solid var(--border-light)}.border-t{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light)}.border-b{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light)}.border-l{border-left:1px solid #e2e8f0;border-left:1px solid var(--border-light)}.border-r{border-right:1px solid #e2e8f0;border-right:1px solid var(--border-light)}.bg-primary{background-color:#fff;background-color:var(--bg-primary)}.bg-secondary{background-color:#f8fafc;background-color:var(--bg-secondary)}.bg-tertiary{background-color:#f1f5f9;background-color:var(--bg-tertiary)}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn ease-out .3s ease;animation:fadeIn var(--transition-normal) ease-out}.animate-slide-up{animation:slideInUp ease-out .3s ease;animation:slideInUp var(--transition-normal) ease-out}.animate-slide-down{animation:slideInDown ease-out .3s ease;animation:slideInDown var(--transition-normal) ease-out}@media (max-width:640px){.container{padding:0 .5rem;padding:0 var(--spacing-sm)}.btn{font-size:11px;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.card-body{padding:1rem;padding:var(--spacing-md)}}@media (max-width:768px){.hidden-mobile{display:none}}@media (min-width:769px){.hidden-desktop{display:none}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.btn:focus-visible,.input:focus-visible{outline:2px solid #4a90e2;outline:2px solid var(--primary-color);outline-offset:2px}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important}.card{border:1px solid #ccc!important;box-shadow:none!important}}h1{font-size:32px;font-size:var(--font-size-xxl)}h1,h2{font-family:Calibri,Arial,Helvetica Neue,sans-serif;font-family:var(--font-family)}h2{font-size:24px;font-size:var(--font-size-xl)}.section-header,.section-label,h3{font-size:20px;font-size:var(--font-size-lg)}.input,.section-header,.section-label,button,h3,input,label,p,select,textarea{font-family:Calibri,Arial,Helvetica Neue,sans-serif;font-family:var(--font-family)}.input,button,input,label,p,select,textarea{font-size:15px;font-size:var(--font-size-base)}.job-period,.skills-content,.small,.technologies-content{font-size:13px;font-size:var(--font-size-sm)}.xs{font-size:11px;font-size:var(--font-size-xs)}.lg{font-size:20px;font-size:var(--font-size-lg)}.xl{font-size:24px;font-size:var(--font-size-xl)}.xxl{font-size:32px;font-size:var(--font-size-xxl)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#2f2f2f;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-y:auto}#root{min-height:100vh}#root,.pdf-viewer{display:flex;flex-direction:column}.pdf-viewer{background-color:#2f2f2f;height:100vh}.pdf-header{align-items:center;background-color:#323232;border-bottom:1px solid #555;display:flex;justify-content:space-between;min-height:48px;padding:8px 16px}.pdf-title{color:#fff;font-size:14px;font-weight:400}.pdf-controls{gap:16px}.control-group,.pdf-controls{align-items:center;display:flex}.control-group{gap:8px}.icon-button{align-items:center;background:none;border:none;border-radius:2px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px}.icon-button:hover{background-color:#404040}.icon-button:disabled{color:#888;cursor:not-allowed}.zoom-display{color:#fff;font-size:13px;min-width:40px;text-align:center}.pdf-content{flex:1 1;overflow:hidden}.chatbot-sidebar,.pdf-content{background-color:#3f3f3f;display:flex}.chatbot-sidebar{flex-direction:column;flex-shrink:0;width:400px}.main-content{align-items:flex-start;background-color:#3f3f3f;display:flex;flex:1 1;justify-content:center;min-width:0;overflow:auto;padding:20px}.resume-container{background-color:#fff;box-shadow:0 4px 12px #0000004d;flex-shrink:0;max-width:800px;min-width:8.5in}.auth-container{align-items:center;background:linear-gradient(135deg,#2d3748,#4a5568 50%,#2b6cb0);display:flex;justify-content:center;min-height:90vh;padding:20px}.auth-card{background:#2d3748;border-radius:12px;box-shadow:0 10px 25px #0000004d;display:flex;gap:40px;max-width:1100px;padding:32px;position:relative;text-align:center;width:100%}.auth-left-section{flex:1 1;padding-right:10px;text-align:left}.auth-right-section{border-left:1px solid #e2e8f0;flex:0 0 380px;padding-left:40px}.auth-header{margin-bottom:20px;text-align:center}.logo-and-steps{align-items:center;display:flex;gap:40px;margin-bottom:0;margin-top:16px}.logo-container{animation:logoFade 10s ease-in-out infinite;margin:0;overflow:hidden;position:relative}.logo-container:before{animation:revealOverlay 10s ease-in-out infinite;background:radial-gradient(circle at 20px 20px,#0000 6px,#2d3748 0),radial-gradient(circle at 60px 40px,#0000 4px,#2d3748 0),radial-gradient(circle at 100px 80px,#0000 5px,#2d3748 0),radial-gradient(circle at 140px 30px,#0000 4px,#2d3748 0),radial-gradient(circle at 180px 70px,#0000 6px,#2d3748 0),radial-gradient(circle at 220px 90px,#0000 4px,#2d3748 0),radial-gradient(circle at 40px 120px,#0000 5px,#2d3748 0),radial-gradient(circle at 80px 140px,#0000 4px,#2d3748 0),radial-gradient(circle at 120px 160px,#0000 6px,#2d3748 0),radial-gradient(circle at 160px 180px,#0000 4px,#2d3748 0),#2d3748;background-size:40px 40px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.company-logo{opacity:1;position:relative;z-index:1}@keyframes revealOverlay{0%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}50%{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}to{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}}@keyframes logoFade{0%{opacity:0}1%{opacity:1}50%{opacity:1}60%{opacity:.8}70%{opacity:.6}80%{opacity:.4}90%{opacity:.2}99%{opacity:0}to{opacity:0}}@keyframes fadeInLogo{0%{opacity:0}to{opacity:1}}.how-it-works{flex:1 1}.how-it-works h3{color:#2b6cb0;font-size:18px;font-weight:600;margin:0 0 16px;text-decoration:underline;-webkit-text-decoration-color:#3182ce;text-decoration-color:#3182ce;text-underline-offset:4px}.steps{flex-direction:column}.step,.steps{display:flex;gap:12px}.step{align-items:center}.step-number{background:linear-gradient(135deg,#2b6cb0,#3182ce);color:#fff;font-size:14px;height:24px;width:24px}.step-text{color:#e2e8f0;font-size:14px;font-weight:500}.company-logo{border-radius:12px;box-shadow:0 4px 12px #0000001a;height:200px;object-fit:cover;width:280px}.company-name{-webkit-text-fill-color:#0000;animation:shimmer 5s ease-in-out infinite;background:linear-gradient(90deg,#2b6cb0,#3182ce 25%,#63b3ed 50%,#3182ce 75%,#2b6cb0);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;color:#2b6cb0;font-size:28px;font-weight:700;letter-spacing:1px;margin:0}.project-description{margin-bottom:24px;text-align:left}.project-description h2{color:#fff;font-size:18px;font-weight:600;margin:0 0 10px;text-align:left}.features-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:24px}.feature-item{align-items:flex-start;background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #2b6cb0;box-shadow:0 4px 12px #2b6cb033;gap:12px;padding:16px;transition:all .3s ease}.feature-item:hover{border-color:#3182ce;box-shadow:0 6px 20px #2b6cb04d;transform:translateY(-2px)}.feature-item.clickable{cursor:pointer;transition:all .3s ease}.feature-item.clickable:hover{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#3182ce;box-shadow:0 8px 25px #2b6cb066;transform:translateY(-3px)}.feature-item.clickable:active{box-shadow:0 4px 15px #2b6cb04d;transform:translateY(-1px)}.feature-icon{font-size:24px;margin-top:2px}.feature-text{display:flex;flex-direction:column;gap:3px}.feature-text strong{color:#fff!important;font-size:14px;font-weight:600;margin-bottom:4px}.feature-text span{color:#e2e8f0;font-size:13px;line-height:1.4}.company-watermark{bottom:16px;opacity:.3;position:absolute;right:16px}.auth-card h2{color:#fff;font-size:28px;font-weight:600;margin:0 0 6px}.auth-subtitle{color:#e2e8f0;font-size:15px;margin:0 0 24px}.auth-form{text-align:left}.auth-form .form-group{margin-bottom:8px!important;margin-top:0!important}.auth-form label{color:#333;display:block;font-size:14px;font-weight:500;line-height:1.2;margin-bottom:2px;margin-top:0!important}.auth-input{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:16px;padding:10px 14px;transition:border-color .2s ease;width:100%}.auth-input:focus{border-color:#2b6cb0;outline:none}.auth-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;margin-top:6px;padding:10px 14px;transition:all .2s ease;width:100%}.auth-button.primary{background:linear-gradient(135deg,#2b6cb0,#3182ce);color:#fff}.auth-button.primary:hover:not(:disabled){box-shadow:0 5px 15px #2b6cb066;transform:translateY(-2px)}.auth-button.primary.signup-mode{animation:signupPulse .6s ease-in-out!important;background:linear-gradient(135deg,#1a4d80,#2c5aa0)!important;border:3px solid #0f3a5c!important;box-shadow:0 8px 25px #1a4d8080!important;color:#fff!important;transform:scale(1.05)!important}@keyframes signupPulse{0%{box-shadow:0 8px 25px #1a4d8080;transform:scale(1.05)}50%{box-shadow:0 12px 35px #1a4d80b3;transform:scale(1.08)}to{box-shadow:0 8px 25px #1a4d8080;transform:scale(1.05)}}.auth-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-footer{border-top:1px solid #e1e5e9;margin-top:12px;padding-top:12px}.auth-footer p{color:#666;font-size:14px;margin:0}.auth-link{background:none;border:none;color:#2b6cb0;cursor:pointer;font-size:18px;font-weight:600;margin:0;padding:0;text-decoration:underline}.auth-link:hover{color:#3182ce}.error-message{background:#fee;border:1px solid #fed7d7;color:#c53030}.error-message,.success-message{font-size:14px;padding:12px 16px}.success-message{background:#f0fff4;border:1px solid #c6f6d5;color:#2f855a}@media (max-width:768px){.auth-card{flex-direction:column;gap:30px;max-width:500px}.auth-left-section{padding-right:0;text-align:center}.auth-right-section{border-left:none;border-top:1px solid #e2e8f0;flex:none;padding-left:0;padding-top:30px}.logo-and-steps{flex-direction:column;gap:24px}.how-it-works h3,.logo-and-steps{text-align:center}}@media (max-width:480px){.auth-card{margin:10px;max-width:100%;padding:30px 20px}.auth-card h2{font-size:24px}.auth-subtitle{font-size:14px}.company-name{font-size:20px}.company-logo{height:75px;width:105px}.features-grid{gap:12px}.feature-item{padding:12px}.feature-icon{font-size:20px}.feature-text strong{font-size:13px}.feature-text span{font-size:12px}}@media (min-width:768px){.features-grid{gap:20px;grid-template-columns:1fr 1fr}}.social-login-section{margin-bottom:20px}.social-login-label{color:#fff;font-size:14px;margin-bottom:12px;text-align:center}.social-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.social-button{align-items:center;background:#fff;border:2px solid #dadce0;border-radius:8px;color:#3c4043;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.social-button:hover{background:#f8f9fa;box-shadow:none;color:#3c4043;transform:none}.social-button:disabled{cursor:not-allowed;opacity:.8}.social-icon{height:20px;width:20px}.google-button{background:#fff!important;border:2px solid #dadce0!important;color:#3c4043!important;cursor:pointer;font-weight:500;transition:all .2s ease}.google-button:hover{background:#f8f9fa!important;border-color:#4285f4!important;box-shadow:0 1px 3px #0000001a!important;color:#3c4043!important}.google-button:active{background:#f1f3f4!important;transform:translateY(1px)}.google-button:disabled{border-color:#dadce0!important;cursor:not-allowed;opacity:.8}.google-button:disabled,.linkedin-button{background:#fff!important;color:#3c4043!important}.linkedin-button{border:2px solid #dadce0!important;cursor:pointer;font-weight:500;transition:all .2s ease}.linkedin-button:hover{background:#f8f9fa!important;border-color:#0077b5!important;box-shadow:0 1px 3px #0000001a!important;color:#3c4043!important}.linkedin-button:active{background:#f1f3f4!important;transform:translateY(1px)}.linkedin-button:disabled{border-color:#dadce0!important;cursor:not-allowed;opacity:.8}.github-button,.linkedin-button:disabled{background:#fff!important;color:#3c4043!important}.github-button{border:2px solid #dadce0!important;cursor:pointer;font-weight:500;transition:all .2s ease}.github-button:hover{background:#f8f9fa!important;border-color:#333!important;box-shadow:0 1px 3px #0000001a!important;color:#3c4043!important}.github-button:active{background:#f1f3f4!important;transform:translateY(1px)}.github-button:disabled{background:#fff!important;border-color:#dadce0!important;color:#3c4043!important;cursor:not-allowed;opacity:.8}.divider{margin:16px 0;position:relative;text-align:center}.divider span{background:#2d3748;color:#e2e8f0;font-size:14px;font-weight:500;padding:0 12px}.modal-overlay{animation:fadeIn .3s ease;background:#000000b3;padding:20px}.modal-content{animation:slideIn .3s ease;background:#2d3748;border:1px solid #4a5568;border-radius:16px;box-shadow:0 20px 40px #00000080;max-height:95vh;max-width:1100px;min-height:70vh;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #4a5568;margin:0!important;padding:10px 20px 8px;position:relative}.modal-title-container{align-items:baseline;display:flex;flex-wrap:nowrap;gap:0;margin:0}.modal-title{-webkit-text-fill-color:#0000;animation:shimmer 5s ease-in-out infinite;background:linear-gradient(90deg,#2b6cb0,#3182ce 25%,#63b3ed 50%,#3182ce 75%,#2b6cb0);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;display:inline-block;font-size:28px!important;font-weight:700;line-height:1;margin:0}.modal-subtitle-right{color:#fff;display:inline-block;font-size:14px;line-height:1;margin-left:12px;opacity:.95;white-space:nowrap}.modal-close{background:none;border:none;color:#e2e8f0;cursor:pointer;font-size:28px;line-height:1;padding:4px;position:absolute;right:16px;top:16px;transition:color .2s ease}.modal-close:hover{color:#fff}.modal-body{padding:20px 24px}.modal-content-layout{align-items:center;display:flex;gap:24px}.modal-image-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr}.modal-image-block{display:flex;flex-direction:column;gap:8px}.modal-image-caption{color:#2b6cb0;font-size:18px;font-weight:600;margin:0}.modal-text-content{flex:0 0 50%;max-width:560px;min-width:0}.modal-description{color:#e2e8f0;font-size:18px;font-style:italic;line-height:1.6;margin:0 0 24px}.modal-image-container{border:2px solid #4a5568;border-radius:12px;box-shadow:0 8px 20px #0000004d;cursor:pointer;flex:none;max-height:none;overflow:hidden;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.modal-image-container:hover{box-shadow:0 12px 30px #0006;transform:scale(1.02)}.modal-image{border-radius:10px;display:block;height:auto;max-height:184px;object-fit:contain;transition:opacity .3s ease;width:100%}.modal-image-container.single-image .modal-image{max-height:280px;min-height:200px}.clickable-image{cursor:pointer}.image-overlay{align-items:center;background:#000000b3;border-radius:10px;bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.modal-image-container:hover .image-overlay{opacity:1}.image-zoom-text{color:#fff;font-size:16px;font-weight:600;text-shadow:0 2px 4px #000c}.modal-details h4{color:#2b6cb0;font-size:18px;font-weight:600;margin:0 0 10px}.modal-details .modal-bullets+h4,.modal-details h4+.modal-bullets+h4{margin-top:20px}.modal-details p{color:#e2e8f0;font-size:16px;line-height:1.7;margin:0}.modal-bullets{color:#e2e8f0;font-size:15px;line-height:1.6;margin:0 0 0 18px;padding:0}.modal-bullets li{margin-bottom:8px}.modal-footer{border-top:1px solid #4a5568;padding:16px 24px 24px;text-align:center}.modal-button{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s ease}.modal-button:hover{box-shadow:0 5px 15px #2b6cb066;transform:translateY(-2px)}.modal-button:active{transform:translateY(0)}@media (max-width:1024px){.modal-content{margin:20px;max-width:95vw}.modal-image-container{flex:0 0 400px;max-height:500px}.modal-image-grid{grid-template-columns:1fr}}@media (max-width:768px){.modal-content{margin:10px;max-height:95vh;max-width:calc(100vw - 20px)}.modal-header{padding:20px 20px 12px}.modal-body{padding:16px 20px}.modal-footer{padding:12px 20px 20px}.modal-title{font-size:36px}.modal-content-layout{flex-direction:column;gap:20px}.modal-image-container{flex:none;max-height:300px;order:-1}.modal-image-grid{grid-template-columns:1fr}.modal-image-container{margin:0;max-width:400px;width:auto}.modal-image-container.single-image{margin:0 auto;max-width:900px;min-height:450px;min-width:700px}@media (max-width:1024px){.modal-text-content{flex:0 0 55%;max-width:540px}.modal-image-container{margin:0;max-width:360px;width:auto}.modal-image-container.single-image{margin:0 auto;max-width:750px;min-height:380px;min-width:600px}}@media (max-width:768px){.modal-text-content{flex:1 1 auto;max-width:none}.modal-image-container{margin:0;max-width:320px;width:auto}.modal-image-container.single-image{margin:0 auto;max-width:600px;min-height:300px;min-width:480px}}.modal-description,.modal-details h4{font-size:16px}.modal-details p{font-size:14px}}.image-modal-overlay{animation:fadeIn .3s ease;background:#000000f2;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.image-modal-content,.image-modal-overlay{align-items:center;display:flex;justify-content:center}.image-modal-content{max-height:95vh;max-width:95vw;position:relative}.image-modal-close{background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:32px;line-height:1;padding:8px 12px;position:absolute;right:0;top:-40px;transition:background .2s ease;z-index:2001}.image-modal-close:hover{background:#000000e6}.full-size-image{animation:zoomIn .3s ease;border-radius:8px;box-shadow:0 20px 60px #000c;cursor:pointer;height:auto;max-height:95vh;max-width:100%;transition:transform .2s ease,box-shadow .2s ease;width:auto}.full-size-image:hover{box-shadow:0 25px 70px #000000e6;transform:scale(1.02)}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.image-modal-overlay{padding:10px}.image-modal-close{font-size:28px;padding:6px 10px;top:-35px}.full-size-image{max-height:90vh}}.profile-completion-container{align-items:center;background:linear-gradient(135deg,#1a202c,#2d3748);display:flex;justify-content:center;min-height:100vh;padding:20px}.profile-completion-card{background:#2d3748;border:1px solid #4a5568;border-radius:16px;box-shadow:0 20px 40px #00000080;max-width:500px;padding:24px;width:100%}.profile-completion-header{margin-bottom:12px;text-align:center}.profile-completion-header h1{-webkit-text-fill-color:#0000;animation:shimmer 5s ease-in-out infinite;background:linear-gradient(90deg,#2b6cb0,#3182ce 25%,#63b3ed 50%,#3182ce 75%,#2b6cb0);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;color:#fff;font-size:32px;font-weight:700;margin:0 0 12px}.profile-completion-header p{color:#e2e8f0;font-size:16px;line-height:1.5;margin:0}@keyframes shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.profile-completion-form{display:flex;flex-direction:column;gap:8px}.form-group{display:flex;flex-direction:column;gap:3px}.form-group label{font-size:14px;margin-bottom:4px}.form-group label.required:after{color:#f56565;content:" *"}.form-group input{background:#1a202c;border:2px solid #4a5568;border-radius:8px;color:#fff;font-size:16px;outline:none;padding:6px 10px;transition:all .2s ease}.form-group input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.form-group input.error{border-color:#f56565;box-shadow:0 0 0 3px #f565651a}.form-group input::placeholder{color:#a0aec0}.error-message{color:#f56565;font-size:12px;margin-top:4px}.message{border-radius:8px;font-size:14px;font-weight:500;padding:12px 16px;text-align:center}.message.error{background:#f565651a;border:1px solid #f56565;color:#f56565}.message.success{background:#48bb781a;border:1px solid #48bb78;color:#48bb78}.form-actions{margin-top:2px}.submit-button{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-height:40px;padding:8px 24px;transition:all .2s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 8px 25px #2b6cb066;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.profile-completion-footer{margin-top:8px;text-align:center}.profile-completion-footer p{color:#a0aec0;font-size:14px;margin:0}.loading{color:#e2e8f0;font-size:16px;padding:40px;text-align:center}@media (max-width:768px){.profile-completion-container{padding:16px}.profile-completion-card{padding:24px}.profile-completion-header h1{font-size:28px}.profile-completion-header p{font-size:14px}}.profile-modal-overlay{align-items:center;animation:profile-fadeIn .3s ease;background:#2d3748cc;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}@keyframes profile-fadeIn{0%{opacity:0}to{opacity:1}}.profile-modal-content{animation:profile-slideIn .3s ease;background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:12px;box-shadow:0 20px 40px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes profile-slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.profile-modal-header{align-items:center;background:#0000;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:24px 24px 16px}.profile-modal-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.profile-modal-close{background:none;border:none;border-radius:4px;color:#e2e8f0;cursor:pointer;font-size:28px;line-height:1;padding:4px;transition:all .2s ease}.profile-modal-close:hover{background:#2b6cb04d;color:#fff}.profile-modal-body{padding:24px}.profile-form{gap:24px}.profile-form,.profile-section{display:flex;flex-direction:column}.profile-section{gap:16px}.profile-section h3{border-bottom:2px solid #2b6cb0;color:#2b6cb0;font-size:18px;font-weight:600;margin:0 0 8px;padding-bottom:8px}.profile-form-group{display:flex;flex-direction:column;gap:6px}.profile-form-row{align-items:flex-end;display:flex;gap:16px}.profile-form-group-half{flex:1 1}.profile-form-group label{color:#e2e8f0;font-size:14px;font-weight:500}.profile-form-group input,.profile-form-group select,.profile-form-group textarea{background:#2d3748;border:1px solid #4a5568;border-radius:8px;box-sizing:border-box;color:#e2e8f0;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.profile-form-group input:focus,.profile-form-group select:focus,.profile-form-group textarea:focus{background:#374151;border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb033;outline:none}.profile-disabled-input,.profile-form-group input:disabled{background:#4a5568;border-color:#4a5568;color:#a0aec0;cursor:not-allowed}.profile-form-group small{color:#a0aec0;font-size:12px;margin-top:4px}.profile-form-group textarea{min-height:80px;resize:vertical}.profile-checkbox-group{align-items:center;display:flex;gap:8px;margin-top:4px}.profile-checkbox-group input[type=checkbox]{accent-color:#2b6cb0;margin:0;width:auto}.profile-checkbox-group label{color:#e2e8f0;cursor:pointer;font-size:14px;margin:0}.profile-form-group input::placeholder,.profile-form-group textarea::placeholder{color:#a0aec0}.profile-loading-message{color:#a0aec0;font-size:16px;padding:40px;text-align:center}.profile-modal-footer{background:#0000;border-radius:0 0 12px 12px;padding:16px 24px 24px}.profile-message{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 16px}.profile-message.profile-success{background:#38b2ac33;border:1px solid #38b2ac;color:#38b2ac}.profile-message.profile-error{background:#f5656533;border:1px solid #f56565;color:#f56565}.profile-actions{display:flex;gap:12px;justify-content:flex-end}.profile-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:10px 20px;transition:all .2s ease}.profile-btn:disabled{cursor:not-allowed;opacity:.6}.profile-btn-secondary{background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #2b6cb0;color:#e2e8f0}.profile-btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#2d3748,#4a5568);border-color:#3182ce}.profile-btn-primary{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:1px solid #2b6cb0;color:#fff}.profile-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3182ce,#2b6cb0);border-color:#3182ce}@media (max-width:768px){.profile-modal-content{margin:10px;max-height:95vh;max-width:calc(100vw - 20px)}.profile-modal-header{padding:20px 20px 12px}.profile-modal-body{padding:20px}.profile-modal-footer{padding:12px 20px 20px}.profile-modal-header h2{font-size:20px}.profile-actions{flex-direction:column}.btn{width:100%}.profile-form-row{flex-direction:column;gap:16px}.profile-form-group-half{flex:none}}.settings-modal-overlay{align-items:center;animation:settings-fadeIn .3s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes settings-fadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{animation:settings-slideIn .3s ease-out;background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:80vh;max-width:600px;overflow-y:auto;position:relative;width:90%}@keyframes settings-slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-modal-header{align-items:center;background:linear-gradient(135deg,#2b6cb0,#3182ce);border-bottom:1px solid #2b6cb0;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.settings-modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.settings-header-actions{align-items:center;display:flex;gap:12px}.settings-error,.settings-loading,.settings-saving,.settings-success{border-radius:4px;font-size:14px;font-weight:500;padding:4px 8px}.settings-loading,.settings-saving{background:#63b3ed1a;color:#63b3ed}.settings-success{background:#68d3911a;color:#68d391}.settings-error{background:#fc81811a;color:#fc8181}.settings-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.settings-close-btn:hover{background:#fff3;transform:scale(1.1)}.settings-modal-content{padding:24px}.settings-section{margin-bottom:32px}.settings-section:last-child{margin-bottom:0}.settings-section h3{border-bottom:1px solid #4a5568;color:#e2e8f0;font-size:1.2rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.settings-group{background:#2d37484d;border:1px solid #4a5568;border-radius:12px;margin-bottom:16px;padding:20px}.settings-group:last-child{margin-bottom:0}.settings-item{align-items:flex-start;border-bottom:1px solid #4a55684d;display:flex;gap:16px;padding:12px 0}.settings-item:last-child{border-bottom:none;padding-bottom:0}.settings-item:first-child{padding-top:0}.settings-item-content{flex:1 1}.settings-item-title{align-items:center;color:#e2e8f0;display:flex;font-size:16px;font-weight:500;gap:8px;margin:0 0 4px}.settings-item-description{color:#a0aec0;font-size:14px;line-height:1.4;margin:0}.settings-toggle{display:inline-block;flex-shrink:0;height:24px;position:relative;width:50px}.settings-toggle input{height:100%;opacity:0;width:100%;z-index:1}.settings-slider,.settings-toggle input{cursor:pointer;left:0;position:absolute;top:0}.settings-slider{background-color:#4a5568;border:1px solid #2b6cb0;border-radius:24px;bottom:0;right:0;transition:.3s}.settings-slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 2px 4px #0003;content:"";height:18px;left:2px;position:absolute;transition:.3s;width:18px}.settings-toggle input:checked+.settings-slider{background-color:#2b6cb0;border-color:#3182ce}.settings-toggle input:checked+.settings-slider:before{transform:translateX(26px)}.settings-toggle:hover .settings-slider{box-shadow:0 0 8px #2b6cb04d}.settings-status{align-items:center;color:#a0aec0;display:flex;font-size:12px;gap:8px;margin-top:4px}.settings-status.success{color:#22c55e}.settings-status.error{color:#ef4444}.settings-status.warning{color:#f59e0b}.settings-icon{color:#2b6cb0;font-size:18px}.settings-test-btn{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;padding:8px 16px;transition:all .2s ease}.settings-test-btn:hover:not(:disabled){background:linear-gradient(135deg,#3182ce,#2b6cb0);box-shadow:0 4px 12px #2b6cb04d;transform:translateY(-1px)}.settings-test-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.settings-footer{background:#2d37484d;border-radius:0 0 16px 16px;border-top:1px solid #4a5568;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.settings-save-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.settings-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.settings-save-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.settings-cancel-btn{background:#0000;border:1px solid #4a5568;border-radius:8px;color:#a0aec0;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.settings-cancel-btn:hover{background:#4a55684d;border-color:#6b7280;color:#e2e8f0}@media (max-width:768px){.settings-modal{margin:20px;max-height:90vh;width:95%}.settings-modal-header{padding:16px 20px}.settings-modal-header h2{font-size:1.3rem}.settings-modal-content{padding:20px}.settings-group{padding:16px}.settings-item{align-items:flex-start;flex-direction:column;gap:12px}.settings-toggle{align-self:flex-end}.settings-footer{flex-direction:column;padding:16px 20px}.settings-cancel-btn,.settings-save-btn{text-align:center;width:100%}}.settings-modal::-webkit-scrollbar{background:#0000;width:2px}.settings-modal::-webkit-scrollbar-thumb,.settings-modal::-webkit-scrollbar-track{background:#0000;border-radius:0}.settings-modal::-webkit-scrollbar-thumb:hover{background:#0000}.settings-modal{scrollbar-color:#0000 #0000;scrollbar-width:thin}.interview-company-container{background:linear-gradient(135deg,#2d3748,#4a5568 50%,#2b6cb0);color:#e2e8f0;min-height:100vh;padding:20px}.interview-company-header{align-items:center;border-bottom:2px solid #2b6cb0;display:flex;justify-content:space-between;margin-bottom:30px}.interview-company-header h1{-webkit-text-fill-color:#0000;animation:interview-company-gradient 6s ease infinite;background:linear-gradient(90deg,#2b6cb0,#3182ce 25%,#63b3ed 50%,#3182ce 75%,#2b6cb0);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;color:#fff;font-size:2.5rem;font-weight:700;margin:0}@keyframes interview-company-gradient{0%{background-position:200% 0}50%{background-position:-200% 0}to{background-position:200% 0}}.interview-company-back-btn{background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #2b6cb0;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.interview-company-back-btn:hover{background:linear-gradient(135deg,#2d3748,#4a5568);border-color:#3182ce;box-shadow:0 4px 12px #2b6cb04d;transform:translateY(-2px)}.interview-company-loading{align-items:center;color:#e2e8f0;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.interview-company-spinner{animation:interview-company-spin 1s linear infinite;border:4px solid #4a5568;border-radius:50%;border-top-color:#2b6cb0;height:40px;margin-bottom:20px;width:40px}@keyframes interview-company-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.interview-company-message{border-radius:8px;font-weight:500;margin-bottom:20px;padding:12px 20px;text-align:center}.interview-company-message.success{background:#38b2ac33;border:1px solid #38b2ac;color:#38b2ac}.interview-company-message.error{background:#f5656533;border:1px solid #f56565;color:#f56565}.interview-company-resume-selector{background:#2d37484d;border-radius:12px;margin-bottom:30px}.interview-company-resume-selector label{color:#e2e8f0;display:block;font-size:16px;font-weight:600;margin-bottom:10px}.interview-company-resume-select{background:#2d3748;border:1px solid #4a5568;border-radius:8px;color:#e2e8f0;font-family:inherit;font-size:14px;max-width:400px;min-width:200px;padding:12px 16px;transition:all .2s ease;width:auto}.interview-company-resume-select:focus{background:#374151;border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb033;outline:none}.interview-company-no-resumes{color:#f56565;font-size:14px;font-style:italic;margin-top:10px;text-align:center}.interview-company-tabs{background:#2d374880;border:1px solid #2b6cb0;border-radius:12px;display:flex;gap:4px;margin-bottom:30px;padding:4px}.interview-company-tab{background:#0000;border:none;border-radius:8px;color:#a0aec0;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.interview-company-tab:hover{background:#2b6cb033;color:#e2e8f0}.interview-company-tab.active{background:linear-gradient(135deg,#2b6cb0,#3182ce);box-shadow:0 2px 8px #2b6cb04d;color:#fff}.interview-company-content{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:30px}.interview-company-section h2{border-bottom:2px solid #2b6cb0;color:#2b6cb0;font-size:1.8rem;font-weight:600;margin-bottom:10px;padding-bottom:10px}.interview-company-section-description{color:#a0aec0;font-size:16px;font-style:italic;margin-bottom:30px;text-align:center}.interview-company-subsection-description{color:#a0aec0;font-size:14px;font-style:italic;margin-bottom:15px}.interview-company-section h3{color:#63b3ed;font-size:1.4rem;font-weight:600;margin-bottom:20px}.interview-company-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.interview-company-form{display:flex;flex-direction:column;gap:20px}.interview-company-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.interview-company-form-grid-sm{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.interview-company-form-group{display:flex;flex-direction:column;gap:8px}.interview-company-form-group label{color:#e2e8f0;font-size:14px;font-weight:500}.interview-company-form-group input,.interview-company-form-group select,.interview-company-form-group textarea{background:#2d3748;border:1px solid #4a5568;border-radius:8px;box-sizing:border-box;color:#e2e8f0;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.interview-company-form-group input:focus,.interview-company-form-group select:focus,.interview-company-form-group textarea:focus{background:#374151;border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb033;outline:none}.interview-company-form-group input::placeholder,.interview-company-form-group textarea::placeholder{color:#a0aec0}.interview-company-form-actions{display:flex;gap:12px;margin-top:20px}.interview-company-save-btn{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:1px solid #2b6cb0;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.interview-company-save-btn:hover{background:linear-gradient(135deg,#3182ce,#2b6cb0);border-color:#3182ce;box-shadow:0 4px 12px #2b6cb04d;transform:translateY(-2px)}.interview-company-cancel-btn{background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #2b6cb0;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.interview-company-cancel-btn:hover{background:linear-gradient(135deg,#2d3748,#4a5568);border-color:#3182ce}.interview-company-add-btn{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:1px solid #2b6cb0;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.interview-company-add-btn:hover{background:linear-gradient(135deg,#3182ce,#2b6cb0);box-shadow:0 4px 12px #2b6cb04d;transform:translateY(-2px)}.interview-company-add-interviewer-section{margin:20px 0;padding:15px 0;text-align:center}.interview-company-pending-forms{background:#38b2ac1a;border:1px solid #38b2ac;border-radius:8px;margin-bottom:20px;padding:15px}.interview-company-pending-forms h4{color:#38b2ac;font-size:16px;margin:0 0 10px}.interview-company-pending-list{display:flex;flex-wrap:wrap;gap:8px}.interview-company-pending-item{align-items:center;background:#38b2ac33;border:1px solid #38b2ac;border-radius:6px;display:flex;font-size:14px;gap:8px;padding:6px 12px}.interview-company-remove-btn{align-items:center;background:#e53e3e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.interview-company-remove-btn:hover{background:#c53030}.interview-company-interviewer-form{background:#2d37484d;border-radius:12px}.interview-company-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.interview-company-form-header h3{color:#e2e8f0;margin:0}.interview-company-interviewers-list{grid-gap:20px;display:grid;gap:20px}.interview-company-interviewer-card{background:#2d37484d;border:1px solid #4a5568;border-radius:12px;padding:20px;transition:all .3s ease}.interview-company-interviewer-card:hover{border-color:#2b6cb0;box-shadow:0 4px 12px #2b6cb033}.interview-company-interviewer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.interview-company-interviewer-header h4{color:#63b3ed;font-size:1.2rem;font-weight:600;margin:0}.interview-company-interviewer-actions{display:flex;gap:8px}.interview-company-edit-btn{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:1px solid #2b6cb0;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s ease}.interview-company-edit-btn:hover{background:linear-gradient(135deg,#3182ce,#2b6cb0)}.interview-company-delete-btn{background:linear-gradient(135deg,#f56565,#e53e3e);border:1px solid #f56565;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s ease}.interview-company-delete-btn:hover{background:linear-gradient(135deg,#e53e3e,#f56565)}.interview-company-interviewer-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.interview-company-interviewer-details p{color:#a0aec0;font-size:14px;margin:0}.interview-company-interviewer-details strong{color:#e2e8f0}.interview-company-interview-details{background:#2d37484d;border:1px solid #2b6cb0;border-radius:12px;margin-bottom:30px;padding:25px}.interview-company-interview-details h3{color:#63b3ed;font-size:1.4rem;font-weight:600;margin-bottom:20px}.interview-company-prep-form{background:#2d37484d;border-radius:12px;margin-bottom:30px}.interview-company-prep-notes{grid-gap:15px;display:grid;gap:15px}.interview-company-split{align-items:stretch;display:flex;gap:20px}.interview-company-split .interview-company-interview-details,.interview-company-split .interview-company-prep-form{flex:1 1}@media (max-width:900px){.interview-company-split{flex-direction:column}}.interview-company-prep-note{background:#2d37484d;border:1px solid #4a5568;border-radius:12px;padding:20px;transition:all .3s ease}.interview-company-prep-note.completed{border-color:#38b2ac;opacity:.7}.interview-company-prep-note.completed .interview-company-prep-note-title h4{color:#a0aec0;text-decoration:line-through}.interview-company-prep-note-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.interview-company-prep-note-title{align-items:center;display:flex;gap:12px}.interview-company-prep-note-title input[type=checkbox]{accent-color:#2b6cb0;height:18px;width:18px}.interview-company-prep-note-title h4{color:#63b3ed;font-size:1.1rem;font-weight:600;margin:0}.interview-company-priority{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.interview-company-priority.low{background:#38b2ac33;border:1px solid #38b2ac;color:#38b2ac}.interview-company-priority.medium{background:#f59e0b33;border:1px solid #f59e0b;color:#f59e0b}.interview-company-priority.high{background:#f5656533;border:1px solid #f56565;color:#f56565}.interview-company-prep-note-content p{color:#a0aec0;font-size:14px;margin:5px 0}.interview-company-prep-note-content strong{color:#e2e8f0}.interview-company-bulk-section{background:#2d37484d;border-radius:12px;padding:0}.interview-company-bulk-section h3{color:#63b3ed;font-size:1.4rem;font-weight:600;margin-bottom:15px}.interview-company-bulk-input-container{display:flex;flex-direction:column;gap:15px}.interview-company-bulk-textarea{background:#2d3748;border:1px solid #4a5568;border-radius:8px;color:#e2e8f0;font-family:inherit;font-size:14px;min-height:120px;padding:15px;resize:vertical;transition:all .2s ease;width:100%}.interview-company-bulk-textarea:focus{background:#374151;border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb033;outline:none}.interview-company-bulk-textarea::placeholder{color:#a0aec0}.interview-company-bulk-actions{display:flex;gap:12px;justify-content:flex-start}.interview-company-bulk-info-display{background:#2d374880;border-left:4px solid #2b6cb0;border-radius:8px;margin-top:15px;padding:15px}.interview-company-bulk-text{color:#a0aec0;font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap}@media (max-width:768px){.interview-company-container{padding:10px}.interview-company-header{flex-direction:column;gap:15px;text-align:center}.interview-company-header h1{font-size:2rem}.interview-company-tabs{flex-direction:column}.interview-company-form-row{grid-template-columns:1fr}.interview-company-section-header{align-items:stretch;flex-direction:column;gap:15px}.interview-company-interviewer-header{align-items:stretch;flex-direction:column;gap:10px}.interview-company-interviewer-actions{justify-content:center}.interview-company-prep-note-header{align-items:stretch;flex-direction:column;gap:10px}.interview-company-prep-note-title{justify-content:center}}.interview-company-section-footer{border-top:1px solid #4a5568;display:flex;justify-content:center;margin-top:30px;padding-top:20px}.interview-company-section-footer .interview-company-save-btn{font-size:16px;min-width:200px;padding:12px 30px}@media (max-width:1100px){.interview-company-form-grid-sm{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.interview-company-form-grid-sm{grid-template-columns:1fr}}.ai-interview-container{background:linear-gradient(135deg,#2d3748,#4a5568 50%,#2b6cb0);color:#e2e8f0;min-height:100vh;padding:20px}.ai-interview-header{align-items:center;border-bottom:2px solid #2b6cb0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.ai-interview-header h1{-webkit-text-fill-color:#0000;animation:ai-interview-gradient 6s ease infinite;background:linear-gradient(90deg,#2b6cb0,#3182ce 25%,#63b3ed 50%,#3182ce 75%,#2b6cb0);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;color:#fff;font-size:2.5rem;font-weight:700;margin:0}.ai-interview-back-btn{background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #2b6cb0;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.ai-interview-back-btn:hover{background:linear-gradient(135deg,#2d3748,#4a5568);border-color:#3182ce;box-shadow:0 4px 12px #2b6cb04d;transform:translateY(-2px)}.ai-interview-message{border-radius:8px;font-weight:500;margin-bottom:20px;padding:12px 20px;text-align:center}.ai-interview-message.success{background:#38b2ac33;border:1px solid #38b2ac;color:#38b2ac}.ai-interview-message.error{background:#f5656533;border:1px solid #f56565;color:#f56565}.ai-interview-no-resumes-container{background:#f565651a;border:1px solid #f56565;border-radius:12px;margin-bottom:30px;padding:30px;text-align:center}.ai-interview-no-resumes{color:#f56565;font-size:16px;font-style:italic;margin:0}.ai-interview-content{align-items:stretch;display:flex;gap:28px;height:calc(100vh - 120px);justify-content:space-between;min-height:500px}.ai-interview-info-panel{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;flex-shrink:0;gap:14px;height:100%;max-width:350px;overflow:auto;padding:16px;width:300px}.ai-interview-session-controls{align-items:stretch;display:flex;flex-direction:column;width:100%}.ai-interview-setup-form{display:flex;flex-direction:column;gap:20px;width:100%}.ai-interview-form-group{display:flex;flex-direction:column;gap:8px}.ai-interview-form-group label{color:#e2e8f0;font-size:14px;font-weight:600}.ai-interview-select{background:#2d3748;border:1px solid #4a5568;border-radius:8px;color:#e2e8f0;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.ai-interview-select:focus{background:#374151;border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb033;outline:none}.ai-interview-start-btn{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:1px solid #2b6cb0;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:10px;padding:16px 32px;transition:all .3s ease;width:100%}.ai-interview-start-btn:hover:not(:disabled){background:linear-gradient(135deg,#3182ce,#2b6cb0);box-shadow:0 6px 20px #2b6cb066;transform:translateY(-2px)}.ai-interview-start-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.ai-interview-session-actions{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.ai-interview-reset-btn{background:linear-gradient(135deg,#f56565,#e53e3e);border:1px solid #f56565;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.ai-interview-reset-btn:hover{background:linear-gradient(135deg,#e53e3e,#f56565);box-shadow:0 4px 12px #f565654d;transform:translateY(-1px)}.ai-interview-session-status{color:#68d391;font-size:16px;margin-bottom:10px}.ai-interview-session-status,.ai-interview-timer{align-items:center;display:flex;font-weight:600;gap:8px}.ai-interview-timer{background:#2b6cb033;border:1px solid #2b6cb0;border-radius:8px;color:#e2e8f0;font-size:18px;padding:8px 16px}.ai-interview-time-display{color:#63b3ed;font-family:Courier New,monospace;font-size:20px;font-weight:700}.ai-interview-context-info{background:#2d374880;border-radius:8px;overflow:auto;padding:14px}.ai-interview-context-info h3{color:#63b3ed;font-size:1.2rem;font-weight:600;margin-bottom:15px;margin-top:0}.ai-interview-context-grid{display:flex;flex-direction:column;gap:10px}.ai-interview-context-item{color:#a0aec0;font-size:14px;line-height:1.5}.ai-interview-context-item strong{color:#e2e8f0}.ai-interview-interviewers-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}.ai-interview-interviewer-item{align-items:center;background:#2d37484d;border-radius:4px;display:flex;font-size:13px;gap:4px;padding:4px 8px}.ai-interview-interviewer-name{color:#63b3ed;font-weight:600}.ai-interview-interviewer-title{color:#a0aec0;font-style:italic}.ai-interview-chatbot-container{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow:hidden;width:600px}.ai-interview-chatbot-header{background:linear-gradient(135deg,#2b6cb0,#3182ce);border-bottom:1px solid #2b6cb0;padding:12px 20px;transition:all .3s ease}.ai-interview-chatbot-header.collapsed{padding:8px 20px}.ai-interview-chatbot-header-content,.ai-interview-chatbot-profile{align-items:center;display:flex}.ai-interview-chatbot-profile{gap:15px}.ai-interview-chatbot-avatar{align-items:center;background:#ffffff1a;border:3px solid #fff3;border-radius:50%;display:flex;height:50px;justify-content:center;overflow:hidden;transition:all .3s ease;width:50px}.ai-interview-chatbot-header.collapsed .ai-interview-chatbot-avatar{height:35px;width:35px}.ai-interview-chatbot-avatar img{height:100%;object-fit:cover;width:100%}.ai-interview-avatar-fallback{color:#fff;display:none;font-size:18px;font-weight:700}.ai-interview-chatbot-title h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0;transition:all .3s ease}.ai-interview-chatbot-header.collapsed .ai-interview-chatbot-title h3{font-size:1rem}.ai-interview-chatbot-status{color:#fffc;font-size:14px;font-weight:400;transition:all .3s ease}.ai-interview-chatbot-header.collapsed .ai-interview-chatbot-status{font-size:12px}.ai-interview-chatbot-messages{background:#2d37481a;display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:12px}.ai-interview-message-bubble{animation:ai-interview-messageSlideIn .3s ease-out;max-width:80%}@keyframes ai-interview-messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-interview-message-bubble.user-message{align-self:flex-end}.ai-interview-message-bubble.bot-message{align-self:flex-start}.ai-interview-message-content{background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #4a5568;border-radius:18px;padding:15px 20px;position:relative}.ai-interview-message-bubble.user-message .ai-interview-message-content{background:linear-gradient(135deg,#2b6cb0,#3182ce);border-color:#2b6cb0;color:#fff}.ai-interview-message-bubble.bot-message .ai-interview-message-content{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#4a5568;color:#e2e8f0}.ai-interview-message-content p{font-size:15px;line-height:1.5;margin:0}.ai-interview-typing-indicator{align-items:center;display:flex;gap:4px;padding:5px 0}.ai-interview-typing-indicator span{animation:ai-interview-typing 1.4s ease-in-out infinite;background:#63b3ed;border-radius:50%;height:8px;width:8px}.ai-interview-typing-indicator span:nth-child(2){animation-delay:.2s}.ai-interview-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes ai-interview-typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.ai-interview-chatbot-input{background:#2d37484d;border-top:1px solid #4a5568;display:flex;gap:8px;padding:10px}.ai-interview-chatbot-input input{background:#2d3748;border:1px solid #4a5568;border-radius:25px;color:#e2e8f0;flex:1 1;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease}.ai-interview-chatbot-input input:focus{background:#374151;border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb033;outline:none}.ai-interview-chatbot-input input::placeholder{color:#a0aec0}.ai-interview-chatbot-input input:disabled{cursor:not-allowed;opacity:.6}.ai-interview-chatbot-input button{align-items:center;background:linear-gradient(135deg,#2b6cb0,#3182ce);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:45px;justify-content:center;transition:all .2s ease;width:45px}.ai-interview-chatbot-input button:hover:not(:disabled){background:linear-gradient(135deg,#3182ce,#2b6cb0);transform:scale(1.05)}.ai-interview-chatbot-input button:disabled{cursor:not-allowed;opacity:.4;transform:none}@media (max-width:1024px){.ai-interview-content{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:calc(100vh - 180px)}.ai-interview-info-panel{max-height:200px;max-width:100%;overflow-y:auto;width:100%}}@media (max-width:768px){.ai-interview-container{padding:10px}.ai-interview-info-panel{max-height:250px;max-width:100%;width:100%}.ai-interview-header{flex-direction:column;gap:15px;text-align:center}.ai-interview-header h1{font-size:2rem}.ai-interview-content{height:calc(100vh - 160px);min-height:500px}.ai-interview-session-actions{flex-direction:column;gap:10px}.ai-interview-message-bubble{max-width:95%}.ai-interview-chatbot-input,.ai-interview-chatbot-messages{padding:15px}}.ai-interview-chatbot-messages::-webkit-scrollbar{width:6px}.ai-interview-chatbot-messages::-webkit-scrollbar-track{background:#4a55684d;border-radius:3px}.ai-interview-chatbot-messages::-webkit-scrollbar-thumb{background:#2b6cb099;border-radius:3px}.ai-interview-chatbot-messages::-webkit-scrollbar-thumb:hover{background:#2b6cb0cc}.interview-prep-container{background:linear-gradient(135deg,#2d3748,#4a5568 50%,#2b6cb0);min-height:100vh;padding:20px}.interview-prep-header{color:#fff;margin:0 auto 30px;max-width:1200px;text-align:center}.back-button{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;margin-bottom:20px;transition:all .3s ease}.back-button:hover{background:#ffffff4d}.interview-prep-header h1{-webkit-text-fill-color:#0000;animation:interview-prep-gradient 6s ease infinite;background:linear-gradient(90deg,#2b6cb0,#3182ce 25%,#63b3ed 50%,#3182ce 75%,#2b6cb0);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;color:#fff;font-size:2.5rem;font-weight:700;margin:0;text-align:center}.back-button{position:absolute;right:0;top:50%;transform:translateY(-50%)}.interview-prep-subtitle{color:#ffffffe6;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left;width:100%}.interview-prep-header p{font-size:1.1rem;margin:0;opacity:.9}.interview-prep-content{margin:0 auto;max-width:1200px}.resume-selection-section{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:12px;box-shadow:0 8px 32px #0000004d;margin-bottom:20px;max-width:400px;padding:15px}.resume-selection-section .form-group{margin-bottom:0}.resume-selection-section label{color:#e2e8f0;font-size:14px;font-weight:600;margin-bottom:8px}.resume-selection-section .form-select{background:#2d3748;border:1px solid #4a5568;border-radius:8px;color:#e2e8f0;font-size:14px;padding:10px 12px;transition:all .2s ease}.resume-selection-section .form-select:focus{background:#374151;border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb033;outline:none}.main-content-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr}.prep-section{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:30px}.section-header{margin-bottom:15px;max-height:40px;overflow:hidden}.section-header h2{color:#fff;font-size:1.3rem;margin:0 0 5px}.section-header.progress-background{background:#ffffff1a;border-radius:8px;margin-bottom:15px;max-height:40px;overflow:hidden;padding:8px 12px}.section-header.progress-background:before{background:linear-gradient(90deg,#60a5fa33,#60a5fa59 50%,#60a5fa40)}.section-description{color:#fffc;line-height:1.5;margin:0}.form-group{margin-bottom:25px}.form-group label{color:#e2e8f0;font-size:16px;font-weight:600;margin-bottom:8px}.form-select{background:#2d3748;border:1px solid #4a5568;border-radius:8px;color:#e2e8f0;font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}.form-select:focus{background:#374151;border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb033;outline:none}.readonly-summary-section{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:8px;box-shadow:0 4px 16px #0003;margin-bottom:20px;min-height:auto;padding:12px 16px}.readonly-text{color:#a0aec0;font-size:15px;font-style:italic;line-height:1.5;margin:0;padding:0}.skills-section{background:#0000;border-radius:8px;margin-bottom:10px;padding:15px}.skills-grid{gap:10px}.skill-tag{background:#4a5568;border:1px solid #2b6cb0;border-radius:20px;display:inline-block;font-size:14px;padding:8px 16px;transition:all .3s ease}.skill-tag:hover{background:#374151;border-color:#63b3ed;box-shadow:0 4px 8px #0000004d;color:#e2e8f0}.skill-tag.selected{background:#2d3748;border-color:#63b3ed;box-shadow:0 2px 8px #0000004d;color:#e2e8f0;transform:scale(1.02)}.skill-tag.saved{background:#60a5fa;color:#fff;position:relative}.skill-tag.saved:after{content:"";font-size:12px;font-weight:700;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.no-skills-message{color:#6c757d;font-style:italic;padding:20px;text-align:center}.technologies-section{background:#0000;border-radius:8px;margin-bottom:15px;padding:15px}.technologies-grid{gap:10px}.technology-tag{background:#4a5568;border:1px solid #2b6cb0;border-radius:20px;display:inline-block;font-size:14px;padding:8px 16px;transition:all .3s ease}.technology-tag:hover{background:#374151;border-color:#63b3ed;box-shadow:0 4px 8px #0000004d;color:#e2e8f0}.technology-tag.selected{background:#2d3748;border-color:#63b3ed;box-shadow:0 2px 8px #0000004d;color:#e2e8f0;transform:scale(1.02)}.technology-tag.saved{background:#60a5fa;color:#fff;position:relative}.no-technologies-message{color:#6c757d;font-style:italic;padding:20px;text-align:center}.professional-experience-section,.projects-section{background:#0000;border:none;border-radius:0;margin-bottom:30px;padding:0}.experience-list{gap:0}.experience-item{background:#0000;border:none;border-radius:0;box-shadow:none;padding:4px 0;transition:none}.experience-item:hover{box-shadow:none}.experience-header{background:linear-gradient(135deg,#2d3748,#4a5568)!important;border:1px solid #2b6cb0;border-radius:8px;box-shadow:0 4px 16px #0003;margin-bottom:6px;max-height:60px!important;overflow:hidden;padding:6px 10px;position:relative;transition:all .3s ease}.experience-header:hover{background:linear-gradient(135deg,#374151,#4a5568)!important;box-shadow:0 6px 20px #0000004d;transform:translateY(-1px)}.experience-header.job-completed{animation:completionPulse 2s ease-in-out;background:linear-gradient(135deg,#2d3748,#4a5568)!important}.expand-icon{color:#6c757d;font-size:12px;margin-left:15px;transition:transform .3s ease}.job-details{background:#0000;border-radius:0;margin-top:5px;padding:10px 0}.job-title{color:#63b3ed;font-size:18px}.interview-prep-container .company-name{-webkit-text-fill-color:#e2e8f0!important;animation:none!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:#e2e8f0!important;font-size:16px;font-weight:700!important;letter-spacing:normal!important}.experience-dates{background:#0000;border-radius:0;color:#63b3ed;font-size:14px;font-weight:500;padding:0}.experience-achievements{margin-top:10px}.experience-achievements h4{color:#e2e8f0;font-size:14px;margin:0 0 8px}.achievements-list{gap:0}.interview-achievement-item{background:none;border:none;border-radius:0;clear:both;display:block;margin-bottom:8px;overflow:visible;transition:none;width:100%}.interview-achievement-item,.interview-achievement-item:hover{scale:1!important;transform:none!important}.interview-achievement-header{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:6px;box-shadow:0 2px 8px #00000026;box-sizing:border-box;margin-bottom:4px;min-width:0;padding:8px 12px;transition:all .3s ease;width:100%}.interview-achievement-header:hover{background:linear-gradient(135deg,#374151,#4a5568)!important;box-shadow:0 4px 12px #00000040!important;scale:1!important;transform:translateY(-1px)!important}.interview-achievement-header.saved{background:linear-gradient(135deg,#2d3748,#4a5568)}.interview-achievement-header.selected{background:linear-gradient(135deg,#374151,#4a5568);border-color:#63b3ed}.interview-achievement-text{word-wrap:break-word;flex:1 1;font-size:14px;margin:0;min-width:0;overflow-wrap:break-word;width:100%}.interview-achievement-text,.interview-achievement-text:hover{scale:1!important;transform:none!important}.interview-achievement-actions{flex-shrink:0;gap:10px;min-width:-webkit-fit-content;min-width:fit-content}.saved-indicator{color:#63b3ed;font-size:16px;font-weight:700}.interview-achievement-expand-icon{font-size:12px;transition:transform .3s ease}.interview-achievement-details{background:#0000;padding:15px 0;width:100%}.achievement-question-section-inline{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:8px;box-shadow:0 4px 16px #0003;clear:both;display:block;margin-top:15px;padding:20px;width:100%}.achievement-question-section-inline .section-header h3{color:#63b3ed;font-size:16px;font-weight:600;margin:0 0 8px}.achievement-question-section-inline .section-description{color:#a0aec0;font-size:14px;margin:0 0 15px}.achievement-question-section-inline .achievement-context h4{color:#63b3ed;font-size:14px;font-weight:600;margin:0 0 8px}.achievement-question-section-inline .achievement-context-text{background:none;border-radius:0;color:#a0aec0;font-size:13px;font-style:italic;line-height:1.5;margin:0 0 15px;padding:0}.achievement-question-section-inline .question-box h4{color:#63b3ed;font-size:14px;font-weight:600;margin:0 0 8px}.achievement-question-section-inline .question-text{background:#1a202c99;border:1px solid #4a5568;border-radius:6px;color:#e2e8f0;font-size:14px;line-height:1.5;margin:0 0 15px;padding:12px}.achievement-question-section-inline .achievement-response-section label{color:#e2e8f0;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.achievement-question-section-inline .achievement-response-textarea{background:#2d3748;border:1px solid #4a5568;border-radius:6px;color:#e2e8f0;font-family:inherit;font-size:14px;line-height:1.5;min-height:100px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.achievement-question-section-inline .achievement-response-textarea:focus{background:#374151;border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb033;outline:none}.achievement-question-section-inline .character-count{color:#a0aec0;font-size:12px;margin-top:5px;text-align:right}.achievement-detail-questions{display:block;margin-top:20px;width:100%}.question-group{clear:both;display:block;margin-bottom:20px;width:100%}.question-group label{color:#e2e8f0;display:block;font-size:14px;line-height:1.4;margin-bottom:8px}.question-group label strong{color:#63b3ed;font-weight:700}.achievement-detail-textarea{background:#2d3748;border:1px solid #4a5568;border-radius:6px;box-sizing:border-box;color:#e2e8f0;display:block;font-family:inherit;font-size:14px;line-height:1.5;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.achievement-detail-textarea:focus{background:#374151;border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb033;outline:none}.achievement-detail-textarea::placeholder{color:#a0aec0;font-style:italic}.interview-achievement-header.completed{animation:completionPulse 2s ease-in-out;background:linear-gradient(135deg,#2d3748,#4a5568)!important}.completion-progress-bar{animation:progressGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#28a745,#20c997);border-radius:2px;height:3px;margin-right:8px;width:100%}.job-completed .job-title{color:#63b3ed!important;font-weight:inherit!important;position:relative}.job-completion-progress-bar{animation:progressGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#28a745,#20c997);border-radius:2px;bottom:-2px;height:3px;left:0;position:absolute;width:100%}@keyframes completionPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes progressGlow{0%,to{opacity:.8}50%{opacity:1}}@keyframes interview-prep-gradient{0%{background-position:200% 0}50%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progressFill{0%{width:0}to{width:var(--progress-width)}}@keyframes progressBarGlow{0%,to{box-shadow:0 0 5px #60a5fa4d}50%{box-shadow:0 0 15px #60a5fa99}}.progress-background{overflow:hidden;position:relative}.progress-background:before{animation:progressFill 1.5s ease-out;background:linear-gradient(90deg,#60a5fa1a,#60a5fa40 50%,#60a5fa26);border:none;border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:0;width:var(--progress-width,0);z-index:1}.interview-prep-project-header.progress-background:before{background:linear-gradient(90deg,#60a5fa1a,#60a5fa40 50%,#60a5fa26)!important}.interview-prep-project-header.progress-background.completed:before{animation:progressFill 1.5s ease-out,progressBarGlow 2s ease-in-out infinite!important;background:linear-gradient(90deg,#60a5fa26,#60a5fa4d 50%,#60a5fa33)!important}.experience-header.progress-background:before{background:linear-gradient(90deg,#60a5fa1a,#60a5fa40 50%,#60a5fa26)!important}.experience-header.progress-background.completed:before{animation:progressFill 1.5s ease-out,progressBarGlow 2s ease-in-out infinite!important;background:linear-gradient(90deg,#60a5fa26,#60a5fa4d 50%,#60a5fa33)!important}.interview-achievement-header.progress-background:before{background:linear-gradient(90deg,#60a5fa1a,#60a5fa40 50%,#60a5fa26)!important}.interview-achievement-header.progress-background.completed:before{animation:progressFill 1.5s ease-out,progressBarGlow 2s ease-in-out infinite!important;background:linear-gradient(90deg,#60a5fa26,#60a5fa4d 50%,#60a5fa33)!important}.progress-background.completed:before{animation:progressFill 1.5s ease-out,progressBarGlow 2s ease-in-out infinite!important;background:linear-gradient(90deg,#2ecc7126,#2ecc714d 50%,#2ecc7133)}.progress-background>*{position:relative;z-index:3}.interview-prep-projects-list{display:flex;flex-direction:column;gap:0}.interview-prep-project-item{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:8px 0!important;transform:none!important;transition:none!important}.interview-prep-project-header{align-items:center!important;background:linear-gradient(135deg,#2d3748,#4a5568)!important;border:1px solid #2b6cb0!important;border-radius:8px!important;box-shadow:0 4px 16px #0003!important;cursor:pointer!important;display:flex!important;justify-content:space-between!important;margin-bottom:8px!important;padding:12px 16px!important;transform:none!important;transition:all .3s ease!important}.interview-prep-project-header.completed{animation:completionPulse 2s ease-in-out;background:linear-gradient(135deg,#2d3748,#4a5568)!important}.interview-prep-project-header:hover{background:linear-gradient(135deg,#374151,#4a5568)!important;box-shadow:0 6px 20px #0000004d!important;transform:translateY(-1px)!important;transition:all .3s ease!important}.interview-prep-project-item:hover{box-shadow:none!important;transform:none!important;transition:none!important}.interview-prep-project-text{color:#e2e8f0!important;flex:1 1!important;font-size:16px!important;font-weight:500!important;transform:none!important;transition:none!important}.interview-prep-project-actions{align-items:center!important;display:flex!important;gap:8px!important;transform:none!important;transition:none!important}.interview-prep-project-expand-icon{color:#a0aec0;font-size:12px;transition:transform .3s ease}.interview-prep-project-expand-icon.expanded{transform:rotate(180deg)}.interview-prep-project-details{margin-top:8px;padding-left:16px}.interview-prep-project-question-section-inline{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:8px;box-shadow:0 4px 16px #0003;margin-bottom:5px;padding:15px}.interview-prep-project-response-section{margin-bottom:10px}.interview-prep-project-detail-questions{margin-top:20px}.interview-prep-project-detail-textarea{background:#2d3748;border:1px solid #4a5568;border-radius:6px;color:#e2e8f0;font-family:inherit;font-size:14px;line-height:1.5;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.interview-prep-project-detail-textarea:focus{background:#374151;border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb033;outline:none}.interview-prep-project-detail-textarea::placeholder{color:#a0aec0;font-style:italic}.interview-prep-project-action-section{display:flex;gap:15px;margin-bottom:5px}.interview-prep-save-project-button{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:none;border-radius:6px;box-shadow:0 4px 15px #2b6cb04d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.interview-prep-save-project-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.interview-prep-no-projects-message{color:#a0aec0;font-style:italic;padding:20px;text-align:center}.achievement-question-section-inline .achievement-action-section{clear:both;display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;width:100%}.achievement-question-section-inline .save-achievement-button{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:none;border-radius:6px;box-shadow:0 2px 8px #2b6cb04d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.achievement-question-section-inline .save-achievement-button:hover:not(:disabled){box-shadow:0 4px 12px #2b6cb066}.achievement-question-section-inline .save-achievement-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.achievement-question-section-inline .clear-achievement-button{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.achievement-question-section-inline .clear-achievement-button:hover:not(:disabled){background:#5a6268}.achievement-question-section-inline .clear-achievement-button:disabled{background:#adb5bd;cursor:not-allowed;transform:none}.achievement-question-section-inline .next-question-button{background:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.achievement-question-section-inline .next-question-button:hover:not(:disabled){background:#138496}.achievement-question-section-inline .next-question-button:disabled{background:#adb5bd;cursor:not-allowed;transform:none}.no-experience-message{background:#fff;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;font-style:italic;padding:20px;text-align:center}.skill-question-section{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:12px;box-shadow:0 8px 32px #0000004d;margin-bottom:20px;padding:20px}.question-box{background:#1a202c99;border:1px solid #4a5568;border-radius:6px;margin-bottom:15px;padding:15px}.question-box h3{color:#63b3ed;font-size:1.1rem;margin:0 0 10px}.question-text{color:#e2e8f0;font-size:14px;font-weight:500;line-height:1.6;margin:0}.skill-response-section{margin-bottom:25px}.skill-response-section label{color:#e2e8f0;display:block;font-size:16px;font-weight:600;margin-bottom:8px}.skill-response-textarea{background:#2d3748;border:1px solid #4a5568;border-radius:8px;color:#e2e8f0;font-family:inherit;font-size:16px;line-height:1.5;max-height:120px;min-height:80px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.skill-response-textarea:focus{background:#374151;border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb033;outline:none}.skill-action-section{display:flex;gap:15px;margin-bottom:5px}.save-skill-button{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:1px solid #2b6cb0;border-radius:8px;box-shadow:0 4px 15px #2b6cb04d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.save-skill-button:hover:not(:disabled){background:linear-gradient(135deg,#3182ce,#2b6cb0);box-shadow:0 6px 20px #2b6cb066;transform:translateY(-2px)}.save-skill-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.clear-skill-button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.clear-skill-button:hover:not(:disabled){background:#5a6268}.clear-skill-button:disabled{background:#adb5bd;cursor:not-allowed;transform:none}.technology-question-section{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:12px;box-shadow:0 8px 32px #0000004d;margin-bottom:20px;padding:20px}.technology-response-section{margin-bottom:10px}.technology-response-section label{color:#e2e8f0;display:block;font-size:16px;font-weight:600;margin-bottom:8px;max-height:120px!important}.technology-response-textarea{background:#2d3748;border:1px solid #4a5568;border-radius:8px;color:#e2e8f0;font-family:inherit;font-size:16px;line-height:1.5;max-height:120px;min-height:80px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.technology-response-textarea:focus{background:#374151;border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb033;outline:none}.technology-action-section{display:flex;gap:15px;margin-bottom:5px}.save-technology-button{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:1px solid #2b6cb0;border-radius:8px;box-shadow:0 4px 15px #2b6cb04d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.save-technology-button:hover:not(:disabled){background:linear-gradient(135deg,#3182ce,#2b6cb0);box-shadow:0 6px 20px #2b6cb066;transform:translateY(-2px)}.save-technology-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.clear-technology-button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.clear-technology-button:hover:not(:disabled){background:#5a6268}.clear-technology-button:disabled{background:#adb5bd;cursor:not-allowed;transform:none}.achievement-question-section{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:12px;box-shadow:0 8px 32px #0000004d;margin-bottom:30px;padding:30px}.achievement-context{background:#1a202c99;border:1px solid #4a5568;border-radius:8px;margin-bottom:25px;padding:20px}.achievement-context h3{color:#63b3ed;font-size:16px;font-weight:600;margin:0 0 10px}.achievement-context-text{color:#a0aec0;font-size:14px;font-style:italic;line-height:1.6;margin:0}.achievement-response-section{margin-bottom:25px;width:100%}.achievement-response-section label{color:#e2e8f0;display:block;font-size:16px;font-weight:600;margin-bottom:8px}.achievement-response-textarea{background:#2d3748;border:1px solid #4a5568;border-radius:8px;color:#e2e8f0;font-family:inherit;font-size:16px;line-height:1.5;min-height:150px;padding:16px;resize:vertical;transition:all .2s ease;width:100%}.achievement-response-textarea:focus{background:#374151;border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb033;outline:none}.achievement-action-section{gap:15px;margin-bottom:20px}.save-achievement-button{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:none;border-radius:8px;box-shadow:0 4px 15px #2b6cb04d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.save-achievement-button:hover:not(:disabled){box-shadow:0 6px 20px #2b6cb066}.save-achievement-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.clear-achievement-button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.clear-achievement-button:hover:not(:disabled){background:#5a6268}.clear-achievement-button:disabled{background:#adb5bd;cursor:not-allowed;transform:none}.interview-guidance{background:#e3f2fd;border-radius:6px;margin-bottom:30px;padding:20px}.interview-guidance h3{color:#1976d2;font-size:1.1rem;margin:0 0 8px}.interview-guidance p{color:#424242;line-height:1.5;margin:0 0 15px}.interview-guidance p:last-child{margin-bottom:0}.response-input-section{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:12px;box-shadow:0 8px 32px #0000004d;margin-bottom:30px;padding:20px}.response-input-section label{color:#e2e8f0;display:block;font-size:16px;font-weight:400;margin-bottom:8px}.response-input-section .question-title{color:#63b3ed;font-size:20px;font-weight:700}.response-textarea{background:#2d3748;border:1px solid #4a5568;border-radius:8px;color:#e2e8f0;font-family:inherit;font-size:16px;line-height:1.5;min-height:120px;padding:16px;resize:vertical;transition:all .2s ease;width:100%}.response-textarea:focus{background:#374151;border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb033;outline:none}.character-count{color:#6c757d;font-size:14px;margin-top:5px;text-align:right}.action-section{display:flex;gap:15px;margin-bottom:20px}.save-button{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:none;border-radius:8px;box-shadow:0 4px 15px #2b6cb04d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.save-button:hover:not(:disabled){box-shadow:0 6px 20px #2b6cb066}.save-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.clear-button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.clear-button:hover:not(:disabled){background:#5a6268}.clear-button:disabled{background:#adb5bd;cursor:not-allowed;transform:none}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24}.error-message,.success-message{font-weight:500;margin-bottom:20px;padding:15px 20px;text-align:center}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724}@media (max-width:768px){.interview-prep-container{padding:10px}.header-top-row{align-items:center;flex-direction:column;gap:10px}.interview-prep-header h1{-webkit-text-fill-color:#0000;animation:interview-prep-gradient 6s ease infinite;background:linear-gradient(90deg,#2b6cb0,#3182ce 25%,#63b3ed 50%,#3182ce 75%,#2b6cb0);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;font-size:2rem;text-align:center}.back-button{margin-top:10px;position:static;transform:none}.interview-prep-subtitle{font-size:.9rem;margin:10px 0 0}.achievement-question-section,.prep-section,.professional-experience-section,.resume-selection-section,.skill-question-section,.technology-question-section{padding:0}.achievement-action-section,.action-section,.skill-action-section,.technology-action-section{flex-direction:column}.clear-achievement-button,.clear-button,.clear-skill-button,.clear-technology-button,.next-question-button,.save-achievement-button,.save-button,.save-skill-button,.save-technology-button{width:100%}.skills-grid,.technologies-grid{justify-content:center}.company-info{align-items:flex-start;flex-direction:column;gap:8px}.experience-dates{align-self:flex-start}}.home-container{background:linear-gradient(135deg,#2d3748,#4a5568 50%,#2b6cb0);color:#e2e8f0;font-family:var(--font-family);min-height:100vh}.integrated-step-control{margin-bottom:.5rem;margin-top:.5rem;padding:0 1rem}.integrated-dropdown{background:#1a202ccc;border:1px solid #4a5568;border-radius:6px;box-sizing:border-box;color:#e2e8f0;font-size:.85rem;padding:.5rem;width:100%}.integrated-dropdown:focus{border-color:#3182ce;box-shadow:0 0 0 2px #3182ce4d;outline:none}.integrated-dropdown option{background:#2d3748;color:#e2e8f0}.integrated-textarea{background:#1a202ccc;border:1px solid #4a5568;border-radius:6px;box-sizing:border-box;color:#e2e8f0;font-family:inherit;font-size:.85rem;min-height:80px;padding:.5rem;resize:vertical;width:100%}.integrated-textarea:focus{border-color:#3182ce;box-shadow:0 0 0 2px #3182ce4d;outline:none}.integrated-textarea::placeholder{color:#a0aec0}.file-upload-mini{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.file-upload-label{background:#2b6cb033;border:1px solid #4a5568;border-radius:4px;color:#e2e8f0;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .2s ease}.file-upload-label:hover{background:#2b6cb04d;border-color:#3182ce}.file-selected{align-items:center;background:#81c7841a;border:1px solid #81c7844d;border-radius:4px;color:#81c784;display:flex;font-size:.75rem;gap:.25rem;padding:.25rem .5rem}.file-clear-btn{background:none;border:none;color:#f56565;cursor:pointer;font-size:1rem;line-height:1;margin-left:.25rem;padding:0}.file-clear-btn:hover{color:#e53e3e}.step-completion-indicator{margin-bottom:.5rem;margin-top:.5rem;padding:0 1rem}.completion-text{background:#81c7841a;border:1px solid #81c7844d;border-radius:4px;color:#81c784;display:inline-block;font-size:.75rem;max-width:100%;padding:.25rem .5rem;word-break:break-word}.integrated-create-btn{background:linear-gradient(135deg,#3182ce,#2b6cb0);border:1px solid #2b6cb0;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease;width:100%}.integrated-create-btn:hover:not(:disabled){background:linear-gradient(135deg,#2b6cb0,#2c5282);border-color:#2c5282;box-shadow:0 4px 12px #2b6cb04d;transform:translateY(-1px)}.integrated-create-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.integrated-create-btn[style*="background-color: #38b2ac"]{background:linear-gradient(135deg,#38b2ac,#319795)!important;border-color:#38b2ac!important}.integrated-create-btn[style*="background-color: #38b2ac"]:hover:not(:disabled){background:linear-gradient(135deg,#319795,#2c7a7b)!important;border-color:#319795!important;box-shadow:0 4px 12px #38b2ac66;transform:translateY(-1px)}.loading-indicator{align-items:center;color:#cbd5e0;display:flex;font-size:.75rem;gap:.5rem;margin-top:.5rem}.loading-spinner{border:2px solid #cbd5e04d;border-top-color:#3182ce;height:16px;width:16px}.home-container ::-webkit-scrollbar{background:#0000;height:0;width:0}.home-container ::-webkit-scrollbar-thumb,.home-container ::-webkit-scrollbar-track{background:#0000}.home-container *{-ms-overflow-style:none;scrollbar-width:none}.home-header{align-items:center;background:linear-gradient(135deg,#2d3748,#4a5568);border-bottom:2px solid #2b6cb0;box-shadow:0 4px 20px #2b6cb04d;color:#fff;display:flex;justify-content:space-between;padding:0 2rem}.home-header-content h1{-webkit-text-fill-color:#0000;animation:home-gradient 6s ease infinite;background:linear-gradient(90deg,#2b6cb0,#3182ce 25%,#63b3ed 50%,#3182ce 75%,#2b6cb0);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}@keyframes home-gradient{0%{background-position:200% 0}50%{background-position:-200% 0}to{background-position:200% 0}}.home-header-content p{font-size:1.2rem;font-weight:300;opacity:.9}.home-content{display:flex;gap:2rem;min-height:calc(100vh - 100px);padding:2rem}.home-content.professional-layout{display:flex;flex-direction:column;gap:2rem;margin-left:320px;position:relative}.professional-main-content{display:flex;flex:1 1;flex-direction:column}.hover-trigger-zone{height:100vh;left:0;pointer-events:auto;position:fixed;top:0;width:50px;z-index:1000}.collapsible-step-sidebar{background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #2b6cb0;border-left:none;border-radius:0 16px 0 0;box-shadow:4px 0 32px #0000004d;height:100vh;left:-320px;overflow-y:auto;padding:1.5rem;position:fixed;top:0;transition:left .3s ease-in-out;width:320px;z-index:999}.collapsible-step-sidebar.visible{left:0}.permanent-step-sidebar{background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #2b6cb0;border-left:none;border-radius:0 16px 0 0;box-shadow:4px 0 32px #0000004d;height:calc(100vh - 130px);left:0;margin:0;overflow-y:auto;padding:1.5rem;position:fixed;top:130px;transition:top .3s ease;width:320px;z-index:999}.permanent-step-sidebar.scrolled{height:100vh;top:0}.sidebar-handle{align-items:center;background:linear-gradient(135deg,#2b6cb0,#3182ce);border:1px solid #2b6cb0;border-left:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:80px;justify-content:center;position:absolute;right:-30px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:30px}.sidebar-handle:hover{background:linear-gradient(135deg,#3182ce,#2b6cb0);transform:translateY(-50%) translateX(2px)}.collapsible-step-sidebar.visible .sidebar-handle{transform:translateY(-50%) rotate(180deg)}.compact-step-indicator{align-items:center;background:linear-gradient(135deg,#2b6cb0,#3182ce);border:2px solid #2b6cb0;border-radius:50%;box-shadow:0 4px 16px #2b6cb066;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:600;height:60px;justify-content:center;left:20px;position:fixed;top:200px;transition:all .3s ease;width:60px;z-index:998}.compact-step-indicator:hover{box-shadow:0 6px 20px #2b6cb099;transform:scale(1.1)}.compact-step-indicator.hidden{opacity:0;pointer-events:none}.horizontal-progress{background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #2b6cb0;border-radius:12px;box-shadow:0 4px 16px #0003;margin-bottom:2rem;padding:1.5rem}.horizontal-progress h3{color:#e2e8f0;font-size:1.2rem;margin-bottom:1rem;text-align:center}.horizontal-steps{align-items:center;display:flex;justify-content:space-between;position:relative}.horizontal-step{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;max-width:120px;transition:all .3s ease}.horizontal-step-circle{align-items:center;background:#4a5568;border:2px solid #4a5568;border-radius:50%;color:#cbd5e0;display:flex;font-weight:600;height:40px;justify-content:center;margin-bottom:.5rem;position:relative;width:40px;z-index:2}.horizontal-step.active .horizontal-step-circle{background:linear-gradient(135deg,#2b6cb0,#3182ce);border-color:#2b6cb0;box-shadow:0 4px 12px #2b6cb066;color:#fff}.horizontal-step.completed .horizontal-step-circle{background:#38b2ac;border-color:#38b2ac;color:#fff}.horizontal-step-title{color:#cbd5e0;font-size:.8rem;line-height:1.2;text-align:center}.horizontal-step.active .horizontal-step-title{color:#e2e8f0;font-weight:600}.horizontal-step.completed .horizontal-step-title{color:#38b2ac}.horizontal-progress-line{background:#4a5568;height:2px;left:60px;position:absolute;right:60px;top:20px;z-index:1}.horizontal-progress-fill{background:linear-gradient(90deg,#2b6cb0,#38b2ac);border-radius:1px;height:100%;transition:width .5s ease}.step-ladder-sidebar{background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #2b6cb0;border-radius:16px;box-shadow:0 8px 32px #0000004d;height:-webkit-fit-content;height:fit-content;padding:2rem;position:-webkit-sticky;position:sticky;top:2rem;width:350px}.step-ladder-header{border-bottom:2px solid #2b6cb0;margin-bottom:0;padding-bottom:1.5rem}.step-ladder-header h3{color:#e2e8f0;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.progress-indicator{margin-top:1rem}.progress-text{color:#cbd5e0;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.progress-bar{background-color:#4a5568;height:8px}.progress-fill{background:linear-gradient(90deg,#2b6cb0,#3182ce);border-radius:4px;transition:width .5s ease}.steps-list{display:flex;flex-direction:column}.step-container{position:relative}.step-item{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;margin-bottom:.5rem;padding:1.5rem 1rem;transition:all .3s ease}.step-item:hover:not(.disabled){background-color:#2b6cb01a;transform:translateX(4px)}.step-item.active{background:linear-gradient(135deg,#2b6cb0,#3182ce);border-color:#2b6cb0;box-shadow:0 4px 20px #2b6cb066;color:#fff}.step-item.completed{background-color:#38b2ac33;border-color:#38b2ac;color:#38b2ac;min-height:auto;padding:.5rem .75rem}.step-item.completed .step-title{font-size:.9rem;margin-bottom:0}.step-item.disabled{cursor:not-allowed;opacity:.5}.step-item:not(.disabled){cursor:pointer}.step-item:not(.disabled):active{transform:translateX(2px) scale(.98)}.step-item:not(.disabled):not(.active):not(.completed){position:relative}.step-item:not(.disabled):not(.active):not(.completed):hover{background-color:#2b6cb026;border-color:#2b6cb04d}.step-number{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-weight:600;height:50px;justify-content:center;margin-right:1rem;width:50px}.step-item:not(.active):not(.completed) .step-number{background-color:#4a5568;color:#cbd5e0}.step-item.active .step-number{background-color:#fff3;color:#fff}.step-item.completed .step-number{background-color:#38b2ac;color:#fff;height:1.5rem;width:1.5rem}.step-icon{font-size:1.2rem}.step-check{font-size:.5rem;font-weight:700}.step-info{flex:1 1}.step-title{color:inherit;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.step-description{color:inherit;font-size:.9rem;margin:0;opacity:.8}.step-connector{background-color:#4a5568;height:.5rem;left:2rem;position:absolute;top:100%;transition:background-color .3s ease;width:2px}.step-connector.completed{background-color:#38b2ac}.main-content-area{background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #2b6cb0;border-radius:16px;box-shadow:0 8px 32px #0000004d;flex:1 1;overflow:hidden}.step-content-container{min-height:600px;padding:3rem}.template-selection{margin:0 auto;max-width:900px}.template-header{margin-bottom:3rem;text-align:center}.template-header h2{color:#e2e8f0;font-size:2.2rem;font-weight:600;margin-bottom:1rem}.template-header p{color:#cbd5e0;font-size:1.1rem}.template-options{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.template-card{background:linear-gradient(135deg,#2d3748,#4a5568);border:3px solid #4a5568;border-radius:16px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.template-card:before{background:linear-gradient(90deg,#0000,#2b6cb033,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.template-card:hover:before{left:100%}.template-card:hover{border-color:#2b6cb0;box-shadow:0 12px 40px #2b6cb066;transform:translateY(-4px)}.template-card.selected{background:linear-gradient(135deg,#2b6cb0,#3182ce);border-color:#2b6cb0;box-shadow:0 8px 32px #2b6cb080}.template-icon{display:block;font-size:3rem;margin-bottom:1.5rem}.template-card h3{color:#e2e8f0;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.template-card p{color:#cbd5e0;line-height:1.6;margin-bottom:1.5rem}.template-card ul{list-style:none;margin-bottom:2rem;padding:0;text-align:left}.template-card li{color:#cbd5e0;padding:.5rem 0 .5rem 1.5rem;position:relative}.template-card li:before{color:#38b2ac;content:"✓";font-weight:700;left:0;position:absolute}.template-action{margin-top:auto}.step-content{margin:0 auto;max-width:700px;text-align:center}.step-header{margin-bottom:3rem}.step-header h2{color:#e2e8f0;font-size:2.2rem;font-weight:600;margin-bottom:1rem}.step-header p{color:#cbd5e0;font-size:1.1rem;line-height:1.6}.feature-preview{margin-bottom:3rem;text-align:left}.feature-item{align-items:center;background:#2b6cb01a;border:1px solid #4a5568;border-radius:12px;display:flex;margin-bottom:1rem;padding:1.5rem}.feature-icon{flex-shrink:0;font-size:2rem;margin-right:1.5rem}.feature-text h4{color:#e2e8f0;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.feature-text p{color:#cbd5e0;line-height:1.5;margin:0}.step-actions{margin-top:3rem}.resume-preview-area{background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #2b6cb0;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:9in;overflow-y:auto;padding:2rem;width:100%}.resume-preview-area.expanded{display:flex;flex-direction:column;height:auto;max-height:none;max-width:none;min-height:70vh;width:100%}.resume-preview-area.expanded>*{display:flex;flex:1 1;flex-direction:column}.resume-preview-area .resume-container{margin:0 auto;max-width:8.5in;width:100%}.user-step-component{background:#2b6cb01a;border:1px solid #4a5568;border-radius:8px;box-sizing:border-box;margin-bottom:.75rem;max-width:100%;padding:.75rem;width:100%}.user-step-component .base-container{margin-bottom:0;width:100%}.user-step-component .user-card{margin-bottom:.25rem;padding:.5rem;width:100%}.user-step-component .section-label{font-size:.75rem;font-weight:600;margin-bottom:.25rem}.user-step-component .input,.user-step-component select{box-sizing:border-box;font-size:.8rem;max-width:100%;padding:.4rem;width:100%}.user-step-component .btn-secondary{box-sizing:border-box;font-size:.75rem;padding:.4rem .8rem}.user-step-component .job-description-container{width:100%}.user-step-component textarea{box-sizing:border-box;font-size:.8rem;max-height:120px;max-width:100%;min-height:80px;padding:.4rem;resize:vertical;width:100%}.user-step-component .file-upload-area{margin-bottom:.5rem;padding:.5rem}.user-step-component .file-info{font-size:.75rem;padding:.25rem}.collapsible-step-sidebar .user-step-component *,.user-step-component *{box-sizing:border-box}.collapsible-step-sidebar .user-step-component .dropdown-container,.collapsible-step-sidebar .user-step-component .form-group{margin-bottom:.5rem}.collapsible-step-sidebar .user-step-component label{font-size:.8rem;margin-bottom:.25rem}.user-step-component .base-container,.user-step-component .job-description-container,.user-step-component .user-card{background:#0000;border:1px solid #4a5568;color:#e2e8f0}.user-step-component .section-label{color:#e2e8f0}.user-step-component .input,.user-step-component select,.user-step-component textarea{background:#2b6cb01a;border:1px solid #4a5568;color:#e2e8f0}.user-step-component .input::placeholder,.user-step-component textarea::placeholder{color:#cbd5e0}.user-step-component .btn-secondary{background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #2b6cb0;color:#e2e8f0}.user-step-component .btn-secondary:hover{background:linear-gradient(135deg,#2d3748,#4a5568);border-color:#3182ce}.user-step-component .create-resume-container{padding:.5rem}.user-step-component .create-resume-container .btn{font-size:.85rem;padding:.6rem 1rem}.collapsible-step-sidebar *{line-height:1.3}.collapsible-step-sidebar h3,.collapsible-step-sidebar h4,.collapsible-step-sidebar p{margin-bottom:.5rem}.btn{border-radius:8px;overflow:hidden;position:relative;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:1px solid #2b6cb0}.btn-primary:hover{background:linear-gradient(135deg,#3182ce,#2b6cb0);border-color:#3182ce;box-shadow:0 4px 12px #2b6cb066}.btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.btn-lg{font-size:1.1rem;min-width:200px;padding:1rem 2rem}@media (max-width:1400px){.professional-main-content{grid-template-columns:220px 1fr}.resume-preview-area{padding:1.5rem}}@media (max-width:1024px){.home-content{flex-direction:column}.home-content.professional-layout{flex-direction:column;margin-left:0}.permanent-step-sidebar{height:auto;margin-bottom:1rem;position:relative;width:100%}.professional-main-content{display:flex;flex-direction:column;gap:1.5rem}.resume-preview-area{max-height:600px;width:100%}.resume-preview-area.expanded{max-height:none;min-height:60vh}.step-ladder-sidebar{margin-bottom:2rem;position:static;width:100%}.template-options{grid-template-columns:1fr}.horizontal-steps{flex-wrap:wrap;gap:1rem}.horizontal-step{max-width:none;min-width:80px}.horizontal-step-title{font-size:.7rem}.collapsible-step-sidebar{left:-280px;width:280px}.hover-trigger-zone{width:30px}.compact-step-indicator{font-size:1.1rem;height:45px;left:10px;top:120px;width:45px}}@media (max-width:768px){.home-header{flex-direction:column;gap:.5rem;padding:0 1rem;text-align:center}.home-header-content h1{font-size:2rem}.home-content{padding:1rem}.step-content-container{padding:2rem 1.5rem}.step-header h2,.template-header h2{font-size:1.8rem}.step-item{padding:1rem}.step-number{height:40px;width:40px}}.chatbot-success{background:#38b2ac1a;border:1px solid #38b2ac;border-radius:12px;margin:2rem 0;padding:2rem;text-align:center}.success-icon{font-size:4rem;margin-bottom:1rem}.chatbot-success h3{color:#38b2ac;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.chatbot-success p{color:#cbd5e0;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.chatbot-info{background:#2b6cb01a;border-radius:8px;margin:2rem 0;padding:1.5rem;text-align:left}.info-item{color:#e2e8f0;margin-bottom:1rem}.info-item strong{color:#38b2ac;margin-right:.5rem}.info-item a{color:#3182ce;text-decoration:none;word-break:break-all}.info-item a:hover{color:#63b3ed;text-decoration:underline}.enrich-resume-section{background:#2b6cb00d;border:1px solid #2b6cb033;border-radius:12px;margin:2rem 0;padding:2rem}.enrich-header{margin-bottom:2rem;text-align:center}.enrich-header h3{color:#3182ce;font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.enrich-header p{color:#cbd5e0;font-size:1.1rem;line-height:1.6}.enrich-content{gap:2rem}.enrich-content,.enrich-item{display:flex;flex-direction:column}.enrich-item{gap:.75rem}.enrich-item label{color:#e2e8f0;display:flex;flex-direction:column;font-size:1rem;gap:.25rem}.enrich-item label strong{color:#38b2ac;font-size:1.1rem}.help-text{color:#a0aec0!important;font-size:.9rem!important;font-style:italic}.enrich-textarea{background:#2d3748cc;border:1px solid #4a5568;border-radius:8px;color:#e2e8f0;font-size:1rem;line-height:1.5;min-height:100px;padding:1rem;resize:vertical;transition:all .2s ease}.enrich-textarea:focus{background:#2d3748e6;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.enrich-textarea::placeholder{color:#a0aec0;font-style:italic}.enrich-select{background:#2d3748cc;border:1px solid #4a5568;border-radius:8px;color:#e2e8f0;font-size:1rem;padding:.75rem;transition:all .2s ease}.enrich-select:focus{background:#2d3748e6;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.enrich-actions{border-top:1px solid #2b6cb033;display:flex;gap:1rem;justify-content:center;margin-top:1rem;padding-top:1.5rem}.enrich-actions .btn{font-weight:600;min-width:150px;padding:.75rem 1.5rem;transition:all .2s ease}.enrich-actions .btn-secondary{background:#71809633;border-color:#718096;color:#e2e8f0}.enrich-actions .btn-secondary:hover:not(:disabled){background:#7180964d;border-color:#a0aec0;transform:translateY(-1px)}.enrich-actions .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.enrich-actions .btn-primary{background:linear-gradient(135deg,#3182ce,#2b6cb0);border-color:#3182ce}.enrich-actions .btn-primary:hover{background:linear-gradient(135deg,#2b6cb0,#2c5282);border-color:#2b6cb0;box-shadow:0 4px 12px #3182ce4d;transform:translateY(-1px)}.enrich-resume-main{background:linear-gradient(135deg,#1a202c,#2d3748);border:1px solid #2b6cb04d;border-radius:16px;box-shadow:0 8px 32px #0000004d;margin:1rem 0;padding:2rem}.tell-me-about-actions{display:flex;gap:1rem;margin-top:1rem}.tell-me-about-actions .btn{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.tell-me-about-actions .btn-primary{background:linear-gradient(135deg,#38b2ac,#319795);color:#fff}.tell-me-about-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#319795,#2c7a7b);box-shadow:0 4px 12px #38b2ac4d;transform:translateY(-1px)}.tell-me-about-actions .btn-primary:disabled{background:#4a5568;box-shadow:none;color:#a0aec0;cursor:not-allowed;transform:none}.fixed-enrichment-progress{bottom:0;display:flex;justify-content:center;left:calc(250px + 2rem);padding:.5rem 0;pointer-events:none;position:fixed;right:2rem;z-index:1000}.fixed-progress-container{align-items:center;background:linear-gradient(135deg,#2d3748,#4a5568);border-radius:8px;box-shadow:0 -4px 20px #0000004d;display:flex;gap:1rem;max-width:9in;padding:.75rem 1.5rem;pointer-events:auto;width:100%}@media (min-width:1400px){.fixed-enrichment-progress{left:calc(220px + 2rem)}}@media (max-width:1024px){.fixed-enrichment-progress{justify-content:center;left:2rem;right:2rem}.fixed-progress-container{max-width:none;width:100%}}.fixed-progress-label{color:#e2e8f0;flex-shrink:0;font-size:.9rem;font-weight:600;white-space:nowrap}.fixed-progress-bar{background:#2d3748cc;border-radius:4px;box-shadow:inset 0 1px 3px #0000004d;flex:1 1;height:8px;overflow:hidden;position:relative}.fixed-progress-fill{align-items:center;background:linear-gradient(90deg,#38b2ac,#319795 50%,#2c7a7b);border-radius:4px;display:flex;height:100%;justify-content:center;min-width:40px;position:relative;transition:width .6s ease-in-out}.fixed-progress-text{color:#fff;font-size:.7rem;font-weight:700;text-shadow:0 1px 2px #00000080;white-space:nowrap}.enrich-resume-header{border-bottom:2px solid #2b6cb04d;margin-bottom:3rem;padding-bottom:2rem;text-align:center}.enrich-resume-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3182ce,#38b2ac);-webkit-background-clip:text;background-clip:text;color:#3182ce;font-size:2.2rem;font-weight:700;margin-bottom:1rem}.enrich-resume-header p{color:#cbd5e0;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.enrich-resume-content{display:flex;flex-direction:column;gap:3rem}.enrich-section{background:#2d374866;border:1px solid #2b6cb033;border-radius:12px;padding:2rem}.enrich-section h3{color:#38b2ac;font-size:1.6rem;font-weight:600;margin-bottom:.75rem}.section-description{color:#a0aec0;font-size:1rem;font-style:italic;margin-bottom:1.5rem}.enrich-textarea-large{background:#2d3748cc;border:1px solid #4a5568;border-radius:8px;box-sizing:border-box;color:#e2e8f0;font-size:1.1rem;line-height:1.6;min-height:150px;padding:1.5rem;resize:vertical;transition:all .2s ease;width:100%}.enrich-textarea-large:focus{background:#2d3748e6;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.enrich-textarea-large::placeholder{color:#a0aec0;font-style:italic}.skills-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.skill-tag{background:#2b6cb033;border:2px solid #2b6cb066;border-radius:25px;color:#e2e8f0;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.skill-tag:hover{background:#2b6cb04d;border-color:#3182ce;box-shadow:0 4px 12px #3182ce4d;transform:translateY(-2px)}.skill-tag.selected{background:linear-gradient(135deg,#3182ce,#38b2ac);border-color:#38b2ac;box-shadow:0 6px 16px #3182ce66;color:#fff;transform:translateY(-2px)}.skill-enhancement-form{animation:slideInDown .3s ease;background:#2b6cb01a;border:1px solid #2b6cb04d;border-radius:12px;margin-top:2rem;padding:2rem}.skill-enhancement-form h4{color:#38b2ac;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.skill-actions{display:flex;gap:1rem;margin-top:1.5rem}.skill-actions .btn{font-weight:600;min-width:120px;padding:.75rem 1.5rem}.technologies-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.technology-tag{background:#38b2ac33;border:2px solid #38b2ac66;border-radius:25px;color:#e2e8f0;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.technology-tag:hover{background:#38b2ac4d;border-color:#38b2ac;box-shadow:0 4px 12px #38b2ac4d;transform:translateY(-2px)}.technology-tag.selected{background:linear-gradient(135deg,#38b2ac,#319795);border-color:#319795;box-shadow:0 6px 16px #38b2ac66;color:#fff;transform:translateY(-2px)}.technology-enhancement-form{animation:slideInDown .3s ease;background:#38b2ac1a;border:1px solid #38b2ac4d;border-radius:12px;margin-top:2rem;padding:2rem}.technology-enhancement-form h4{color:#38b2ac;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.technology-actions{display:flex;gap:1rem;margin-top:1.5rem}.technology-actions .btn{font-weight:600;min-width:120px;padding:.75rem 1.5rem}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.skill-textarea{background:#2d374899;border:1px solid #4a5568;border-radius:6px;box-sizing:border-box;color:#e2e8f0;font-size:.95rem;line-height:1.5;padding:1rem;resize:vertical;transition:all .2s ease;width:100%}.skill-textarea:focus{background:#2d3748cc;border-color:#3182ce;box-shadow:0 0 0 2px #3182ce1a;outline:none}.skill-textarea::placeholder{color:#a0aec0;font-style:italic}.technology-textarea{background:#2d374899;border:1px solid #4a5568;border-radius:6px;box-sizing:border-box;color:#e2e8f0;font-size:.95rem;line-height:1.5;padding:1rem;resize:vertical;transition:all .2s ease;width:100%}.technology-textarea:focus{background:#2d3748cc;border-color:#38b2ac;box-shadow:0 0 0 2px #38b2ac1a;outline:none}.technology-textarea::placeholder{color:#a0aec0;font-style:italic}.experience-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.experience-item{background:#2b6cb01a;border:2px solid #2b6cb04d;border-radius:12px;overflow:hidden;transition:all .2s ease}.experience-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.experience-header:hover{background:#2b6cb026;border-color:#3182ce}.experience-header.selected{background:linear-gradient(135deg,#3182ce,#38b2ac);border-color:#38b2ac}.job-header-content{align-items:flex-start;display:flex;flex:1 1;justify-content:space-between;width:100%}.company-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.company-name{color:#38b2ac;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.experience-header.selected .company-name{color:#fff}.job-title{color:#e2e8f0;font-size:1.2rem;font-weight:600;margin:0}.experience-header.selected .job-title{color:#fff}.experience-dates{color:#a0aec0;font-size:.95rem;font-style:italic;margin-left:1rem;text-align:right;white-space:nowrap}.experience-header.selected .experience-dates{color:#fffc}.expand-icon{color:#a0aec0;font-size:1.2rem;margin-left:1rem;transition:transform .2s ease}.expand-icon.expanded{transform:rotate(180deg)}.experience-header.selected .expand-icon{color:#fff}.job-details{background:#2b6cb00d;padding:0 1.5rem 1.5rem}.job-description{margin-bottom:1rem}.job-description p{color:#cbd5e0;font-size:.95rem;line-height:1.6;margin:0}.experience-achievements{margin-bottom:1.5rem}.experience-achievements h4{color:#38b2ac;font-size:1rem;font-weight:600;margin-bottom:.75rem}.achievements-list{display:flex;flex-direction:column;gap:.5rem}.achievement-item{background:#2b6cb01a;border:1px solid #2b6cb033;border-radius:6px;padding:.75rem}.achievement-text{color:#e2e8f0;font-size:.9rem;line-height:1.5}.experience-enhancement-form{animation:slideInDown .3s ease;background:#2b6cb01a;border:1px solid #2b6cb04d;border-radius:12px;margin-top:2rem;padding:2rem}.experience-enhancement-form h4{color:#38b2ac;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.experience-actions{display:flex;gap:1rem;margin-top:1.5rem}.experience-actions .btn{font-weight:600;min-width:120px;padding:.75rem 1.5rem}.experience-textarea{background:#2d374899;border:1px solid #4a5568;border-radius:6px;box-sizing:border-box;color:#e2e8f0;font-size:.95rem;line-height:1.5;padding:1rem;resize:vertical;transition:all .2s ease;width:100%}.experience-textarea:focus{background:#2d3748cc;border-color:#3182ce;box-shadow:0 0 0 2px #3182ce1a;outline:none}.experience-textarea::placeholder{color:#a0aec0;font-style:italic}.home-projects-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.home-project-item{border:1px solid #2b6cb0!important;border-radius:8px!important;box-shadow:0 4px 16px #0003!important;overflow:hidden;transition:all .2s ease}.home-project-header,.home-project-item{background:linear-gradient(135deg,#2d3748,#4a5568)!important}.home-project-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;-webkit-user-select:none;user-select:none}.home-project-header:hover{background:linear-gradient(135deg,#2d3748,#4a5568)!important}.home-project-header.selected{background:linear-gradient(135deg,#374151,#4a5568)!important;border-color:#63b3ed}.home-project-header-content{flex:1 1}.home-project-title{color:#63b3ed!important;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.home-project-header.selected .home-project-title{color:#fff}.home-project-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.home-tech-tag{background:#2b6cb033;border:1px solid #2b6cb066;border-radius:12px;color:#63b3ed;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.home-project-header.selected .home-tech-tag{background:#fff3;border-color:#ffffff4d;color:#fff}.home-project-details{background:#2b6cb00d!important;border-top:1px solid #2b6cb033;padding:0 1.5rem 1.5rem}.home-project-description{margin-bottom:1rem}.home-project-description p{color:#cbd5e0;font-size:.95rem;line-height:1.6;margin:0}.home-project-achievements{margin-bottom:1.5rem}.home-project-achievements h4{color:#38b2ac;font-size:1rem;font-weight:600;margin-bottom:.75rem}.home-project-enhancement-form{animation:slideInDown .3s ease;background:#2b6cb01a;border:1px solid #2b6cb04d;border-radius:12px;margin-top:1rem;padding:2rem}.home-project-enhancement-form h4{color:#38b2ac;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.home-project-actions{display:flex;gap:1rem;margin-top:1.5rem}.home-project-actions .btn{font-weight:600;min-width:120px;padding:.75rem 1.5rem}.home-project-textarea{background:#2d374899;border:1px solid #4a5568;border-radius:6px;box-sizing:border-box;color:#e2e8f0;font-size:.95rem;line-height:1.5;padding:1rem;resize:vertical;transition:all .2s ease;width:100%}.home-project-textarea:focus{background:#2d3748cc;border-color:#3182ce;box-shadow:0 0 0 2px #3182ce1a;outline:none}.home-project-textarea::placeholder{color:#a0aec0;font-style:italic}.interview-achievement-item{background:#2b6cb00d;border:1px solid #2b6cb033;border-radius:8px;margin-bottom:.5rem;overflow:hidden}.interview-achievement-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.interview-achievement-header:hover{background:#2b6cb01a}.interview-achievement-header.selected{background:linear-gradient(135deg,#3182ce,#38b2ac)}.interview-achievement-text{color:#e2e8f0;font-size:.95rem;line-height:1.5}.interview-achievement-header.selected .interview-achievement-text{color:#fff}.interview-achievement-actions{align-items:center;display:flex}.interview-achievement-expand-icon{color:#a0aec0;font-size:1rem;transition:transform .2s ease}.interview-achievement-expand-icon.expanded{transform:rotate(180deg)}.interview-achievement-header.selected .interview-achievement-expand-icon{color:#fff}.interview-achievement-details{background:#2b6cb005;border-top:1px solid #2b6cb033;padding:1rem}.achievement-detail-questions,.achievement-response-section{display:flex;flex-direction:column;gap:1rem}.question-group{display:flex;flex-direction:column;gap:.5rem}.question-group label{color:#38b2ac;font-size:.95rem;font-weight:600}.achievement-question-textarea{background:#2d374899;border:1px solid #4a5568;border-radius:6px;box-sizing:border-box;color:#e2e8f0;font-size:.9rem;line-height:1.5;padding:.75rem;resize:vertical;transition:all .2s ease;width:100%}.achievement-question-textarea:focus{background:#2d3748cc;border-color:#3182ce;box-shadow:0 0 0 2px #3182ce1a;outline:none}.achievement-question-textarea::placeholder{color:#a0aec0;font-style:italic}.achievement-action-section{display:flex;justify-content:flex-end;margin-top:1rem}.project-interview-questions{margin:1.5rem 0}.project-interview-questions h4{color:#38b2ac;font-size:1rem;font-weight:600;margin-bottom:1rem}.project-detail-questions{display:flex;flex-direction:column;gap:1rem}.project-question-textarea{background:#2d374899;border:1px solid #4a5568;border-radius:6px;box-sizing:border-box;color:#e2e8f0;font-size:.9rem;line-height:1.5;padding:.75rem;resize:vertical;transition:all .2s ease;width:100%}.project-question-textarea:focus{background:#2d3748cc;border-color:#38b2ac;box-shadow:0 0 0 2px #38b2ac1a;outline:none}.project-question-textarea::placeholder{color:#a0aec0;font-style:italic}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.step-ladder-sidebar{animation:slideInLeft .6s ease-out}.main-content-area,.template-card{animation:slideInRight .6s ease-out}.template-card:nth-child(2){animation-delay:.1s}.step-item{animation:slideInLeft .4s ease-out}.step-item:nth-child(2){animation-delay:.1s}.step-item:nth-child(3){animation-delay:.2s}.step-item:nth-child(4){animation-delay:.3s}.step-item:nth-child(5){animation-delay:.4s}.add-contact-btn{align-items:center!important;background:#81c784!important;border:none!important;border-radius:3px!important;box-shadow:none!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:700!important;height:20px!important;justify-content:center!important;outline:none!important;padding:0!important;transition:background-color .2s ease!important;width:20px!important}.add-contact-btn:hover{background:#66bb6a!important}.user-main-header{align-items:center;background-color:#2c3e50;border:1px solid #34495e;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px;width:100%}.user-main-header h2{color:#fff;margin:0}.user-header-user-info{align-items:center;display:flex;gap:10px}.user-header-welcome{color:#ecf0f1;font-size:18px;font-weight:500}.user-dropdown-container{display:inline-block;position:relative}.user-dropdown-trigger{align-items:center;background:none;border:none;border-radius:6px;color:#ecf0f1;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:background-color .2s ease}.user-dropdown-trigger:hover{background-color:#ffffff1a}.user-dropdown-menu{animation:dropdownFadeIn .2s ease-out;background:#2c3e50;border:1px solid #34495e;border-radius:8px;box-shadow:0 4px 12px #0000004d;margin-top:4px;max-height:calc(100vh - 24px);min-width:200px;overflow-x:visible;overflow-y:auto;position:absolute;right:0;top:100%;z-index:2000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{background:none;border:none;color:#ecf0f1;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background-color:#34495e}.dropdown-item.sign-out{border-top:1px solid #34495e;color:#e74c3c}.dropdown-item.sign-out:hover{background-color:#34495e}.dropdown-item-with-submenu{position:relative}.dropdown-item-with-submenu:hover{background-color:#34495e}.dropdown-submenu{animation:submenuFadeIn .2s ease-out;background:#34495e;border:1px solid #4a5f7a;border-radius:6px;box-shadow:0 4px 12px #0000004d;display:block;left:auto!important;margin-left:0;max-height:80vh;max-width:min(360px,90vw);min-width:250px;overflow:auto;position:absolute;right:100%!important;top:0;width:-webkit-max-content;width:max-content;z-index:3000}@keyframes submenuFadeIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.dropdown-item-with-submenu,.user-dropdown-menu{overflow:visible!important}@keyframes submenuFadeInLeft{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.submenu-item{background:none;border:none;color:#ecf0f1;cursor:pointer;display:block;font-size:13px;padding:10px 16px;text-align:left;transition:background-color .2s ease;width:100%}.submenu-item:hover{background-color:#4a5f7a}.submenu-item:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.submenu-item:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.dropdown-divider{background-color:#34495e;height:1px;margin:4px 0}.user-sign-out-btn{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.user-sign-out-btn:hover{background-color:#c82333}.user-container{background:#2f2f2f!important;height:auto;margin:0;max-width:none;min-height:auto;overflow-y:auto;padding:0}.user-content-container{align-items:flex-start;display:flex;flex-direction:row;gap:16px;margin:0;max-width:none;width:100%}.user-left-column{align-items:flex-start;display:flex;flex:0 0 380px;flex-direction:column;max-width:400px;min-width:320px}.user-middle-column{display:flex;flex:1 1;flex-direction:column;max-width:865.6px;min-width:600px}.App{min-height:100vh;overflow-y:auto}.user-header{margin-bottom:var(--spacing-xl);text-align:center}.user-header h1{color:var(--text-light);font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-md)}.user-header p{color:var(--text-light);font-size:var(--font-size-lg);opacity:.9}.user-card{background:#3f3f3f!important;border:1px solid #404040cc;border-radius:12px!important;box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);transition:box-shadow var(--transition-normal)}.user-card:hover{box-shadow:var(--shadow-md)}.tab-container{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.tab-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#404040cc;border:1px solid #ffffff1a;border-radius:var(--radius-md);color:var(--text-light);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.tab-button:hover{background:#4a90e233;border-color:#4a90e280}.tab-button.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-light)}.tab-content{display:none}.tab-content.active{display:block}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{color:var(--text-light);display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-xs)}.section-label{border-bottom:3px solid #4a90e2b3;color:var(--primary-color)!important;display:block;font-size:var(--font-size-base)!important;font-weight:600;padding-bottom:var(--spacing-xs)}.form-row,.section-label{margin-bottom:var(--spacing-md)}.form-row{display:flex;gap:var(--spacing-md)}.form-col{flex:1 1}.form-col label{font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-xs)}.form-col label,.form-group .input{color:var(--text-light);display:block}.form-group .input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#404040cc!important;border:1px solid #4a90e24d;border-radius:var(--radius-md);box-sizing:border-box;font-family:var(--font-family);font-size:12pt;height:40px;line-height:1.5;min-height:40px;padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-group .input:focus{background:#404040e6!important;border-color:#4a90e2cc;box-shadow:0 0 0 3px #4a90e21a;outline:none}.form-group .input::placeholder{color:var(--text-muted)}.form-group textarea.input{height:auto;min-height:40px;overflow-y:auto;resize:vertical}.user-card .project-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#40404066!important;border:1px solid #ffffff1a;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.project-item .form-group{margin-bottom:var(--spacing-sm)}.user-card .project-item .form-group:last-child{margin-bottom:0}.user-card .project-item textarea.input{min-height:80px;resize:vertical}.file-upload{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#40404066;border:2px dashed #ffffff4d;border-radius:var(--radius-lg);cursor:pointer;margin-bottom:var(--spacing-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-normal)}.file-upload:hover{background:#4a90e21a;border-color:#4a90e280}.file-upload.dragover{background:#4a90e233;border-color:var(--primary-color);transform:scale(1.02)}.file-upload p{color:var(--text-light);margin-bottom:var(--spacing-sm)}.file-upload small{color:var(--text-muted);font-size:var(--font-size-xs)}.file-input{display:none}.file-info{background:#4a90e21a;border:1px solid #4a90e24d;border-radius:var(--radius-md);color:var(--text-light);font-size:var(--font-size-sm);margin-top:var(--spacing-md);padding:var(--spacing-md)}.unified-input-container{background:#40404033;border:1px solid #fff3;border-radius:var(--radius-lg);box-sizing:border-box;max-width:100%;overflow:hidden;position:relative;transition:all var(--transition-normal);width:100%}.unified-input-container:hover{background:#4040404d;border-color:#4a90e24d}.unified-input-container.dragover{background:#4a90e21a;border-color:var(--primary-color);transform:scale(1.01)}.unified-input-field{align-items:flex-start;display:flex;overflow:hidden;position:relative}.unified-input-field,.unified-textarea{box-sizing:border-box;max-width:100%;width:100%}.unified-textarea{word-wrap:break-word;background:#0000;border:none;color:var(--text-light);flex:1 1;font-family:inherit;font-size:var(--font-size-sm);line-height:1.5;outline:none;overflow-wrap:break-word;padding:var(--spacing-md);padding-right:60px;resize:none}.unified-textarea::placeholder{color:var(--text-muted)}.unified-upload-overlay{align-items:center;background:#4a90e21a;border-left:1px solid #ffffff1a;bottom:0;cursor:pointer;display:flex;justify-content:center;position:absolute;right:0;top:0;transition:all var(--transition-normal);width:60px}.unified-upload-overlay:hover{background:#4a90e233}.upload-icon{color:var(--text-muted);font-size:36px;margin-right:var(--spacing-sm);pointer-events:none}.unified-file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.unified-file-info{align-items:center;background:#4a90e21a;border-top:1px solid #ffffff1a;color:var(--text-light);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.file-name{color:var(--text-light);font-weight:500}.file-details{color:var(--text-muted);font-size:var(--font-size-xs)}.unified-clear-btn{background:#dc354533;border:1px solid #dc35454d;border-radius:var(--radius-sm);color:#dc3545;cursor:pointer;font-size:12px;margin-left:auto;padding:4px 8px;transition:all var(--transition-fast)}.unified-clear-btn:hover{background:#dc35454d;border-color:#dc354580}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;justify-content:center;line-height:1.5;margin-right:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--text-light)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success{background-color:var(--success-color);border-color:var(--success-color);color:var(--text-light)}.btn-success:hover:not(:disabled){background-color:#059669;border-color:#059669;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary-color);border-color:var(--secondary-color);color:var(--text-light)}.btn-secondary:hover:not(:disabled){background-color:#475569;border-color:#475569;box-shadow:var(--shadow-md);transform:translateY(-1px)}.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-lg);color:var(--text-light);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.error-message h3{color:var(--error-color);margin-bottom:var(--spacing-md)}.result-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10b9811a;border:1px solid #10b9814d;border-radius:var(--radius-lg);color:var(--text-light);margin-top:var(--spacing-lg);max-width:100%;overflow-wrap:break-word;padding:var(--spacing-lg)}.result-card h3{color:var(--success-color);margin-bottom:var(--spacing-md)}.result-card p{color:var(--text-light);margin-bottom:var(--spacing-sm)}.url-section{margin-bottom:var(--spacing-md)}.url-container{gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.url-input{background:#ffffff1a;border:1px solid #4a90e24d;border-radius:var(--radius-sm);color:var(--text-light);cursor:text;font-family:Courier New,monospace;font-size:.9em;padding:var(--spacing-sm)}.url-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #4a90e233;outline:none}.copy-btn{min-width:120px}.result-card .url{background:#4a90e21a;border-radius:var(--radius-sm);color:var(--primary-color);display:inline-block;font-weight:600;margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);word-break:break-all}.result-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.editable-preview-container{margin:0 0 20px}.editable-preview-header{background:#3f3f3f;border-bottom:none;border-radius:8px;color:#fff;margin-bottom:4px;padding:16px 20px;text-align:center}.editable-preview-header h4{font-size:18px;font-weight:600;margin:0 0 4px}.editable-preview-header p{font-size:14px;margin:0;opacity:.9}.btn-small{border-radius:4px;font-size:12px;padding:4px 8px}.education-actions,.experience-actions,.project-actions{margin-top:8px}@media (max-width:768px){.editable-preview-header{padding:12px 16px}}@media (max-width:1200px){.user-left-column{flex:0 0 320px;max-width:350px;min-width:280px}.user-middle-column{max-width:865.6px;min-width:500px}.user-content-container{gap:12px}}@media (max-width:1024px){.user-left-column{flex:0 0 280px;max-width:320px;min-width:250px}.user-middle-column{max-width:865.6px;min-width:400px}.user-content-container{gap:8px}}@media (max-width:768px){.user-content-container{flex-direction:column;gap:16px}.user-left-column{flex:none;max-width:none;min-width:auto;width:100%}.user-middle-column{flex:none;margin:0 auto;max-width:865.6px;min-width:auto;width:100%}}.user-card,.user-container{scrollbar-color:#0000 #0000;scrollbar-width:thin}.user-card::-webkit-scrollbar,.user-container::-webkit-scrollbar{background:#0000;width:8px}.user-card::-webkit-scrollbar-thumb,.user-container::-webkit-scrollbar-thumb{background:#0000}.user-left-column select.input{background:#40404066!important;border:1px solid #4a90e24d;color:var(--text-light)}.user-left-column select.input:focus{background:#40404099!important}.input,.input:focus{background:#404040cc!important;border:1px solid #4a90e24d;color:var(--text-light)}.job-item:hover .add-achievement-btn,.job-item:hover .remove-experience-btn{opacity:1;visibility:visible}.add-achievement-btn,.remove-experience-btn{opacity:0;transition:opacity .2s ease,visibility .2s ease;visibility:hidden}.remove-project-btn{right:-20px}.education-item:hover .add-education-btn,.education-item:hover .remove-education-btn{opacity:1;visibility:visible}.add-education-btn,.remove-education-btn{opacity:0;transition:opacity .2s ease,visibility .2s ease;visibility:hidden}.remove-education-btn{font-size:10px;padding:2px 6px;position:absolute;right:-20px;top:0;z-index:10}.education-header-row{align-items:center;display:flex;gap:8px;margin-bottom:4px}.education-header-row .education-header{flex:1 1;font-weight:700}.education-header-row .education-period{flex-shrink:0;font-weight:700}.company-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.company-row .editable-exp-company{color:#000;flex:1 1;font-weight:700}.company-row .remove-experience-btn{flex-shrink:0}.job-title-row{margin-bottom:8px}.job-title-row .editable-exp-title{color:#60a5fa;flex:1 1;font-weight:700}.job-title-row .add-achievement-btn{flex-shrink:0;margin:0 16px}.job-title-row .editable-exp-period{color:#60a5fa;flex-shrink:0;font-weight:700;margin-right:8px}.experience-achievements-container{position:relative}.achievement-item:hover .remove-achievement-btn{opacity:1;visibility:visible}.remove-achievement-btn{font-size:10px;opacity:0;padding:2px 6px;position:absolute;right:-35px;top:0;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:10}.btn-secondary{background:#f5f5f5!important;border:1px solid #ddd!important;color:#333!important}.btn-secondary:hover{background:#e0e0e0!important}.btn-danger{background:#ffebee!important;border:1px solid #ffcdd2!important;color:#c62828!important}.btn-danger:hover{background:#ffcdd2!important}.projects-list{margin-bottom:4px}.resume-page .projects-list{margin-bottom:1px!important}.resume-page .project-item{background:#fff!important;margin-bottom:2px!important;padding:2px!important}.project-item{margin-bottom:8px;padding:8px}.project-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.project-title{color:#000;flex:1 1;font-weight:700}.project-descriptions-container{margin-left:16px}.project-descriptions{list-style:none;padding:0}.project-description-item{margin-bottom:4px}.project-description-item:last-child{margin-bottom:0}.remove-project-btn{font-size:10px;opacity:0;padding:2px 6px;position:absolute;right:-40px;top:0;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:10}.project-item:hover .remove-project-btn{opacity:1;visibility:visible}.remove-project-description-btn{font-size:10px;opacity:0;padding:2px 6px;position:absolute;right:-35px;top:0;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:10}.project-description-item:hover .remove-project-description-btn{opacity:1;visibility:visible}.add-achievement-btn,.add-project-description-btn{align-items:center!important;background:#81c784!important;border:none!important;border-radius:3px!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:14px!important;font-weight:700!important;height:20px!important;justify-content:center!important;padding:0!important;transition:background-color .2s ease!important;width:20px!important}.add-achievement-btn:hover,.add-project-description-btn:hover{background:#2e7d32!important}.add-achievement-btn:before,.add-project-description-btn:before{content:"+"!important}.add-achievement-btn span,.add-project-description-btn span{display:none!important}.section-header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;position:relative}.section-header{background:linear-gradient(90deg,#2563eb,#60a5fa);margin:0 0 8px}.remove-section-btn{align-items:center!important;background:#ffebee!important;border:1px solid #ffcdd2!important;border-radius:3px!important;color:#c62828!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:12px!important;font-weight:700!important;height:20px!important;justify-content:center!important;opacity:0;padding:0!important;position:absolute;right:-20px;top:50%;transform:translateY(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;width:20px!important;z-index:10}.section-header-container:hover .remove-section-btn{opacity:1;visibility:visible}.remove-section-btn:hover{background:#ffcdd2!important}.add-project-description-btn{align-items:center!important;background:#81c784!important;border:none!important;border-radius:3px!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:14px!important;font-weight:700!important;height:20px!important;justify-content:center!important;opacity:0;padding:0!important;position:absolute;right:20px;top:0;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;width:20px!important}.project-item:hover .add-project-description-btn{opacity:1;visibility:visible}.add-project-description-btn:hover{background:#66bb6a!important}.section-header-container .add-experience-btn,.section-header-container .add-project-btn{justify-content:center!important}.section-header-container .add-education-btn,.section-header-container .add-experience-btn,.section-header-container .add-project-btn{align-items:center!important;background:#81c784!important;border:none!important;border-radius:3px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:700!important;height:20px!important;opacity:0!important;padding:0!important;position:absolute!important;right:-45px!important;top:50%!important;transform:translateY(-50%)!important;transition:all .2s ease!important;visibility:hidden!important;width:20px!important}.section-header-container:hover .add-education-btn,.section-header-container:hover .add-experience-btn,.section-header-container:hover .add-project-btn{opacity:1!important;visibility:visible!important}.section-header-container .add-education-btn:hover,.section-header-container .add-experience-btn:hover,.section-header-container .add-project-btn:hover{background:#66bb6a!important}.section-header-container .add-education-btn span,.section-header-container .add-experience-btn span,.section-header-container .add-project-btn span{display:none!important}.section-header-container .add-education-btn:before,.section-header-container .add-experience-btn:before,.section-header-container .add-project-btn:before{content:"+"!important}.section-container{margin-bottom:20px;position:relative;transition:all .2s ease}.section-container.draggable-section{cursor:all-scroll}.section-container.draggable-section:hover{background-color:#60a5fa0d}.section-container.draggable-section.dragging{cursor:all-scroll;opacity:.5}.section-container.drag-over{background-color:#60a5fa14!important;border-top:6px solid #60a5fa!important;margin-top:15px!important;padding-top:15px!important;transition:all .15s ease!important}.section-container.non-draggable-section{cursor:default}.section-container.non-draggable-section:hover{box-shadow:none;transform:none}.end-drop-zone{align-items:center;background:#00000005!important;border:2px dashed #ddd!important;border-radius:6px;color:#999;display:flex;font-size:12px;justify-content:center;margin-bottom:20px;margin-top:10px;min-height:30px;transition:all .15s ease!important}.end-drop-zone.drag-over{background:#60a5fa26!important;border:4px solid #60a5fa!important;color:#60a5fa;font-size:14px;font-weight:600;min-height:60px!important}.end-drop-zone:hover{background:#0000000a!important;border-color:#999!important}.undo-container{animation:slideInFromRight .3s ease-out;position:fixed;right:20px;top:20px;z-index:1000}.undo-toast{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;max-width:400px;min-width:280px;padding:12px 16px}.undo-message{color:#333;flex:1 1;font-size:14px;font-weight:500}.undo-button{background:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .2s ease}.undo-button:hover{background:#1d4ed8}.undo-dismiss{background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:12px;padding:4px 8px;transition:background-color .2s ease}.undo-dismiss:hover{background:#f3f4f6;color:#333}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.analytics-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.analytics-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-height:80vh;max-width:800px;overflow-y:auto;padding:24px;width:90%}.analytics-header{border-bottom:2px solid #f0f0f0;margin-bottom:24px;padding-bottom:16px}.analytics-header h3{color:#333;font-size:24px;margin:0}.close-btn{border-radius:4px;color:#666;padding:4px;transition:background-color .2s}.close-btn:hover{background-color:#f0f0f0}.analytics-content{display:flex;flex-direction:column;gap:24px}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.analytics-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;text-align:center}.analytics-card h4{color:#666;font-size:14px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.analytics-number{color:#007bff;font-size:32px;font-weight:700}.analytics-date{color:#333;font-size:18px}.analytics-section{margin-bottom:24px}.analytics-section h4{color:#333;font-size:18px;margin:0 0 16px}.device-chart{display:flex;flex-direction:column;gap:12px}.device-bar{align-items:center;display:flex;gap:12px}.device-label{color:#333;font-weight:500;min-width:80px}.device-bar-fill{background:linear-gradient(90deg,#007bff,#0056b3);border-radius:10px;flex:1 1;height:20px;transition:width .3s ease}.device-count{color:#666;font-weight:500;min-width:40px;text-align:right}.geo-list{display:flex;flex-direction:column;gap:8px}.geo-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.country{color:#333;font-weight:500}.count{color:#007bff;font-weight:500}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:24px;width:90%}.modal-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.modal-header h3{color:#333;font-size:20px;margin:0}.modal-form{display:flex;flex-direction:column;gap:20px}.modal-form .form-group{display:flex;flex-direction:column;gap:8px}.modal-form .form-group label{color:#333;font-weight:500}.modal-form .form-group input{border:2px solid #e9ecef;border-radius:6px;font-size:16px;padding:12px;transition:border-color .2s}.modal-form .form-group input:focus{border-color:#007bff;outline:none}.modal-form .form-group small{color:#666;font-size:12px}.modal-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn-info{background-color:#17a2b8;border:none;color:#fff}.btn-info:hover{background-color:#138496}.btn-success{background-color:#28a745;border:none;color:#fff}.btn-success:hover{background-color:#218838}.url-section{margin-top:16px}.url-container{align-items:center;display:flex;gap:8px}.url-input{background:#ffffffe6;flex:1 1;font-family:monospace;padding:8px 12px}.copy-btn,.url-input{border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px}.copy-btn{background:#f5f5f5;padding:8px 16px;white-space:nowrap}.copy-btn:hover{background:#e9ecef}.production-url-highlight{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;margin:20px 0;padding:20px;text-align:center}.production-url-title{font-size:18px;font-weight:700;margin-bottom:10px}.analytics-dashboard-overlay{animation:slideIn .3s ease-out;background:#f8f9fa;box-sizing:border-box;height:100vh;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100vw;z-index:1000}.analytics-dashboard-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:1001}.analytics-dashboard-header h2{color:#333;font-size:24px;margin:0}.analytics-dashboard-content{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;min-height:calc(100vh - 140px);padding:20px}@media (max-width:768px){.analytics-dashboard-overlay{padding:10px}.analytics-dashboard-header{flex-direction:column;gap:15px;text-align:center}.analytics-dashboard-header h2{font-size:20px}.analytics-dashboard-content{min-height:calc(100vh - 180px);padding:15px}.analytics-modal,.modal{padding:16px;width:95%}.analytics-grid{gap:16px;grid-template-columns:1fr}.device-bar,.modal-actions{flex-direction:column}.device-bar{align-items:flex-start;gap:8px}.device-count,.device-label{min-width:auto}.device-count{text-align:left}}.user-card.collapsed{border-width:0!important;margin-bottom:0!important;margin-top:0!important;max-height:0!important;opacity:0!important;overflow:hidden!important;padding-bottom:0!important;padding-top:0!important;transition:max-height .25s ease,opacity .2s ease}.user-left-column{transition:opacity .2s ease}.user-card.fixed-job-description{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2f2f2ff2!important;border:1px solid #fff3!important;border-radius:12px!important;box-shadow:0 8px 32px #0006!important;left:20px!important;margin-top:0!important;position:fixed!important;top:50%!important;transform:translateY(-50%)!important;transition:all .3s ease!important;width:400px!important;z-index:1000!important}.user-card.fixed-job-description:hover{box-shadow:0 12px 40px #00000080!important;transform:translateY(-50%) scale(1.02)!important}@media (max-width:1400px){.user-card.fixed-job-description{left:10px!important;width:350px!important}}@media (max-width:768px){.user-card.fixed-job-description{bottom:20px!important;left:10px!important;position:fixed!important;right:10px!important;top:auto!important;transform:none!important;width:auto!important;z-index:1000!important}}.base-container{margin-top:110px!important}.base-container,.input-job-container{background:#3f3f3f!important;background-color:#3f3f3f!important;background-image:none!important;border:1px solid #404040cc;border-radius:12px;display:flex;flex-direction:column;gap:16px;margin-bottom:20px;padding:var(--spacing-md);width:100%}.input-job-container{box-sizing:border-box;margin-top:16px!important;max-height:600px!important;max-width:100%;overflow-x:hidden;overflow-y:auto}.create-resume-container{background:#3f3f3f!important;background-color:#3f3f3f!important;background-image:none!important;border:1px solid #404040cc;border-radius:12px;margin-top:16px!important;padding:var(--spacing-md);width:100%!important}.input-job-container .unified-textarea{max-height:400px;overflow-y:auto}.base-container.collapsed,.input-job-container.collapsed{display:none}.input-job-container .user-card{border-radius:8px!important}.user-left-column .user-card:not(.fixed-job-description){left:auto!important;max-width:100%!important;position:relative!important;top:auto!important;transform:none!important;width:100%!important}.user-left-column .user-card:not(.fixed-job-description) .section-label{max-width:100%!important}.notification-toast{word-wrap:break-word;animation:slideInRight .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:14px;font-weight:500;max-width:300px;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:10000}.notification-toast.success{background-color:#10b981;border-left:4px solid #059669}.notification-toast.error{background-color:#ef4444;border-left:4px solid #dc2626}.notification-toast.info{background-color:#3b82f6;border-left:4px solid #2563eb}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.user-card.select-base{border-radius:14px!important;margin-top:120px!important;padding:var(--spacing-lg)!important}.user-content-container .user-left-column .create-resume-container,.user-left-column .create-resume-container{background:#3f3f3f!important;background-color:#3f3f3f!important;background-image:none!important}.create-resume-container .btn{background:var(--primary-color)!important;color:#fff!important}.user-left-column .base-container,.user-left-column .create-resume-container,.user-left-column .input-job-container,.user-left-column .user-card{max-width:100%!important;min-width:380px!important}.editable-preview-header{margin-top:0!important;padding:0!important}.resume-page{background:#fff;box-shadow:0 0 10px #0000001a;color:#000;font-family:Times,Times New Roman,serif;font-size:11pt;line-height:1.4;min-height:11in;padding:.4in;position:relative;width:8.5in}.resume-header{margin-bottom:8px;text-align:center}.header-line{background-color:#4a90e2;height:2px;margin:4px 0}.name{color:#000;font-size:24pt;font-weight:700;margin:6px 0 4px}.contact-info{align-items:center;border-radius:8px;display:flex;flex-wrap:wrap;font-size:10pt;gap:4px;justify-content:center;margin:3px 0;padding:4px 8px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.resume-page:not(.editable-preview-container) .contact-info:hover{background:linear-gradient(135deg,#4a90e214,#74c8ff1f);border:1px solid #4a90e24d;box-shadow:0 4px 20px #4a90e233,0 8px 30px #74c8ff26,inset 0 1px 0 #fff3;filter:brightness(1.05) contrast(1.1);transform:scale(1.1) translateY(-2px)}.contact-link{color:#4a90e2;position:relative;text-decoration:underline;transition:all .2s ease}.contact-link:hover{color:#357abd;filter:brightness(1.1);text-shadow:0 0 8px #4a90e266;transform:translateY(-1px)}.title{color:#000;font-size:16pt;font-weight:700;margin:6px 0 4px}.resume-section{margin-bottom:6px!important}.resume-section .professional-summary h2,.resume-section h2.professional-summary{background:none!important;border-radius:0!important;color:#000!important;display:block!important;font-size:11pt!important;font-weight:400!important;margin:0!important;padding:0!important;width:auto!important}.section-header{align-items:center;background:linear-gradient(90deg,#2563eb,#60a5fa)!important;border-radius:6px;color:#fff;display:flex;font-size:12pt;font-weight:700;margin-bottom:4px!important;margin-top:2px;padding:3px 6px;width:100%}.summary{border-radius:4px;font-size:11pt;line-height:1.3;margin:0;padding:2px;position:relative;text-align:justify;transition:all .3s cubic-bezier(.4,0,.2,1)}.summary:hover{background:linear-gradient(135deg,#4a90e214,#74c8ff1f);box-shadow:0 4px 20px #4a90e233,0 8px 30px #74c8ff26,inset 0 1px 0 #fff3;filter:brightness(1.55) contrast(1.1);transform:scale(1.1) translateY(-2px)}.certifications-content,.skills-content,.technologies-content{border-radius:4px;font-size:10pt;line-height:1.4;margin:0;padding:2px;position:relative;text-align:justify;transition:all .3s cubic-bezier(.4,0,.2,1)}.certifications-content:hover,.skills-content:hover,.technologies-content:hover{background:linear-gradient(135deg,#4a90e214,#74c8ff1f);border:1px solid #4a90e24d;box-shadow:0 4px 20px #4a90e233,0 8px 30px #74c8ff26,inset 0 1px 0 #fff3;filter:brightness(1.05) contrast(1.1);transform:scale(1.1) translateY(-2px)}.skills-content-grid,.technologies-content-grid{display:inline;font-size:10pt;line-height:1.4;margin:0;text-align:justify}.skill-item,.technology-item{border-radius:3px;cursor:pointer;display:inline;padding:1px 3px;position:relative;transition:all .2s ease}.public-view .skill-item:hover,.public-view .technology-item:hover,.resume-page:not(.editable-preview-container) .skill-item:hover,.resume-page:not(.editable-preview-container) .technology-item:hover{background:linear-gradient(135deg,#4a90e226,#74c8ff33)!important;box-shadow:0 4px 12px #4a90e24d!important;color:#2563eb!important;filter:brightness(1.05) contrast(1.1)!important;font-weight:500!important;transform:scale(1.2) translateY(-1px)!important}.skill-separator,.tech-separator{color:inherit;display:inline;pointer-events:none;-webkit-user-select:none;user-select:none}.projects-list{list-style-type:none!important;margin:0;padding:0;padding-left:0!important}.project-item{background:#fff!important;border-radius:4px;font-size:11pt;line-height:1.3;margin:0 0 4px;padding:0;position:relative;text-align:justify;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-item,.project-item:hover{border:none!important;box-shadow:none!important;outline:none!important}.project-item:hover{background:none!important;filter:brightness(1.05) contrast(1.1);transform:scale(1.1) translateY(-2px)}.job-item{margin-bottom:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.job-item:hover{background:linear-gradient(135deg,#4a90e214,#74c8ff1f);box-shadow:0 4px 20px #4a90e233,0 8px 30px #74c8ff26,inset 0 1px 0 #fff3;filter:brightness(1.05) contrast(1.51);outline:2px dashed #4a90e266;outline-offset:3px;transform:scale(1.017) translateY(-2px)}.job-item:hover:before{animation:fadeIn .3s ease .5s forwards;opacity:1;opacity:0}.job-item{cursor:text;position:relative}.job-item,.job-item [contenteditable=true]{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.job-item ::selection,.job-item::selection{background:#4a90e24d}.job-item ::-moz-selection,.job-item::-moz-selection{background:#4a90e24d}.resume-section .job-item.force-selection{background:#4a90e233!important;box-shadow:0 0 10px #4a90e24d!important;outline:3px solid #4a90e2cc!important;outline-offset:3px!important}.text-highlight{background:#4a90e24d!important;color:inherit!important}.achievement-item:hover{background:none!important;border:none!important;box-shadow:none!important;filter:brightness(1.05) contrast(1.1);list-style-type:disc!important;outline:none!important;transform:scale(1.08) translateY(-1px)}.achievement-item:hover::marker{content:"•"}.job-header{color:#000;font-size:11pt;font-weight:700;margin-bottom:2px}.job-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.job-title{color:#60a5fa!important;font-size:12pt!important;font-weight:700;text-align:left;transition:all .3s ease}.job-item:hover .job-title,.job-title:hover{color:#2563eb!important}.job-period{color:#60a5fa;font-size:12pt;font-weight:700;margin-left:16px;text-align:right;transition:all .3s ease}.job-period:hover{color:#4a90e2!important}.job-item:hover .job-period{color:#2563eb!important}.job-description{color:#666;font-size:11pt;font-style:italic;line-height:1.2;margin-bottom:4px}.job-achievements{list-style-type:none!important;margin:0;padding-left:0}.achievement-item{background:none!important;border:none!important;border-radius:3px;box-shadow:none!important;line-height:1.1;list-style-type:none!important;margin:4px!important;outline:none!important;padding:0;text-align:justify}.achievement-item,.achievements-editor,.project-descriptions-editor{font-size:11pt;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.achievements-editor,.project-descriptions-editor{word-wrap:break-word;background:none;border:none;border-radius:3px;box-shadow:none;color:#333;cursor:text;line-height:1;margin:4px 0;outline:none;padding:4px 0;text-align:left;white-space:pre-wrap}.achievements-editor:hover,.project-descriptions-editor:hover{background:#4a90e20d;border-radius:4px}.achievements-editor:focus,.project-descriptions-editor:focus{background:#4a90e214;border-radius:4px;outline:1px solid #4a90e24d}.achievements-editor:empty:before,.project-descriptions-editor:empty:before{color:#999;content:attr(data-placeholder);font-style:italic}.achievements-editor,.project-descriptions-editor{font-family:Times,Times New Roman,serif}.achievement-item div{flex:1 1}.project-descriptions-container{margin:0;padding:0}.project-descriptions{margin:0;padding-left:0}.project-description-item{align-items:flex-start;background:none!important;border:none!important;border-radius:3px;box-shadow:none!important;display:flex;font-size:11pt;gap:10px;line-height:1.2;margin:0;outline:none!important;padding:0;position:relative;text-align:justify;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-description-item div{flex:1 1}.education-item{border-radius:4px;margin-bottom:6px;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.education-item:hover{background:linear-gradient(135deg,#4a90e214,#74c8ff1f);box-shadow:0 4px 20px #4a90e233,0 8px 30px #74c8ff26,inset 0 1px 0 #fff3;filter:brightness(1.05) contrast(1.51);transform:scale(1.017) translateY(-2px)}.education-header-row{margin-bottom:2px}.education-header{color:#000;font-size:12pt;font-weight:700;text-align:left}.education-degree{color:#666;font-size:12pt;margin-bottom:2px}.education-period{color:#60a5fa;font-size:12pt;margin-left:16px;text-align:right;transition:all .3s ease}.education-period:hover{color:#4a90e2!important;text-shadow:0 0 6px #4a90e266!important}.education-item:hover .education-period{color:#2563eb!important;text-shadow:0 0 6px #4a90e266!important}@media screen and (max-width:900px){.resume-page{min-height:auto;padding:10px;width:100%}.contact-info{flex-direction:column;gap:1px}}@media print{.resume-page{box-shadow:none;margin:0;padding:.4in;width:100%}}.editable-preview-container .achievement-item:hover,.editable-preview-container .certifications-content:hover,.editable-preview-container .contact-info:hover,.editable-preview-container .contact-link:hover,.editable-preview-container .education-item:hover,.editable-preview-container .job-item:hover,.editable-preview-container .project-item:hover,.editable-preview-container .skill-item:hover,.editable-preview-container .skills-content:hover,.editable-preview-container .summary:hover,.editable-preview-container .technologies-content:hover,.editable-preview-container .technology-item:hover{background:none!important;border:none!important;box-shadow:none!important;color:inherit!important;filter:none!important;text-shadow:none!important;transform:none!important}.achievement-item:hover,.certifications-content:hover,.contact-info:hover,.education-item:hover,.job-item:hover,.project-item:hover,.skills-content:hover,.summary:hover,.technologies-content:hover{border:none!important;outline:none!important}.clickable-section{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.clickable-section:hover{cursor:pointer}.certifications-content.clickable-section,.education-item.clickable-section,.job-item.clickable-section,.project-item.clickable-section,.skills-content.clickable-section,.summary.clickable-section,.technologies-content.clickable-section{position:relative}.editable-preview-container .education-item{background:none!important;border:none!important;box-shadow:none!important;margin-bottom:6px!important;padding:0!important}.public-view .job-achievements{list-style:none!important;padding-left:0!important}.public-view .achievement-item{display:block!important;gap:0!important;padding-left:20px!important;position:relative}.public-view .achievement-item:before{color:#000;content:"\2022";font-size:16px;left:0;line-height:1;position:absolute;top:.1em}.public-view .project-descriptions{list-style:none!important;margin:0!important;padding-left:0!important}.public-view .project-description-item{display:block!important;padding-left:20px!important;position:relative}.public-view .project-description-item:before{color:#000;content:"\2022";font-size:16px;left:0;line-height:1;position:absolute;top:.1em}.editable-preview-container .education-header-row{margin-bottom:2px!important}.analytics-dashboard{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.dashboard-header{align-items:center;border-bottom:2px solid #2b6cb0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.dashboard-header h1{color:#fff;font-size:2rem;font-weight:600;margin:0}.refresh-button{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:1px solid #2b6cb0;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.refresh-button:hover{background:linear-gradient(135deg,#3182ce,#2b6cb0);box-shadow:0 6px 20px #2b6cb066;transform:translateY(-2px)}.overview-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:25px}.overview-card{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:8px;box-shadow:0 4px 16px #0003;color:#e2e8f0;cursor:default;padding:10px;text-align:center;transition:all .3s ease}.overview-card:hover{box-shadow:0 12px 40px #2b6cb066;transform:translateY(-2px)}.overview-card h3{font-size:11px;letter-spacing:.5px;margin:0 0 8px;opacity:.9;text-transform:uppercase}.big-number{color:#63b3ed;font-size:1.8rem;font-weight:700;line-height:1;margin:0}.card{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#e2e8f0;margin-bottom:25px;padding:25px}.card h2{color:#fff;font-size:1.4rem;font-weight:600;margin:0 0 20px}.card h3{color:#e2e8f0;font-size:1.1rem;font-weight:500;margin:0 0 15px}.top-resumes-table{overflow-x:auto}.top-resumes-table table{border-collapse:collapse;font-size:14px;width:100%}.top-resumes-table th{background:#2b6cb033;border-bottom:2px solid #2b6cb0;color:#fff;font-weight:600;padding:12px;text-align:left}.top-resumes-table td{border-bottom:1px solid #2b6cb04d;color:#63b3ed!important;padding:12px;vertical-align:middle}.top-resumes-table tr:hover{background:#2b6cb01a}.top-resumes-table .rank{color:#63b3ed;font-weight:700;min-width:60px;text-align:center}.top-resumes-table .resume-title{color:#fff;font-weight:600;max-width:200px}.top-resumes-table .custom-url code{background:#2b6cb033;border-radius:3px;color:#63b3ed;font-size:11px;padding:2px 4px}.top-resumes-table .view-count,.top-resumes-table .visitor-count{color:#63b3ed;font-weight:600;text-align:center}.top-resumes-table .last-viewed{color:#cbd5e0;font-size:12px}.resumes-table{overflow-x:auto}.resumes-table table{border-collapse:collapse;font-size:14px;width:100%}.resumes-table th{background:#2b6cb033;border-bottom:2px solid #2b6cb0;color:#fff;font-weight:600;padding:12px;text-align:left}.resumes-table td{border-bottom:1px solid #2b6cb04d;color:#63b3ed!important;padding:12px;vertical-align:middle}.resumes-table tr:hover{background:#2b6cb01a}.resumes-table .resume-row.clickable{transition:all .2s ease}.resumes-table .resume-row.clickable:hover{background:#2b6cb01a!important;box-shadow:0 2px 8px #2b6cb04d;transform:translateY(-1px)}.resumes-table .resume-row.clickable:active{box-shadow:0 1px 4px #2563eb33;transform:translateY(0)}.custom-url code{background:#2b6cb033;border-radius:4px;color:#63b3ed;font-size:12px;padding:4px 8px}.status-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.status-badge.finalized{background:#38a16933;color:#68d391;font-weight:600}.status-badge.draft{background:#ed893633;color:#f6ad55;font-weight:600}.analytics-grid{grid-gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.analytics-grid,.charts-grid{display:grid;gap:20px;margin-bottom:30px}.charts-grid{grid-gap:20px;grid-template-columns:repeat(2,1fr)}.chart-card{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:20px}.chart-card h2{color:#fff;font-size:16px;font-weight:600;margin-bottom:15px;text-align:center}.breakdown-card{margin-bottom:0}.breakdown-list{display:flex;flex-direction:column;gap:10px}.breakdown-item{align-items:center;border-bottom:1px solid #2b6cb04d;display:flex;justify-content:space-between;padding:8px 0}.breakdown-item:last-child{border-bottom:none}.breakdown-label{color:#e2e8f0;font-weight:500}.breakdown-count{color:#cbd5e0;font-size:14px}.recent-activity{overflow-x:auto}.recent-activity table{border-collapse:collapse;font-size:14px;width:100%}.recent-activity th{background:#2b6cb033;border-bottom:2px solid #2b6cb0;color:#fff;font-weight:600;padding:12px;text-align:left}.recent-activity td{border-bottom:1px solid #2b6cb04d;color:#63b3ed!important;padding:12px;vertical-align:middle}.recent-activity tr:hover{background:#2b6cb01a}.activity-item{display:none}.activity-time{color:#cbd5e0;font-size:12px;font-weight:500;min-width:140px}.activity-details{color:#e2e8f0;flex:1 1;font-size:14px;line-height:1.4}.activity-details strong{color:#fff}.activity-details code{background:#2b6cb033;border-radius:3px;color:#63b3ed;font-size:11px;padding:2px 4px}.no-activity{color:#7f8c8d;font-style:italic;padding:20px;text-align:center}.error-container,.loading-container,.no-data-container{padding:60px 20px;text-align:center}.retry-button{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px}.retry-button:hover{background:#c0392b}@media (max-width:768px){.analytics-dashboard{padding:15px}.dashboard-header{flex-direction:column;gap:15px;text-align:center}.analytics-grid,.charts-grid,.overview-cards{grid-template-columns:1fr}.charts-grid{gap:15px}.chart-container{height:180px;margin:10px 0}.chart-card{padding:15px}.chart-card h2{font-size:14px;margin-bottom:10px}.top-resumes-table{font-size:12px}.top-resumes-table td,.top-resumes-table th{padding:8px 4px}.resumes-table{font-size:12px}.activity-item{flex-direction:column;gap:8px}.activity-time{min-width:auto}}@media (max-width:480px){.big-number{font-size:2rem}.resumes-table td,.resumes-table th{padding:8px 4px}}.chart-container{align-items:center;display:flex;height:200px;justify-content:center;margin:15px 0;position:relative;width:100%}.chart-container canvas{max-height:100%;max-width:100%}.engagement-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.engagement-item{border:2px solid #0000;padding:20px}.engagement-item.low{background:#fff5f5;border-color:#fed7d7;color:#c53030}.engagement-item.medium{background:#fffbeb;border-color:#fbd38d;color:#d69e2e}.engagement-item.high{background:#f0fff4;border-color:#9ae6b4;color:#38a169}.engagement-number{font-size:2.5rem;font-weight:700;margin:10px 0}.link-clicks-section{margin-top:20px}.link-clicks-list{display:flex;flex-direction:column;gap:15px}.link-click-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:15px;padding:15px}.link-icon{font-size:2rem;text-align:center;width:50px}.link-info{flex:1 1}.link-type{color:#2c3e50;font-weight:700;margin-bottom:5px}.link-count{color:#6c757d;font-size:14px}.referrer-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.referrer-section h3{color:#34495e;margin-bottom:15px}.referrer-list{display:flex;flex-direction:column;gap:10px}.referrer-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:10px}.referrer-platform,.referrer-type{color:#495057;font-weight:500}.referrer-count{background:#007bff;border-radius:12px;color:#fff;font-size:12px;font-weight:700;padding:4px 8px}.scroll-depth-section{margin-top:20px}.scroll-depth-overview{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 2fr}.scroll-depth-stat{text-align:center}.scroll-depth-number{color:#007bff;font-size:3rem;font-weight:700;margin:10px 0}.depth-bars{display:flex;flex-direction:column;gap:15px}.depth-bar{align-items:center;display:flex;gap:15px}.depth-bar span:first-child{color:#6c757d;font-size:14px;min-width:120px}.depth-bar .bar{background:linear-gradient(90deg,#007bff,#0056b3);border-radius:10px;flex:1 1;height:20px;transition:width .3s ease}.depth-bar span:last-child{color:#2c3e50;font-weight:700;min-width:40px;text-align:right}.time-spent-section{margin-top:20px}.time-spent-overview{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 2fr}.time-spent-stat{text-align:center}.time-spent-number{color:#28a745;font-size:3rem;font-weight:700;margin:10px 0}.time-bars{flex-direction:column}.time-bar,.time-bars{display:flex;gap:15px}.time-bar{align-items:center}.time-bar span:first-child{color:#6c757d;font-size:14px;min-width:140px}.time-bar .bar{background:linear-gradient(90deg,#28a745,#1e7e34);border-radius:10px;flex:1 1;height:20px;transition:width .3s ease}.time-bar span:last-child{color:#2c3e50;font-weight:700;min-width:40px;text-align:right}@media (max-width:768px){.engagement-grid,.referrer-grid{grid-template-columns:1fr}.scroll-depth-overview,.time-spent-overview{gap:20px;grid-template-columns:1fr}.depth-bar span:first-child,.time-bar span:first-child{font-size:12px;min-width:100px}}.time-spent-stats{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:8px;box-shadow:0 8px 32px #0000004d;display:flex;justify-content:space-around;margin-bottom:20px;padding:15px}.stat-item{text-align:center}.stat-label{color:#cbd5e0;display:block;font-size:12px;font-weight:500;margin-bottom:5px}.stat-value{color:#68d391;display:block;font-size:18px;font-weight:700}.time-distribution-breakdown{margin-bottom:25px}.time-distribution-breakdown h3{color:#fff;font-size:16px;font-weight:600;margin-bottom:15px}.distribution-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.distribution-item{background:#2b6cb01a;border:2px solid #2b6cb0;border-radius:8px;padding:15px;text-align:center;transition:all .3s ease}.distribution-item:hover{background:#2b6cb033;box-shadow:0 4px 8px #2b6cb04d;transform:translateY(-2px)}.distribution-item.quick-view{background:#e53e3e1a;border-color:#e53e3e}.distribution-item.brief-scan{background:#ed89361a;border-color:#ed8936}.distribution-item.thorough-read{background:#3182ce1a;border-color:#3182ce}.distribution-item.deep-review{background:#38a1691a;border-color:#38a169}.distribution-label{color:#fff;font-size:14px;font-weight:600;margin-bottom:8px}.distribution-value{color:#63b3ed;font-size:24px;font-weight:700;margin-bottom:5px}.distribution-desc{color:#cbd5e0;font-size:12px;font-weight:500}.engagement-levels{margin-bottom:25px}.engagement-levels h3{color:#fff;font-size:16px;font-weight:600;margin-bottom:15px}.engagement-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.engagement-item{background:#2b6cb01a;border:2px solid #2b6cb0;border-radius:8px;padding:15px;text-align:center;transition:all .3s ease}.engagement-item:hover{background:#2b6cb033;box-shadow:0 4px 8px #2b6cb04d;transform:translateY(-2px)}.engagement-item.low{background:#e53e3e1a;border-color:#e53e3e}.engagement-item.medium{background:#ed89361a;border-color:#ed8936}.engagement-item.high{background:#38a1691a;border-color:#38a169}.engagement-label{color:#fff;font-size:14px;font-weight:600;margin-bottom:8px}.engagement-value{color:#63b3ed;font-size:24px;font-weight:700;margin-bottom:5px}.engagement-desc{color:#cbd5e0;font-size:12px;font-weight:500}.no-data-message{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;margin-bottom:20px;padding:20px;text-align:center}.no-data-message p{color:#cbd5e0;font-size:14px;font-style:italic;margin:0}.loading-state{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:20px;text-align:center}.loading-state p{color:#cbd5e0;font-size:14px;font-weight:500;margin:0}.analytics-summary{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:1px solid #2b6cb0;border-radius:8px;color:#fff;margin-bottom:25px;padding:20px}.summary-item{align-items:center;display:flex;margin-bottom:12px}.summary-item:last-child{margin-bottom:0}.summary-icon{font-size:18px;margin-right:12px;opacity:.9}.summary-text{font-size:14px;font-weight:500;opacity:.95}.engagement-distribution-card,.engagement-trend-card,.link-clicks-analytics-card,.scroll-depth-analytics-card,.time-spent-analytics-card,.top-performing-resumes-card,.traffic-sources-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #00000012;margin-bottom:25px;padding:25px}.all-resumes-table-card{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:12px;box-shadow:0 8px 32px #0000004d;margin-bottom:25px;padding:25px}.browser-breakdown-card,.country-breakdown-card,.device-breakdown-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #00000012;margin-bottom:25px;padding:25px}.recent-activity-card{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:12px;box-shadow:0 8px 32px #0000004d;margin-bottom:25px;padding:25px}.engagement-metrics-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.engagement-score-card,.link-clicks-card,.scroll-depth-card,.time-spent-card{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#e2e8f0;padding:25px;text-align:center}.analytics-breakdown-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.help-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.help-modal{animation:slideIn .3s ease-out;background:#2d3748f2;border:1px solid #2b6cb0;border-radius:16px;box-shadow:0 20px 40px #2b6cb04d;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:90%}.help-modal-header{align-items:center;background:linear-gradient(135deg,#2d3748,#4a5568 50%,#2b6cb0);border-bottom:2px solid #2b6cb0;border-radius:16px 16px 0 0;color:#e2e8f0;display:flex;justify-content:space-between;padding:24px 32px}.help-modal-header h2{font-size:24px;font-weight:600;margin:0}.help-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:background .2s ease;width:40px}.help-modal-close:hover{background:#ffffff4d}.help-modal-content{display:flex;flex:1 1;min-height:0}.help-modal-sidebar{background:#2d3748cc;border-right:1px solid #2b6cb0;padding:20px 0;width:200px}.help-modal-nav{background:#0000;border:none;border-left:3px solid #0000;color:#cbd5e0;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;text-align:left;transition:all .2s ease;width:100%}.help-modal-nav:hover{background:#2b6cb033;color:#e2e8f0}.help-modal-nav.active{background:#2b6cb0;border-left-color:#4c63d2;color:#e2e8f0}.help-modal-main{flex:1 1;max-height:70vh;overflow-y:auto;padding:32px}.help-section{border-bottom:1px solid #2b6cb033;margin-bottom:40px;padding-bottom:20px}.help-section:last-child{border-bottom:none;margin-bottom:0}.help-modal-main h3{color:#e2e8f0;font-size:20px;font-weight:600;margin:0 0 24px}.help-modal-main h4{color:#cbd5e0;font-size:16px;font-weight:600;margin:20px 0 12px}.help-modal-main ul{margin:0 0 20px;padding-left:20px}.help-modal-main li{color:#cbd5e0;line-height:1.5;margin:8px 0}.help-modal-main strong{color:#e2e8f0;font-weight:600}.help-modal-footer{background:#2d3748cc;border-radius:0 0 16px 16px;border-top:1px solid #2b6cb0;padding:20px 32px;text-align:center}.help-modal-done{background:linear-gradient(135deg,#2d3748,#4a5568 50%,#2b6cb0);border:1px solid #2b6cb0;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:transform .2s ease,box-shadow .2s ease}.help-modal-done:hover{background:linear-gradient(135deg,#4a5568,#2b6cb0 50%,#3182ce);box-shadow:0 8px 16px #2b6cb04d;transform:translateY(-2px)}@media (max-width:768px){.help-modal{max-height:90vh;width:95%}.help-modal-content{flex-direction:column}.help-modal-sidebar{border-bottom:1px solid #e9ecef;border-right:none;padding:16px 0;width:100%}.help-modal-nav{border-left:none;border-radius:20px;display:inline-block;margin:0 8px;padding:8px 16px;width:auto}.help-modal-main{padding:24px}}.onboarding-highlight{animation:pulse 2s infinite;background:#667eea33;border:3px solid #667eea;border-radius:8px;pointer-events:none;position:absolute;z-index:1500}.onboarding-tip{max-width:300px;opacity:1;position:fixed;transform:translateY(-50%);transition:opacity .3s ease-in;z-index:1600}.onboarding-tip-content{background:linear-gradient(135deg,#2d3748,#4a5568 50%,#2b6cb0);border:2px solid #2b6cb0;border-radius:12px;box-shadow:0 10px 30px #0006;padding:20px;position:relative}.onboarding-tip-content h4{color:#e2e8f0;font-size:16px;font-weight:600;margin:0 0 12px}.onboarding-tip-content p{color:#cbd5e0;font-size:14px;line-height:1.5;margin:0 0 16px}.onboarding-tip-progress{align-items:center;color:#a0aec0;display:flex;font-size:12px;gap:12px}.onboarding-tip-bar{background:#4a5568;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.onboarding-tip-fill{background:linear-gradient(135deg,#2b6cb0,#3182ce);border-radius:2px;height:100%;transition:width .3s ease}.onboarding-tip-arrow{border:8px solid #0000;height:0;position:absolute;width:0}.onboarding-tip-arrow-top{border-top-color:#667eea;bottom:-16px;left:50%;transform:translateX(-50%)}.onboarding-tip-arrow-bottom{border-bottom-color:#667eea;left:50%;top:-16px;transform:translateX(-50%)}.onboarding-tip-arrow-left{border-left-color:#667eea;right:-16px;top:50%;transform:translateY(-50%)}.onboarding-tip-arrow-right{border-right-color:#667eea;left:-16px;top:50%;transform:translateY(-50%)}@keyframes tipSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes tipSlideOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@media (max-width:768px){.onboarding-tip{max-width:250px}.onboarding-tip-content{padding:16px}.onboarding-tip-content h4{font-size:14px}.onboarding-tip-content p{font-size:13px}}.onboarding-tip-buttons{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:12px}.onboarding-tip-nav-buttons{display:flex;gap:8px;margin-left:auto}.onboarding-tip-back,.onboarding-tip-next,.onboarding-tip-skip{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;min-width:80px;padding:8px 16px;text-align:center;transition:all .3s ease}.onboarding-tip-skip{background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #4a5568;box-shadow:0 2px 4px #0003;color:#e2e8f0}.onboarding-tip-skip:hover{background:linear-gradient(135deg,#2d3748,#4a5568);border-color:#2b6cb0;box-shadow:0 4px 12px #0000004d;color:#f7fafc;transform:translateY(-2px)}.onboarding-tip-next{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:1px solid #2b6cb0;box-shadow:0 2px 4px #2b6cb04d;color:#f7fafc}.onboarding-tip-next:hover{background:linear-gradient(135deg,#3182ce,#2b6cb0);border-color:#63b3ed;box-shadow:0 6px 16px #2b6cb066;color:#fff;transform:translateY(-2px)}.onboarding-tip-back{background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #4a5568;box-shadow:0 2px 4px #0003;color:#e2e8f0}.onboarding-tip-back:hover{background:linear-gradient(135deg,#2d3748,#4a5568);border-color:#2b6cb0;box-shadow:0 4px 12px #0000004d;color:#f7fafc;transform:translateY(-2px)}.onboarding-tip{max-height:80vh;overflow-y:auto}@media (max-width:1200px){.onboarding-tip{max-width:280px}}@media (max-width:768px){.onboarding-tip{max-height:60vh;max-width:250px}}.contact-info.onboarding-show-add .add-contact-btn,.education-item.onboarding-show-remove .remove-education-btn,.job-item.onboarding-show-remove .remove-experience-btn,.project-item.onboarding-show-remove .remove-project-btn,.resume-section.onboarding-show-remove .remove-section-btn,.section-header-container.onboarding-show-add .add-education-btn,.section-header-container.onboarding-show-add .add-experience-btn,.section-header-container.onboarding-show-add .add-project-btn,.section-header-container.onboarding-show-remove .remove-education-btn,.section-header-container.onboarding-show-remove .remove-experience-btn,.section-header-container.onboarding-show-remove .remove-project-btn,.section-header-container.onboarding-show-remove .remove-section-btn{display:inline-block!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important}.help-button-container{display:inline-block;position:relative}.help-button{align-items:center;background:linear-gradient(135deg,#2d3748,#4a5568 50%,#2b6cb0);border:1px solid #2b6cb0;border-radius:25px;box-shadow:0 4px 12px #2b6cb04d;color:#e2e8f0;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.help-button:hover{background:linear-gradient(135deg,#4a5568,#2b6cb0 50%,#3182ce);box-shadow:0 6px 20px #2b6cb066;transform:translateY(-2px)}.help-button-icon{animation:bounce 2s infinite;font-size:16px}.help-button-text{font-size:14px}.help-button-tooltip{animation:tooltipFadeIn .3s ease-out;bottom:100%;left:50%;margin-bottom:8px;position:absolute;transform:translateX(-50%);z-index:1000}.help-button-tooltip-content{background:#2d3748f2;border:1px solid #2b6cb0;border-radius:8px;box-shadow:0 4px 12px #2b6cb04d;color:#e2e8f0;font-size:12px;padding:12px 16px;white-space:nowrap}.help-button-tooltip-content strong{display:block;font-size:13px;margin-bottom:4px}.help-button-tooltip-content p{margin:0;opacity:.9}.help-button-tooltip-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #2b6cb0;height:0;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:0}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.help-button{font-size:13px;padding:6px 12px}.help-button-text{display:none}.help-button-icon{font-size:18px}}.chatbot-container{animation:chatbotEntrance .8s ease-out;background:linear-gradient(135deg,#2f2f2f,#3f3f3f);border-radius:var(--radius-xl);color:var(--text-light);display:flex;flex-direction:column;height:100%;margin:var(--spacing-sm);overflow:hidden;transition:all var(--transition-normal)}.chatbot-container.minimized{height:auto}.chatbot-header{background:#0000!important;border-bottom:1px solid #ffffff1a;padding:var(--spacing-sm) var(--spacing-md);position:-webkit-sticky;position:sticky;top:0;transition:all var(--transition-normal);z-index:10}.chatbot-header-content{align-items:center;display:flex;justify-content:space-between}.chatbot-profile{align-items:center;display:flex;gap:var(--spacing-md)}.chatbot-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;position:relative;width:36px}.chatbot-avatar,.chatbot-avatar img{border:none;border-radius:50%;box-shadow:none;outline:none}.chatbot-avatar img{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;object-fit:cover;transform:translateZ(0);width:100%}.avatar-fallback{color:#fff;display:none;font-size:14px;font-weight:700}.chatbot-title h3{color:var(--text-light);font-size:var(--font-size-base);font-weight:600;margin:0}.chatbot-status{color:var(--text-muted);display:block;font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.chatbot-header.collapsed{background:#0000;border-bottom:none;height:0;overflow:hidden;padding:0;transition:all .3s ease-in-out}.chatbot-header.collapsed .chatbot-header-content{opacity:0;transform:scale(.8);transition:all .3s ease-in-out}.chatbot-header.collapsed .chatbot-title h3{font-size:14px;transition:font-size .3s ease-in-out}.chatbot-header.collapsed .chatbot-status{display:none;transition:opacity .3s ease-in-out}.chatbot-header.collapsed .chatbot-avatar{height:28px;transition:all .3s ease-in-out;width:28px}.chatbot-messages{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);overflow-y:auto;padding:var(--spacing-xs) var(--spacing-md);scroll-behavior:smooth;scrollbar-width:none}.message{display:flex;max-width:80%}.user-message{align-self:flex-end}.user-message .message-content{background-color:var(--primary-color);border-radius:18px 18px 4px 18px;color:var(--text-light);margin:1px 0}.bot-message{align-self:flex-start}.bot-message .message-content{background-color:#404040;border-radius:18px 18px 18px 4px;color:#fff;margin:1px 0}.message-content{font-size:var(--font-size-sm);line-height:1.3;padding:var(--spacing-xs) var(--spacing-md);position:relative;text-align:left}.message-content p{margin:0 0 4px}.message-time{display:block;font-size:var(--font-size-xs);opacity:.7}.typing-indicator{align-items:center;display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) 0}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background-color:var(--text-muted);border-radius:50%;height:6px;width:6px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.typing-indicator-text{align-items:center;display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.typing-text{color:var(--text-muted);font-size:.9rem;font-style:italic}.typing-dots{align-items:center;display:flex;gap:3px}.typing-dots span{animation:typing 1.4s ease-in-out infinite;background-color:var(--text-muted);border-radius:50%;height:4px;width:4px}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.typing-dots span:nth-child(3){animation-delay:0s}.chatbot-input{align-items:center;background:#0000;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.chatbot-input input{animation:gentlePulse 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#404040cc;border:1px solid #4a90e24d!important;border-radius:20px;box-shadow:0 8px 32px #0000004d,0 0 10px #4a90e21a;color:var(--text-light);flex:1 1;font-size:var(--font-size-sm);outline:none;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.chatbot-input input::placeholder{color:var(--text-muted)}.chatbot-input input:focus{background:#404040e6;border-color:#4a90e2cc!important;box-shadow:0 8px 32px #0000004d,0 0 20px #4a90e24d}.chatbot-input button{align-items:center;background-color:var(--primary-color)!important;border:none;border-radius:50%;color:var(--text-light);cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color var(--transition-fast);width:36px}.chatbot-input button:hover:not(:disabled){background-color:var(--primary-hover)}.chatbot-input button:disabled{background-color:var(--text-muted);cursor:not-allowed}.chatbot-messages::-webkit-scrollbar{background:#0000;width:0}.chatbot-messages::-webkit-scrollbar-track{background:#0000}.chatbot-messages::-webkit-scrollbar-thumb{background:#0000;border-radius:0}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#0000}@keyframes gentlePulse{0%{box-shadow:0 8px 32px #0000004d;transform:scale(1)}50%{box-shadow:0 8px 32px #0000004d,0 0 20px #4a90e21a;transform:scale(1.01)}to{box-shadow:0 8px 32px #0000004d;transform:scale(1)}}@keyframes chatbotEntrance{0%{filter:blur(10px);opacity:0;transform:translateX(-100%) scale(.9)}50%{filter:blur(5px);opacity:.7;transform:translateX(-20%) scale(.95)}to{filter:blur(0);opacity:1;transform:translateX(0) scale(1)}}.resume-analytics-detail{background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.resume-analytics-detail .analytics-header{align-items:flex-start;background:#fff;border-left:4px solid #2563eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;margin-bottom:30px;padding:25px}.resume-analytics-detail .back-btn{align-items:center;background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:5px;padding:10px 18px;transition:all .2s ease}.resume-analytics-detail .back-btn:hover{background:#4b5563;transform:translateX(-2px)}.resume-analytics-detail .header-content{flex:1 1}.resume-analytics-detail .analytics-header h1{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 8px}.resume-analytics-detail .resume-title{color:#4b5563;font-size:1.125rem;font-weight:500;margin:0 0 4px}.resume-analytics-detail .custom-url{background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-block;font-family:Monaco,Menlo,monospace;font-size:.875rem;margin:0;padding:6px 10px}.resume-analytics-detail .analytics-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.resume-analytics-detail .metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px 20px;text-align:center;transition:all .2s ease}.resume-analytics-detail .metric-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.resume-analytics-detail .metric-card h3{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.resume-analytics-detail .metric-value{color:#2563eb;font-size:2.25rem;font-weight:700;line-height:1;margin:0}.resume-analytics-detail .analytics-summary,.resume-analytics-detail .attention-zones-section,.resume-analytics-detail .heatmap-section,.resume-analytics-detail .recent-sessions{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:25px}.resume-analytics-detail .section-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.resume-analytics-detail .section-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.resume-analytics-detail .heatmap-controls{align-items:center;display:flex;gap:15px}.resume-analytics-detail .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:5px;padding:10px 18px;transition:all .2s ease}.resume-analytics-detail .btn-primary{background:#2563eb;color:#fff}.resume-analytics-detail .btn-primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.resume-analytics-detail .btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.resume-analytics-detail .btn-secondary{background:#6b7280;color:#fff}.resume-analytics-detail .btn-secondary:hover{background:#4b5563;transform:translateY(-1px)}.resume-analytics-detail .heatmap-info{color:#6b7280;font-size:.875rem;font-weight:500}.resume-analytics-detail .heatmap-stats{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:30px;margin-bottom:25px;padding:20px}.resume-analytics-detail .stat-item{align-items:center;display:flex;flex-direction:column;text-align:center}.resume-analytics-detail .stat-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:5px;text-transform:uppercase}.resume-analytics-detail .stat-value{color:#1f2937;font-size:1.25rem;font-weight:700}.resume-analytics-detail .resume-display-container{background:#fafafa;border:2px dashed #d1d5db;border-radius:12px;min-height:500px;padding:30px;position:relative}.resume-analytics-detail .resume-wrapper{margin:0 auto;max-width:800px;position:relative}.resume-analytics-detail .resume-display{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;position:relative}.resume-analytics-detail .resume-placeholder{padding:40px;text-align:center}.resume-analytics-detail .placeholder-content h3{color:#374151;font-size:1.5rem;margin-bottom:15px}.resume-analytics-detail .placeholder-content>p{color:#6b7280;margin-bottom:30px}.resume-analytics-detail .sample-sections{margin:0 auto;max-width:600px;text-align:left}.resume-analytics-detail .sample-section{background:#f9fafb;border-left:3px solid #2563eb;border-radius:6px;margin-bottom:25px;padding:20px}.resume-analytics-detail .sample-section h4{color:#1f2937;font-weight:600;margin:0 0 10px}.resume-analytics-detail .sample-section p{color:#6b7280;line-height:1.5;margin:0}.resume-analytics-detail .heatmap-instruction{background:#dbeafe;border:1px solid #93c5fd;border-radius:6px;color:#1e40af;font-weight:500;margin-top:25px;padding:15px}.resume-analytics-detail .zones-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.resume-analytics-detail .zone-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;transition:all .2s ease}.resume-analytics-detail .zone-card:hover{background:#f1f5f9;transform:translateY(-1px)}.resume-analytics-detail .zone-card h3{color:#334155;font-size:1.125rem;font-weight:600;margin:0 0 15px;text-align:center}.resume-analytics-detail .zone-stats{display:flex;flex-direction:column;gap:8px}.resume-analytics-detail .zone-stat{align-items:center;display:flex;justify-content:space-between}.resume-analytics-detail .zone-stat .label{color:#64748b;font-size:.875rem;font-weight:500}.resume-analytics-detail .zone-stat .value{color:#1e293b;font-weight:600}.resume-analytics-detail .sessions-table{overflow-x:auto}.resume-analytics-detail .sessions-table table{border-collapse:collapse;border-spacing:0;width:100%}.resume-analytics-detail .sessions-table td,.resume-analytics-detail .sessions-table th{border-bottom:1px solid #e5e7eb;padding:12px 16px;text-align:left}.resume-analytics-detail .sessions-table th{background:#f9fafb;color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.resume-analytics-detail .sessions-table td{color:#6b7280;font-size:.875rem}.resume-analytics-detail .session-id{color:#4b5563!important;font-family:Monaco,Menlo,monospace;font-weight:500}.resume-analytics-detail .sessions-table tbody tr:hover{background:#f9fafb}.resume-analytics-detail .summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.resume-analytics-detail .summary-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:15px 20px}.resume-analytics-detail .summary-label{color:#6b7280;font-weight:500}.resume-analytics-detail .summary-value{color:#1f2937;font-weight:600}.resume-analytics-detail .summary-value.positive{color:#059669}.resume-analytics-detail .summary-value.negative{color:#dc2626}.resume-analytics-detail .error-container,.resume-analytics-detail .loading-container,.resume-analytics-detail .no-data-container{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:40px}.resume-analytics-detail .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-left-color:#2563eb;border-radius:50%;height:40px;margin-bottom:20px;width:40px}.resume-analytics-detail .loading-text{color:#6b7280;font-size:1.125rem;text-align:center}.resume-analytics-detail .error-message,.resume-analytics-detail .no-data-message{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:500px;padding:40px;text-align:center}.resume-analytics-detail .error-message h2,.resume-analytics-detail .no-data-message h2{color:#dc2626;margin-bottom:15px}.resume-analytics-detail .error-message p,.resume-analytics-detail .no-data-message p{color:#6b7280;line-height:1.5;margin-bottom:25px}@media (max-width:768px){.resume-analytics-detail{padding:15px}.resume-analytics-detail .analytics-header{align-items:flex-start;flex-direction:column;gap:15px}.resume-analytics-detail .analytics-overview{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.resume-analytics-detail .metric-card{padding:20px 15px}.resume-analytics-detail .metric-value{font-size:1.75rem}.resume-analytics-detail .heatmap-stats{flex-direction:column;gap:15px;text-align:center}.resume-analytics-detail .section-header{align-items:flex-start;flex-direction:column;gap:15px}.resume-analytics-detail .heatmap-controls{align-self:stretch;justify-content:center}.resume-analytics-detail .sessions-table{font-size:.75rem}.resume-analytics-detail .sessions-table td,.resume-analytics-detail .sessions-table th{padding:8px 10px}}@media (max-width:480px){.resume-analytics-detail .analytics-overview{grid-template-columns:1fr 1fr}.resume-analytics-detail .summary-grid,.resume-analytics-detail .zones-grid{grid-template-columns:1fr}}.resume-heatmap-view{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.view-header{align-items:center;border-bottom:2px solid #e1e5e9;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.view-header h1{color:#2c3e50;font-size:2rem;margin:0}.back-button{align-items:center;background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;padding:10px 20px;text-decoration:none;transition:background .2s}.back-button:hover{background:#2980b9}.view-controls{flex-wrap:wrap;gap:20px}.control-item,.view-controls{align-items:center;display:flex}.control-item{color:#495057;font-size:14px;gap:8px}.control-item input[type=checkbox]{height:16px;width:16px}.control-item input[type=range]{margin:0 8px;width:80px}.resume-container{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #00000012;margin-bottom:30px;overflow:hidden;width:100%}.resume-wrapper{min-height:800px;padding:40px;position:relative;width:865px}.resume-wrapper .resume-page{position:relative;z-index:1}.heatmap-overlay{bottom:0;left:0;right:0;top:0;z-index:2}.heatmap-overlay,.heatmap-point{pointer-events:none;position:absolute}.heatmap-point{border-radius:50%;box-shadow:0 2px 8px #ff00004d;transform:translate(-50%,-50%);transition:all .3s ease}.heatmap-point:hover{box-shadow:0 4px 12px #ff000080;transform:translate(-50%,-50%) scale(1.2)}.heatmap-legend{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #00000012;padding:25px}.heatmap-legend h3{color:#2c3e50;font-size:1.2rem;margin:0 0 20px}.legend-items{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:20px}.legend-item{align-items:center;display:flex;gap:10px}.legend-color{border-radius:50%;height:20px;width:20px}.legend-color.high{background:#f00c}.legend-color.medium{background:#ff000080}.legend-color.low{background:#ff00004d}.legend-note{color:#6c757d;font-size:14px;font-style:italic;line-height:1.5;margin:0}.error-container,.loading-container{padding:60px 20px;text-align:center}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#3498db;height:40px;margin:0 auto 20px;width:40px}@media (max-width:768px){.resume-heatmap-view{padding:15px}.view-controls,.view-header{align-items:flex-start;flex-direction:column;gap:15px}.resume-wrapper{padding:20px}.heatmap-overlay{bottom:20px;left:20px;right:20px;top:20px}.legend-items{flex-direction:column;gap:15px}}@media (max-width:480px){.resume-wrapper{padding:15px}.heatmap-overlay{bottom:15px;left:15px;right:15px;top:15px}}:root{--primary-color:#2b6cb0;--text-light:#fff}.chatbot-dashboard-container{background:linear-gradient(135deg,#2d3748,#4a5568 50%,#2b6cb0);color:#e2e8f0;min-height:100vh;padding:0 20px 20px}.chatbot-dashboard-header{align-items:center;border-bottom:2px solid #2b6cb0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:0}.chatbot-dashboard-header h1{-webkit-text-fill-color:#0000;animation:chatbot-dashboard-gradient 6s ease infinite;background:linear-gradient(90deg,#2b6cb0,#3182ce 25%,#63b3ed 50%,#3182ce 75%,#2b6cb0);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;color:#fff;font-size:2.5rem;font-weight:700;margin:0}@keyframes chatbot-dashboard-gradient{0%{background-position:200% 0}50%{background-position:-200% 0}to{background-position:200% 0}}@keyframes chatbot-dashboard-tab-gradient{0%{background-position:200% 0}50%{background-position:-200% 0}to{background-position:200% 0}}.chatbot-dashboard-subtitle{color:#cbd5e0;font-size:.95rem;font-style:italic;margin:4px 0 0}.chatbot-dashboard-back-btn{background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #2b6cb0;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.chatbot-dashboard-back-btn:hover{background:linear-gradient(135deg,#2d3748,#4a5568);border-color:#3182ce;box-shadow:0 4px 12px #2b6cb04d;transform:translateY(-2px)}.chatbot-dashboard-message{border-radius:8px;font-weight:500;margin-bottom:20px;padding:12px 20px;text-align:center}.chatbot-dashboard-message.success{background:#38b2ac33;border:1px solid #38b2ac;color:#38b2ac}.chatbot-dashboard-message.error{background:#f5656533;border:1px solid #f56565;color:#f56565}.chatbot-dashboard-content{display:flex;gap:24px;height:calc(100vh - 200px);min-height:600px}.chatbot-dashboard-chat-panel{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex:0.3 1;flex-direction:column;min-width:320px;overflow:hidden}.chatbot-dashboard-chat-header{align-items:center;background:linear-gradient(135deg,#2b6cb0,#3182ce);border-bottom:1px solid #2b6cb0;display:flex;justify-content:space-between;padding:16px 20px}.chatbot-dashboard-chat-header h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.chatbot-dashboard-status{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#ffffffe6;font-size:14px;font-weight:500;padding:6px 12px}.chatbot-dashboard-messages{background:#2d37481a;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.chatbot-dashboard-message-bubble{animation:chatbot-dashboard-messageSlideIn .3s ease-out;max-width:85%}@keyframes chatbot-dashboard-messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chatbot-dashboard-message-bubble.recruiter-message{align-self:flex-start}.chatbot-dashboard-message-bubble.kyle-message,.chatbot-dashboard-message-bubble.user-message{align-self:flex-end}.chatbot-dashboard-message-content{border:1px solid #4a5568;border-radius:16px;padding:16px;position:relative;text-align:left}.chatbot-dashboard-message-bubble.recruiter-message .chatbot-dashboard-message-content{background-color:#404040;border-color:#404040;border-radius:18px 18px 18px 4px;color:#fff}.chatbot-dashboard-message-bubble.kyle-message .chatbot-dashboard-message-content,.chatbot-dashboard-message-bubble.user-message .chatbot-dashboard-message-content{background-color:#2b6cb0;background-color:var(--primary-color,#2b6cb0);border-color:#2b6cb0;border-color:var(--primary-color,#2b6cb0);border-radius:18px 18px 4px 18px;color:#fff;color:var(--text-light,#fff)}.chatbot-dashboard-message-bubble.pending_response .chatbot-dashboard-message-content{border-color:#2b6cb0;box-shadow:0 0 0 2px #2b6cb04d}.chatbot-dashboard-message-bubble.recruiter-message{cursor:pointer;transition:all .2s ease}.chatbot-dashboard-message-bubble.recruiter-message:hover .chatbot-dashboard-message-content{box-shadow:0 4px 12px #553c9a4d;transform:translateY(-1px)}.chatbot-dashboard-message-bubble.recruiter-message.pending_response .chatbot-dashboard-message-content{border-color:#63b3ed;box-shadow:0 0 0 2px #63b3ed80}.chatbot-dashboard-message-footer{align-items:center;color:#a0aec0;display:flex;font-size:11px;justify-content:space-between;margin-top:6px;padding:0 4px}.chatbot-dashboard-message-footer.left-aligned{gap:8px;justify-content:flex-start}.chatbot-dashboard-message-footer.right-aligned{gap:8px;justify-content:flex-end}.chatbot-dashboard-sender{color:#e2e8f0;font-size:11px;font-weight:600}.chatbot-dashboard-timestamp{color:#a0aec0;font-size:10px}.chatbot-dashboard-connection-status{align-items:center;display:flex;font-size:12px;font-weight:500;gap:8px;margin-top:8px}.chatbot-dashboard-connection-status.connected{color:#22c55e}.chatbot-dashboard-connection-status.disconnected{color:#ef4444}.chatbot-dashboard-connection-status .status-indicator{animation:pulse 2s infinite;background-color:currentColor;border-radius:50%;height:8px;width:8px}.chatbot-dashboard-connection-status.connected .status-indicator{background-color:#22c55e}.chatbot-dashboard-connection-status.disconnected .status-indicator{background-color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chatbot-dashboard-message-content p{color:inherit;font-size:14px;line-height:1.5;margin:0}.chatbot-dashboard-demo-controls{background:#2d37484d;border-top:1px solid #4a5568;padding:16px 20px}.chatbot-dashboard-demo-controls h4{color:#e2e8f0;font-size:1rem;font-weight:600;margin:0 0 12px}.chatbot-dashboard-demo-input{display:flex;gap:12px}.chatbot-dashboard-demo-input input{background:#2d3748;border:1px solid #4a5568;border-radius:25px;color:#e2e8f0;flex:1 1;font-size:14px;padding:12px 16px;transition:all .2s ease}.chatbot-dashboard-demo-input input:focus{border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb033;outline:none}.chatbot-dashboard-demo-input input::placeholder{color:#a0aec0}.chatbot-dashboard-demo-btn{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.chatbot-dashboard-demo-btn:hover:not(:disabled){background:linear-gradient(135deg,#3182ce,#2b6cb0);box-shadow:0 4px 12px #2b6cb04d;transform:translateY(-1px)}.chatbot-dashboard-demo-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.chatbot-dashboard-response-panel{animation:chatbot-dashboard-panelSlideIn .3s ease-out;background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:12px 12px 12px 12px;box-shadow:0 8px 32px #2b6cb033;display:flex;flex:0.7 1;flex-direction:column;min-width:580px;overflow:visible}@keyframes chatbot-dashboard-panelSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.chatbot-dashboard-response-header{background:linear-gradient(135deg,#4a5568,#2d3748);border-bottom:1px solid #4a5568;border-radius:10px 10px 0 0!important;padding:16px 20px}.chatbot-dashboard-header-content{align-items:baseline;display:flex;gap:8px;margin-bottom:4px}.chatbot-dashboard-header-content h3{font-size:18px;font-weight:600;margin:0}.chatbot-dashboard-conversation-count{font-size:14px;font-weight:400;opacity:.8}.chatbot-dashboard-conversation-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;max-height:120px;overflow-y:auto;padding-right:4px;padding-top:20px}.chatbot-dashboard-conversation-tabs::-webkit-scrollbar{width:4px}.chatbot-dashboard-conversation-tabs::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.chatbot-dashboard-conversation-tabs::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.chatbot-dashboard-conversation-tabs::-webkit-scrollbar-thumb:hover{background:#ffffff80}.chatbot-dashboard-tab-container{display:inline-block;margin-top:8px;position:relative}.chatbot-dashboard-archive-btn-top{align-items:center!important;background:#ffebee!important;border:1px solid #ffcdd2!important;border-radius:3px!important;box-shadow:0 2px 6px #0000004d;color:#c62828!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:11px!important;font-weight:700!important;height:18px!important;justify-content:center!important;opacity:0;padding:0!important;pointer-events:none;position:absolute;right:8px;top:-8px;transition:all .2s ease;width:18px!important;z-index:20}.chatbot-dashboard-tab-container:hover .chatbot-dashboard-archive-btn-top{opacity:1;pointer-events:auto}.chatbot-dashboard-archive-btn-top:hover{background:#ffcdd2!important}.chatbot-dashboard-conversation-tab{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:13px;min-width:120px;padding:8px 12px;position:relative;text-align:left;transition:all .2s ease}.chatbot-dashboard-conversation-tab.active{padding-left:12px}.chatbot-dashboard-auto-toggle-top{align-items:center!important;background:#ffebee!important;border:1px solid #ffcdd2!important;border-radius:3px!important;box-shadow:0 2px 6px #0000004d;color:#c62828!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:11px!important;font-weight:700!important;height:18px!important;justify-content:center!important;left:8px;opacity:0;padding:0!important;pointer-events:none;position:absolute;top:-8px;transition:all .2s ease;width:18px!important;z-index:20}.chatbot-dashboard-tab-container:hover .chatbot-dashboard-auto-toggle-top{opacity:1;pointer-events:auto}.chatbot-dashboard-auto-toggle-top.enabled{background:#22c55ee6!important;border-color:#22c55e99!important;color:#fff!important;opacity:1}.chatbot-dashboard-auto-toggle-top:hover{background:#ffcdd2!important}.chatbot-dashboard-auto-toggle-top.enabled:hover{background:#22c55e!important}.chatbot-dashboard-conversation-tab:hover{background:#fff3;border-color:#ffffff4d}.chatbot-dashboard-conversation-tab.active{animation:chatbot-dashboard-tab-gradient 6s ease infinite;background:linear-gradient(90deg,#2b6cb04d,#3182ce4d 25%,#63b3ed4d 50%,#3182ce4d 75%,#2b6cb04d);background-size:200% 100%;border-color:#63b3ed80;color:#fff;font-weight:600}.chatbot-dashboard-conversation-tab.auto-mode{background:#22c55e33!important;border-color:#22c55e66!important}.chatbot-dashboard-status-badge.auto-mode{background:#34c7594d;border:1px solid #34c75999;color:#34c759;font-weight:600}.chatbot-dashboard-recruiter-name{align-items:center;display:flex;font-weight:600;gap:6px;margin-bottom:2px}.chatbot-dashboard-last-activity{font-size:11px;opacity:.8}.chatbot-dashboard-archive-btn{align-items:center;background:none;border:none;border-radius:2px;color:#f44;cursor:pointer;display:none;font-size:14px;font-weight:700;height:20px;justify-content:center;padding:4px;position:absolute;right:4px;top:4px;transition:all .2s ease;width:20px}.chatbot-dashboard-conversation-tab:hover .chatbot-dashboard-archive-btn{display:flex}.chatbot-dashboard-archive-btn:hover{background-color:#f44;color:#fff}.chatbot-dashboard-conversation-tab.new-conversation{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.chatbot-dashboard-conversation-tab.new-conversation:hover{background:#22c55e33;border-color:#22c55e80;color:#16a34a}.chatbot-dashboard-conversation-tab.new-conversation .chatbot-dashboard-recruiter-name{font-weight:700}.chatbot-dashboard-conversation-tab.new-conversation .chatbot-dashboard-last-activity{color:#22c55ecc}.chatbot-dashboard-no-messages{align-items:center;color:#a0aec0;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 20px;text-align:center}.chatbot-dashboard-no-messages p{font-size:14px;margin:8px 0}.chatbot-dashboard-no-messages p:first-child{font-size:16px;font-weight:600}.chatbot-dashboard-response-header h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.job-description-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.job-description-modal{animation:slideIn .3s ease-out;background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:90%}.job-description-modal-header{align-items:center;background:#222;border-bottom:1px solid #333;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.job-description-modal-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.job-description-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.job-description-modal-close:hover{background:#333;color:#fff}.job-description-modal-content{flex:1 1;overflow-y:auto;padding:24px}.job-description-loading{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#63b3ed;height:32px;margin-bottom:16px;width:32px}.job-description-text{color:#e0e0e0;font-size:14px;line-height:1.6}.job-description-text p{margin:0 0 12px}.job-description-text p:last-child{margin-bottom:0}.job-description-empty{color:#999;padding:40px;text-align:center}.job-description-empty p{font-style:italic;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chatbot-dashboard-question-context{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#ffffffe6;font-size:13px;padding:8px 12px}.chatbot-dashboard-response-options{display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:space-between;min-height:0;overflow:visible;padding:20px 20px 5px}.chatbot-dashboard-ai-response{flex:0 0 80%;overflow:visible;padding:0}.chatbot-dashboard-manual-response{display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;min-height:0;padding:0}.chatbot-dashboard-manual-input{align-items:flex-end;display:flex;gap:8px}.chatbot-dashboard-manual-input .chatbot-dashboard-manual-textarea{-ms-overflow-style:none;background:#2d3748;border:1px solid #4a5568;border-radius:25px;color:#e2e8f0;flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;max-height:200px;min-height:20px;overflow-y:auto;padding:12px 16px;resize:none;scrollbar-width:none;transition:all .2s ease}.chatbot-dashboard-manual-input .chatbot-dashboard-manual-textarea::-webkit-scrollbar{display:none}.chatbot-dashboard-manual-input .chatbot-dashboard-manual-textarea:focus{background:#374151;border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb033;outline:none}.chatbot-dashboard-manual-input .chatbot-dashboard-manual-textarea::placeholder{color:#a0aec0}.chatbot-dashboard-send-btn{align-items:center;background:linear-gradient(135deg,#2b6cb0,#3182ce);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:45px;justify-content:center;transition:all .2s ease;width:45px}.chatbot-dashboard-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#3182ce,#2b6cb0);transform:scale(1.05)}.chatbot-dashboard-send-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.chatbot-dashboard-generating{align-items:center;display:flex;gap:12px;padding:0}.chatbot-dashboard-generating span{color:#a0aec0;font-style:italic}.chatbot-dashboard-response-preview{background:#2d37484d;border:1px solid #4a5568;border-radius:8px;padding:16px}.chatbot-dashboard-response-preview p{color:#e2e8f0;font-size:14px;line-height:1.5;margin:0 0 16px}.chatbot-dashboard-ai-responses-container{-ms-overflow-style:none;display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:visible;padding:0;scrollbar-width:none}.chatbot-dashboard-ai-responses-container::-webkit-scrollbar{display:none}.chatbot-dashboard-ai-response-btn{-webkit-line-clamp:4;line-clamp:4;background:linear-gradient(135deg,#2b6cb0,#3182ce);border:2px solid #2b6cb0;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;line-height:1.5;max-height:120px;min-height:80px;overflow:hidden;padding:16px;text-align:left;text-overflow:ellipsis;transition:all .3s ease;width:100%}.chatbot-dashboard-ai-response-btn,.chatbot-dashboard-ai-response-btn:hover{word-wrap:break-word;-webkit-box-orient:vertical;display:-webkit-box;white-space:pre-wrap}.chatbot-dashboard-ai-response-btn:hover{-webkit-line-clamp:unset;line-clamp:none;box-shadow:0 8px 25px #2b6cb066;max-height:none;overflow:visible;position:relative;text-overflow:clip;transform:scale(1.02);z-index:10}.chatbot-dashboard-no-responses{background:#2d37484d;border:1px solid #4a5568;border-radius:8px;color:#a0aec0;font-size:15px;font-style:italic;padding:20px;text-align:center}.chatbot-dashboard-ai-response-btn:hover:not(:disabled){background:linear-gradient(135deg,#3182ce,#2b6cb0);border-color:#63b3ed;box-shadow:0 6px 20px #2b6cb04d;transform:translateY(-2px)}.chatbot-dashboard-ai-response-btn:disabled{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#4a5568;box-shadow:none;color:#a0aec0;cursor:not-allowed;font-style:italic;opacity:.6;transform:none}.chatbot-dashboard-loading{align-items:center;background:linear-gradient(135deg,#2d3748,#4a5568 50%,#2b6cb0);color:#e2e8f0;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.chatbot-dashboard-spinner{animation:chatbot-dashboard-spin 1s linear infinite;border:4px solid #2b6cb04d;border-left-color:#2b6cb0;border-radius:50%;height:50px;margin-bottom:20px;width:50px}.chatbot-dashboard-spinner-small{animation:chatbot-dashboard-spin 1s linear infinite;border:2px solid #2b6cb04d;border-left-color:#2b6cb0;border-radius:50%;height:20px;width:20px}@keyframes chatbot-dashboard-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chatbot-dashboard-messages::-webkit-scrollbar{background:#0000;width:1px}.chatbot-dashboard-messages::-webkit-scrollbar-track{background:#0000}.chatbot-dashboard-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:.5px}.chatbot-dashboard-messages::-webkit-scrollbar-thumb:hover{background:#fff3}.chatbot-dashboard-messages{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:1200px){.chatbot-dashboard-content{flex-direction:column;height:auto}.chatbot-dashboard-chat-panel{flex:1 1;height:350px;min-width:auto}.chatbot-dashboard-response-panel{flex:2 1;min-width:auto;width:100%}}@media (max-width:768px){.chatbot-dashboard-container{padding:10px}.chatbot-dashboard-header{flex-direction:column;gap:15px;text-align:center}.chatbot-dashboard-header h1{font-size:2rem}.chatbot-dashboard-content{height:calc(100vh - 160px);min-height:500px}.chatbot-dashboard-demo-input{flex-direction:column}.chatbot-dashboard-response-mode-selector{flex-direction:column;gap:10px}.chatbot-dashboard-response-actions{flex-direction:column}}.chatbot-dashboard-header-controls{align-items:center;display:flex;gap:15px}@media (max-width:768px){.chatbot-dashboard-header-controls{align-items:flex-start;flex-direction:column;gap:10px}}.chatbot-dashboard-message-bubble.viewed{background:#3182ce1a;border:1px solid #3182ce4d;color:#3182cee6;cursor:default;font-style:italic}.chatbot-dashboard-message-bubble.viewed .chatbot-dashboard-message-content{color:#3182cee6;font-weight:400}.chatbot-dashboard-message-bubble.disconnected{background:#f565651a;border:1px solid #f565654d;color:#feb2b2;cursor:default;font-style:italic;margin:10px auto;max-width:80%;text-align:center}.chatbot-dashboard-message-bubble.disconnected .chatbot-dashboard-message-content{color:#feb2b2;font-weight:400;text-align:center}.chatbot-dashboard-status-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-left:8px;padding:2px 6px;text-transform:uppercase}.chatbot-dashboard-status-badge.recruiter-left{background:#f5656533;border:1px solid #f565654d;color:#feb2b2}.chatbot-dashboard-message-bubble.system-message{background:#4a55680d;border:none;color:#a0aec0;cursor:default;font-size:.9rem;font-style:normal;margin:8px auto;max-width:70%;opacity:1;text-align:center}.chatbot-dashboard-message-bubble.system-message .chatbot-dashboard-message-content{color:#a0aec0;font-weight:500;padding:8px 12px;text-align:center}.chatbot-dashboard-message-bubble.system-message .chatbot-dashboard-message-footer{display:none}.analytics-container{background:linear-gradient(135deg,#2d3748,#4a5568 50%,#2b6cb0);color:#e2e8f0;min-height:100vh;padding:20px}.analytics-header{align-items:center;border-bottom:2px solid #2b6cb0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.analytics-header-content{flex:1 1}.analytics-header h1{-webkit-text-fill-color:#0000;animation:analytics-gradient 6s ease infinite;background:linear-gradient(90deg,#2b6cb0,#3182ce 25%,#63b3ed 50%,#3182ce 75%,#2b6cb0);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;color:#fff;font-size:2.5rem;font-weight:700;margin:0}@keyframes analytics-gradient{0%{background-position:200% 0}50%{background-position:-200% 0}to{background-position:200% 0}}.analytics-subtitle{color:#cbd5e0;font-size:.95rem;font-style:italic;margin:4px 0 0}.analytics-content{margin:0 auto;max-width:1400px}.analytics-content .analytics-dashboard-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-radius:0;box-shadow:none;padding:0;position:static}.analytics-content .analytics-dashboard-header{display:none}.analytics-content .analytics-dashboard-content{background:#0000;padding:0}.analytics-content *{color:inherit}.analytics-content .analytics-card,.analytics-content .card,.analytics-content .user-card{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:12px;box-shadow:0 8px 32px #0000004d}.analytics-content .btn{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:1px solid #2b6cb0;border-radius:8px;color:#fff;transition:all .3s ease}.analytics-content .btn:hover{background:linear-gradient(135deg,#3182ce,#2b6cb0);box-shadow:0 6px 20px #2b6cb066;transform:translateY(-2px)}.analytics-content .btn-secondary{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#4a5568}.analytics-content .btn-secondary:hover{background:linear-gradient(135deg,#2d3748,#4a5568);border-color:#3182ce}@media (max-width:768px){.analytics-container{padding:15px}.analytics-header{align-items:flex-start;flex-direction:column;gap:15px}.analytics-header h1{font-size:2rem}}.resume-template-preview-container{align-items:flex-start;background:#0000;display:flex;justify-content:center;min-height:100vh;padding:20px}.resume-template-paper{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;margin:0 auto;min-height:11in;overflow:hidden;position:relative;width:8.5in}.resume-template-office,.resume-template-pdf{border:none;display:block;height:11in;width:100%}.resume-template-image{display:block;height:auto;max-height:11in;object-fit:contain;width:100%}.resume-template-html{color:#000;font-family:Times New Roman,serif;font-size:11pt;line-height:1.4;overflow:hidden}.resume-template-docx-container,.resume-template-html{min-height:10in;padding:.5in}.docx-preview-content{color:#000!important;font-family:Times New Roman,serif!important}.resume-template-text{color:#000;font-family:Times New Roman,serif;font-size:11pt;line-height:1.4;min-height:10in;overflow:hidden;padding:.5in}.resume-template-text pre{word-wrap:break-word;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;white-space:pre-wrap}.resume-template-docx-fallback{align-items:center;color:#2d3748;display:flex;flex-direction:column;justify-content:center;min-height:10in;padding:.75in .5in;text-align:center}.docx-fallback-title{font-size:16px;font-weight:600;margin-bottom:16px}.docx-fallback-actions{display:flex;gap:12px}.docx-fallback-button{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 14px;text-decoration:none}.docx-fallback-button.secondary{background:linear-gradient(135deg,#4a5568,#2d3748)}.docx-fallback-note{color:#718096;font-size:13px}@media (max-width:768px){.resume-template-paper{max-width:8.5in;min-height:auto;width:100%}.resume-template-pdf{height:60vh}.resume-template-html,.resume-template-text{font-size:10pt;padding:.25in}}@media print{.resume-template-preview-container{background:#fff;padding:0}.resume-template-paper{border-radius:0;box-shadow:none;height:100vh;width:100%}.resume-template-pdf{height:100vh}}.resume-template-html *,.resume-template-text *{box-sizing:border-box;max-width:100%}.resume-template-html h1,.resume-template-html h2,.resume-template-html h3{font-weight:700;margin:0 0 .5em}.resume-template-html p{margin:0 0 .5em}.resume-template-html ol,.resume-template-html ul{margin:0 0 .5em;padding-left:1.5em}.resume-template-html li{margin:0 0 .25em}.resume-template-html img{display:block;height:auto;margin:0 auto;max-width:100%}.my-resume-template-container{background:linear-gradient(135deg,#2d3748,#4a5568 50%,#2b6cb0);color:#e2e8f0;min-height:100vh;padding:20px}.my-resume-template-header{align-items:center;border-bottom:2px solid #2b6cb0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.my-resume-template-header h1{-webkit-text-fill-color:#0000;animation:my-resume-template-gradient 6s ease infinite;background:linear-gradient(90deg,#2b6cb0,#3182ce 25%,#63b3ed 50%,#3182ce 75%,#2b6cb0);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;color:#fff;font-size:2.5rem;font-weight:700;margin:0}@keyframes my-resume-template-gradient{0%{background-position:200% 0}50%{background-position:-200% 0}to{background-position:200% 0}}.my-resume-template-content{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1400px;padding:0 10px}.my-resume-template-main-layout{align-items:flex-start;display:flex;flex-direction:row;gap:20px;width:100%}.my-resume-template-left-column{display:flex;flex:0 0 400px;flex-direction:column;gap:20px;min-width:0}.my-resume-template-upload-section{flex:none}.my-resume-template-preview-section{flex:1 1;min-width:0}.my-resume-template-chatbot-section,.my-resume-template-preview-section,.my-resume-template-upload-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d3748cc;border:1px solid #4a5568;border-radius:12px;padding:15px}.my-resume-template-preview-placeholder{align-items:center;background:#2d37484d;border:2px dashed #4a5568;border-radius:8px;color:#a0aec0;display:flex;font-style:italic;justify-content:center;min-height:200px}.my-resume-template-chatbot-section h2,.my-resume-template-preview-section h2,.my-resume-template-upload-section h2{border-bottom:2px solid #2b6cb0;color:#63b3ed;font-size:1.5rem;font-weight:600;margin:0 0 15px;padding-bottom:10px}.my-resume-template-description{color:#a0aec0;font-size:14px;line-height:1.6;margin-bottom:20px}.my-resume-template-file-upload{align-items:center;display:flex;flex-direction:row;gap:10px;margin-bottom:20px}.my-resume-template-upload-btn{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;line-height:1;padding:10px 20px;text-align:center;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.my-resume-template-upload-btn:hover{background:linear-gradient(135deg,#3182ce,#2b6cb0);box-shadow:0 4px 12px #2b6cb04d;transform:translateY(-2px)}.my-resume-template-upload-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.my-resume-template-file-info{color:#a0aec0;font-size:12px;font-style:italic}.my-resume-template-preview-description{color:#a0aec0;font-size:14px;font-style:italic;line-height:1.6;margin-bottom:20px}.my-resume-template-actions{display:flex;gap:15px;justify-content:flex-end}.my-resume-template-save-btn{background:linear-gradient(135deg,#2b6cb0,#3182ce);border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:14px;font-weight:500;line-height:1;padding:10px 20px;transition:all .3s ease}.my-resume-template-save-btn:hover{background:linear-gradient(135deg,#3182ce,#2b6cb0);box-shadow:0 4px 12px #2b6cb04d;transform:translateY(-2px)}.my-resume-template-save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.my-resume-template-import-btn{background:linear-gradient(135deg,#805ad5,#9f7aea);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.my-resume-template-import-btn:hover{background:linear-gradient(135deg,#9f7aea,#805ad5);box-shadow:0 4px 12px #805ad54d;transform:translateY(-2px)}.my-resume-template-import-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.my-resume-template-imported-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d3748cc;border:1px solid #4a5568;border-radius:12px;margin-bottom:20px;padding:25px}.my-resume-template-imported-section h2{border-bottom:2px solid #2b6cb0;color:#63b3ed;font-size:1.5rem;font-weight:600;margin:0 0 15px;padding-bottom:10px}.my-resume-template-imported-description{color:#a0aec0;font-size:14px;line-height:1.6;margin-bottom:20px}.my-resume-template-imported-data{background:#1a202c99;border:1px solid #4a5568;border-radius:8px;padding:20px}.my-resume-template-data-item{border-bottom:1px solid #4a55684d;color:#e2e8f0;font-size:14px;margin-bottom:10px;padding:8px 0}.my-resume-template-data-item:last-child{border-bottom:none;margin-bottom:0}.my-resume-template-data-item strong{color:#63b3ed;font-weight:600}.my-resume-template-chatbot-description{color:#a0aec0;font-size:14px;line-height:1.6;margin-bottom:20px}.my-resume-template-url-container{display:flex;gap:10px;margin-bottom:15px}.my-resume-template-url-input{background:#2d374899;border:1px solid #4a5568;border-radius:6px;color:#e2e8f0;flex:1 1;font-family:Courier New,monospace;font-size:14px;padding:10px 12px}.my-resume-template-url-input:focus{border-color:#2b6cb0;box-shadow:0 0 0 2px #2b6cb033;outline:none}.my-resume-template-copy-btn{align-items:center;background:#0000;border:2px solid #2b6cb0;border-radius:6px;color:#2b6cb0;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:40px;justify-content:center;padding:10px;transition:all .3s ease;white-space:nowrap;width:40px}.my-resume-template-copy-btn:hover{background:#2b6cb01a;border-color:#3182ce;box-shadow:0 4px 12px #2b6cb033;color:#3182ce;transform:translateY(-2px)}.my-resume-template-test-link{background:#0000;border:none;border-radius:6px;color:#63b3ed;display:inline-block;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s ease}.my-resume-template-test-link:hover{background:#0000;box-shadow:none;color:#90cdf4;transform:translateY(-2px)}.my-resume-template-error{background:#f565651a;border:1px solid #f56565;border-radius:6px;color:#feb2b2;font-size:14px;margin-top:15px;padding:12px 16px}.my-resume-template-success{background:#38a1691a;border:1px solid #38a169;border-radius:6px;color:#9ae6b4;font-size:14px;margin-top:15px;padding:12px 16px}@media (max-width:768px){.my-resume-template-content{gap:20px;grid-template-columns:1fr}.my-resume-template-header{flex-direction:column;gap:15px;text-align:center}.my-resume-template-header h1{font-size:2rem}.my-resume-template-url-container{flex-direction:column}.my-resume-template-actions{justify-content:center}}@media (min-width:1400px){.my-resume-template-content{grid-template-columns:1fr 2fr}.my-resume-template-preview-section{grid-column:1/-1}}.help-faq-container{background:linear-gradient(135deg,#2d3748,#4a5568 50%,#2b6cb0);color:#e2e8f0;min-height:100vh;padding:20px}.help-faq-header{align-items:center;border-bottom:2px solid #2b6cb0;display:flex;justify-content:space-between;margin-bottom:0;padding-bottom:15px}.help-faq-header h1{-webkit-text-fill-color:#0000;animation:help-faq-gradient 6s ease infinite;background:linear-gradient(90deg,#2b6cb0,#3182ce 25%,#63b3ed 50%,#3182ce 75%,#2b6cb0);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;color:#fff;font-size:2rem;font-weight:700;margin:0}@keyframes help-faq-gradient{0%{background-position:200% 0}50%{background-position:-200% 0}to{background-position:200% 0}}.help-faq-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;height:calc(100vh - 100px);margin:0 auto;max-width:1400px;min-height:600px}.help-faq-section{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;overflow:visible;padding:0}.help-faq-faq-container{flex-shrink:0;padding:20px 20px 0}.help-faq-faq-container h2{border-bottom:2px solid #2b6cb0;color:#63b3ed;font-size:1.4rem;font-weight:600;margin-bottom:15px;padding-bottom:8px;text-align:center}.help-faq-faq-list{display:flex;flex:1 1;flex-direction:column;gap:8px;max-height:calc(100vh - 200px);min-height:0;overflow-x:visible;overflow-y:auto;padding:0 20px 20px}.help-faq-faq-item{background:#2d37484d;border:1px solid #4a5568;border-radius:12px;overflow:visible;transition:all .3s ease}.help-faq-faq-item:hover{border-color:#2b6cb0;box-shadow:0 4px 12px #2b6cb033}.help-faq-faq-question{align-items:center;background:linear-gradient(135deg,#4a5568,#2d3748);border-radius:12px;color:#e2e8f0;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:12px 16px;transition:all .3s ease}.help-faq-faq-question:hover{background:linear-gradient(135deg,#2d3748,#4a5568)}.help-faq-faq-icon{color:#a0aec0;font-size:12px;transition:transform .3s ease}.help-faq-faq-icon.expanded{transform:rotate(180deg)}.help-faq-faq-answer{background:#2d374880;border-top:1px solid #4a5568;color:#a0aec0;font-size:13px;line-height:1.5;max-height:none;overflow:visible;padding:16px}.help-faq-chatbot-container{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #2b6cb0;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;height:100%;overflow:hidden}.help-faq-chatbot-header{background:linear-gradient(135deg,#2b6cb0,#3182ce);border-bottom:1px solid #2b6cb0;padding:8px 15px}.help-faq-chatbot-profile{align-items:center;display:flex;gap:10px}.help-faq-clippy-avatar{align-items:center;animation:help-faq-clippy-bounce 2s ease-in-out infinite;background:linear-gradient(135deg,#63b3ed,#3182ce);border-radius:50%;box-shadow:0 4px 12px #2b6cb04d;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}@keyframes help-faq-clippy-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.help-faq-chatbot-info h3{color:#fff;font-size:.9rem;font-weight:600;margin:0 0 2px}.help-faq-chatbot-status{color:#a0aec0;font-size:12px;font-weight:500}.help-faq-chatbot-messages{background:#2d374833;display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:8px}.help-faq-message-bubble{display:flex;flex-direction:column;max-width:80%}.help-faq-message-bubble.user-message{align-self:flex-end}.help-faq-message-bubble.bot-message{align-self:flex-start}.help-faq-message-content{background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #4a5568;border-radius:18px;padding:8px 12px;position:relative}.help-faq-message-bubble.user-message .help-faq-message-content{background:linear-gradient(135deg,#2b6cb0,#3182ce);border-color:#2b6cb0;color:#fff}.help-faq-message-bubble.bot-message .help-faq-message-content{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#4a5568;color:#e2e8f0}.help-faq-message-content p{font-size:14px;line-height:1.4;margin:0 0 6px}.help-faq-message-time{font-size:11px;font-weight:500;opacity:.7}.help-faq-typing-indicator{align-items:center;align-self:flex-start;display:flex;gap:4px;padding:5px 0}.help-faq-typing-indicator span{animation:help-faq-typing 1.4s ease-in-out infinite;background:#63b3ed;border-radius:50%;height:8px;width:8px}.help-faq-typing-indicator span:nth-child(2){animation-delay:.2s}.help-faq-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes help-faq-typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.help-faq-chatbot-input{background:#2d37484d;border-top:1px solid #4a5568;display:flex;gap:8px;padding:8px}.help-faq-chatbot-input input{background:#2d3748;border:1px solid #4a5568;border-radius:25px;color:#e2e8f0;flex:1 1;font-family:inherit;font-size:14px;padding:8px 12px;transition:all .2s ease}.help-faq-chatbot-input input:focus{background:#374151;border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb033;outline:none}.help-faq-chatbot-input input::placeholder{color:#a0aec0}.help-faq-chatbot-input input:disabled{cursor:not-allowed;opacity:.6}.help-faq-chatbot-input button{align-items:center;background:linear-gradient(135deg,#2b6cb0,#3182ce);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.help-faq-chatbot-input button:hover:not(:disabled){background:linear-gradient(135deg,#3182ce,#2b6cb0);transform:scale(1.05)}.help-faq-chatbot-input button:disabled{cursor:not-allowed;opacity:.4;transform:none}.help-faq-chatbot-messages::-webkit-scrollbar{width:0}.help-faq-chatbot-messages::-webkit-scrollbar-thumb,.help-faq-chatbot-messages::-webkit-scrollbar-track{background:#0000}.help-faq-chatbot-messages::-webkit-scrollbar-thumb:hover{background:#0000}.help-faq-faq-list::-webkit-scrollbar{width:1px}.help-faq-faq-list::-webkit-scrollbar-thumb,.help-faq-faq-list::-webkit-scrollbar-track{background:#0000}.help-faq-faq-list::-webkit-scrollbar-thumb:hover{background:#0000}@media (max-width:1024px){.help-faq-content{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:calc(100vh - 80px)}.help-faq-section{max-height:300px}.help-faq-faq-list{max-height:250px}.help-faq-chatbot-container{height:400px}}@media (max-width:768px){.help-faq-container{padding:10px}.help-faq-header{flex-direction:column;gap:15px;text-align:center}.help-faq-header h1{font-size:2rem}.help-faq-content{height:calc(100vh - 120px);min-height:500px}.help-faq-message-bubble{max-width:95%}.help-faq-chatbot-input,.help-faq-chatbot-messages{padding:15px}.help-faq-faq-question{font-size:14px;padding:12px 16px}.help-faq-faq-answer{font-size:13px;padding:16px}.help-faq-faq-list{max-height:200px}}.app-container{display:flex;flex-direction:column;height:100vh}.resume-container{transform-origin:top center;transition:transform .2s ease}@media (max-width:1200px){.chatbot-sidebar{width:250px}}@media (max-width:768px){.pdf-content{flex-direction:column}.sidebar{border-bottom:1px solid #555;border-right:none;height:40px;width:100%}.chatbot-sidebar{border-left:none;border-top:1px solid #555;height:300px;width:100%}}.subscription-manager{background-color:#2f2f2f;font-family:var(--font-family);margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.subscription-header{margin-bottom:30px}.header-top-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;position:relative}.subscription-header h1{-webkit-text-fill-color:#0000;animation:ai-interview-gradient 6s ease infinite;background:linear-gradient(90deg,#2b6cb0,#3182ce 25%,#63b3ed 50%,#3182ce 75%,#2b6cb0);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;color:#fff;font-size:2.5rem;font-weight:700;margin:0}.subscription-manager h2{color:#fff;font-size:var(--font-size-xxl);font-weight:600;margin-bottom:30px;text-align:center}.plan-overview{align-items:stretch;display:flex;gap:20px;justify-content:center;margin-bottom:30px}.plan-overview .current-plan,.plan-overview .usage-stats{flex:0 0 48%}.plan-overview .current-plan,.plan-overview .usage-stats{flex:0 0 260px;width:260px}@media (max-width:900px){.plan-overview{flex-direction:column}.plan-overview .current-plan,.plan-overview .usage-stats{flex:1 1 auto}}.current-plan{background:#3f3f3f;border:2px solid #555;border-radius:12px;margin-bottom:30px;padding:24px}.current-plan h3{color:#fff;font-size:var(--font-size-lg);font-weight:600;margin-bottom:8px}.current-plan p{color:#ccc;font-size:var(--font-size-md);margin-bottom:16px}.current-plan .feature-list{list-style:none;margin:8px 0 0;padding:0}.current-plan .feature-list li{color:#ccc;font-size:var(--font-size-sm);padding:8px 0 8px 24px;position:relative}.current-plan .feature-list li:before{color:var(--success-color);content:"✓";font-weight:700;left:0;position:absolute}.subscription-details{background:#323232;border:1px solid #555;border-radius:8px;padding:16px}.subscription-details button{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:12px;padding:10px 20px;transition:var(--transition-fast)}.subscription-details button:hover{background:var(--primary-hover)}.usage-stats{background:#3f3f3f;border:2px solid #3182ce;border-radius:12px;box-shadow:0 2px 4px #0000004d;margin-bottom:20px;padding:16px}.usage-stats h3{color:#fff;font-size:var(--font-size-md);font-weight:600;margin-bottom:12px}.usage-stats h3 .plan-name{color:#3182ce}.usage-stats h4{color:#fff;font-size:var(--font-size-sm);font-weight:600;margin:20px 0 12px}.current-plan-details{background:#323232;border:1px solid #555;border-radius:8px;margin-bottom:16px;padding:12px}.current-plan-details p{color:#ccc;font-size:var(--font-size-sm);margin:4px 0}.current-plan-details strong{color:#fff}.usage-item{margin-bottom:12px}.usage-item span{color:#ccc;display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:8px}.progress-bar{background:#555;border-radius:4px;height:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,var(--success-color),var(--accent-color));height:100%;transition:width .3s ease}.upgrade-options{background:#3f3f3f;border:2px solid #3182ce;border-radius:12px;box-shadow:0 2px 4px #0000004d;padding:24px}.upgrade-options h3{color:#fff;font-size:var(--font-size-lg);font-weight:600}.upgrade-options .gradient-title{-webkit-text-fill-color:#0000;animation:ai-interview-gradient 6s ease infinite;background:linear-gradient(90deg,#2b6cb0,#3182ce 25%,#63b3ed 50%,#3182ce 75%,#2b6cb0);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}@keyframes ai-interview-gradient{0%{background-position:200% 0}50%{background-position:-200% 0}to{background-position:200% 0}}.upgrade-and-usage{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 260px}.plans{display:flex;flex-wrap:nowrap;gap:10px;overflow:hidden}.plan-card{background:#323232;border:2px solid #555;border-radius:12px;display:flex;flex:1 1;flex-direction:column;height:420px;margin:10px 0 0;max-width:none;min-width:0;padding:14px;position:relative;text-align:center;transition:all .3s ease}.plan-card h4{font-size:var(--font-size-base);margin-bottom:10px}.plan-card li{font-size:var(--font-size-xs)}.plan-card h4{line-height:1.2;white-space:normal}.plan-card:hover{border-color:var(--primary-color);box-shadow:0 8px 25px #4a90e226;transform:translateY(-4px)}.plan-card h4{color:#fff;font-size:var(--font-size-lg);font-weight:600;margin-bottom:16px}.plan-card ul{flex-grow:1;list-style:none;margin:16px 0;padding:0;text-align:left}.plan-card li{border:none;color:#ccc;font-size:var(--font-size-sm);line-height:1.3;padding:6px 0 6px 24px;position:relative}.plan-card li:before{color:var(--success-color);content:"✓";font-weight:700;left:0;position:absolute}.plan-card button{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:600;justify-content:center;margin-top:auto;min-height:44px;padding:12px 24px;transition:var(--transition-fast);width:100%}.plan-card button:hover{background:var(--primary-hover)}.current-plan-badge{align-items:center;background:var(--success-color);border-radius:6px;color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:600;justify-content:center;margin-top:auto;min-height:44px;padding:8px 16px;text-align:center}.pricing-page{background-color:#2f2f2f;font-family:var(--font-family);margin:0 auto;max-width:1200px;min-height:100vh;padding:40px 20px}.pricing-header{margin-bottom:60px;text-align:center}.pricing-header h1{color:#fff;font-size:var(--font-size-3xl);font-weight:700;margin-bottom:16px}.pricing-header p{color:#ccc;font-size:var(--font-size-lg)}.pricing-grid{display:flex;flex-wrap:nowrap;gap:20px;margin-bottom:60px;max-width:100%;overflow-x:auto;scrollbar-width:thin}.pricing-card{background:#3f3f3f;border:2px solid #555;border-radius:16px;display:flex;flex:0 0 280px;flex-direction:column;margin:10px 0 0;min-height:500px;padding:20px 16px;position:relative;text-align:center;transition:all .3s ease;width:280px}.pricing-card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.pricing-card.featured{border-color:var(--primary-color);transform:scale(1.05)}.featured-badge{background:var(--primary-color);border-radius:20px;color:#fff;font-size:12px;font-weight:600;left:50%;padding:6px 16px;position:absolute;top:-12px;transform:translateX(-50%)}.plan-header h3{color:#fff;font-size:var(--font-size-lg);font-weight:600;margin-bottom:12px}.price{margin-bottom:20px}.currency{color:#ccc;font-size:var(--font-size-xl);vertical-align:top}.amount{color:#fff;font-size:var(--font-size-xxl);font-weight:700;margin:0 4px}.period{color:#ccc;font-size:var(--font-size-base)}.plan-features{display:flex;flex:1 1;flex-direction:column}.plan-features ul{flex:1 1;list-style:none;margin:0 0 20px;padding:0;text-align:left}.plan-features li{border-bottom:1px solid #555;color:#ccc;font-size:var(--font-size-xs);padding:8px 0 8px 24px;position:relative}.plan-features li:before{color:var(--success-color);content:"✓";font-size:18px;font-weight:700;left:0;position:absolute}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;margin-top:auto;padding:12px 16px;transition:var(--transition-fast);width:100%}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.btn-featured{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));box-shadow:0 4px 15px #4a90e24d}.btn-secondary{background:#6c757d;color:#fff;cursor:not-allowed}.pricing-footer{color:#6c757d;text-align:center}.pricing-footer a{color:#007bff;text-decoration:none}.pricing-footer a:hover{text-decoration:underline}.upgrade-prompt-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.upgrade-prompt{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-height:80vh;max-width:600px;overflow-y:auto;padding:32px;position:relative;width:90%}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;width:32px}.close-btn:hover{background:#f8f9fa;color:#333}.upgrade-header{margin-bottom:32px;text-align:center}.upgrade-header h2{color:#fff;font-size:var(--font-size-xxl);font-weight:700;margin-bottom:16px}.upgrade-header p{color:#ccc;margin-bottom:8px}.upgrade-options h3{color:#333;margin-bottom:24px;text-align:center}.upgrade-plans{display:flex;flex-wrap:nowrap;gap:16px;margin-bottom:32px;overflow-x:auto}.upgrade-plan{background:#323232;border:2px solid #555;border-radius:12px;display:flex;flex:0 0 260px;flex-direction:column;min-height:320px;padding:20px;text-align:center;transition:all .3s ease;width:260px}.upgrade-plan.featured{border-color:#007bff;transform:scale(1.05)}.upgrade-plan h4{color:#fff;font-size:18px;margin-bottom:16px}.upgrade-plan ul{flex:1 1;list-style:none;margin:16px 0;padding:0;text-align:left}.upgrade-plan li{color:#ccc;font-size:14px;padding:6px 0 6px 20px;position:relative}.upgrade-plan li:before{color:var(--success-color);content:"✓";font-weight:700;left:0;position:absolute}.upgrade-plan button{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:auto;padding:10px 16px;transition:background .3s ease;width:100%}.upgrade-plan button:hover{background:var(--primary-hover)}.upgrade-footer{color:#6c757d;font-size:14px;text-align:center}@media (max-width:1200px){.pricing-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.pricing-card{min-height:450px;padding:16px 12px}}@media (max-width:768px){.subscription-manager{padding:10px}.header-top-row{align-items:center;flex-direction:column;gap:10px}.subscription-header h1{font-size:2rem;text-align:center}.pricing-grid{gap:20px;grid-template-columns:1fr}.pricing-card{min-height:auto;padding:20px 16px}.pricing-card.featured{transform:none}.upgrade-plans{grid-template-columns:1fr}.upgrade-plan.featured{transform:none}}
/*# sourceMappingURL=main.43e34162.css.map*/