body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#6366f1;--primary-dark:#4f46e5;--secondary:#8b5cf6;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--dark:#1f2937;--light:#f3f4f6}body{background:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.bg-animation{background:linear-gradient(135deg,#0f172a,#1e293b);height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.bg-animation:before{animation:rotate 30s linear infinite;background:radial-gradient(circle,#6366f11a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{margin:0 auto;max-width:900px;padding:20px;position:relative;z-index:1}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:30px;overflow:hidden;padding:30px;position:relative}.header:before{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#6366f1,#8b5cf6,#6366f1);background:linear-gradient(90deg,var(--primary),var(--secondary),var(--primary));background-size:200% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.header h1{align-items:center;color:#fff;display:flex;font-size:2.5em;gap:15px;margin-bottom:10px}.ai-badge{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:20px;color:#fff;font-size:.4em;font-weight:400;padding:5px 15px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}.header p{color:#94a3b8;font-size:1.1em}.ai-assistant{bottom:30px;position:fixed;right:30px;z-index:1000}.ai-bubble{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;box-shadow:0 10px 30px #6366f180;cursor:pointer;display:flex;height:60px;justify-content:center;position:relative;transition:all .3s ease;width:60px}.ai-bubble:hover{box-shadow:0 15px 40px #6366f199;transform:scale(1.1)}.ai-bubble:before{animation:ping 2s cubic-bezier(0,0,.2,1) infinite;background:inherit;border-radius:50%;content:"";height:100%;position:absolute;width:100%}@keyframes ping{75%,to{opacity:0;transform:scale(1.3)}}.ai-chat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;bottom:80px;box-shadow:0 20px 60px #0000004d;display:none;overflow:hidden;position:absolute;right:0;width:350px}.ai-chat.active{animation:slideUp .3s ease;display:block}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-chat-header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;font-weight:600;justify-content:space-between;padding:15px 20px}.ai-chat-body{max-height:300px;overflow-y:auto;padding:20px}.ai-message{animation:fadeIn .3s ease;background:#f3f4f6;background:var(--light);border-radius:15px;color:#1f2937;color:var(--dark);font-size:.9em;margin-bottom:10px;padding:10px 15px}.main-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.progress-container{background:#ffffff05;border-bottom:1px solid #ffffff1a;padding:30px}.progress-steps{display:flex;justify-content:space-between;margin-bottom:30px}.step{flex:1 1;position:relative;text-align:center}.step:not(:last-child):after{background:#ffffff1a;content:"";height:2px;left:50%;position:absolute;top:20px;width:100%;z-index:-1}.step.active:after{background:linear-gradient(90deg,#6366f1,#0000);background:linear-gradient(90deg,var(--primary) 0,#0000 100%)}.step.completed:after{background:#6366f1;background:var(--primary)}.step-icon{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;display:flex;font-size:1.2em;height:40px;justify-content:center;margin:0 auto 10px;transition:all .3s ease;width:40px}.step.active .step-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:#0000;box-shadow:0 5px 20px #6366f180;color:#fff;transform:scale(1.1)}.step.completed .step-icon,.step.results-completed .step-icon{background:#10b981;background:var(--success);border-color:#0000;color:#fff}.step.results-completed .step-icon{box-shadow:0 5px 20px #10b98180;transform:scale(1.1)}.step-label{color:#64748b;font-size:.9em;transition:all .3s ease}.step.active .step-label,.step.completed .step-label,.step.results-completed .step-label{color:#fff;font-weight:600}.form-container{padding:40px}.form-container *{color:#fff!important}.form-container .salary-slips-list,.form-container .salary-slips-list *,.form-container .salary-upload-area,.form-container .salary-upload-area *{color:#000!important}.form-container .checkbox-option span,.form-container .radio-option span,.form-container .skill-card,.form-container label{font-weight:700!important}.section{animation:fadeIn .5s ease;display:none}.section.active{display:block}.section-title{color:#fff;font-size:1.8em;margin-bottom:10px}.section-subtitle{color:#94a3b8;margin-bottom:30px}.form-group{margin-bottom:25px;position:relative}.form-group.focused label{color:#6366f1;color:var(--primary)}label{color:#fff;display:block;font-weight:700;margin-bottom:8px;transition:all .3s ease}.required{color:#ef4444;color:var(--danger)}input[type=email],input[type=number],input[type=tel],input[type=text],select,textarea{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;font-size:16px;padding:15px 20px;transition:all .3s ease;width:100%}select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:20px;padding-right:45px}select option{background-color:#1f2937;color:#fff;padding:10px}input::placeholder,textarea::placeholder{color:#64748b}input:focus,select:focus,textarea:focus{background:#ffffff14;border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 4px #6366f11a;outline:none}.ai-suggestion{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0003;display:none;left:0;margin-top:5px;padding:10px;position:absolute;right:0;top:100%;z-index:10}.ai-suggestion.show{animation:slideDown .3s ease;display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{border-radius:6px;color:#1f2937;color:var(--dark);cursor:pointer;font-size:.9em;padding:8px 12px;transition:all .2s ease}.suggestion-item:hover{background:#f3f4f6;background:var(--light)}.file-upload-zone{background:#ffffff05;border:2px dashed #fff3;border-radius:12px;cursor:pointer;padding:40px;position:relative;text-align:center;transition:all .3s ease}.file-upload-zone:hover{background:#6366f10d;border-color:#6366f1;border-color:var(--primary)}.file-upload-zone.drag-over{background:#10b9811a;border-color:#10b981;border-color:var(--success);transform:scale(1.02)}.file-upload-zone input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.upload-icon{color:#64748b;font-size:3em;margin-bottom:15px}.upload-text{color:#cbd5e1;margin-bottom:10px}.upload-hint{color:#64748b;font-size:.9em}.file-preview{align-items:center;animation:fadeIn .3s ease;background:#10b9811a;border:2px solid #10b9814d;border-radius:12px;display:flex;gap:15px;margin-top:15px;padding:15px}.file-icon{font-size:2em}.file-info{flex:1 1;text-align:left}.file-name{color:#fff;font-weight:600}.file-size{color:#94a3b8;font-size:.9em}.file-remove{color:#ef4444;color:var(--danger);cursor:pointer;font-size:1.2em;transition:transform .2s ease}.file-remove:hover{transform:scale(1.2)}.checkbox-group,.radio-group{display:flex;flex-wrap:wrap;gap:20px;margin-top:15px}.checkbox-option,.radio-option{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;padding:12px 20px;transition:all .3s ease}.checkbox-option:hover,.radio-option:hover{background:#6366f11a;border-color:#6366f1;border-color:var(--primary)}.checkbox-option input,.radio-option input{cursor:pointer;height:18px;margin-right:10px;width:18px}.checkbox-option.selected,.radio-option.selected{background:#6366f133;border-color:#6366f1;border-color:var(--primary);color:#fff}.skills-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.skill-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:15px;text-align:center;transition:all .3s ease}.skill-card:hover{transform:translateY(-2px)}.skill-card.selected,.skill-card:hover{border-color:#6366f1;border-color:var(--primary)}.skill-card.selected{background:#6366f133;color:#fff}.skill-card.mismatch{background:#ef44441a!important;border-color:#ef4444!important}.skill-card.mismatch:hover{background:#ef444433!important;border-color:#ef4444!important}.skill-icon{font-size:2em;margin-bottom:10px}.voice-recorder{background:#ffffff0d;border-radius:16px;overflow:hidden;padding:30px;position:relative;text-align:center}.voice-recorder:before{background:radial-gradient(circle at center,#6366f11a 0,#0000 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.voice-recorder.recording:before{animation:ripple 2s ease-out infinite;opacity:1}@keyframes ripple{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2)}}.voice-visualizer{align-items:center;display:flex;gap:3px;height:60px;justify-content:center;margin:20px 0}.voice-bar{background:#6366f14d;border-radius:2px;height:20px;transition:all .1s ease;width:4px}.voice-recorder.recording .voice-bar{animation:wave 1s ease-in-out infinite;background:#6366f1;background:var(--primary)}.voice-bar:first-child{animation-delay:0s}.voice-bar:nth-child(2){animation-delay:.1s}.voice-bar:nth-child(3){animation-delay:.2s}.voice-bar:nth-child(4){animation-delay:.3s}.voice-bar:nth-child(5){animation-delay:.4s}.voice-bar:nth-child(6){animation-delay:.5s}.voice-bar:nth-child(7){animation-delay:.6s}.voice-bar:nth-child(8){animation-delay:.7s}.voice-bar:nth-child(9){animation-delay:.8s}.voice-bar:nth-child(10){animation-delay:.9s}@keyframes wave{0%,to{height:20px}50%{height:40px}}.record-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:50%;box-shadow:0 10px 30px #6366f180;color:#fff;cursor:pointer;font-size:2em;height:80px;position:relative;transition:all .3s ease;width:80px}.record-button:hover{transform:scale(1.1)}.record-button.recording{animation:recordPulse 1.5s ease-in-out infinite;background:#ef4444;background:var(--danger)}@keyframes recordPulse{0%,to{box-shadow:0 10px 30px #ef444480}50%{box-shadow:0 10px 50px #ef4444cc}}.button-group{display:flex;gap:15px;justify-content:space-between;margin-top:40px}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;overflow:hidden;padding:15px 30px;position:relative;transition:all .3s ease}.btn:before{background:#ffffff1a;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 5px 20px #6366f14d}.btn-primary:hover{box-shadow:0 8px 30px #6366f180;transform:translateY(-2px)}.btn-secondary{background:#ffffff1a;border:2px solid #fff3;color:#fff}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-back,.btn-check-status{border-color:#3b82f680!important;color:#3b82f6!important}.btn-back:hover,.btn-check-status:hover{background:#3b82f61a!important;border-color:#3b82f6b3!important;color:#60a5fa!important}.loading-overlay{align-items:center;background:#0f172ae6;bottom:0;display:flex;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-overlay.active{display:flex}.loading-content{color:#fff;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--primary);height:80px;margin:0 auto 20px;width:80px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{font-size:1.2em;margin-bottom:10px}.loading-subtext{color:#94a3b8;font-size:.9em}.results-container{padding:40px;text-align:center}.score-circle{height:200px;margin:30px auto;position:relative;width:200px}.score-circle svg{transform:rotate(-90deg)}.score-circle-bg{fill:none;stroke:#ffffff1a;stroke-width:15}.score-circle-progress{fill:none;stroke:url(#gradient);stroke-width:15;stroke-linecap:round;stroke-dasharray:565.48;stroke-dashoffset:565.48;transition:stroke-dashoffset 2s ease-out}.score-text{color:#fff;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.score-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;font-size:3em;font-weight:700}.score-label{color:#94a3b8;font-size:.9em}.result-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:40px}.result-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:20px;text-align:left}.result-card-icon{font-size:2em;margin-bottom:10px}.result-card-title{color:#fff;font-weight:600;margin-bottom:5px}.result-card-value{color:#94a3b8}.validation-feedback{display:none;font-size:1.2em;position:absolute;right:15px;top:45px}.validation-feedback.valid{color:#10b981;color:var(--success);display:block}.validation-feedback.invalid{color:#ef4444;color:var(--danger);display:block}.progress-line{background:linear-gradient(90deg,#6366f1,#8b5cf6);background:linear-gradient(90deg,var(--primary),var(--secondary));bottom:-2px;height:4px;left:0;position:absolute;transition:width .5s ease;width:0}.auto-save{animation:slideUp .3s ease;background:#10b981e6;border-radius:30px;bottom:30px;color:#fff;display:none;left:30px;padding:10px 20px;position:fixed}.auto-save.show{display:block}@media (max-width:768px){.container{padding:15px}.header h1{font-size:2em}.ai-chat{right:5vw;width:90vw}.form-container{padding:20px}.progress-steps{flex-wrap:wrap;gap:20px}.step{flex:0 0 45%}.step:after{display:none}.button-group{flex-direction:column}.skills-grid{grid-template-columns:repeat(2,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#64748b;--success:#059669;--warning:#d97706;--danger:#dc2626;--background:#f8fafc;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--shadow:0 1px 3px 0 #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}body{color:#111827;color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.app-container,body{background-color:#f8fafc;background-color:var(--background)}.app-container{display:flex;min-height:100vh}.sidebar{background:#fff;background:var(--white);border-right:1px solid #e5e7eb;border-right:1px solid var(--gray-200);height:100vh;overflow-y:auto;padding:24px 0;position:fixed;width:260px}.main-content{flex:1 1;margin-left:260px;min-height:100vh;padding:24px}.logo{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);margin-bottom:24px;padding:0 24px 32px}.logo h2{color:#2563eb;color:var(--primary);font-size:1.5rem;margin-bottom:4px}.logo p{color:#6b7280;color:var(--gray-500);font-size:.875rem}.nav-menu{padding:0 16px}.nav-section{margin-bottom:32px}.nav-label{color:#9ca3af;color:var(--gray-400);font-size:.75rem;font-weight:600;margin-bottom:8px;padding:0 16px;text-transform:uppercase}.nav-item{align-items:center;border-radius:8px;color:#4b5563;color:var(--gray-600);display:flex;gap:12px;margin-bottom:4px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:#f9fafb;background:var(--gray-50);color:#111827;color:var(--gray-900)}.nav-item.active{background:#2563eb;background:var(--primary);color:#fff;color:var(--white)}.nav-item .icon{font-size:1.25rem}.top-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.top-header h1{color:#111827;color:var(--gray-900);font-size:1.875rem;font-weight:700}.header-actions{gap:16px}.header-actions,.user-info{align-items:center;display:flex}.user-info{color:#4b5563;color:var(--gray-600);gap:8px}.avatar{align-items:center;background:#f3f4f6;background:var(--gray-100);border-radius:50%;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.btn-primary{background:#2563eb;background:var(--primary);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;font-weight:500;padding:12px 16px;transition:background-color .2s ease}.btn-primary:hover{background:#1d4ed8;background:var(--primary-dark)}.btn-secondary{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;color:#374151;color:var(--gray-700);cursor:pointer;font-weight:500;padding:12px 16px;transition:all .2s ease}.btn-secondary:hover{background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.btn-icon{background:#0000;border:none;cursor:pointer;font-size:1.25rem;padding:8px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow);padding:24px}.stat-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:16px;width:48px}.stat-content h3{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-weight:500;margin-bottom:8px}.stat-number{color:#111827;color:var(--gray-900);font-size:2rem;font-weight:700;margin-bottom:4px}.stat-change{color:#6b7280;color:var(--gray-500);font-size:.875rem}.stat-change.positive{color:#059669;color:var(--success)}.stat-change.negative{color:#dc2626;color:var(--danger)}.pipeline-section{margin-bottom:32px}.pipeline-section h2{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;margin-bottom:24px}.pipeline-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pipeline-stage{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;overflow:hidden}.stage-header{align-items:center;background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:16px 20px}.stage-header h3{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:600}.stage-count{background:#2563eb;background:var(--primary);border-radius:12px;color:#fff;color:var(--white);font-size:.875rem;font-weight:600;padding:4px 8px}.stage-content{padding:16px}.candidate-card{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;transition:all .2s ease}.candidate-card:hover{border-color:#2563eb;border-color:var(--primary);box-shadow:0 2px 4px #2563eb1a}.candidate-card.pending{border-left:4px solid #d97706;border-left:4px solid var(--warning)}.candidate-card.success{border-left:4px solid #059669;border-left:4px solid var(--success)}.candidate-info h4{color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:600;margin-bottom:2px}.candidate-info p{color:#4b5563;color:var(--gray-600);font-size:.75rem;margin-bottom:4px}.score{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.score,.tag{border-radius:4px;font-size:.75rem;padding:2px 6px}.tag{font-weight:500}.tag.success{background:#dcfce7;color:#059669;color:var(--success)}.tag.warning{background:#fef3c7;color:#d97706;color:var(--warning)}.time-badge{color:#6b7280;color:var(--gray-500);font-size:.75rem}.stage-view-all{background:#0000;border:1px dashed #d1d5db;border:1px dashed var(--gray-300);border-radius:6px;color:#4b5563;color:var(--gray-600);cursor:pointer;font-size:.875rem;padding:8px;transition:all .2s ease;width:100%}.stage-view-all:hover{background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.upcoming-section{margin-bottom:32px}.upcoming-section h2{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;margin-bottom:24px}.interview-list{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;overflow:hidden}.interview-item{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;gap:20px;padding:20px}.interview-item:last-child{border-bottom:none}.time-slot{flex-shrink:0;text-align:center}.time{color:#111827;color:var(--gray-900);display:block;font-size:1.125rem;font-weight:600}.duration{color:#6b7280;color:var(--gray-500);font-size:.875rem}.interview-details{flex:1 1}.interview-details h4{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:600;margin-bottom:4px}.interview-details p{color:#4b5563;color:var(--gray-600);font-size:.875rem}.interview-actions{display:flex;gap:8px}.roles-section h2{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;margin-bottom:24px}.roles-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.role-card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow);padding:24px}.role-card h3{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600;margin-bottom:16px}.role-stats{display:flex;justify-content:space-between;margin-bottom:16px}.role-stats .stat{text-align:center}.role-stats .label{color:#4b5563;color:var(--gray-600);display:block;font-size:.75rem;margin-bottom:4px}.role-stats .value{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:700}.progress-bar{background:#e5e7eb;background:var(--gray-200);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:#2563eb;background:var(--primary);height:100%;transition:width .3s ease}.modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;background:var(--white);border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:24px 24px 16px}.modal-header h2{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600}.close{color:#9ca3af;color:var(--gray-400);cursor:pointer;font-size:1.5rem;line-height:1}.close:hover{color:#4b5563;color:var(--gray-600)}.form-group{margin-bottom:20px}.form-group label{color:#374151;color:var(--gray-700);display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group select{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;font-size:1rem;padding:12px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.modal-content form{padding:0 24px 24px}.modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}@media (max-width:1024px){.sidebar{transform:translateX(-100%);transition:transform .3s ease}.main-content{margin-left:0}.pipeline-container{grid-template-columns:1fr}}@media (max-width:768px){.roles-grid,.stats-grid{grid-template-columns:1fr}.interview-item{align-items:flex-start;flex-direction:column;gap:12px}.time-slot{text-align:left}}
/*# sourceMappingURL=main.a2c5239d.css.map*/