.app-header{position:fixed;top:0;left:0;right:0;z-index:200;background:var(--header-bg);border-bottom:1px solid var(--header-border);height:var(--header-height)}.header-container{display:flex;align-items:center;justify-content:space-between;padding:0 24px 0 16px;height:100%;width:100%}.header-logo{display:flex;align-items:center;gap:8px;cursor:pointer;flex-shrink:0}.logo-image{height:28px;width:auto}.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-user-badge{display:flex;align-items:center;gap:8px}.header-username{font-size:14px;font-weight:500;color:var(--text-primary);font-family:"Inter",var(--font-sans)}.header-role{padding:2px 8px;background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:11px;font-weight:500;color:var(--text-muted)}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal)}.icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-muted)}@media (max-width: 768px){.header-user-badge{display:none}}.app-layout{display:flex;min-height:100vh;background:var(--bg-canvas)}.sidebar{position:fixed;left:0;top:var(--header-height);bottom:0;width:240px;background:var(--header-bg);border-right:1px solid var(--header-border);display:flex;flex-direction:column;transition:width .25s ease;z-index:100}.sidebar-collapsed .sidebar{width:72px}.sidebar-nav{flex:1;padding:20px 12px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);color:var(--nav-text);text-decoration:none;transition:all .2s ease;white-space:nowrap}.sidebar-collapsed .sidebar-nav-item{justify-content:center;padding:12px}.sidebar-nav-item:hover{background:var(--bg-tertiary);color:var(--nav-text-active)}.sidebar-nav-item.active{background:#1f3c881a;color:#1f3c88}.sidebar-nav-item .nav-icon{flex-shrink:0}.sidebar-nav-item .nav-label{font-size:14px;font-weight:500;font-family:"Inter",var(--font-sans)}.layout-main{flex:1;margin-left:72px;margin-top:var(--header-height);min-height:100vh}.sidebar-collapsed .sidebar-nav-item .nav-label{display:none}.video-panel-pip{width:100%;aspect-ratio:4 / 3;background:var(--bg-tertiary);position:relative;overflow:hidden}.video-feed{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);position:absolute;top:0;left:0}.video-feed.visible{opacity:1}.video-feed.hidden{opacity:0}.video-placeholder-pip{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-elevated));color:var(--text-muted)}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.pip-label{position:absolute;bottom:var(--spacing-2);left:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);background:var(--accent-primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;color:#fff}.video-panel-pip.speaking:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--accent-primary);border-radius:inherit;animation:glow 2s ease-in-out infinite}.camera-off-icon{width:48px;height:48px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}@media (max-width: 768px){.pip-label{font-size:10px;padding:2px 6px}}.chat-panel{height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-secondary)}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--border-secondary);background:var(--bg-primary);flex-shrink:0}.chat-header-left{display:flex;flex-direction:column;gap:var(--spacing-1)}.chat-header h3{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin:0}.chat-subtitle{font-size:var(--text-sm);color:var(--text-muted)}.message-count{font-size:var(--text-xs);color:var(--text-muted);padding:var(--spacing-1) var(--spacing-3);background:var(--bg-tertiary);border-radius:var(--radius-full)}.messages-container{flex:1;overflow-y:auto;padding:var(--spacing-5) var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4)}.message{display:flex;gap:var(--spacing-3);animation:fadeIn .3s ease-out forwards;opacity:0;max-width:85%}.message.interviewer{align-self:flex-start}.message.candidate{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.message-avatar img{width:100%;height:100%;object-fit:cover}.message.interviewer .message-avatar{background:var(--accent-primary)}.message.candidate .message-avatar{background:var(--gray-600)}.avatar-letter{font-size:var(--text-sm);font-weight:600;color:#fff}.message-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.message.candidate .message-content{align-items:flex-end}.message-header{display:flex;align-items:center;gap:var(--spacing-2)}.message.candidate .message-header{flex-direction:row-reverse}.message-sender{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.message-time{font-size:var(--text-xs);color:var(--text-muted)}.message-text{padding:10px 14px;border-radius:var(--radius-md);font-size:var(--text-md);line-height:var(--leading-normal);white-space:pre-wrap;word-break:break-word}.message.interviewer .message-text{background:var(--message-interviewer-bg);color:var(--message-interviewer-text);border-top-left-radius:var(--radius-sm);border:1px solid var(--border-secondary)}.message.candidate .message-text{background:var(--message-user-bg);color:var(--message-user-text);border-top-right-radius:var(--radius-sm)}.typing-message .message-content{max-width:fit-content}.typing-indicator{display:flex;gap:5px;padding:14px 18px;background:var(--message-interviewer-bg);border:1px solid var(--border-secondary);border-radius:var(--radius-md);border-top-left-radius:var(--radius-sm)}.typing-indicator span{width:8px;height:8px;background:var(--text-muted);border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);background:var(--text-muted)}30%{transform:translateY(-8px);background:var(--accent-primary)}}.chat-input-container{display:flex;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--border-secondary);background:var(--bg-primary);flex-shrink:0}.chat-input{flex:1;padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-md);font-family:var(--font-sans);color:var(--text-primary);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-normal),box-shadow var(--transition-normal);min-width:0}.chat-input:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-focus)}.chat-input::placeholder{color:var(--input-placeholder)}.send-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-normal);flex-shrink:0}.send-button:hover:not(:disabled){background:var(--btn-primary-hover);transform:scale(1.05)}.send-button:disabled{opacity:.5;cursor:not-allowed}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-align:center;padding:var(--spacing-10)}.empty-state-icon{font-size:48px;margin-bottom:var(--spacing-4);opacity:.5}.empty-state-text{font-size:var(--text-sm);max-width:300px;line-height:var(--leading-relaxed)}@media (max-width: 768px){.chat-header{padding:var(--spacing-3) var(--spacing-4)}.messages-container{padding:var(--spacing-4);gap:var(--spacing-3)}.message{max-width:90%}.message-text{padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-sm)}.chat-input-container{padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-2)}.chat-input{padding:var(--spacing-3)}.send-button{width:40px;height:40px}}.code-editor-panel{height:100%;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}.question-header{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-secondary);background:var(--bg-secondary);flex-shrink:0}.question-title{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.question-badge{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:var(--spacing-1) var(--spacing-3);background:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);flex-shrink:0}.question-title h3{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin:0}.question-description{padding:var(--spacing-4) var(--spacing-5);max-height:200px;overflow-y:auto;background:var(--bg-secondary);border-bottom:1px solid var(--border-secondary);flex-shrink:0}.question-description p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary);white-space:pre-wrap;margin:0}.example-block{margin-top:var(--spacing-3);padding:var(--spacing-3);background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--accent-primary)}.example-block strong{display:block;font-size:var(--text-xs);color:var(--text-primary);margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:.5px}.example-block pre{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-secondary);white-space:pre-wrap;margin:0;line-height:var(--leading-relaxed)}.hints-section{margin-top:var(--spacing-3)}.hints-toggle{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs);font-family:var(--font-sans);color:var(--warning);background:#f790091a;border:1px solid rgba(247,144,9,.3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.hints-toggle:hover{background:#f7900926}.hints-list{margin-top:var(--spacing-2);padding-left:var(--spacing-5)}.hints-list li{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--spacing-2);line-height:var(--leading-relaxed)}.editor-container{flex:1;min-height:200px;border-bottom:1px solid var(--border-secondary);overflow:hidden}.editor-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background:var(--bg-secondary);flex-shrink:0}.action-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.action-btn.secondary{color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-primary)}.action-btn.secondary:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--text-muted)}.action-btn.primary{color:#fff;background:var(--accent-primary);box-shadow:var(--shadow-sm)}.action-btn.primary:hover{background:var(--btn-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.question-header{padding:var(--spacing-3) var(--spacing-4)}.question-description{padding:var(--spacing-3) var(--spacing-4);max-height:150px}.editor-actions{padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-2)}.action-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm)}}.role-selector{width:100%;text-align:left}.selector-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-3)}.role-options{display:flex;flex-direction:column;gap:var(--spacing-2)}.role-option{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:left;width:100%;font-family:var(--font-sans)}.role-option:hover{background:var(--bg-elevated);border-color:var(--accent-primary)}.role-option.selected{background:var(--accent-light);border-color:var(--accent-primary)}[data-theme=dark] .role-option.selected{background:#7f56d926}.role-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.role-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.role-desc{font-size:var(--text-xs);color:var(--text-muted)}.check-mark{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);color:#fff;border-radius:50%}.app{height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}.thank-you-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-6);background:var(--bg-primary)}.thank-you-content{text-align:center;max-width:600px;padding:var(--spacing-8);background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.thank-you-icon{color:var(--accent-primary);margin:0 auto var(--spacing-4);display:block}.thank-you-content h1{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-4)}.thank-you-message{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.app-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-6);border-bottom:1px solid var(--header-border);background:var(--header-bg);flex-shrink:0;z-index:100}.header-left{display:flex;align-items:center;gap:var(--spacing-4)}.logo{display:flex;align-items:center;gap:var(--spacing-2)}.logo-interview{cursor:pointer}.logo-interview .logo-image{height:28px;width:auto}.logo-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--accent-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--text-sm)}.logo-text{font-size:var(--text-lg);font-weight:700;color:var(--header-text);letter-spacing:-.5px}.header-center{display:flex;align-items:center;gap:var(--spacing-3)}.interview-timer{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:#7f56d933;border:1px solid rgba(127,86,217,.3);border-radius:var(--radius-lg);color:#7f56d9;font-size:var(--text-lg);font-weight:700;margin-left:var(--spacing-4);min-width:100px;justify-content:center}.interview-timer svg{color:#7f56d9;flex-shrink:0}.interview-timer .timer-text{font-size:var(--text-xl);font-weight:700;color:#7f56d9;letter-spacing:.5px;font-variant-numeric:tabular-nums}.header-right{display:flex;align-items:center;gap:var(--spacing-3)}.header-status{display:flex;align-items:center;gap:var(--spacing-2)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--error)}.status-dot.connected{background:var(--success);animation:pulse 2s ease-in-out infinite}.status-text{font-size:var(--text-sm);color:var(--header-text);opacity:.8}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);color:var(--header-text);cursor:pointer;transition:all var(--transition-normal)}.theme-toggle:hover{background:#ffffff26;border-color:#ffffff40}.user-menu{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);color:var(--header-text);cursor:pointer;transition:all var(--transition-normal)}.user-menu:hover{background:#ffffff26}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600;color:#fff}.dashboard-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--header-text);cursor:pointer;transition:all var(--transition-normal)}.dashboard-btn:hover{background:#ffffff26;border-color:var(--accent-primary)}.app-main{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative}.start-screen{height:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-6);overflow-y:auto;background:var(--bg-secondary)}.start-card{max-width:480px;width:100%;padding:var(--spacing-10);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center;animation:fadeInUp .5s ease-out}.start-card h1{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--spacing-3);color:var(--text-primary)}.start-card p{color:var(--text-secondary);margin-bottom:var(--spacing-6);font-size:var(--text-md);line-height:var(--leading-relaxed)}.checklist{text-align:left;margin:var(--spacing-6) 0;padding:var(--spacing-5);background:var(--bg-tertiary);border-radius:var(--radius-md)}.check-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) 0;color:var(--text-secondary);font-size:var(--text-sm)}.check-icon{color:var(--success);font-weight:700}.start-button{width:100%;padding:var(--spacing-4) var(--spacing-6);font-size:var(--text-md);font-weight:600;font-family:var(--font-sans);color:#fff;background:var(--accent-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.start-button:hover{background:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.start-button:active{transform:translateY(0)}.interview-layout{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:0}.main-content{flex:1;display:flex;overflow:hidden;min-height:0;position:relative}.chat-section{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary);overflow:hidden;min-width:300px}.code-section{flex:1;max-width:60%;min-width:450px;display:flex;flex-direction:column;background:var(--bg-primary);border-right:1px solid var(--border-secondary);animation:slideInLeft .3s ease-out;overflow:hidden}.floating-video{position:absolute;top:var(--spacing-4);right:var(--spacing-4);width:200px;z-index:50;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl);transition:all var(--transition-normal);background:var(--bg-tertiary);border:2px solid transparent}.floating-video:hover{transform:scale(1.02);box-shadow:0 20px 40px #0000004d}.floating-video.speaking{border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-glow),var(--shadow-xl)}.interview-layout.with-code .floating-video{top:var(--spacing-4);right:var(--spacing-4);width:160px}.control-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-6);background:var(--bg-primary);border-top:1px solid var(--border-primary);flex-shrink:0;z-index:60}.control-bar-left,.control-bar-center,.control-bar-right{display:flex;align-items:center;gap:var(--spacing-3)}.control-bar-left{flex:1;min-width:0}.control-bar-center{flex-shrink:0}.control-bar-right{flex:1;justify-content:flex-end;min-width:0}.control-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);flex-shrink:0}.control-btn:hover{background:var(--bg-tertiary);transform:scale(1.05)}.control-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.control-btn.recording{background:var(--error);border-color:var(--error);color:#fff;animation:pulse 1.5s ease-in-out infinite}.user-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);color:var(--header-text);cursor:pointer;transition:all var(--transition-normal)}.user-icon-btn:hover{background:#ffffff26}.end-interview-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:10px 18px;background:#fef3f2;color:#b42318;border:1px solid #FEF3F2;border-radius:24px;font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-normal)}.end-interview-btn:hover{background:#fee4e2;border-color:#fecdca}.end-interview-btn svg{color:#b42318}.interviewer-badge{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full);flex-shrink:0}.interviewer-badge.speaking{background:#7f56d91a;border-color:var(--accent-primary);animation:glow 2s ease-in-out infinite}.interviewer-badge .avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;color:#fff;flex-shrink:0}.interviewer-badge .name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.speech-status-bar{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden}.speech-status-bar.recording{background:#fef3f2;border-color:#fecdca;color:#b42318}.speech-status-bar.speaking{background:#7f56d91a;border-color:var(--accent-primary);color:var(--accent-primary)}.speech-status-bar .pulse-dot{width:8px;height:8px;background:currentColor;border-radius:50%;animation:pulse 1s ease-in-out infinite;flex-shrink:0}@media (max-width: 1024px){.code-section{max-width:55%;min-width:350px}.chat-section{min-width:250px}.floating-video{width:160px}.interview-layout.with-code .floating-video{width:140px}}@media (max-width: 768px){.app-header{padding:var(--spacing-3) var(--spacing-4)}.main-content{flex-direction:column}.code-section{max-width:none;min-width:0;flex:1;border-right:none;border-bottom:1px solid var(--border-secondary)}.chat-section{min-width:0;flex:1}.floating-video{width:120px;top:var(--spacing-2);right:var(--spacing-2)}.control-bar{padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-2)}.control-btn{width:40px;height:40px}.interviewer-badge{padding:var(--spacing-2)}.interviewer-badge .name{display:none}.speech-status-bar{padding:var(--spacing-2) var(--spacing-3)}.speech-status-bar span:not(.pulse-dot){display:none}}@media (max-width: 480px){.floating-video{width:100px}.control-bar-left,.control-bar-right{display:none}}.config-container{height:100vh;display:flex;flex-direction:column;background:var(--bg-canvas);overflow:hidden}.config-header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:var(--card-bg);border-bottom:1px solid var(--card-border);flex-shrink:0}.back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;font-family:"Inter",var(--font-sans);cursor:pointer;transition:all .2s ease}.back-btn:hover{border-color:#1f3c88;color:#1f3c88}.back-btn svg{width:18px;height:18px}.header-title h1{font-size:24px;font-weight:700;color:#1f3c88;font-family:"Inter",var(--font-sans)}.header-spacer{width:80px}.steps-container{padding:20px 32px;background:var(--card-bg);border-bottom:1px solid var(--border-primary);flex-shrink:0}.steps-track{display:flex;align-items:center;justify-content:center;gap:4px;max-width:560px;margin:0 auto;flex-wrap:wrap}.step-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;font-family:"Inter",var(--font-sans)}.step-item:disabled{cursor:not-allowed}.step-dot{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;font-weight:600;transition:all .2s ease;flex-shrink:0}.step-dot.outlined{background:transparent;border:2px solid var(--gray-300);color:var(--text-muted)}.step-item.inactive .step-label{color:var(--text-muted);font-weight:400}.step-dot.filled,.step-item.active .step-dot{background:#1f3c88;border:2px solid #1F3C88;color:#fff}.step-item.active .step-label{color:var(--text-primary);font-weight:600}.step-item.completed .step-label{color:var(--text-secondary)}.step-arrow{font-size:14px;color:var(--gray-300);margin:0 4px;flex-shrink:0}.step-label{font-size:14px;font-weight:500;color:var(--text-secondary)}.config-main{flex:1;overflow-y:auto;padding:32px 24px;background:var(--bg-canvas)}.step-content{max-width:640px;margin:0 auto;animation:fadeIn .3s ease-out}.step-content-wide{max-width:720px}.step-content-skills,.step-content-questions,.step-content-preview{max-width:1200px;width:100%}.step-header{margin-bottom:28px}.step-header h2{font-size:24px;font-weight:700;color:#1f3c88;font-family:"Inter",var(--font-sans);margin-bottom:4px}.step-header p{font-size:14px;color:var(--text-muted);font-family:"Inter",var(--font-sans)}.config-step-card,.role-setup-card{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;padding:32px 40px;display:flex;flex-direction:column;gap:28px}.config-step-title,.role-setup-title{font-size:22px;font-weight:700;color:var(--text-primary);font-family:"Inter",var(--font-sans);margin:0 0 8px;text-align:left}.config-step-body,.role-setup-form{display:flex;flex-direction:column;gap:24px}.config-step-card--skills{max-height:calc(100vh - 200px);overflow:hidden;display:flex;flex-direction:column}.config-step-card--skills .config-step-title{flex-shrink:0}.config-step-card--skills .config-step-body{gap:20px;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.config-step-card--skills .skills-auto-toggle,.config-step-card--skills .jd-extractor-inline{flex-shrink:0}.config-step-card--skills .skills-layout{flex:1;min-height:0}.config-step-card--skills .config-step-actions{flex-shrink:0;margin-top:auto;padding-top:16px}.config-step-body .form-section,.role-setup-form .form-section{margin-bottom:0}.config-step-body .config-input,.role-setup-form .config-input{width:100%;box-sizing:border-box}.config-step-actions,.role-setup-actions{display:flex;align-items:center;justify-content:space-between;padding-top:8px;margin-top:8px;border-top:1px solid var(--border-primary)}.btn-cancel-text{background:none;border:none;font-size:14px;font-weight:500;color:var(--text-muted);font-family:"Inter",var(--font-sans);cursor:pointer;padding:8px 0;transition:color .2s ease}.btn-cancel-text:hover{color:var(--text-primary)}.btn-continue{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#1f3c88;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;font-family:"Inter",var(--font-sans);cursor:pointer;transition:background .2s ease}.btn-continue:hover:not(:disabled){background:#1a3274}.btn-continue:disabled{opacity:.5;cursor:not-allowed}.config-form{display:flex;flex-direction:column;gap:28px}.form-section{display:flex;flex-direction:column;gap:8px}.form-section label{font-size:14px;font-weight:500;color:var(--text-secondary);font-family:"Inter",var(--font-sans)}.config-input{padding:12px 16px;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:8px;font-size:14px;font-family:"Inter",var(--font-sans);color:var(--text-primary);transition:border-color .2s ease}.config-input:focus{outline:none;border-color:#1f3c88}.config-input::placeholder{color:var(--text-muted)}.form-section-autocomplete{position:relative}.role-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:220px;overflow-y:auto;z-index:10}.dropdown-item{display:block;width:100%;padding:10px 16px;text-align:left;background:none;border:none;font-size:14px;font-family:"Inter",var(--font-sans);color:var(--text-primary);cursor:pointer;transition:background .15s ease}.dropdown-item:hover{background:var(--gray-50)}.dropdown-item.active{background:#1f3c8814;color:#1f3c88;font-weight:500}.dropdown-item.muted{color:var(--text-muted);cursor:default}.exp-range-label{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px;font-family:"Inter",var(--font-sans)}.experience-compact{padding:20px;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:8px}.exp-slider-wrap{position:relative;height:24px;margin-bottom:20px}.exp-slider-track{position:absolute;top:9px;left:0;right:0;height:6px;background:var(--gray-200);border-radius:3px}.exp-slider-track:before{content:"";position:absolute;left:calc(var(--range-min, 0) * 1%);right:calc((100 - var(--range-max, 100)) * 1%);height:100%;background:#1f3c88;border-radius:3px}.exp-range-layer{position:absolute;top:0;left:0;height:24px;overflow:visible}.exp-range-layer-min{width:100%;z-index:1}.exp-range-layer-max{z-index:2;min-width:20%}.exp-range{position:absolute;width:100%;left:0;right:0;top:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:24px}.exp-range::-webkit-slider-runnable-track{-webkit-appearance:none;height:6px;background:transparent}.exp-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;background:#1f3c88;border:2px solid white;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0003}.exp-range::-moz-range-track{height:6px;background:transparent}.exp-range::-moz-range-thumb{width:18px;height:18px;background:#1f3c88;border:2px solid white;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0003}.exp-presets{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.exp-preset{padding:10px 16px;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:8px;font-size:14px;font-family:"Inter",var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.exp-preset:hover{border-color:#1f3c88;color:#1f3c88}.exp-preset.active{background:#1f3c88;border-color:#1f3c88;color:#fff}.config-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-8);background:var(--card-bg);border-top:1px solid var(--card-border);flex-shrink:0}.step-indicator{font-size:var(--text-sm);color:var(--text-muted)}.config-footer .btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.config-footer .btn:disabled{opacity:.5;cursor:not-allowed}.config-footer .btn-secondary{background:var(--card-bg);border:1px solid var(--border-primary);color:var(--text-secondary)}.config-footer .btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.config-footer .btn-primary{background:#1f3c88;border:none;color:#fff;font-family:"Inter",var(--font-sans)}.config-footer .btn-primary:hover:not(:disabled){background:#1a3274}.btn-success{background:var(--status-active);border:none;color:#fff;padding:var(--spacing-3) var(--spacing-8);box-shadow:0 4px 12px #10b9814d}.btn-success:hover:not(:disabled){background:#059669;box-shadow:0 6px 16px #10b98166}.btn-success.loading{pointer-events:none}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000}.success-card{text-align:center;background:var(--card-bg);padding:var(--spacing-10);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:successPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes successPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.success-icon{width:80px;height:80px;margin:0 auto var(--spacing-6);display:flex;align-items:center;justify-content:center;background:var(--status-active);border-radius:50%;color:#fff;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 20px #10b98100}}.success-card h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.success-card p{color:var(--text-secondary);margin-bottom:var(--spacing-6)}.success-loader{width:120px;height:4px;background:var(--bg-tertiary);border-radius:2px;margin:0 auto;overflow:hidden}.success-loader:after{content:"";display:block;width:100%;height:100%;background:var(--status-active);animation:loadProgress 2.5s ease-out forwards}@keyframes loadProgress{0%{transform:translate(-100%)}to{transform:translate(0)}}.auto-populate-banner{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:var(--radius-lg);margin-bottom:24px;animation:fadeIn .3s ease-out}.auto-populate-banner.success{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.3)}.auto-populate-banner.warning{background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border:1px solid rgba(251,191,36,.3)}.banner-content{display:flex;align-items:center;gap:14px}.banner-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.auto-populate-banner.success .banner-icon{background:#22c55e33;color:#22c55e}.auto-populate-banner.warning .banner-icon{background:#fbbf2433;color:#fbbf24}.banner-text{display:flex;flex-direction:column;gap:2px}.banner-text strong{font-size:14px;color:var(--text-primary)}.banner-text span{font-size:13px;color:var(--text-muted)}.banner-text a{color:var(--accent-primary);text-decoration:none}.banner-text a:hover{text-decoration:underline}.auto-toggle{display:flex;align-items:center;gap:12px;cursor:pointer}.auto-toggle input{display:none}.toggle-switch{position:relative;width:48px;height:26px;background:var(--bg-elevated);border-radius:13px;transition:all .3s ease}.toggle-switch:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s ease}.auto-toggle input:checked+.toggle-switch{background:#22c55e}.auto-toggle input:checked+.toggle-switch:before{transform:translate(22px)}.toggle-text{font-size:14px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.skill-chip.from-roadmap{border-color:#22c55e4d}.roadmap-badge{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#22c55e33;border-radius:50%;color:#22c55e;margin-left:-4px;margin-right:4px}.skills-layout{display:flex;flex-direction:column;gap:24px;flex:1;min-height:0;overflow:hidden}.skill-add-section{display:flex;flex-direction:column;gap:16px;padding:20px 24px;background:var(--gray-50);border:1px solid var(--border-primary);border-radius:8px;flex-shrink:0}.skill-add-row{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:20px}.skill-add-row .form-section{flex:0 1 auto;min-width:0}.skill-add-row .form-section:first-child{flex:0 0 180px}.skill-add-row .form-section:nth-child(2){flex:1 1 220px;min-width:180px}.skill-add-row .form-section label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px;font-family:"Inter",var(--font-sans)}.skill-add-row select.config-input{width:100%;padding:10px 14px;font-size:14px;min-width:0}.skill-add-buttons{display:flex;gap:10px;align-items:center;flex-shrink:0;margin-left:8px}.btn-add-must,.btn-add-nice{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;font-family:"Inter",var(--font-sans);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-add-must{background:#f59e0b1f;color:#b45309;border-color:#f59e0b4d}.btn-add-must:hover:not(:disabled){background:#f59e0b33}.btn-add-nice{background:#4f46e514;color:#1f3c88;border-color:#4f46e540}.btn-add-nice:hover:not(:disabled){background:#4f46e526}.btn-add-must:disabled,.btn-add-nice:disabled{opacity:.5;cursor:not-allowed}.custom-skill-row{display:flex;gap:12px;align-items:center;padding-top:4px;border-top:1px solid var(--border-secondary)}.custom-skill-row input{flex:1;min-width:0;max-width:320px}.btn-add-custom{display:flex;align-items:center;gap:6px;padding:10px 18px;background:#1f3c88;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;font-family:"Inter",var(--font-sans);cursor:pointer;transition:background .2s ease}.btn-add-custom:hover:not(:disabled){background:#1a3274}.btn-add-custom:disabled{opacity:.5;cursor:not-allowed}.skills-layout>.drop-zones{flex:1;min-height:0}.skills-auto-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:var(--text-secondary);font-family:"Inter",var(--font-sans)}.skills-auto-toggle input{display:none}.skills-auto-toggle .toggle-switch{position:relative;width:40px;height:22px;background:var(--gray-200);border-radius:11px;transition:background .2s ease}.skills-auto-toggle .toggle-switch:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 2px #0003}.skills-auto-toggle input:checked+.toggle-switch{background:var(--success-500)}.skills-auto-toggle input:checked+.toggle-switch:before{transform:translate(18px)}.jd-extractor-inline{margin-bottom:4px}.jd-extractor-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:1px dashed var(--border-primary);border-radius:8px;color:var(--text-secondary);font-size:14px;font-family:"Inter",var(--font-sans);cursor:pointer;transition:all .2s ease}.jd-extractor-btn:hover{border-color:#1f3c88;color:#1f3c88;background:#1f3c880a}.jd-extractor-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .2s ease}.jd-extractor-modal{background:var(--card-bg);border-radius:12px;box-shadow:0 8px 32px #0003;max-width:520px;width:100%;max-height:90vh;overflow-y:auto}.jd-extractor-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-primary)}.jd-extractor-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);font-family:"Inter",var(--font-sans)}.jd-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.jd-modal-close:hover{background:var(--gray-100);color:var(--text-primary)}.jd-extractor-modal .jd-extractor-content{padding:20px}.jd-compact .jd-extractor-toggle{padding:12px 16px;font-size:14px}.jd-compact .jd-extractor-content{padding:16px}.jd-compact .jd-text-input{min-height:100px;rows:4}.skill-bank{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;min-height:0;min-width:0}.bank-header{padding:10px 14px;border-bottom:1px solid var(--border-primary);flex-shrink:0}.bank-header h3{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;font-family:"Inter",var(--font-sans)}.search-box{display:flex;align-items:center;gap:var(--spacing-3);padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-muted);min-width:0}.search-box input{flex:1;min-width:0;background:transparent;border:none;outline:none;font-family:var(--font-primary);font-size:var(--text-sm);color:var(--text-primary)}.search-box input::placeholder{color:var(--text-muted)}.category-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:6px 10px;border-bottom:1px solid var(--border-primary);flex-shrink:0}.cat-tab{padding:var(--spacing-2) var(--spacing-3);background:transparent;border:1px solid transparent;border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal)}.cat-tab:hover{color:var(--text-secondary);background:var(--bg-tertiary)}.cat-tab.active{background:#1f3c88;color:#fff}.bank-skills{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:6px;min-height:0}.bank-skill{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);transition:all var(--transition-normal);min-width:0}.bank-skill>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bank-skill:hover{background:var(--bg-secondary)}.add-actions{display:flex;gap:var(--spacing-2);opacity:0;transition:opacity var(--transition-normal);flex-shrink:0}.bank-skill:hover .add-actions{opacity:1}.add-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;cursor:pointer;transition:all var(--transition-normal)}.add-btn.must{background:var(--status-warning-bg);color:var(--status-warning)}.add-btn.must:hover{background:var(--status-warning);color:#fff}.add-btn.nice{background:#4f46e51a;color:var(--accent-primary)}.add-btn.nice:hover{background:var(--accent-primary);color:#fff}.empty-bank{padding:16px;text-align:center;color:var(--text-muted);font-size:var(--text-sm);flex-shrink:0}.custom-skill-input{display:flex;gap:var(--spacing-2);padding:8px 12px;border-top:1px solid var(--border-secondary);flex-shrink:0}.custom-skill-input input{flex:1;min-width:0;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--text-primary)}.custom-skill-input button{width:40px;background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-normal)}.custom-skill-input button:hover:not(:disabled){background:var(--accent-primary-dark)}.drop-zones{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;min-height:0;min-width:0;flex:1;overflow:hidden}.drop-zone{flex:1;min-height:0;background:var(--card-bg);border:1px dashed var(--border-primary);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.drop-zone.dragging-over{border-color:var(--accent-primary);background:var(--accent-light)}.drop-zone.must-have{border-color:#f59e0b4d}.drop-zone.must-have.dragging-over{border-color:var(--status-warning);background:var(--status-warning-bg)}.drop-zone.nice-to-have{border-color:#4f46e54d}.drop-zone.nice-to-have.dragging-over{border-color:var(--accent-primary);background:var(--accent-light)}.zone-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border-secondary);flex-shrink:0}.zone-icon{color:var(--text-muted);flex-shrink:0}.must-have .zone-icon{color:var(--status-warning)}.nice-to-have .zone-icon{color:var(--accent-primary)}.zone-header h3{flex:1;font-size:13px;font-weight:600;color:var(--text-primary);margin:0;min-width:0}.zone-header .count{font-size:11px;font-weight:500;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-full);flex-shrink:0}.zone-content{flex:1;padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;overflow-y:auto;min-height:0;overflow-x:hidden}.zone-empty{flex:1;min-height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);color:var(--text-muted);font-size:var(--text-sm)}.skill-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:12px;color:var(--text-primary);cursor:grab;transition:all var(--transition-normal);max-width:100%;flex-shrink:0}.skill-chip>span:not(.roadmap-badge){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.skill-chip:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.skill-chip.dragging{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:var(--shadow-lg)}.drag-handle{color:var(--text-muted);cursor:grab;flex-shrink:0}.skill-chip .roadmap-badge{flex-shrink:0}.skill-chip .remove-btn{width:20px;height:20px;min-width:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);flex-shrink:0}.skill-chip .remove-btn:hover{background:var(--error-600);color:#fff}.question-summary-inline{display:flex;gap:24px;margin-bottom:24px;font-size:14px;color:var(--text-secondary);font-family:"Inter",var(--font-sans)}.question-summary-inline strong{color:#1f3c88}.question-types-table-wrapper{margin-bottom:28px;overflow-x:auto}.question-types-table{width:100%;table-layout:fixed;border-collapse:collapse;font-family:"Inter",var(--font-sans);background:var(--card-bg);border:1px solid var(--border-primary);border-radius:8px}.question-types-table col.col-control{width:120px;min-width:120px}.question-types-table thead{background:var(--gray-50);border-bottom:1px solid var(--border-primary)}.question-types-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary)}.question-types-table th.qtype-col-control{text-align:center;width:120px;min-width:120px}.question-types-table tbody tr{border-bottom:1px solid var(--border-secondary)}.question-types-table tbody tr:last-child{border-bottom:none}.question-types-table tbody tr:hover{background:var(--gray-50)}.question-types-table td{padding:14px 16px;vertical-align:middle;font-size:14px}.qtype-cell-category{display:flex;align-items:center;gap:10px}.qtype-icon{color:var(--text-muted);flex-shrink:0}.qtype-name{font-weight:600;color:var(--text-primary)}.qtype-cell-desc{color:var(--text-muted);font-size:13px}.qtype-cell-control{text-align:center;padding:14px 12px;min-width:120px;overflow:visible}.qtype-stepper-wrapper{display:flex;justify-content:center;align-items:center;width:100%;min-width:0;margin:0;padding:0;overflow:visible}.qtype-cell-control .number-input{margin:0;padding:0;flex-shrink:0;min-width:96px}.number-input{display:inline-flex;align-items:center;justify-content:center;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:6px;overflow:hidden;box-sizing:border-box}.number-input.compact button{width:28px;height:28px;min-width:28px;margin:0;padding:0;background:transparent;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.number-input.compact button:hover{background:var(--gray-100);color:var(--text-primary)}.number-input.compact input{width:40px;height:28px;min-width:40px;margin:0;padding:0;background:transparent;border:none;border-left:1px solid var(--border-primary);border-right:1px solid var(--border-primary);text-align:center;font-size:13px;font-weight:600;color:var(--text-primary);font-family:"Inter",var(--font-sans);box-sizing:border-box;-moz-appearance:textfield}.number-input.compact input::-webkit-outer-spin-button,.number-input.compact input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input.compact input:focus{outline:none}.interview-settings-compact{display:flex;flex-direction:column;gap:12px}.setting-row{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary);cursor:pointer;font-family:"Inter",var(--font-sans)}.setting-row input{width:18px;height:18px;accent-color:#1F3C88}.config-step-card--questions{display:flex;flex-direction:column;gap:0}.config-step-card--questions .config-step-title{margin-bottom:20px}.questions-tab-nav{display:flex;flex-wrap:wrap;gap:4px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--border-primary)}.questions-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);font-family:"Inter",var(--font-sans);cursor:pointer;transition:all .2s ease}.questions-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.questions-tab.active{background:#1f3c8814;color:#1f3c88;border-color:#1f3c8833}.questions-tab .tab-badge{font-size:11px;font-weight:600;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:10px}.questions-tab.active .tab-badge{background:#1f3c8826;color:#1f3c88}.questions-tab-content{flex:1;min-height:0;overflow-y:auto}.question-config-embedded,.question-selection-embedded{padding:0}.questions-toolbar-compact{display:flex;gap:8px;padding:12px 0;margin-bottom:24px}.questions-toolbar .btn-primary,.questions-toolbar-compact .btn-primary{background:#1f3c88;color:#fff;padding:10px 20px;font-size:14px;font-weight:500;font-family:"Inter",var(--font-sans)}.questions-toolbar .btn-primary:hover:not(:disabled),.questions-toolbar-compact .btn-primary:hover:not(:disabled){background:#1a3274}.category-empty-hint{padding:24px;text-align:center;font-size:14px;color:var(--text-muted);background:var(--bg-tertiary);border-radius:8px;margin-top:12px}.config-step-card--questions .config-step-actions{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-secondary);flex-shrink:0}.skill-questions-section{margin-bottom:var(--spacing-10)}.skill-questions-section h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--spacing-2)}.section-desc{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--spacing-4)}.skill-questions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-4)}.skill-question-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:var(--spacing-4);box-shadow:var(--card-shadow)}.skill-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-secondary)}.skill-controls{display:flex;flex-direction:column;gap:var(--spacing-3)}.control-item{display:flex;align-items:center;justify-content:space-between}.control-item label{font-size:var(--text-sm);color:var(--text-secondary)}.number-input.compact{transform:scale(.9);transform-origin:right center}.difficulty-select{display:flex;gap:4px}.diff-btn{padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:12px;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.diff-btn:hover{border-color:var(--text-muted);color:var(--text-secondary)}.diff-btn.active.easy{background:#d1fae5;border-color:#10b981;color:#065f46;font-weight:600}.diff-btn.active.medium{background:#fef3c7;border-color:#f59e0b;color:#92400e;font-weight:600}.diff-btn.active.hard{background:#fee2e2;border-color:#ef4444;color:#991b1b;font-weight:600}.preview-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5);overflow:hidden;box-shadow:var(--card-shadow)}.section-header{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-4) var(--spacing-5);background:transparent;border:none;border-bottom:1px solid transparent;cursor:pointer;transition:all var(--transition-normal)}.preview-section.expanded .section-header{border-bottom-color:var(--border-secondary);background:var(--bg-tertiary)}.section-header:hover{background:var(--bg-tertiary)}.section-header svg:first-child{color:var(--accent-primary)}.section-header h3{flex:1;text-align:left;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.section-header svg:last-child{color:var(--text-muted)}.question-count{font-size:var(--text-sm);color:var(--text-muted);background:var(--bg-tertiary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full)}.section-content{padding:var(--spacing-5);animation:fadeIn .3s ease-out}.summary-grid{display:grid;grid-template-columns:minmax(280px,2fr) minmax(180px,1.25fr) minmax(220px,1.75fr);gap:20px;align-items:start}.summary-block{background:var(--gray-50);border:1px solid var(--border-primary);border-radius:8px;overflow:hidden;min-width:0}.block-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--card-bg);border-bottom:1px solid var(--border-primary);font-size:13px;font-weight:600;color:var(--text-secondary);font-family:"Inter",var(--font-sans)}.block-content{padding:14px}.info-row .label{font-size:var(--text-sm);color:var(--text-muted)}.info-row .value{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium)}.role-details-block .block-content{display:flex;flex-direction:column;gap:0}.role-details-block .info-row{display:grid;grid-template-columns:140px minmax(100px,1fr);gap:16px;align-items:start;padding:10px 0;border-bottom:1px solid var(--border-secondary);min-height:auto}.role-details-block .info-row:first-child{padding-top:0}.role-details-block .info-row:last-child{border-bottom:none;padding-bottom:0}.role-details-block .info-row .label{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;flex-shrink:0}.role-details-block .info-row .value{font-size:var(--text-sm);color:var(--text-primary);font-weight:600;min-width:0;word-break:normal;overflow-wrap:normal}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.skill-tag{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs)}.skill-tag.must{background:var(--gray-200);color:var(--text-primary);font-weight:500;font-size:12px}.skill-tag.nice{background:var(--gray-100);color:var(--text-secondary);font-weight:500;font-size:12px}.no-skills{font-size:var(--text-sm);color:var(--text-muted)}.skills-summary-block .block-content{display:flex;justify-content:center;align-items:center;min-height:80px}.view-skills-btn{padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--accent-primary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.view-skills-btn:hover{background:#1f3c8814;border-color:var(--accent-primary)}.question-list-readonly .question-item{cursor:default}.question-list-readonly .question-item.readonly{padding:var(--spacing-3) var(--spacing-4)}.skills-modal .panel-header{display:flex;align-items:center;justify-content:space-between}.skills-modal-content{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.skills-modal-section h4{font-size:13px;font-weight:600;color:var(--text-secondary);margin:0 0 8px}.skills-modal-section .skill-tags{margin-bottom:0}.skills-modal .skill-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.time-allocation-table{width:100%;border-collapse:collapse;font-size:14px;font-family:"Inter",var(--font-sans)}.time-allocation-table td{padding:10px 0;vertical-align:middle}.time-allocation-table tr:not(:last-child) td{border-bottom:1px solid var(--border-secondary)}.time-type-cell{display:flex;align-items:center;gap:10px;color:var(--text-secondary);text-transform:capitalize}.time-type-cell span{font-weight:500}.time-value-cell{text-align:right;font-weight:600;color:var(--text-primary)}.time-total{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--border-secondary);font-size:var(--text-sm);color:var(--text-primary)}.questions-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-4)}.source-info{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--text-secondary)}.toolbar-actions{display:flex;align-items:center;gap:var(--spacing-3)}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.btn-icon:hover:not(:disabled){background:var(--bg-secondary);color:var(--accent-primary);border-color:var(--accent-primary)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-small{padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs)}.questions-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-12) var(--spacing-5);color:var(--text-secondary)}.questions-loading .spinning{animation:spin 1s linear infinite}.questions-error{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);font-size:var(--text-sm);color:var(--error-600)}.questions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-12) var(--spacing-5);text-align:center;color:var(--text-secondary)}.questions-empty h4{margin:0;color:var(--text-primary)}.questions-empty p{margin:0;font-size:var(--text-sm)}.questions-empty ul{margin:var(--spacing-2) 0;padding-left:var(--spacing-5);text-align:left;font-size:var(--text-sm)}.questions-notice{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--accent-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-5);font-size:var(--text-sm);color:var(--accent-primary)}.question-item.source-web{border-left:3px solid #3b82f6}.question-item .web-badge{background:#dbeafe;color:#1e40af;border:1px solid #3B82F6;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600}.fetch-agent-modal{max-width:460px}.fetch-agent-modal .modal-header{padding:32px 32px 24px;border-bottom:none}.fetch-agent-modal .modal-header h2{font-size:20px;font-weight:600;font-family:"Inter",var(--font-sans);color:#1f3c88;letter-spacing:-.02em}.fetch-agent-modal .modal-body{padding:0 32px 32px;display:flex;flex-direction:column;gap:28px}.fetch-agent-modal .selected-skills-section,.fetch-agent-modal .available-skills-section,.fetch-agent-modal .custom-skill-section{display:flex;flex-direction:column;gap:12px}.fetch-agent-modal .available-skills-section,.fetch-agent-modal .custom-skill-section{padding-top:24px;border-top:1px solid var(--border-primary)}.fetch-agent-modal .selected-skills-section{padding-bottom:4px}.fetch-agent-modal .modal-body label{font-size:14px;font-weight:600;font-family:"Inter",var(--font-sans);color:var(--text-primary);letter-spacing:-.01em}.fetch-agent-modal .selected-skill-tags{display:flex;flex-wrap:wrap;align-items:center;min-height:48px;padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;gap:10px}.fetch-agent-modal .selected-skill-tags .no-selection{font-size:14px;color:var(--text-muted);font-weight:400}.fetch-agent-modal .selected-skill-tags .skill-tag.selected{padding:8px 12px;font-size:13px;font-weight:500;border-radius:8px}.fetch-agent-modal .skill-select-dropdown{width:100%;height:44px;padding:0 16px;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:10px;font-size:14px;font-family:"Inter",var(--font-sans);color:var(--text-primary);cursor:pointer}.fetch-agent-modal .skill-select-dropdown:focus{outline:none;border-color:#1f3c88;box-shadow:0 0 0 3px #1f3c8814}.fetch-agent-modal .custom-skill-section{width:100%}.fetch-agent-modal .custom-skill-input{display:flex;gap:12px;align-items:stretch;width:100%;padding:0;margin:0}.fetch-agent-modal .custom-skill-input input{flex:1;min-width:0;height:44px;padding:0 16px;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:10px;font-size:14px;font-family:"Inter",var(--font-sans);color:var(--text-primary);box-sizing:border-box}.fetch-agent-modal .custom-skill-input input::placeholder{color:var(--text-muted)}.fetch-agent-modal .custom-skill-input input:focus{outline:none;border-color:#1f3c88;box-shadow:0 0 0 3px #1f3c8814}.fetch-agent-modal .custom-skill-input button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:100px;padding:0 24px;height:44px;background:#1f3c88;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;font-family:"Inter",var(--font-sans);cursor:pointer;transition:background .2s ease;flex-shrink:0}.fetch-agent-modal .custom-skill-input button:hover:not(:disabled){background:#1a3274}.fetch-agent-modal .custom-skill-input button:disabled{opacity:.5;cursor:not-allowed}.fetch-agent-modal .fetch-success-message{padding:14px 18px;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:10px;font-size:14px;font-weight:500;font-family:"Inter",var(--font-sans);color:#16a34a}.fetch-agent-modal .modal-footer{padding:24px 32px 32px;gap:12px;border-top:1px solid var(--border-primary);background:var(--bg-tertiary)}.fetch-agent-modal .modal-footer .btn-primary{background:#1f3c88;color:#fff;padding:12px 24px;height:44px;font-size:14px;font-weight:600;font-family:"Inter",var(--font-sans);border-radius:10px}.fetch-agent-modal .modal-footer .btn-primary:hover:not(:disabled){background:#1a3274}.fetch-agent-modal .modal-footer .btn-secondary{padding:12px 24px;height:44px;font-size:14px;font-weight:500;font-family:"Inter",var(--font-sans);border-radius:10px}.fetch-agent-modal .available-skills-section p{font-size:14px;color:var(--text-muted);margin:0;line-height:1.5}.skill-search-panel{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:20px;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.skill-search-panel .panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.skill-search-panel .panel-header h4{margin:0;display:flex;align-items:center;gap:10px;font-size:16px;color:var(--text-primary)}.skill-search-panel .btn-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;font-size:20px;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.skill-search-panel .btn-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.skill-search-panel .panel-content{padding:20px;display:flex;flex-direction:column;gap:20px}.fetch-success-message{padding:12px 16px;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);border-radius:8px;font-size:14px;font-weight:500;color:#16a34a}.skill-search-panel label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.selected-skills-section .selected-skill-tags{display:flex;flex-wrap:wrap;gap:8px;min-height:36px;padding:10px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px dashed var(--border-color)}.selected-skill-tags .skill-tag{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--accent-primary);color:#fff;border-radius:16px;font-size:13px;font-weight:500}.selected-skill-tags .skill-tag button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:14px;cursor:pointer;transition:background .2s ease}.selected-skill-tags .skill-tag button:hover{background:#fff6}.selected-skill-tags .no-selection{color:var(--text-muted);font-size:13px;font-style:italic}.available-skills-section .skill-chips{display:flex;flex-wrap:wrap;gap:8px}.skill-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;font-size:13px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.skill-chip:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.skill-chip.selected{background:#ff6b351a;border-color:var(--accent-primary);color:var(--accent-primary)}.skill-chip.selected svg{color:var(--accent-primary)}.custom-skill-input{display:flex;gap:10px}.custom-skill-input input{flex:1;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px}.custom-skill-input input:focus{outline:none;border-color:var(--accent-primary)}.custom-skill-input button{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s ease}.custom-skill-input button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary)}.custom-skill-input button:disabled{opacity:.5;cursor:not-allowed}.question-types-section{margin-bottom:24px}.question-types-section>label{display:block;font-weight:600;font-size:14px;color:var(--text-primary, #1f2937);margin-bottom:12px;line-height:1.5}.type-checkboxes{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.type-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#1f2937;border:1px solid #374151;border-radius:20px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.type-chip:hover{background:#374151;border-color:#4b5563;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.type-chip.selected{background:#111827;border-color:#1f2937;color:#fff}.type-chip.selected:hover{background:#111827;border-color:#1f2937;box-shadow:0 2px 6px #0000004d}.type-chip span{font-size:13px;font-weight:500;line-height:1}.type-chip svg{flex-shrink:0;color:#fff}.skill-search-panel .panel-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}.question-type-section{margin-bottom:var(--spacing-6)}.question-search-row{margin-bottom:12px}.pagination-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-primary)}.pagination-info{font-size:13px;color:var(--text-muted)}.type-label{display:flex;align-items:center;gap:var(--spacing-3);padding-bottom:var(--spacing-3);margin-bottom:var(--spacing-3);border-bottom:2px solid}.type-label span{flex:1;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.type-count{font-size:var(--text-xs);color:var(--text-muted)}.question-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.question-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-normal)}.question-item.selected{border-color:#22c55e66;background:#22c55e14;box-shadow:0 0 0 1px #22c55e26}.question-item.selected .select-toggle{color:#22c55e}.select-toggle{width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);border-radius:8px}.select-toggle:hover{color:var(--status-active);background:#22c55e14}.select-toggle.selected{color:#22c55e}.question-info{flex:1}.question-title-row{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.question-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);flex:1}.popularity-badge{font-size:10px;padding:2px 6px;border-radius:6px;font-weight:600;white-space:nowrap;background-color:#1f2937;color:#fff;border:1px solid #374151}.status-badge,.question-item .status-badge,.question-item [class*=status],.question-item [class*=active]:not(.chip.active):not(.exp-badge.active):not(.cat-tab.active){font-size:10px;padding:3px 8px;border-radius:8px;font-weight:600;border:1px solid}.question-item [class*=active]:not(.chip.active):not(.exp-badge.active):not(.cat-tab.active){background:#d1fae5;color:#065f46;border-color:#10b981}.question-meta{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.question-meta .difficulty{font-size:var(--text-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-weight:var(--font-medium)}.question-meta .difficulty.easy{background:var(--status-active-bg);color:#065f46;border:1px solid var(--status-active);font-weight:var(--font-semibold)}.question-meta .difficulty.medium{background:var(--status-warning-bg);color:#92400e;border:1px solid var(--status-warning);font-weight:var(--font-semibold)}.question-meta .difficulty.hard{background:#fee2e2;color:#991b1b;border:1px solid var(--error-600);font-weight:var(--font-semibold)}.question-meta .skill{font-size:var(--text-xs);color:var(--text-muted)}.custom-badge{font-size:10px;padding:2px 6px;background:#ede9fe;color:#5b21b6;border:1px solid #8B5CF6;border-radius:6px;font-weight:600}.star-rating{display:flex;align-items:center;gap:2px}.star-rating .usage-count{font-size:10px;color:var(--text-muted);margin-left:4px}.add-question-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-4);background:transparent;border:2px dashed var(--border-primary);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.add-question-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-light)}.add-question-form{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-5)}.add-question-form h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-4)}.question-input{flex:1;padding:var(--spacing-3) var(--spacing-4);background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--text-primary)}.question-input:focus{outline:none;border-color:var(--accent-primary)}.add-question-form select{flex:1;padding:var(--spacing-3) var(--spacing-4);background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--text-primary)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-4)}.btn-cancel{padding:var(--spacing-3) var(--spacing-5);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.btn-cancel:hover{background:var(--bg-secondary)}.btn-add{padding:var(--spacing-3) var(--spacing-5);background:var(--accent-primary);border:none;border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-sm);color:#fff;cursor:pointer;transition:all var(--transition-normal)}.btn-add:hover{background:var(--accent-primary-dark)}.btn-add:disabled{opacity:.5;cursor:not-allowed}.question-selection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.question-selection-toolbar .search-box{flex:1;min-width:0}.skill-filter-select{flex:0 1 200px;min-width:140px}.skill-filter-dropdown{width:100%;padding:8px 12px;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:8px;font-size:14px;font-family:"Inter",var(--font-sans);color:var(--text-primary);cursor:pointer}.skill-filter-dropdown:focus{outline:none;border-color:#1f3c88}.add-question-btn-inline{width:auto!important;padding:8px 16px!important;flex-shrink:0}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-primary)}.btn-pagination{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:8px;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-pagination:hover:not(:disabled){border-color:#1f3c88;color:#1f3c88}.btn-pagination:disabled{opacity:.5;cursor:not-allowed}.add-question-modal{background:var(--card-bg);border-radius:12px;box-shadow:0 8px 32px #0003;max-width:520px;width:100%;overflow:hidden}.add-question-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-primary)}.add-question-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.btn-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.btn-modal-close:hover{background:var(--gray-100);color:var(--text-primary)}.add-question-modal-body{padding:20px}.add-question-modal-body .form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.add-question-modal-body .form-row:last-child{margin-bottom:0}.add-question-modal-body .form-row label{font-size:14px;font-weight:500;color:var(--text-secondary)}.add-question-modal-body .form-row select{padding:10px 14px;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:8px;font-size:14px;color:var(--text-primary)}.add-question-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border-primary)}.flow-preview{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--card-shadow)}.flow-preview h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--spacing-5)}.flow-timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:var(--spacing-6)}.flow-timeline:before{content:"";position:absolute;left:15px;top:20px;bottom:20px;width:2px;background:var(--border-primary)}.flow-step{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3) 0;position:relative}.step-marker{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:50%;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);position:relative;z-index:1}.flow-step.intro .step-marker{background:var(--text-muted);border-color:var(--text-muted);color:#fff}.flow-step.qa .step-marker{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.step-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.step-name{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.step-time{font-size:var(--text-xs);color:var(--text-muted)}@media (max-width: 1024px){.summary-grid{grid-template-columns:1fr}}@media (max-width: 900px){.skills-layout .drop-zones{grid-template-columns:1fr}.skill-add-row{flex-wrap:wrap;flex-direction:row}.skill-add-row .form-section:first-child,.skill-add-row .form-section:nth-child(2){flex:1 1 160px;min-width:140px}.skill-add-buttons{margin-left:0;flex:1 1 100%}}@media (max-width: 768px){.config-header,.config-footer,.config-main{padding-left:16px;padding-right:16px}.steps-track{flex-wrap:wrap;justify-content:flex-start;gap:12px}.step-connector{display:none}.step-item{padding:10px 14px}.step-info{display:none}.step-role-setup .form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.question-type-row{flex-direction:column;align-items:flex-start;gap:12px}.btn{padding:10px 18px;font-size:14px}.summary-grid{grid-template-columns:1fr}.step-content-preview,.step-content-skills,.step-content-questions{max-width:100%}.skill-add-row{flex-direction:column;align-items:stretch}.skill-add-row .form-section:first-child,.skill-add-row .form-section:nth-child(2){flex:1 1 100%;min-width:0}.skill-add-buttons{flex:none}.custom-skill-row input{max-width:none}}.jd-extractor-section{margin-bottom:24px;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary)}.jd-extractor-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:transparent;border:none;color:var(--text-primary);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;gap:12px}.jd-extractor-toggle:hover{background:var(--bg-tertiary)}.jd-extractor-content{padding:20px;border-top:1px solid var(--border-color);background:var(--bg-primary)}.jd-input-tabs{display:flex;gap:8px;margin-bottom:16px}.jd-input-tabs .tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.jd-input-tabs .tab:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.jd-input-tabs .tab.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.jd-text-input{width:100%;min-height:150px;padding:12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.6;resize:vertical;margin-bottom:16px}.jd-text-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b5cf61a}.jd-file-info{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:16px}.jd-file-info span{flex:1;color:var(--text-primary);font-size:14px}.jd-file-info button{padding:4px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.jd-file-info button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-extract{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.btn-extract:hover:not(:disabled){background:var(--accent-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-extract:disabled{opacity:.6;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:8px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:14px;margin-bottom:16px}.extracted-skills-preview{margin-top:20px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.preview-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-weight:600;color:var(--text-primary)}.preview-skills{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.preview-group{display:flex;flex-direction:column;gap:8px}.preview-group strong{color:var(--text-primary);font-size:14px}.preview-chips{display:flex;flex-wrap:wrap;gap:8px}.preview-chip{padding:6px 12px;border-radius:var(--radius-md);font-size:13px;font-weight:500}.preview-chip.must{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.preview-chip.nice{background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.btn-apply{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#22c55e;color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-apply:hover{background:#16a34a;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.limit-error-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.limit-error-popup{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:32px;max-width:420px;text-align:center;animation:slideUp .3s ease}.limit-error-popup .popup-icon{margin-bottom:16px}.limit-error-popup h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.limit-error-popup p{font-size:14px;color:var(--text-secondary);margin:0 0 8px;line-height:1.6}.limit-error-popup .popup-hint{font-size:13px;color:var(--text-muted);margin-top:16px}.popup-close-btn{margin-top:24px;padding:12px 32px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.popup-close-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--accent-glow)}.type-count{font-size:13px;color:var(--text-muted);margin-left:auto;display:flex;align-items:center;gap:6px}.type-count.complete{color:#22c55e;font-weight:500}.type-count.over{color:var(--error);font-weight:500}.type-count .available-hint{font-size:11px;color:var(--text-muted);opacity:.7}.complete-icon{margin-left:4px}.question-type-section .type-label{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-tertiary);border-left:3px solid;border-radius:var(--radius-sm);margin-bottom:12px}.question-type-section .type-label span:first-of-type{font-weight:600;color:var(--text-primary)}.preview-actions{margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--border-secondary)}.action-buttons{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-4)}.btn-final{padding:var(--spacing-4) var(--spacing-10)!important;font-size:var(--text-base)!important;font-weight:var(--font-semibold)!important;min-width:200px}.saving-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;animation:fadeIn .2s ease}.saving-card{text-align:center;background:var(--card-bg);padding:var(--spacing-10);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:savingPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes savingPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.saving-icon{width:80px;height:80px;margin:0 auto var(--spacing-6);display:flex;align-items:center;justify-content:center;background:var(--accent-primary);border-radius:50%;color:#fff;animation:iconPulse 2s ease-in-out infinite}.saving-icon .spinning{animation:spin 1s linear infinite}.saving-card h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.saving-card p{color:var(--text-secondary);margin-bottom:var(--spacing-6);font-size:var(--text-sm)}.saving-loader{width:120px;height:4px;background:var(--bg-tertiary);border-radius:2px;margin:0 auto;overflow:hidden}.saving-loader:after{content:"";display:block;width:100%;height:100%;background:var(--accent-primary);animation:loadProgress 2s ease-in-out infinite}@keyframes loadProgress{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.dashboard-page .page-title{font-size:30px;font-weight:700;color:#1f3c88}.dashboard-page .stat-value{font-size:24px;font-weight:700;color:#1f3c88}.dashboard-page .stat-label{font-size:14px;color:#6b6b6b}.dashboard-page .stat-icon{color:#6b6b6b}.dashboard-page .stat-icon svg{width:16px;height:16px}.search-bar-row{display:flex;align-items:center;gap:16px;margin-bottom:var(--spacing-6)}.search-bar-row .btn-create-interview{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#1f3c88;color:#fff;border:none;border-radius:var(--radius-md);font-family:"Inter",var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.search-bar-row .btn-create-interview:hover{background:#1a3274}.configs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-5);margin-bottom:var(--spacing-6)}.pagination-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.pagination-page{min-width:36px;height:36px;padding:0 8px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.config-card{background:#fff;border:1px solid var(--card-border);border-radius:16px;overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--card-shadow);max-width:448px}.config-card:hover{border-color:#1f3c88;box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.config-card-header{display:flex;align-items:center;justify-content:flex-end;padding:24px 32px 0}.config-card-body{padding:24px 32px}.config-name{font-size:20px;font-weight:600;color:#000;margin-bottom:var(--spacing-3);line-height:var(--leading-tight);font-family:"Inter",var(--font-sans)}.config-details{display:flex;flex-direction:column;gap:var(--spacing-2)}.config-detail{display:flex;align-items:center;gap:var(--spacing-2);font-size:15px;font-weight:400;color:#374151;font-family:"Inter",var(--font-sans)}.config-detail svg{flex-shrink:0;width:16px;height:16px;color:#374151}.config-card-footer{display:flex;align-items:center;justify-content:space-between;padding:24px 32px 32px;border-top:1px solid var(--border-secondary);background:var(--bg-tertiary)}.config-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:16px;font-family:"Inter",var(--font-sans);font-weight:500;font-size:14px;line-height:20px;letter-spacing:0}.config-status-badge.active{background:#ecfdf3;color:#027a48}.config-status-badge.draft{background:#f3f4f6;color:#6b7280}.btn-schedule{display:flex;align-items:center;justify-content:center;gap:8px;width:119px;height:36px;padding:0 16px;font-size:14px;font-weight:500;font-family:"Inter",var(--font-sans);line-height:20px;letter-spacing:0;color:#1a3372;background:#d1dbf4;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-schedule:hover:not(:disabled){background:#b8c6ed}.btn-schedule:disabled{opacity:.5;cursor:not-allowed;background:#e2e8f0;color:#94a3b8}.btn-schedule svg{width:16px;height:16px;flex-shrink:0}.config-card .card-menu svg,.dashboard-page .dropdown-item svg{width:16px;height:16px}.dashboard-page .empty-state .btn-primary,.dashboard-page .modal-footer .btn-primary{background:#1f3c88;color:#fff}.dashboard-page .empty-state .btn-primary:hover:not(:disabled),.dashboard-page .modal-footer .btn-primary:hover:not(:disabled){background:#1a3274}[data-theme=dark] .config-card{background:var(--card-bg)}[data-theme=dark] .config-name{color:#fff}[data-theme=dark] .config-detail,[data-theme=dark] .config-detail svg{color:var(--text-muted)}[data-theme=dark] .dashboard-page .page-title,[data-theme=dark] .dashboard-page .stat-value{color:#6b9aff}[data-theme=dark] .dashboard-page .stat-label{color:var(--text-muted)}.card-menu{position:relative}.menu-trigger{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal)}.menu-trigger:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-lg{max-width:580px}.form-section{margin-bottom:var(--spacing-5)}.form-section h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-3)}.form-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.form-section .section-header h4{margin-bottom:0}.info-card{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-3)}.info-row{display:flex;justify-content:space-between;padding:var(--spacing-2) 0;border-bottom:1px solid var(--border-secondary)}.info-row:last-child{border-bottom:none}.info-label{font-size:var(--text-sm);color:var(--text-muted)}.info-value{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.add-candidate-form{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-4);margin-bottom:var(--spacing-3)}.form-row{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.form-row:last-child{margin-bottom:0}.form-row .input{flex:1}.candidate-list{max-height:200px;overflow-y:auto;border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-top:var(--spacing-3)}.candidate-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);cursor:pointer;transition:all var(--transition-normal);border-bottom:1px solid var(--border-secondary)}.candidate-item:last-child{border-bottom:none}.candidate-item:hover{background:var(--bg-tertiary)}.candidate-item.selected{background:var(--accent-light)}.candidate-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--primary-400));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-semibold);font-size:var(--text-sm);flex-shrink:0}.candidate-name{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.candidate-email{display:block;font-size:var(--text-xs);color:var(--text-muted)}.check-icon{color:var(--accent-primary);flex-shrink:0}.no-results{padding:var(--spacing-6);text-align:center;color:var(--text-muted)}.no-results p{margin-bottom:var(--spacing-3)}.collapsible-toggle{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal)}.collapsible-toggle:hover{border-color:var(--accent-primary)}.collapsible-toggle svg:last-child{margin-left:auto;transition:transform var(--transition-normal)}.collapsible-toggle svg.rotated{transform:rotate(90deg)}.collapsible-content{margin-top:var(--spacing-3);padding:var(--spacing-4);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer}.checkbox-label input{width:18px;height:18px;accent-color:var(--accent-primary)}.form-group{margin-top:var(--spacing-3)}.form-group label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--spacing-2)}.form-group textarea.input{resize:vertical;min-height:80px}.form-hint{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--spacing-3)}.expiry-options{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.expiry-btn{padding:var(--spacing-2) var(--spacing-4);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.expiry-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.expiry-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.custom-expiry{display:flex;align-items:center;gap:var(--spacing-2);padding-top:var(--spacing-3);border-top:1px solid var(--border-secondary);font-size:var(--text-sm);color:var(--text-muted)}.custom-expiry .input{width:80px}.input-sm{padding:var(--spacing-1) var(--spacing-2);font-size:var(--text-sm)}.error-message{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--error-50);border:1px solid var(--error-100);border-radius:var(--radius-md);color:var(--error-600);font-size:var(--text-sm);margin-top:var(--spacing-4)}.success-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-6)}.success-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--status-active-bg);border-radius:50%;color:var(--status-active);margin-bottom:var(--spacing-4)}.success-state h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.success-state>p{color:var(--text-muted);margin-bottom:var(--spacing-3)}.success-details{background:var(--bg-tertiary);padding:var(--spacing-3);border-radius:var(--radius-md);margin-bottom:var(--spacing-4)}.success-details strong{display:block;font-weight:var(--font-semibold);color:var(--text-primary)}.success-details span{font-size:var(--text-sm);color:var(--text-muted)}.interview-link-box{width:100%;margin-bottom:var(--spacing-4)}.interview-link-box label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--spacing-2)}.interview-link-box code{display:block;padding:var(--spacing-3);background:var(--bg-tertiary);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-primary);word-break:break-all}.expires-text{font-size:var(--text-sm);color:var(--text-muted)}@media (max-width: 768px){.configs-grid{grid-template-columns:1fr}.form-row,.expiry-options{flex-direction:column}.expiry-btn{width:100%;text-align:center}}.scheduled-interviews-page .page-title{font-size:30px;font-weight:700;color:#1f3c88;font-family:"Inter",var(--font-sans)}.page-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6);flex-wrap:wrap;gap:16px}.btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-family:"Inter",var(--font-sans);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.btn-refresh:hover{background:var(--bg-tertiary);border-color:#1f3c88;color:#1f3c88}.scheduled-interviews-page .stat-value{font-size:24px;font-weight:700;color:#1f3c88}.scheduled-interviews-page .stat-label{font-size:14px;color:#6b6b6b}.scheduled-interviews-page .stat-icon{color:#6b6b6b}.scheduled-interviews-page .stat-icon svg{width:16px;height:16px}.filters-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap}.tab-filters{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.tab-filter{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-full);font-family:"Inter",var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.tab-filter:hover{border-color:#1f3c88;color:#1f3c88}.tab-filter.active{background:#1f3c88;border-color:#1f3c88;color:#fff}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--spacing-1);background:#fff3;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.tab-filter:not(.active) .tab-count{background:var(--bg-tertiary);color:var(--text-muted)}.search-bar-sm{margin-bottom:0;max-width:280px}.interviews-list{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.interview-card{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);background:#fff;border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.interview-card:hover{border-color:#1f3c88;box-shadow:var(--card-shadow-hover)}.interview-card-left{display:flex;align-items:flex-start;gap:var(--spacing-4);flex:1;min-width:0}.interview-info{flex:1;min-width:0}.interview-subject{font-size:20px;font-weight:600;color:#000;margin:0 0 var(--spacing-3);line-height:var(--leading-tight);font-family:"Inter",var(--font-sans)}.interview-details{display:flex;flex-direction:column;gap:var(--spacing-2)}.interview-detail{display:flex;align-items:center;gap:var(--spacing-2);font-size:15px;font-weight:400;color:#374151;font-family:"Inter",var(--font-sans)}.interview-detail svg{flex-shrink:0;width:16px;height:16px;color:#374151}.interview-card-right{display:flex;align-items:center;gap:var(--spacing-3);flex-shrink:0}.btn-analyse,.btn-view-analysis{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-family:"Inter",var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-analyse{background:#fff;color:var(--text-primary);border:1px solid var(--border-primary)}.btn-analyse:hover{background:var(--bg-tertiary);border-color:#1f3c88;color:#1f3c88}.btn-view-analysis{background:#1f3c88;color:#fff;border:none}.btn-view-analysis:hover{background:#1a3274}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:capitalize;white-space:nowrap;font-family:"Inter",var(--font-sans)}.badge-scheduled{background:#fffbeb;color:#b45309}.badge-conducted{background:#ecfdf3;color:#027a48}.badge-expired{background:var(--status-warning-bg);color:var(--status-warning)}.badge-failed{background:var(--error-50);color:var(--error-600)}.analysis-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);font-family:"Inter",var(--font-sans)}.analysis-badge.processing{background:#e0f2fe;color:#0369a1}.analysis-section{margin-bottom:var(--spacing-5)}.analysis-section:last-child{margin-bottom:0}.analysis-section h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin:0 0 var(--spacing-3);text-transform:uppercase;letter-spacing:.5px;font-family:"Inter",var(--font-sans)}.scores-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4)}.score-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-secondary);text-align:center}.score-card .score-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:#1f3c88;line-height:1;margin-bottom:var(--spacing-1)}.score-card .score-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-medium)}.recommendation-badge{display:inline-block;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px;font-family:"Inter",var(--font-sans)}.recommendation-badge.strong_yes,.recommendation-badge.yes{background:#ecfdf3;color:#027a48}.recommendation-badge.maybe{background:var(--status-warning-bg);color:var(--status-warning)}.recommendation-badge.no,.recommendation-badge.strong_no{background:var(--error-50);color:var(--error-600)}.recommendation-reason{margin-top:var(--spacing-3);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);font-family:"Inter",var(--font-sans)}.skills-bars{display:flex;flex-direction:column;gap:var(--spacing-3)}.skill-bar-item{display:flex;flex-direction:column;gap:var(--spacing-2)}.skill-bar-header{display:flex;align-items:center;justify-content:space-between}.skill-bar-header .skill-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);font-family:"Inter",var(--font-sans)}.skill-bar-header .skill-score{font-size:var(--text-sm);font-weight:var(--font-semibold);color:#1f3c88}.skill-bar{height:8px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden}.skill-bar-fill{height:100%;background:linear-gradient(90deg,#1f3c88,#4f46e5);border-radius:var(--radius-full);transition:width .3s ease}@media (max-width: 768px){.filters-row{flex-direction:column;align-items:stretch}.tab-filters{order:2}.search-bar-sm{max-width:none;order:1;margin-bottom:var(--spacing-3)}.interview-card{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.interview-card-left{flex-direction:column}.interview-card-right{justify-content:flex-end;padding-top:var(--spacing-3);border-top:1px solid var(--border-secondary)}.scores-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.tab-filters{flex-direction:column}.tab-filter{justify-content:center}}.skills-page .page-title{font-size:30px;font-weight:700;color:#1f3c88;font-family:"Inter",var(--font-sans)}.skills-page .stat-value{font-size:24px;font-weight:700;color:#1f3c88}.skills-page .stat-label{font-size:14px;color:#6b6b6b}.skills-page .stat-icon{color:#6b6b6b}.skills-page .stat-icon svg{width:16px;height:16px}.skills-page .search-bar-row{display:flex;align-items:center;gap:12px;margin-bottom:var(--spacing-6);flex-wrap:wrap}.skills-page .search-bar-row .search-input-wrapper{flex:1;min-width:200px;max-width:320px;position:relative}.skills-page .filter-select{min-width:140px;padding:10px 36px 10px 12px;font-size:14px;font-family:"Inter",var(--font-sans);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667085' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.skills-page .filter-select:focus{outline:none;border-color:#1f3c88}.btn-add-skill{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#1f3c88;color:#fff;border:none;border-radius:var(--radius-md);font-family:"Inter",var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-add-skill:hover{background:#1a3274}.btn-secondary-outline{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-family:"Inter",var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-secondary-outline:hover{background:var(--bg-tertiary);border-color:#1f3c88;color:#1f3c88}.skills-page .clear-search{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer}.skills-page .clear-search:hover{background:var(--text-muted);color:#fff}.skills-box{background:#fff;border:1px solid var(--card-border);border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow);margin-bottom:var(--spacing-6)}.skills-box-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 20px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary)}.skills-box-title{font-size:15px;font-weight:600;color:#1f3c88;font-family:"Inter",var(--font-sans)}.skills-box .skills-categories{margin-bottom:0}.category-actions{display:flex;gap:8px}.btn-expand-collapse{padding:6px 12px;font-size:13px;font-family:"Inter",var(--font-sans);color:var(--text-muted);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.btn-expand-collapse:hover{color:#1f3c88;border-color:#1f3c88}.skills-categories{display:flex;flex-direction:column;gap:var(--spacing-3);padding:16px 20px}.category-card{background:#fff;border:1px solid var(--card-border);border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.category-card:hover{border-color:#1f3c88;box-shadow:var(--card-shadow-hover)}.category-header{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:var(--bg-tertiary);border:none;cursor:pointer;text-align:left;font-family:"Inter",var(--font-sans);transition:background .15s ease}.category-header:hover{background:var(--border-secondary)}.category-header svg{flex-shrink:0;color:var(--text-muted)}.category-name{flex:1;font-size:16px;font-weight:600;color:#1f3c88;margin:0;font-family:"Inter",var(--font-sans)}.skill-count{font-size:13px;color:var(--text-muted);background:#fffc;padding:4px 10px;border-radius:var(--radius-full);font-family:"Inter",var(--font-sans)}.skills-tags{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px}.skill-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;font-size:14px;font-family:"Inter",var(--font-sans);transition:all .15s ease}.skill-tag:hover{border-color:#1f3c88;background:#1f3c880f}.skill-tag .skill-name{color:var(--text-primary)}.skill-tag .skill-delete{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:4px;opacity:.7;transition:all .15s ease}.skill-tag:hover .skill-delete{opacity:1}.skill-tag .skill-delete:hover{background:#fef2f2;color:#dc2626}.skills-page .pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 0;flex-wrap:wrap}.skills-page .pagination-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:"Inter",var(--font-sans)}.skills-page .pagination-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-muted)}.skills-page .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.skills-page .pagination-page{min-width:36px;height:36px;padding:0 8px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:"Inter",var(--font-sans)}.skills-page .pagination-page:hover{background:var(--bg-tertiary)}.skills-page .pagination-page.active{background:#1f3c88;color:#fff;border-color:#1f3c88}.skills-page .pagination-ellipsis{padding:0 4px;font-size:14px;color:var(--text-muted)}.skills-page .notification{position:fixed;top:20px;right:20px;padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);z-index:1001;animation:slideIn .3s ease;box-shadow:var(--shadow-lg);font-family:"Inter",var(--font-sans)}.skills-page .notification.success{background:#027a48;color:#fff}.skills-page .notification.error{background:#dc2626;color:#fff}.skills-page .modal .form-hint{display:block;margin-top:var(--spacing-1)}.skills-page .modal,.skills-page .modal.modal-lg{max-width:580px;background:#fff;border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--shadow-xl)}.skills-page .modal.modal-lg{max-width:580px}.skills-page .modal-body select.input,.skills-page .modal-body textarea.input{font-size:14px;font-family:"Inter",var(--font-sans)}.skills-page .modal-header{padding:24px 32px;border-bottom:1px solid var(--border-secondary)}.skills-page .modal-header h2{font-size:20px;font-weight:600;color:#1f3c88;font-family:"Inter",var(--font-sans);margin:0}.skills-page .modal-body{padding:24px 32px}.skills-page .modal-body .input{font-size:14px;font-family:"Inter",var(--font-sans)}.skills-page .modal-footer{padding:24px 32px;border-top:1px solid var(--border-secondary);background:var(--bg-tertiary)}.skills-page .modal-footer .btn-primary{background:#1f3c88;color:#fff;font-family:"Inter",var(--font-sans);font-size:14px;font-weight:500;padding:10px 20px;border-radius:var(--radius-md)}.skills-page .modal-footer .btn-primary:hover:not(:disabled){background:#1a3274}.skills-page .modal-footer .btn-secondary{font-family:"Inter",var(--font-sans);font-size:14px;font-weight:500;padding:10px 20px;border-radius:var(--radius-md)}.skills-page .modal .form-group label{font-size:14px;font-weight:500;color:var(--text-secondary);font-family:"Inter",var(--font-sans)}.skills-page .modal .form-hint{font-size:14px;font-weight:500;font-family:"Inter",var(--font-sans);color:var(--text-secondary)}@media (max-width: 768px){.skills-page .search-bar-row{flex-direction:column;align-items:stretch}.skills-page .search-bar-row .search-input-wrapper{max-width:none}.skills-page .filter-select,.btn-add-skill,.btn-secondary-outline{width:100%;justify-content:center}.category-header,.skills-tags{padding:12px 16px}}.questions-page .page-title{font-size:30px;font-weight:700;color:#1f3c88;font-family:"Inter",var(--font-sans)}.questions-page .stat-value{font-size:24px;font-weight:700;color:#1f3c88}.questions-page .stat-label{font-size:14px;color:#6b6b6b}.questions-page .stat-icon{color:#6b6b6b}.questions-page .stat-icon svg{width:16px;height:16px}.questions-page .search-bar-row{display:flex;align-items:center;gap:12px;margin-bottom:var(--spacing-6);flex-wrap:wrap}.questions-page .search-bar-row .search-input-wrapper{flex:1;min-width:200px;max-width:320px;position:relative}.questions-page .clear-search{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer}.questions-page .clear-search:hover{background:var(--text-muted);color:#fff}.questions-page .filter-select{min-width:120px;padding:10px 36px 10px 12px;font-size:14px;font-family:"Inter",var(--font-sans);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667085' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.questions-page .filter-select:focus{outline:none;border-color:#1f3c88}.btn-add-question{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#1f3c88;color:#fff;border:none;border-radius:var(--radius-md);font-family:"Inter",var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-add-question:hover{background:#1a3274}.questions-table-wrapper{background:#fff;border:1px solid var(--border-primary);border-radius:12px;overflow:hidden;margin-bottom:var(--spacing-6)}.questions-table{width:100%;border-collapse:collapse;font-family:"Inter",var(--font-sans)}.questions-table thead{background:#f8fafc;border-bottom:1px solid var(--border-primary)}.questions-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-family:"Inter",var(--font-sans)}.questions-table th.col-question{min-width:200px}.questions-table th.col-type{width:100px}.questions-table th.col-difficulty{width:90px}.questions-table th.col-skill{width:120px}.questions-table th.col-time{width:60px}.questions-table th.col-level{width:70px}.questions-table th.col-actions{width:140px;min-width:140px;text-align:right;padding-right:20px}.questions-table tbody tr{border-bottom:1px solid var(--border-secondary);cursor:pointer;transition:background .15s ease}.questions-table tbody tr:last-child{border-bottom:none}.questions-table tbody tr:hover{background:#f8fafc}.questions-table td{padding:14px 16px;font-size:14px;color:var(--text-primary);vertical-align:middle;font-family:"Inter",var(--font-sans)}.questions-table td.col-actions{text-align:right;padding-right:20px}.table-actions-cell{display:flex;align-items:center;justify-content:flex-end;gap:8px}.question-title-cell{font-weight:500;color:var(--text-primary)}.table-type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;text-transform:capitalize;font-family:"Inter",var(--font-sans)}.table-type-badge svg{flex-shrink:0;opacity:.9}.table-difficulty-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.table-difficulty-badge.easy{background:#ecfdf3;color:#027a48}.table-difficulty-badge.medium{background:#fffbeb;color:#b45309}.table-difficulty-badge.hard{background:#fef2f2;color:#b91c1c}.table-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;font-family:"Inter",var(--font-sans);border:1px solid var(--border-primary);border-radius:6px;background:#fff;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.table-action-btn.view:hover{background:#eef2ff;border-color:#1f3c88;color:#1f3c88}.table-action-btn.delete{border-color:var(--border-primary);color:var(--text-muted)}.table-action-btn.delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.questions-page .pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 0;flex-wrap:wrap}.questions-page .pagination-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:"Inter",var(--font-sans)}.questions-page .pagination-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-muted)}.questions-page .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.questions-page .pagination-page{min-width:36px;height:36px;padding:0 8px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:"Inter",var(--font-sans)}.questions-page .pagination-page:hover{background:var(--bg-tertiary)}.questions-page .pagination-page.active{background:#1f3c88;color:#fff;border-color:#1f3c88}.questions-page .pagination-ellipsis{padding:0 4px;font-size:14px;color:var(--text-muted)}.questions-page .notification{position:fixed;top:20px;right:20px;padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);z-index:1001;animation:slideIn .3s ease;box-shadow:var(--shadow-lg);font-family:"Inter",var(--font-sans)}.questions-page .notification.success{background:#027a48;color:#fff}.questions-page .notification.error{background:#dc2626;color:#fff}.question-detail-header{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.type-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:14px;font-weight:500;text-transform:capitalize;font-family:"Inter",var(--font-sans)}.badge-easy{background:#ecfdf3;color:#027a48;padding:2px 10px;border-radius:var(--radius-full);font-size:14px;font-weight:500}.badge-medium{background:#fffbeb;color:#b45309;padding:2px 10px;border-radius:var(--radius-full);font-size:14px;font-weight:500}.badge-hard{background:#fef2f2;color:#b91c1c;padding:2px 10px;border-radius:var(--radius-full);font-size:14px;font-weight:500}.detail-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-5);line-height:var(--leading-tight);font-family:"Inter",var(--font-sans)}.detail-section{margin-bottom:var(--spacing-5)}.detail-section h4{font-size:12px;font-weight:600;color:#1f3c88;text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-2);font-family:"Inter",var(--font-sans)}.detail-section p{font-size:15px;color:var(--text-secondary);margin:0;line-height:var(--leading-relaxed);font-family:"Inter",var(--font-sans)}.detail-section ul{margin:0;padding-left:var(--spacing-5)}.detail-section li{font-size:15px;color:var(--text-secondary);margin-bottom:var(--spacing-1);font-family:"Inter",var(--font-sans)}.code-block{background:var(--bg-tertiary);padding:var(--spacing-3);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:14px;color:var(--text-secondary);overflow-x:auto;margin:0;border:1px solid var(--border-secondary)}.detail-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid var(--border-secondary)}.meta-card{display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-3);background:var(--bg-tertiary);border-radius:var(--radius-md)}.meta-card .meta-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-family:"Inter",var(--font-sans)}.meta-card .meta-value{font-size:14px;font-weight:500;color:var(--text-primary);text-transform:capitalize;font-family:"Inter",var(--font-sans)}.questions-page .modal,.questions-page .modal.modal-lg{max-width:620px;background:#fff;border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--shadow-xl)}.questions-page .modal-header{padding:24px 32px;border-bottom:1px solid var(--border-secondary)}.questions-page .modal-header h2{font-size:20px;font-weight:600;color:#1f3c88;font-family:"Inter",var(--font-sans);margin:0}.questions-page .modal-body{padding:28px 32px}.questions-page .modal-body input.input[type=text],.questions-page .modal-body input.input[type=number],.questions-page .modal-body select.input{height:44px;min-height:44px;padding:0 16px;font-size:15px;line-height:1.5;font-family:"Inter",var(--font-sans);color:var(--text-primary);background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.questions-page .modal-body input.input[type=text]:focus,.questions-page .modal-body input.input[type=number]:focus,.questions-page .modal-body select.input:focus{outline:none;border-color:#1f3c88;box-shadow:0 0 0 3px #1f3c881f}.questions-page .modal-body select.input{appearance:none;-webkit-appearance:none;-moz-appearance:none;max-height:44px;background-color:var(--input-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%234B5563' d='M7 9L2 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:42px;cursor:pointer}.questions-page .modal-body textarea.input{min-height:100px;padding:12px 16px;font-size:15px;line-height:1.5;font-family:"Inter",var(--font-sans);color:var(--text-primary);background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;box-sizing:border-box;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}.questions-page .modal-body textarea.input:focus{outline:none;border-color:#1f3c88;box-shadow:0 0 0 3px #1f3c881f}.questions-page .modal-body textarea.input[rows="4"]{min-height:120px}.questions-page .modal-body textarea.input[rows="3"]{min-height:96px}.questions-page .modal-footer{padding:24px 32px;border-top:1px solid var(--border-secondary);background:var(--bg-tertiary)}.questions-page .modal-footer .btn-primary{background:#1f3c88;color:#fff;font-family:"Inter",var(--font-sans);font-size:15px;font-weight:500;padding:12px 24px;border-radius:8px}.questions-page .modal-footer .btn-primary:hover:not(:disabled){background:#1a3274}.questions-page .modal-footer .btn-secondary{font-family:"Inter",var(--font-sans);font-size:15px;font-weight:500;padding:12px 24px;border-radius:8px}.questions-page .modal .form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px;align-items:start}.questions-page .modal .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.questions-page .modal .form-row .form-group{margin-bottom:0}.questions-page .modal .form-group label{font-size:15px;font-weight:500;color:var(--text-secondary);font-family:"Inter",var(--font-sans)}.questions-page .modal .form-hint{font-size:13px;font-weight:400;font-family:"Inter",var(--font-sans);color:var(--text-muted);margin-top:4px}.questions-page .modal .required{color:#dc2626}.questions-page .add-question-step-badge{font-size:13px;font-weight:500;color:var(--text-muted);margin-left:8px}.questions-page .modal-footer .btn-primary,.questions-page .modal-footer .btn-secondary{display:inline-flex;align-items:center;gap:6px}@media (max-width: 768px){.questions-page .search-bar-row{flex-direction:column;align-items:stretch}.questions-page .search-bar-row .search-input-wrapper{max-width:none}.questions-page .filter-select{width:100%}.questions-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.questions-table{min-width:680px}.table-action-btn span{display:none}.table-action-btn{padding:6px 10px}.questions-table th.col-actions,.questions-table td.col-actions{width:90px;min-width:90px}.questions-table th,.questions-table td{padding:10px 12px;font-size:13px}}.candidates-page .page-title{font-size:30px;font-weight:700;color:#1f3c88;font-family:"Inter",var(--font-sans)}.candidates-page .stat-value{font-size:24px;font-weight:700;color:#1f3c88}.candidates-page .stat-label{font-size:14px;color:#6b6b6b}.candidates-page .stat-icon{color:#6b6b6b}.candidates-page .stat-icon svg{width:16px;height:16px}.search-bar-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:var(--spacing-6);flex-wrap:wrap}.search-bar-row .search-input-wrapper{flex:1;max-width:400px}.clear-search{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer}.clear-search:hover{background:var(--text-muted);color:#fff}.btn-add-candidate{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#1f3c88;color:#fff;border:none;border-radius:var(--radius-md);font-family:"Inter",var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-candidate:hover{background:#1a3274}.candidates-list-meta{display:flex;align-items:center;justify-content:flex-end;margin-bottom:var(--spacing-4)}.candidates-count{font-size:14px;color:var(--text-secondary);font-family:"Inter",var(--font-sans)}.candidates-count strong{color:var(--text-primary);font-weight:600}.candidates-list{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.candidate-card{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);background:#fff;border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.candidate-card:hover{border-color:#1f3c88;box-shadow:var(--card-shadow-hover)}[data-theme=dark] .candidate-card{background:var(--card-bg)}.candidate-card-left{display:flex;align-items:flex-start;gap:var(--spacing-4);flex:1;min-width:0}.candidate-info{flex:1;min-width:0}.candidate-name{font-size:20px;font-weight:600;color:#000;margin:0 0 var(--spacing-3);line-height:var(--leading-tight);font-family:"Inter",var(--font-sans)}[data-theme=dark] .candidate-name{color:var(--text-primary)}.candidate-details{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.candidate-detail{display:flex;align-items:center;gap:var(--spacing-2);font-size:15px;font-weight:400;color:#374151;font-family:"Inter",var(--font-sans)}[data-theme=dark] .candidate-detail{color:var(--text-secondary)}.candidate-detail svg{flex-shrink:0;width:16px;height:16px;color:#374151}[data-theme=dark] .candidate-detail svg{color:var(--text-muted)}.candidate-skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--spacing-2)}.skill-tag{display:inline-flex;align-items:center;padding:4px 12px;background:#eef2ff;color:#1f3c88;font-size:13px;font-weight:500;border-radius:var(--radius-full);font-family:"Inter",var(--font-sans)}[data-theme=dark] .skill-tag{background:#1f3c8833;color:#6b9aff}.skill-tag.more{background:var(--bg-tertiary);color:var(--text-muted)}.candidate-notes{display:flex;align-items:flex-start;gap:var(--spacing-2);margin-top:var(--spacing-3);padding:var(--spacing-3);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:14px;color:var(--text-secondary);font-family:"Inter",var(--font-sans)}.candidate-notes svg{flex-shrink:0;width:14px;height:14px;color:var(--text-muted);margin-top:2px}.candidate-notes span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.candidate-card-right{display:flex;align-items:center;gap:var(--spacing-3);flex-shrink:0}.btn-edit,.btn-delete{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-family:"Inter",var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-edit{background:#fff;color:var(--text-primary);border:1px solid var(--border-primary)}.btn-edit:hover{background:var(--bg-tertiary);border-color:#1f3c88;color:#1f3c88}[data-theme=dark] .btn-edit{background:var(--bg-secondary);color:var(--text-primary)}.btn-delete{background:#fff;color:var(--text-muted);border:1px solid var(--border-primary)}.btn-delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}[data-theme=dark] .btn-delete{background:var(--bg-secondary)}[data-theme=dark] .btn-delete:hover{background:#dc26261a;border-color:#dc2626;color:#f87171}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 0;flex-wrap:wrap}.pagination-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:"Inter",var(--font-sans)}.pagination-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-muted)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:4px}.pagination-page{min-width:36px;height:36px;padding:0 8px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:"Inter",var(--font-sans)}.pagination-page:hover{background:var(--bg-tertiary)}.pagination-page.active{background:#1f3c88;color:#fff;border-color:#1f3c88}.pagination-page.active:hover{background:#1a3274;border-color:#1a3274}.pagination-ellipsis{padding:0 4px;font-size:14px;color:var(--text-muted);-webkit-user-select:none;user-select:none}.notification{position:fixed;top:20px;right:20px;padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);z-index:1001;animation:slideIn .3s ease;box-shadow:var(--shadow-lg);font-family:"Inter",var(--font-sans)}.notification.success{background:#027a48;color:#fff}.notification.error{background:#dc2626;color:#fff}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.form-row .form-group{margin-bottom:0}.form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);font-family:"Inter",var(--font-sans)}.required{color:#dc2626}.form-hint{font-size:14px;font-weight:500;font-family:"Inter",var(--font-sans);color:var(--text-secondary);margin-top:var(--spacing-1)}.candidates-page .modal,.candidates-page .modal.modal-lg{max-width:580px;background:#fff;border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--shadow-xl)}.candidates-page .modal-header{padding:24px 32px;border-bottom:1px solid var(--border-secondary)}.candidates-page .modal-header h2{font-size:20px;font-weight:600;color:#1f3c88;font-family:"Inter",var(--font-sans);margin:0}.candidates-page .modal-body{padding:24px 32px}.candidates-page .modal-body .input{font-size:14px;font-family:"Inter",var(--font-sans)}.candidates-page .modal-footer{padding:24px 32px;border-top:1px solid var(--border-secondary);background:var(--bg-tertiary)}.candidates-page .modal-footer .btn-primary{background:#1f3c88;color:#fff;font-family:"Inter",var(--font-sans);font-size:14px;font-weight:500;padding:10px 20px;border-radius:var(--radius-md)}.candidates-page .modal-footer .btn-primary:hover:not(:disabled){background:#1a3274}.candidates-page .modal-footer .btn-secondary{font-family:"Inter",var(--font-sans);font-size:14px;font-weight:500;padding:10px 20px;border-radius:var(--radius-md)}.candidates-page .form-group label{font-size:14px;font-weight:500;color:var(--text-secondary);font-family:"Inter",var(--font-sans)}.candidates-page .form-hint{font-size:14px;font-weight:500;font-family:"Inter",var(--font-sans);color:var(--text-secondary)}[data-theme=dark] .candidates-page .modal{background:var(--card-bg)}[data-theme=dark] .candidates-page .modal-header h2{color:#6b9aff}@media (max-width: 768px){.search-bar-row{flex-direction:column;align-items:stretch}.search-bar-row .search-input-wrapper{max-width:none}.btn-add-candidate{justify-content:center}.candidate-card{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.candidate-card-left{flex-direction:column}.candidate-card-right{justify-content:flex-end;padding-top:var(--spacing-3);border-top:1px solid var(--border-secondary)}.form-row{grid-template-columns:1fr}}@media (max-width: 480px){.candidate-card-right{flex-direction:column}.btn-edit,.btn-delete{width:100%;justify-content:center}}.email-templates-page .page-title{font-size:30px;font-weight:700;color:#1f3c88;font-family:"Inter",var(--font-sans)}.email-templates-page .stat-value{font-size:24px;font-weight:700;color:#1f3c88}.email-templates-page .stat-label{font-size:14px;color:#6b6b6b}.email-templates-page .stat-icon{color:#6b6b6b}.email-templates-page .stat-icon svg{width:16px;height:16px}.email-templates-page .search-bar-row{display:flex;align-items:center;gap:12px;margin-bottom:var(--spacing-6);flex-wrap:wrap}.email-templates-page .search-bar-row .search-input-wrapper{flex:1;min-width:200px;max-width:320px;position:relative}.email-templates-page .filter-select{min-width:120px;padding:10px 36px 10px 12px;font-size:14px;font-family:"Inter",var(--font-sans);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667085' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.email-templates-page .filter-select:focus{outline:none;border-color:#1f3c88}.email-templates-page .btn-add-template{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#1f3c88;color:#fff;border:none;border-radius:var(--radius-md);font-family:"Inter",var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.email-templates-page .btn-add-template:hover{background:#1a3274}.email-templates-page .clear-search{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer}.email-templates-page .clear-search:hover{background:var(--text-muted);color:#fff}.email-templates-page .pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 0;flex-wrap:wrap}.email-templates-page .pagination-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:"Inter",var(--font-sans)}.email-templates-page .pagination-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-muted)}.email-templates-page .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.email-templates-page .pagination-pages{display:flex;align-items:center;gap:4px}.email-templates-page .pagination-page{min-width:36px;height:36px;padding:0 8px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:"Inter",var(--font-sans)}.email-templates-page .pagination-page:hover{background:var(--bg-tertiary)}.email-templates-page .pagination-page.active{background:#1f3c88;color:#fff;border-color:#1f3c88}.email-templates-page .pagination-ellipsis{padding:0 4px;font-size:14px;color:var(--text-muted)}.email-templates-page .templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-5);margin-bottom:var(--spacing-6)}.email-templates-page .template-card.config-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--card-border);border-radius:16px;overflow:hidden;box-shadow:var(--card-shadow);max-width:448px}.email-templates-page .template-card.config-card:hover{border-color:#1f3c88;box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.email-templates-page .template-card-body{flex:1}.email-templates-page .template-card-body.config-card-body{padding:24px 32px}.email-templates-page .template-card-body .config-name{font-size:20px;font-weight:600;color:#000;margin-bottom:var(--spacing-3);line-height:var(--leading-tight);font-family:"Inter",var(--font-sans)}.email-templates-page .template-card-body .config-details{display:flex;flex-direction:column;gap:var(--spacing-2)}.email-templates-page .template-card-body .config-detail{display:flex;align-items:center;gap:var(--spacing-2);font-size:15px;font-weight:400;color:#374151;font-family:"Inter",var(--font-sans)}.email-templates-page .template-card-body .config-detail svg{flex-shrink:0;width:16px;height:16px;color:#374151}.email-templates-page .template-card-footer.config-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:24px 32px 32px;border-top:1px solid var(--border-secondary);background:var(--bg-tertiary)}.email-templates-page .template-footer-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.email-templates-page .template-type-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:16px;font-size:12px;font-weight:500;text-transform:capitalize;font-family:"Inter",var(--font-sans)}.email-templates-page .template-type-badge.interview_invite,.email-templates-page .template-type-badge.two_factor,.email-templates-page .template-type-badge.custom{background:#f3f4f6;color:#4b5563}.email-templates-page .config-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:16px;font-family:"Inter",var(--font-sans);font-weight:500;font-size:14px}.email-templates-page .config-status-badge.active{background:#f3f4f6;color:#374151}.email-templates-page .config-status-badge.draft{background:#f3f4f6;color:#6b7280}.email-templates-page .template-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.code-textarea{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary)}.preview-subject-row{padding:var(--spacing-3) var(--spacing-4);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);font-size:var(--text-sm);color:var(--text-primary)}.preview-html-content{border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-5);background:#fff;min-height:200px;max-height:400px;overflow-y:auto}.preview-html-content *{max-width:100%}@media (max-width: 768px){.email-templates-page .templates-grid{grid-template-columns:1fr}.email-templates-page .template-card-footer{flex-direction:column;align-items:flex-start}.email-templates-page .template-actions{flex-wrap:wrap}.email-templates-page .template-actions .btn-action-edit,.email-templates-page .template-actions .btn-action-delete,.email-templates-page .template-actions .btn-action-preview{flex:1;min-width:0;justify-content:center}}.users-admin-page .page-title{font-size:30px;font-weight:700;color:#1f3c88;font-family:"Inter",var(--font-sans)}.users-admin-page .stat-value{font-size:24px;font-weight:700;color:#1f3c88}.users-admin-page .stat-label{font-size:14px;color:#6b6b6b}.users-admin-page .stat-icon{color:#6b6b6b}.users-admin-page .stat-icon svg{width:16px;height:16px}.users-admin-page .search-bar-row{display:flex;align-items:center;gap:12px;margin-bottom:var(--spacing-6);flex-wrap:wrap}.users-admin-page .search-bar-row .search-input-wrapper{flex:1;min-width:200px;max-width:320px;position:relative}.users-admin-page .filter-select{min-width:120px;padding:10px 36px 10px 12px;font-size:14px;font-family:"Inter",var(--font-sans);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667085' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.users-admin-page .filter-select:focus{outline:none;border-color:#1f3c88}.users-admin-page .btn-invite-user{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#1f3c88;color:#fff;border:none;border-radius:var(--radius-md);font-family:"Inter",var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.users-admin-page .btn-invite-user:hover{background:#1a3274}.users-admin-page .clear-search{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer}.users-admin-page .clear-search:hover{background:var(--text-muted);color:#fff}.users-admin-page .pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 0;flex-wrap:wrap}.users-admin-page .pagination-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:"Inter",var(--font-sans)}.users-admin-page .pagination-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-muted)}.users-admin-page .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.users-admin-page .pagination-pages{display:flex;align-items:center;gap:4px}.users-admin-page .pagination-page{min-width:36px;height:36px;padding:0 8px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:"Inter",var(--font-sans)}.users-admin-page .pagination-page:hover{background:var(--bg-tertiary)}.users-admin-page .pagination-page.active{background:#1f3c88;color:#fff;border-color:#1f3c88}.users-admin-page .pagination-ellipsis{padding:0 4px;font-size:14px;color:var(--text-muted)}.notification{position:fixed;top:20px;right:20px;padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);z-index:1001;animation:slideIn .3s ease;box-shadow:var(--shadow-lg)}.notification.success{background:var(--status-active);color:#fff}.notification.error{background:var(--error-600);color:#fff}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.users-admin-page .users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-5);margin-bottom:var(--spacing-6)}.role-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:capitalize}.role-badge.admin,.role-badge.technical,.role-badge.recruiter{background:#f3f4f6;color:#4b5563}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.status-badge.active{background:#f3f4f6;color:#374151}.status-badge.pending{background:#f3f4f6;color:#6b7280}.users-admin-page .user-actions{display:flex;gap:8px;align-items:center}.form-hint{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--spacing-1)}.users-admin-page .user-card.config-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--card-border);border-radius:16px;overflow:hidden;box-shadow:var(--card-shadow);max-width:448px}.users-admin-page .user-card.config-card:hover{border-color:#1f3c88;box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.users-admin-page .user-card-body{flex:1}.users-admin-page .user-card-body.config-card-body{padding:24px 32px}.users-admin-page .user-card-footer.config-card-footer{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:20px 32px 24px;border-top:1px solid var(--border-secondary);background:var(--bg-tertiary)}.users-admin-page .user-footer-tags,.users-admin-page .user-footer-actions{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap}.users-admin-page .role-badge-sm{font-size:12px;padding:2px 8px}.users-admin-page .user-card-body .config-name{font-size:20px;font-weight:600;color:#000;margin-bottom:var(--spacing-3);line-height:var(--leading-tight);font-family:"Inter",var(--font-sans)}.users-admin-page .user-card-body .config-details{display:flex;flex-direction:column;gap:var(--spacing-2)}.users-admin-page .user-card-body .config-detail{display:flex;align-items:center;gap:var(--spacing-2);font-size:15px;font-weight:400;color:#374151;font-family:"Inter",var(--font-sans)}.users-admin-page .user-card-body .config-detail svg{flex-shrink:0;width:16px;height:16px;color:#374151}@media (max-width: 768px){.users-admin-page .users-grid{grid-template-columns:1fr}.users-admin-page .user-footer-actions{flex-wrap:wrap}.users-admin-page .user-footer-actions .btn-action-edit,.users-admin-page .user-footer-actions .btn-action-delete{flex:1;min-width:0;justify-content:center}}.auth-page{--auth-primary: #1F3C88;--auth-primary-hover: hsl(224, 63%, 28%);--auth-secondary: #00C2FF;--auth-radius: .75rem;--auth-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--auth-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--auth-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--auth-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--auth-focus-ring: 0 0 0 3px rgba(31, 60, 136, .15)}[data-theme=dark] .auth-page{--auth-bg: #0A0A0A;--auth-card-bg: #171717;--auth-border: #262626;--auth-text: #FAFAFA;--auth-text-muted: #A3A3A3;--auth-input-bg: #1F1F1F;--auth-input-border: #262626}.auth-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-canvas, #FCFBF8);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.auth-header-bar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 24px 0 16px;height:var(--header-height, 56px);background:var(--header-bg, #fff);border-bottom:1px solid var(--header-border, #e5e7eb);flex-shrink:0}.auth-logo-link{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}.auth-logo-img{height:28px;width:auto}.auth-theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--card-bg, #fff);border:1px solid var(--border-primary, #e5e7eb);border-radius:var(--auth-radius);color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .15s ease;box-shadow:var(--auth-shadow-sm)}.auth-theme-toggle:hover{background:var(--bg-tertiary, #f3f4f6);color:var(--text-primary, #111827)}[data-theme=dark] .auth-theme-toggle{background:var(--auth-card-bg);border-color:var(--auth-border);color:var(--auth-text-muted)}[data-theme=dark] .auth-theme-toggle:hover{background:#262626;color:var(--auth-text)}[data-theme=dark] .auth-header-bar{background:var(--header-bg);border-color:var(--header-border)}.auth-layout{display:grid;grid-template-columns:1fr 1fr;width:100%;flex:1;min-height:calc(100vh - var(--header-height, 56px));margin-top:var(--header-height, 56px)}.auth-form-column{display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;min-width:0}.auth-image-column{position:relative;overflow:hidden;min-width:0}.auth-theme-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.auth-container{width:100%;max-width:400px}.auth-card{background:var(--card-bg, #ffffff);border-radius:16px;padding:32px;border:1px solid var(--card-border, #e5e7eb);box-shadow:var(--auth-shadow-lg);animation:authFadeIn .3s ease-out;max-width:400px}.auth-card-otp{padding:32px}@keyframes authFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-logo{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:32px;gap:8px}.auth-logo-outside{margin-bottom:24px}.auth-logo img{height:36px;width:auto;max-width:100%}.auth-otp-icon{display:flex;justify-content:center;margin-bottom:24px;color:var(--auth-primary)}.auth-header{text-align:center;margin-bottom:28px}.auth-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary, #111827);margin:0 0 8px;letter-spacing:-.025em}.auth-header p{font-size:.9375rem;color:var(--text-muted, #6b7280);margin:0;line-height:1.5}.auth-error{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--error-50, #fef2f2);border:1px solid var(--error-100, #fecaca);border-radius:var(--auth-radius);color:var(--error-600, #dc2626);font-size:.9375rem;margin-bottom:24px}.auth-error svg{flex-shrink:0;margin-top:2px}.auth-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9375rem;font-weight:500;color:var(--text-secondary, #374151)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .input-icon{position:absolute;left:14px;color:var(--text-muted, #9ca3af);pointer-events:none}.input-with-icon .input-icon-right{position:absolute;right:14px;background:transparent;border:none;color:var(--text-muted, #9ca3af);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.input-with-icon .input-icon-right:hover{color:var(--text-secondary, #6b7280)}.input-with-icon input{width:100%;padding:14px 16px 14px 44px;font-size:1rem;font-family:Inter,sans-serif;border:1px solid var(--input-border, #d1d5db);border-radius:var(--auth-radius);background:var(--input-bg, #ffffff);color:var(--text-primary, #111827);transition:all .15s ease;outline:none}.input-with-icon input:focus{border-color:var(--auth-primary);box-shadow:var(--auth-focus-ring)}.input-with-icon input::placeholder{color:var(--input-placeholder, #9ca3af)}.otp-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:8px}.otp-digit{width:48px;height:52px;text-align:center;font-size:1.25rem;font-weight:600;font-family:JetBrains Mono,monospace;border:1px solid var(--input-border, #d1d5db);border-radius:var(--auth-radius);background:var(--input-bg, #ffffff);color:var(--text-primary, #111827);outline:none;transition:all .15s ease}.otp-digit:focus{border-color:var(--auth-primary);box-shadow:var(--auth-focus-ring)}.otp-digit::placeholder{color:var(--input-placeholder, #9ca3af)}.auth-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;font-size:1rem;font-weight:600;font-family:Inter,sans-serif;color:#fff;background:var(--auth-primary);border:none;border-radius:var(--auth-radius);cursor:pointer;transition:all .15s ease;margin-top:8px}.auth-button:hover:not(:disabled){background:var(--auth-primary-hover)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:authSpin 1s linear infinite}@keyframes authSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-back-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:24px;padding:12px;font-size:.9375rem;font-weight:500;color:var(--text-muted, #6b7280);background:transparent;border:none;cursor:pointer;transition:color .15s ease}.auth-back-link:hover{color:var(--text-primary, #374151)}.auth-disclaimer{text-align:center;font-size:.8125rem;color:var(--text-muted, #9ca3af);max-width:320px;margin:24px auto 0}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:44px}.password-toggle{position:absolute;right:12px;background:transparent;border:none;color:var(--text-muted, #9ca3af);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:color .15s ease}.password-toggle:hover{color:var(--text-secondary, #374151)}.password-strength{margin-top:12px;padding:12px;background:var(--bg-tertiary, #f9fafb);border-radius:var(--auth-radius);border:1px solid var(--border-primary, #e5e7eb)}.password-strength.valid{background:var(--success-50, #ecfdf5);border-color:var(--success-100, #a7f3d0)}.password-requirements{font-size:.8125rem}.password-requirements strong{display:block;margin-bottom:8px;color:var(--text-secondary, #374151);font-weight:500}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements li{color:var(--text-muted, #9ca3af);position:relative;padding:4px 0 4px 20px;font-size:.75rem}.password-requirements li:before{content:"○";position:absolute;left:0;color:var(--border-primary, #d1d5db)}.password-requirements li.met{color:var(--success-600, #059669)}.password-requirements li.met:before{content:"●";color:var(--success-600, #059669)}.password-error{margin-top:8px;font-size:.8125rem;color:var(--error-600, #dc2626)}.success-icon{color:var(--success-600, #059669);margin:16px 0}@media (max-width: 768px){.auth-layout{grid-template-columns:1fr}.auth-image-column{display:none}}@media (max-width: 480px){.auth-form-column{padding:16px}.auth-card,.auth-card-otp{padding:32px 24px;border-radius:16px}.auth-header h1{font-size:1.25rem}.auth-logo-img{height:24px}.otp-digit{width:42px;height:48px;font-size:1.125rem}.auth-header-bar{padding:0 16px 0 12px}}:root{--primary-50: #EEF2FF;--primary-100: #E0E7FF;--primary-200: #C7D2FE;--primary-300: #A5B4FC;--primary-400: #818CF8;--primary-500: #6366F1;--primary-600: #4F46E5;--primary-700: #4338CA;--primary-800: #3730A3;--primary-900: #312E81;--accent-red: #EF4444;--accent-red-dark: #DC2626;--gray-25: #FCFCFD;--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;--success-50: #ECFDF5;--success-100: #D1FAE5;--success-500: #10B981;--success-600: #059669;--success-700: #047857;--warning-50: #FFFBEB;--warning-100: #FEF3C7;--warning-500: #F59E0B;--warning-600: #D97706;--warning-700: #B45309;--error-50: #FEF2F2;--error-100: #FEE2E2;--error-500: #EF4444;--error-600: #DC2626;--error-700: #B91C1C;--bg-primary: #FFFFFF;--bg-secondary: #F8F8F8;--bg-tertiary: #F3F4F6;--bg-elevated: #FFFFFF;--bg-canvas: #FCFBF8;--text-primary: #111827;--text-secondary: #4B5563;--text-muted: #6B7280;--text-disabled: #9CA3AF;--text-inverse: #FFFFFF;--border-primary: #E5E7EB;--border-secondary: #F3F4F6;--border-focus: #4F46E5;--accent-primary: #4F46E5;--accent-hover: #4338CA;--accent-light: #EEF2FF;--status-active: #059669;--status-active-bg: #D1FAE5;--status-draft: #6B7280;--status-draft-bg: #F3F4F6;--status-scheduled: #3B82F6;--status-scheduled-bg: #EFF6FF;--status-conducted: #027A48;--status-conducted-bg: #ECFDF3;--status-expired: #EF4444;--status-expired-bg: #FEF2F2;--status-failed: #EF4444;--status-failed-bg: #FEF2F2;--difficulty-easy: #10B981;--difficulty-easy-bg: #ECFDF5;--difficulty-medium: #F59E0B;--difficulty-medium-bg: #FFFBEB;--difficulty-hard: #EF4444;--difficulty-hard-bg: #FEF2F2;--card-bg: #FFFFFF;--card-border: #E5E7EB;--card-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--input-bg: #FFFFFF;--input-border: #E5E7EB;--input-border-focus: #4F46E5;--input-placeholder: #9CA3AF;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-focus: 0 0 0 3px rgba(79, 70, 229, .15);--transition-fast: .1s ease;--transition-normal: .15s ease;--transition-slow: .3s ease;--header-height: 64px;--header-bg: #FFFFFF;--header-border: #E5E7EB;--nav-text: #6B7280;--nav-text-active: #111827;--nav-indicator: #4F46E5}[data-theme=dark]{--bg-primary: #0F0F0F;--bg-secondary: #171717;--bg-tertiary: #262626;--bg-elevated: #1F1F1F;--bg-canvas: #0A0A0A;--text-primary: #FAFAFA;--text-secondary: #A3A3A3;--text-muted: #737373;--text-disabled: #525252;--text-inverse: #0F0F0F;--border-primary: #262626;--border-secondary: #1F1F1F;--card-bg: #171717;--card-border: #262626;--card-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--input-bg: #1F1F1F;--input-border: #262626;--input-placeholder: #525252;--header-bg: #0F0F0F;--header-border: #262626;--nav-text: #737373;--nav-text-active: #FAFAFA;--status-active-bg: rgba(5, 150, 105, .2);--status-draft-bg: rgba(107, 114, 128, .15);--status-scheduled-bg: rgba(59, 130, 246, .15);--status-conducted-bg: rgba(2, 122, 72, .15);--status-expired-bg: rgba(239, 68, 68, .15);--difficulty-easy-bg: rgba(16, 185, 129, .15);--difficulty-medium-bg: rgba(245, 158, 11, .15);--difficulty-hard-bg: rgba(239, 68, 68, .15);--accent-light: rgba(79, 70, 229, .15)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);background:var(--bg-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}#root{height:100%;display:flex;flex-direction:column}.logo-tagline{font-size:13px;color:var(--text-muted);font-weight:500;white-space:nowrap}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .2s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .3s ease-out forwards}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-ring:focus{outline:none;box-shadow:var(--shadow-focus)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-container{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-canvas)}.page-content{flex:1;padding:var(--spacing-6) var(--spacing-8);max-width:1400px;margin:0 auto;width:100%}.page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--spacing-6)}.section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-muted)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary)}.btn-danger{background:var(--error-600);color:#fff}.btn-danger:hover:not(:disabled){background:var(--error-700)}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-md)}.btn-action-edit,.btn-action-delete,.btn-action-preview{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-md);font-family:"Inter",var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-action-edit{background:#d1dbf4;color:#1a3372;border:none}.btn-action-edit:hover{background:#b8c7eb}.btn-action-preview{background:#d1dbf4;color:#1a3372;border:none}.btn-action-preview:hover{background:#b8c7eb}.btn-action-delete{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.btn-action-delete:hover{background:#ef444433}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-xs)}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-md)}.input{width:100%;padding:var(--spacing-2) var(--spacing-3);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);transition:all var(--transition-normal)}.input:focus{outline:none;border-color:var(--input-border-focus);box-shadow:var(--shadow-focus)}.input::placeholder{color:var(--input-placeholder)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper svg{position:absolute;left:var(--spacing-3);color:var(--text-muted);pointer-events:none}.search-input-wrapper .input{padding-left:var(--spacing-10)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--card-shadow-hover)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-sm);white-space:nowrap}.badge-active{background:var(--status-active-bg);color:var(--status-active)}.badge-draft{background:var(--status-draft-bg);color:var(--status-draft)}.badge-scheduled{background:var(--status-scheduled-bg);color:var(--status-scheduled)}.badge-conducted{background:var(--status-conducted-bg);color:var(--status-conducted)}.badge-expired{background:var(--status-expired-bg);color:var(--status-expired)}.badge-failed{background:var(--status-failed-bg);color:var(--status-failed)}.badge-easy{background:var(--difficulty-easy-bg);color:var(--difficulty-easy)}.badge-medium{background:var(--difficulty-medium-bg);color:var(--difficulty-medium)}.badge-hard{background:var(--difficulty-hard-bg);color:var(--difficulty-hard)}.tag{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary)}.tag-primary{background:var(--accent-light);color:var(--accent-primary)}.tag-removable{padding-right:var(--spacing-1)}.tag-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:var(--spacing-1);border-radius:50%;background:transparent;border:none;color:inherit;cursor:pointer;opacity:.6}.tag-remove:hover{opacity:1;background:#0000001a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--spacing-5);display:flex;align-items:flex-start;gap:var(--spacing-4)}.stat-card .stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.stat-card .stat-icon.purple{background:var(--accent-light);color:var(--accent-primary)}.stat-card .stat-icon.green{background:var(--status-active-bg);color:var(--status-active)}.stat-card .stat-icon.orange{background:var(--status-conducted-bg);color:var(--status-conducted)}.stat-card .stat-icon.blue{background:var(--status-scheduled-bg);color:var(--status-scheduled)}.stat-card .stat-content{flex:1}.stat-card .stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1}.stat-card .stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--spacing-1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4);animation:fadeIn .15s ease-out}.modal{width:100%;max-width:500px;max-height:90vh;background:var(--card-bg);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp .2s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--border-primary)}.modal-header h2{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal)}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{flex:1;padding:var(--spacing-6);overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--border-primary);background:var(--bg-tertiary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12) var(--spacing-6);text-align:center}.empty-state-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-muted);margin-bottom:var(--spacing-4)}.empty-state h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.empty-state p{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--spacing-4);max-width:300px}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-8);color:var(--text-muted)}.loading-spinner svg{animation:spin 1s linear infinite}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-1);min-width:180px;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-1);z-index:100;box-shadow:var(--shadow-lg);animation:fadeInUp .15s ease-out}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);background:transparent;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);text-align:left}.dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dropdown-item.danger:hover{background:var(--error-50);color:var(--error-600)}.dropdown-divider{height:1px;background:var(--border-primary);margin:var(--spacing-1) 0}.tab-filters{display:flex;gap:var(--spacing-1);background:var(--bg-tertiary);padding:var(--spacing-1);border-radius:var(--radius-md);width:fit-content}.tab-filter{padding:var(--spacing-2) var(--spacing-4);background:transparent;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal)}.tab-filter:hover{color:var(--text-secondary)}.tab-filter.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.page-content{padding:var(--spacing-4)}.stats-grid{grid-template-columns:1fr}}