*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-page: #f8fafc;--bg-card: #ffffff;--bg-hover: #f1f5f9;--bg-active: #eff6ff;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-light: #e2e8f0;--border-medium: #cbd5e1;--accent-primary: #2563eb;--accent-primary-light: #3b82f6;--accent-primary-bg: #eff6ff;--accent-secondary: #5a7bb0;--success: #16a34a;--success-bg: #f0fdf4;--warning: #d97706;--warning-bg: #fffbeb;--danger: #dc2626;--danger-bg: #fef2f2;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--space-xs: 8px;--space-sm: 13px;--space-md: 21px;--space-lg: 34px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;color:var(--text-primary);background-color:var(--bg-page)}body{margin:0;min-height:100vh}#root{width:100%}a{color:#5a7bb0;text-decoration:none}a:hover{color:#1a5490;text-decoration:underline}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.3}p{margin:0}button,input,select,textarea{font-family:inherit}.app-container{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-page);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-header{height:64px;background:var(--bg-card);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-lg);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:var(--space-sm)}.header-logo{height:36px}.header-title{font-size:20px;font-weight:700;color:var(--accent-primary)}.header-nav{display:flex;gap:var(--space-xs)}.header-nav a{padding:10px 18px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-normal)}.header-nav a:hover{background:var(--bg-hover);color:var(--text-primary)}.header-nav a.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #2563eb40}.header-right{display:flex;align-items:center;gap:13px}.header-subtitle{font-size:14px;color:var(--text-muted);font-weight:500}.admin-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-normal)}.admin-link:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-link svg{stroke:currentColor}.page-container,.app-body{display:flex;flex:1;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-page)}.case-header{padding:var(--space-md) var(--space-lg);background:var(--bg-card);border-bottom:1px solid var(--border-light)}.case-header h1{margin:0;font-size:22px;font-weight:600;color:var(--text-primary)}.case-header .client-name{font-size:14px;color:var(--text-secondary);margin-top:4px;display:block}.longlist-content{flex:1;display:flex;flex-direction:column;padding:var(--space-md);overflow-y:auto;gap:var(--space-md)}.no-case-selected,.no-version-selected{flex:1;display:flex;align-items:center;justify-content:center}.empty-state{text-align:center;color:var(--text-secondary);padding:var(--space-lg)}.empty-state svg{color:var(--border-medium);margin-bottom:var(--space-md)}.empty-state h2{margin:0 0 var(--space-xs) 0;font-size:18px;color:var(--text-primary);font-weight:600}.empty-state p{margin:0;font-size:14px;color:var(--text-secondary)}.no-version-selected p{color:var(--text-secondary);font-size:14px}.btn-primary{padding:10px 20px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 2px 8px #2563eb40}.btn-primary:hover{background:var(--accent-primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb59}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 6px #2563eb33}.btn-primary:disabled{background:var(--border-medium);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{padding:10px 20px;background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.btn-secondary:hover{background:var(--border-light);color:var(--text-primary);border-color:var(--border-medium)}.btn-secondary:active{background:var(--border-medium)}.btn-danger{padding:10px 20px;background:var(--danger);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 2px 8px #dc262640}.btn-danger:hover{background:#ef4444;transform:translateY(-2px);box-shadow:0 4px 12px #dc262659}.btn-danger:active{transform:translateY(0)}.btn-success{padding:10px 20px;background:var(--success);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 2px 8px #16a34a40}.btn-success:hover{background:#22c55e;transform:translateY(-2px);box-shadow:0 4px 12px #16a34a59}.btn-success:active{transform:translateY(0)}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px}@media(max-width:768px){.app-body{flex-direction:column}.case-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-light);max-height:200px}.case-header{padding:16px 20px}.case-header h1{font-size:18px}.longlist-content{padding:16px}.app-header{padding:0 16px}.header-nav a{padding:8px 12px;font-size:13px}}.sidebar-wrapper{display:flex;height:100%;position:relative}.case-sidebar{width:280px;background:var(--bg-card);border-right:1px solid var(--border-light);display:flex;flex-direction:column;height:100%;transition:width var(--transition-slow),opacity var(--transition-slow);overflow:hidden}.case-sidebar.collapsed{width:0;opacity:0;border-right:none}.sidebar-toggle{position:absolute;left:280px;top:50%;transform:translateY(-50%);width:24px;height:48px;background:var(--bg-card);border:1px solid var(--border-light);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-slow);z-index:10;box-shadow:var(--shadow-sm)}.case-sidebar.collapsed+.sidebar-toggle{left:0}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--accent-primary)}.sidebar-header{padding:var(--space-md);border-bottom:1px solid var(--border-light)}.sidebar-header h2{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.case-list{flex:1;overflow-y:auto;padding:var(--space-sm)}.loading-cases,.no-cases{padding:var(--space-md);text-align:center;color:var(--text-secondary);font-size:14px}.case-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);margin-bottom:4px;border:1px solid transparent}.case-item:hover{background:var(--bg-hover);border-color:var(--border-light)}.case-item.selected{background:var(--accent-primary-bg);border-color:#2563eb33;box-shadow:0 2px 8px #2563eb1a}.case-indicator{color:var(--text-muted);display:flex;align-items:center}.case-item.selected .case-indicator{color:var(--accent-primary)}.case-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.case-title{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-client{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-badge{background:var(--bg-hover);color:var(--text-secondary);font-size:11px;font-weight:500;padding:3px 8px;border-radius:var(--radius-sm)}.case-item.selected .version-badge{background:var(--accent-primary);color:#fff}.new-case-form{padding:var(--space-sm);border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--space-sm)}.new-case-form input{padding:10px var(--space-sm);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;transition:all var(--transition-normal);background:var(--bg-card);color:var(--text-primary)}.new-case-form input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-bg)}.new-case-form input::placeholder{color:var(--text-muted)}.form-actions{display:flex;gap:var(--space-xs)}.btn-sm{padding:6px 12px;font-size:13px}.btn-new-case{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);margin:var(--space-sm);padding:var(--space-sm);background:var(--bg-page);border:1px dashed var(--border-medium);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.btn-new-case:hover{background:var(--accent-primary-bg);border-color:var(--accent-primary);border-style:solid;color:var(--accent-primary);box-shadow:0 2px 8px #2563eb1a}.btn-new-case svg{stroke:currentColor}.version-tabs{display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-card);border-bottom:1px solid var(--border-light);padding:0 var(--space-md)}.version-label-fixed{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.version-tabs-loading{padding:15px 0;color:var(--text-secondary);font-size:14px}.tabs-container{display:flex;gap:4px}.version-tab{display:flex;align-items:center;gap:6px;padding:var(--space-sm) 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);margin-bottom:-1px}.version-tab:hover:not(.add-tab){color:var(--accent-primary);background:var(--bg-hover)}.version-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.version-number{font-weight:600}.version-label{font-size:12px;color:var(--text-muted)}.version-tab.active .version-label{color:var(--accent-primary-light)}.candidate-badge{background:var(--bg-hover);color:var(--text-secondary);font-size:11px;font-weight:500;padding:1px 6px;border-radius:var(--radius-sm)}.version-tab.active .candidate-badge{background:var(--accent-primary);color:#fff}.status-badge{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:500;text-transform:uppercase}.status-badge.submitted{background:var(--success-bg);color:var(--success)}.version-tab.add-tab{padding:var(--space-sm);color:var(--text-muted)}.version-tab.add-tab:hover{color:var(--accent-primary);background:var(--accent-primary-bg)}.version-tab.add-tab:disabled{opacity:.5;cursor:not-allowed}.version-tab.add-tab svg{stroke:currentColor}.loading-spinner-small{width:14px;height:14px;border:2px solid var(--border-light);border-top:2px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.pdf-uploader-compact{margin-bottom:var(--space-md)}.dropzone{border:2px dashed var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);text-align:center;cursor:pointer;transition:all var(--transition-slow);background:var(--bg-page)}.dropzone:hover:not(.disabled):not(.uploading){border-color:var(--accent-primary);background:var(--accent-primary-bg)}.dropzone.active{border-color:var(--accent-primary);background:var(--accent-primary-bg);transform:scale(1.01);box-shadow:var(--shadow-card-hover)}.dropzone.disabled{opacity:.6;cursor:not-allowed;background:var(--bg-hover)}.dropzone.uploading{cursor:wait}.upload-icon,.drop-icon{color:var(--accent-primary)}.upload-icon svg,.drop-icon svg{stroke:var(--accent-primary)}.upload-message{display:flex;align-items:center;justify-content:center;gap:15px}.upload-text{text-align:left}.drop-message{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.main-text{font-size:15px;font-weight:500;color:var(--text-primary);margin:0}.hint{font-size:13px;color:var(--text-secondary);margin:0}.drop-message p{font-size:16px;font-weight:600;color:var(--accent-primary);margin:0}.upload-progress{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.progress-text{font-size:14px;color:var(--accent-primary);font-weight:500;margin:0}.spinner{width:24px;height:24px;border:3px solid var(--border-light);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.candidate-table-container{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-light);overflow-x:auto;box-shadow:var(--shadow-card)}.table-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:60px var(--space-md);color:var(--text-secondary)}.table-loading .spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.table-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:60px var(--space-md);color:var(--text-secondary)}.table-empty svg{color:var(--border-medium)}.table-empty p{margin:0;font-size:16px;font-weight:500;color:var(--text-primary)}.table-empty span{font-size:14px}.candidate-table{width:100%;min-width:1400px;border-collapse:collapse}.candidate-table th{background:#4472c4;padding:12px 10px;text-align:left;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.3px;border:1px solid #3563b5;white-space:nowrap}.candidate-table td{padding:10px;font-size:12px;color:var(--text-primary);border:1px solid var(--border-medium);vertical-align:top}.candidate-row:nth-child(2n){background:var(--bg-page)}.col-drag{width:30px;text-align:center}.col-name{width:140px;min-width:140px}.col-location{width:100px;min-width:100px}.col-reason{width:200px;min-width:180px}.col-years{width:70px;text-align:center}.col-experience{width:280px;min-width:250px}.col-education{width:180px;min-width:160px}.col-strength{width:100px;min-width:100px}.col-proximity{width:120px;min-width:100px}.col-selection{width:70px;min-width:60px;text-align:center}.col-reason{width:160px;min-width:140px}.col-actions{width:40px;text-align:center}.candidate-row{transition:background-color var(--transition-fast)}.candidate-row:hover{background:var(--accent-primary-bg)!important}.candidate-row.dragging{background:#d4e4ff!important;box-shadow:var(--shadow-lg)}.drag-handle{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;color:var(--text-muted);cursor:grab;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.drag-handle:hover{background:var(--bg-hover);color:var(--text-secondary)}.drag-handle:active{cursor:grabbing}.name-cell{display:flex;align-items:center;gap:6px}.name-cell .editable-cell{font-size:14px;font-weight:700}.candidate-name{font-weight:700;font-size:14px}.linkedin-icon{display:flex;align-items:center;color:#0077b5;opacity:.7;transition:opacity var(--transition-normal);flex-shrink:0}.linkedin-icon:hover{opacity:1}.years-badge{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,#4472c4,#5a82d4);color:#fff;border-radius:var(--radius-sm);font-size:11px;font-weight:500}.experience-text,.education-text{margin:0;font-family:inherit;font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:var(--text-primary)}.experience-line{display:block;margin-bottom:2px}.experience-line:last-child{margin-bottom:0}.experience-line.present-job,.experience-line .exp-period{font-weight:700}.experience-line .exp-details{font-weight:400}.editable-cell{display:block;font-size:11px;color:var(--text-primary);cursor:text;padding:4px 6px;margin:-4px -6px;border-radius:3px;min-height:20px;white-space:pre-wrap;word-break:break-word;transition:background var(--transition-fast),box-shadow var(--transition-fast);outline:none}.editable-cell:hover{background:#4472c41a}.editable-cell.editing{background:var(--bg-card);box-shadow:0 0 0 2px #4472c4;cursor:text}.editable-cell.editing:focus{box-shadow:0 0 0 2px #4472c4,0 0 0 4px #4472c433}.strength-dropdown{width:100%;padding:6px 8px;font-size:11px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:inherit;cursor:pointer;transition:all var(--transition-fast);font-weight:inherit}.strength-dropdown:hover{border-color:#0003}.strength-dropdown:focus{outline:none;border-color:#4472c4;box-shadow:0 0 0 2px #4472c433}.col-strength.cell-best-fit{background:#d5e8d4!important;color:#2e6b2e;font-weight:500}.col-strength.cell-reasonable{background:#dae3f3!important;color:#2e5299;font-weight:500}.proximity-dropdown{width:100%;padding:6px 8px;font-size:11px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:inherit;cursor:pointer;transition:all var(--transition-fast);font-weight:inherit}.proximity-dropdown:hover{border-color:#0003}.proximity-dropdown:focus{outline:none;border-color:#4472c4;box-shadow:0 0 0 2px #4472c433}.col-proximity.cell-nationwide{background:#fff2cc!important;color:#806600;font-weight:500}.col-proximity.cell-local{background:#d5e8d4!important;color:#2e6b2e;font-weight:500}.proximity-text{font-size:10px;margin-top:6px;padding-top:6px;border-top:1px dashed rgba(0,0,0,.15);line-height:1.4;font-weight:400;color:inherit;opacity:.85}.selection-dropdown{width:100%;padding:6px 8px;font-size:12px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:inherit;cursor:pointer;transition:all var(--transition-fast);font-weight:500;text-align:center}.selection-dropdown:hover{border-color:#0003}.selection-dropdown:focus{outline:none;border-color:#4472c4;box-shadow:0 0 0 2px #4472c433}.col-selection.cell-yes{background:#dae3f3!important;color:#2e5299;font-weight:600}.col-selection.cell-no{background:#f8d7da!important;color:#842029;font-weight:600}.btn-delete{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);opacity:0}.candidate-row:hover .btn-delete{opacity:1}.btn-delete:hover{background:var(--danger);color:#fff}@media(max-width:1200px){.candidate-table{min-width:1200px}}.action-bar{display:flex;justify-content:space-between;align-items:center;padding:16px var(--space-md);background:var(--bg-card);border-top:1px solid var(--border-light);border-radius:0 0 var(--radius-md) var(--radius-md)}.action-bar-left,.action-bar-right{display:flex;align-items:center;gap:var(--space-sm)}.date-picker{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary);background:var(--bg-card);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.date-picker:hover{border-color:var(--accent-primary)}.date-picker:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-bg)}.btn-download{display:flex;align-items:center;gap:var(--space-xs);padding:10px var(--space-md)}.btn-download svg{stroke:currentColor}.btn-download:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.candidate-count{font-size:14px;font-weight:500;color:var(--text-secondary);padding:6px 14px;background:var(--bg-page);border-radius:var(--radius-lg)}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.transcription-rec-container{display:flex;width:100%;height:calc(100vh - 60px);background:var(--bg-page)}.transcription-main{flex:1;padding:var(--space-lg);overflow-y:auto;min-width:0}.case-header{margin-bottom:var(--space-lg)}.case-header h1{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.case-header .client-name{display:inline-block;margin-top:4px;font-size:14px;color:var(--text-secondary)}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 16px;background:var(--danger-bg);border:1px solid #fcc;border-radius:var(--radius-md);margin-bottom:var(--space-md);color:var(--danger)}.error-banner button{background:none;border:none;color:var(--danger);cursor:pointer;font-weight:500}.step-content{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card)}.upload-step{max-width:800px;margin:0 auto}.job-title-input{margin-bottom:var(--space-lg)}.job-title-input label{display:block;font-weight:500;margin-bottom:var(--space-xs);color:var(--text-primary)}.job-title-input input{width:100%;padding:var(--space-sm) 16px;border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.job-title-input input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-bg)}.job-title-input .hint{display:block;margin-top:6px;font-size:12px;color:var(--text-muted)}.transcription-uploader{margin-bottom:var(--space-lg)}.transcription-uploader h3{font-size:16px;font-weight:500;margin-bottom:var(--space-sm);color:var(--text-primary)}.dropzone{border:2px dashed var(--border-medium);border-radius:var(--radius-lg);padding:40px;text-align:center;cursor:pointer;transition:all var(--transition-normal);background:var(--bg-page)}.dropzone:hover,.dropzone.active{border-color:var(--accent-primary);background:var(--accent-primary-bg)}.dropzone.has-file{border-style:solid;border-color:var(--success);background:var(--success-bg)}.upload-prompt svg{color:var(--text-muted);margin-bottom:var(--space-sm)}.upload-prompt .main-text{font-size:16px;font-weight:500;color:var(--text-primary);margin:0 0 4px}.upload-prompt .sub-text{font-size:14px;color:var(--text-secondary);margin:0 0 var(--space-sm)}.upload-prompt .formats{font-size:12px;color:var(--text-muted);margin:0}.uploaded-file{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.uploaded-file svg{color:var(--success)}.uploaded-file .file-info{display:flex;flex-direction:column;align-items:center}.uploaded-file .file-name{font-weight:500;color:var(--text-primary)}.uploaded-file .file-size{font-size:12px;color:var(--text-secondary)}.uploaded-file .change-hint{font-size:12px;color:var(--text-muted)}.text-preview{margin-top:var(--space-lg);padding:var(--space-md);background:var(--bg-page);border-radius:var(--radius-md)}.text-preview h3{font-size:14px;font-weight:500;margin:0 0 var(--space-sm);color:var(--text-primary)}.preview-content{font-family:monospace;font-size:12px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;max-height:200px;overflow-y:auto;padding:var(--space-sm);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.preview-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.char-count{font-size:12px;color:var(--text-muted)}.btn-primary{background:var(--accent-primary);color:#fff;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--transition-normal),transform var(--transition-fast)}.btn-primary:hover:not(:disabled){background:var(--accent-primary-light);transform:translateY(-1px)}.btn-primary:disabled{background:var(--border-medium);cursor:not-allowed}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-medium);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.editing-step{max-width:900px;margin:0 auto}.editor-actions{display:flex;justify-content:space-between;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-light)}.rec-editor h2{font-size:20px;font-weight:600;margin:0 0 var(--space-lg);color:var(--text-primary)}.editor-section{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-light)}.editor-section:last-child{border-bottom:none}.editor-section h3{font-size:16px;font-weight:500;margin:0 0 16px;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-xs)}.confidence-badge{font-size:11px;font-weight:500;padding:2px 8px;border-radius:var(--radius-lg);color:#fff}.field-group{margin-bottom:16px}.field-group label{display:flex;align-items:center;gap:var(--space-xs);font-size:13px;font-weight:500;margin-bottom:6px;color:var(--text-secondary)}.field-group input,.field-group textarea{width:100%;padding:10px var(--space-sm);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:14px;transition:border-color var(--transition-normal)}.field-group input:focus,.field-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-bg)}.field-row{display:flex;gap:16px}.field-row .field-group{flex:1}.field-row .field-group.small{flex:0 0 150px}.education-item,.experience-item{padding:16px;background:var(--bg-page);border-radius:var(--radius-md);margin-bottom:var(--space-sm)}.screening-notes .screening-section{border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--space-xs);overflow:hidden}.section-header{display:flex;align-items:center;padding:var(--space-sm) 16px;background:var(--bg-page);cursor:pointer;transition:background var(--transition-normal)}.section-header:hover{background:var(--bg-hover)}.section-header.active{background:var(--accent-primary-bg)}.section-title{flex:1;font-weight:500;color:var(--text-primary)}.bullet-count{font-size:12px;color:var(--text-muted);margin-right:var(--space-xs)}.chevron{color:var(--text-muted);transition:transform var(--transition-normal)}.chevron.open{transform:rotate(180deg)}.section-bullets{padding:16px;background:var(--bg-card)}.bullet-item{display:flex;align-items:flex-start;gap:var(--space-xs);margin-bottom:var(--space-sm)}.bullet-marker{color:var(--accent-primary);font-size:10px;margin-top:10px}.bullet-item textarea{flex:1;padding:10px var(--space-sm);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:13px;line-height:1.5;resize:vertical}.bullet-item textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-bg)}.btn-remove{background:none;border:none;padding:var(--space-xs);cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-remove:hover{background:var(--danger-bg);color:var(--danger)}.btn-add-bullet{background:none;border:1px dashed var(--border-medium);padding:var(--space-xs) 16px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);cursor:pointer;width:100%;transition:all var(--transition-normal)}.btn-add-bullet:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--bg-page)}.complete-step{display:flex;justify-content:center;padding:60px 0}.success-message{text-align:center}.success-message svg{color:var(--success);margin-bottom:16px}.success-message h2{font-size:24px;font-weight:600;margin:0 0 var(--space-xs);color:var(--text-primary)}.success-message p{color:var(--text-secondary);margin:0 0 var(--space-lg)}.no-case-selected{display:flex;align-items:center;justify-content:center;height:100%}.empty-state{text-align:center;color:var(--text-muted)}.empty-state svg{color:var(--border-medium);margin-bottom:16px}.empty-state h2{font-size:20px;font-weight:500;margin:0 0 var(--space-xs);color:var(--text-primary)}.empty-state p{margin:0;color:var(--text-muted)}.candidate-selection{width:100%}.candidate-selection h3{font-size:18px;font-weight:500;margin:0 0 var(--space-md);color:var(--text-primary)}.candidate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.candidate-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;cursor:pointer;transition:all var(--transition-normal);position:relative;box-shadow:var(--shadow-card)}.candidate-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.candidate-card.has-rec{border-color:var(--success);background:linear-gradient(135deg,var(--success-bg) 0%,var(--bg-card) 100%)}.rec-badge{position:absolute;top:10px;right:10px;background:var(--success);color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:4px}.rec-badge svg{width:12px;height:12px}.candidate-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.candidate-position{font-size:13px;color:var(--text-secondary);margin-bottom:4px;line-height:1.4}.candidate-company{font-size:13px;color:var(--accent-primary);font-weight:500;margin-bottom:10px}.candidate-meta{display:flex;gap:var(--space-sm);font-size:12px;color:var(--text-muted)}.candidate-meta span{display:flex;align-items:center;gap:4px}.no-candidates{text-align:center;padding:40px;color:var(--text-muted)}.no-candidates p{margin:4px 0}.selected-candidate-banner{display:flex;align-items:center;justify-content:space-between;background:var(--accent-primary-bg);border:1px solid rgba(37,99,235,.2);border-radius:var(--radius-md);padding:var(--space-sm) 16px;margin-bottom:var(--space-md)}.selected-candidate-banner .candidate-info{display:flex;flex-direction:column;gap:2px}.selected-candidate-banner .candidate-info strong{font-size:15px;color:var(--text-primary)}.selected-candidate-banner .candidate-info span{font-size:13px;color:var(--text-secondary)}.btn-sm{padding:6px 12px;font-size:12px}.prefill-summary{background:var(--bg-page);border-radius:var(--radius-md);padding:16px;margin-bottom:var(--space-md)}.prefill-summary h4{font-size:14px;font-weight:500;margin:0 0 var(--space-sm);color:var(--text-primary)}.prefill-items{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.prefill-item{display:flex;gap:var(--space-xs);font-size:13px}.prefill-item label{color:var(--text-secondary);font-weight:500;min-width:80px}.prefill-item span{color:var(--text-primary)}.no-version-selected{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--text-muted)}.loading{text-align:center;padding:40px;color:var(--text-muted)}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);max-width:400px;width:90%;box-shadow:var(--shadow-lg)}.modal-content h3{font-size:18px;font-weight:600;margin:0 0 var(--space-xs);color:var(--text-primary)}.modal-content .modal-subtitle{font-size:14px;color:var(--text-secondary);margin:0 0 var(--space-md)}.modal-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.modal-btn{display:flex;align-items:center;gap:var(--space-sm);padding:14px 16px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;transition:all var(--transition-normal);text-align:left}.modal-btn:hover{border-color:var(--accent-primary);background:var(--bg-page)}.modal-btn.primary{border-color:var(--accent-primary);background:var(--accent-primary-bg)}.modal-btn.primary:hover{background:#e0ebf5}.modal-btn-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-btn-icon.edit{background:var(--accent-primary-bg);color:var(--accent-primary)}.modal-btn-icon.new{background:var(--success-bg);color:var(--success)}.modal-btn-text{flex:1}.modal-btn-text strong{display:block;font-size:14px;color:var(--text-primary);margin-bottom:2px}.modal-btn-text span{font-size:12px;color:var(--text-muted)}.modal-cancel{margin-top:var(--space-xs);padding:10px;border:none;background:none;color:var(--text-secondary);font-size:13px;cursor:pointer;width:100%;transition:color var(--transition-fast)}.modal-cancel:hover{color:var(--text-primary)}.entry-page{width:100%;height:100vh;display:flex;flex-direction:column;background:#f8fafc;overflow:hidden}.entry-main{flex:1;padding:21px 0 100px;display:flex;flex-direction:column;overflow:hidden}.entry-container{max-width:1400px;margin:0 auto;padding:0 55px;width:100%;flex:1;display:flex;flex-direction:column;gap:21px;overflow:hidden}.main-grid{display:grid;grid-template-columns:1fr 1.618fr;gap:21px;flex:1;min-height:0;overflow:hidden}.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr;gap:13px;min-height:0}@media(max-width:1200px){.main-grid{grid-template-columns:1fr}.cards-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}}@media(max-width:900px){.cards-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr}}.entry-header{padding:0;background:#fff;border-bottom:1px solid #e2e8f0}.entry-header-container{max-width:1600px;margin:0 auto;padding:0 24px;width:100%}.entry-header-content{display:flex;align-items:center;justify-content:space-between;height:56px;position:relative}.logo-section{display:flex;align-items:center;gap:16px;flex-shrink:0}.logo-img{height:40px;width:auto}.logo-divider{width:1px;height:28px;background:#e2e8f0}.workspace-title{font-size:17px;font-weight:600;color:#2563eb;letter-spacing:-.3px}.nav-buttons{display:flex;gap:6px;position:absolute;left:50%;transform:translate(-50%)}.nav-btn{padding:8px 20px;font-size:14px;font-weight:500;color:#64748b;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s ease}.nav-btn:hover{color:#1e293b;background:#f1f5f9}.nav-btn.active{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.header-right{display:flex;align-items:center;gap:20px;flex-shrink:0}.date-display{font-size:14px;color:#64748b}.header-icons{display:flex;align-items:center;gap:8px}.icon-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:none;cursor:pointer;transition:all .15s ease}.icon-btn:hover{background:#e2e8f0}.icon-btn svg{width:18px;height:18px;fill:#64748b}.profile-section{display:flex;align-items:center;gap:10px;padding-left:16px;border-left:1px solid #e2e8f0}.profile-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#2563eb,#3b82f6);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff}.profile-name{font-size:14px;font-weight:500;color:#1e293b}.settings-modal-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.settings-modal{background:#fff;border-radius:16px;width:100%;max-width:400px;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.settings-modal-header h2{font-size:18px;font-weight:600;color:#1e293b;margin:0}.settings-close-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:none;cursor:pointer;transition:all .15s ease}.settings-close-btn:hover{background:#e2e8f0}.settings-close-btn svg{width:18px;height:18px;fill:#64748b}.settings-modal-content{padding:24px}.settings-section{margin-bottom:0}.settings-section-title{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.language-options{display:flex;flex-direction:column;gap:8px}.language-option{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .15s ease}.language-option:hover{background:#f1f5f9;border-color:#cbd5e1}.language-option.active{background:#eff6ff;border-color:#bfdbfe}.language-label{font-size:15px;font-weight:500;color:#1e293b}.language-option svg{width:18px;height:18px;fill:#2563eb}@media(max-width:1200px){.nav-buttons{position:static;transform:none}.entry-header-content{gap:16px}.date-display{display:none}}@media(max-width:900px){.nav-buttons,.profile-name{display:none}}.revenue-section{padding:21px}.revenue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.revenue-title{font-size:14px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.revenue-stats{display:flex;align-items:baseline;gap:10px}.revenue-current{font-size:24px;font-weight:700;color:#1e293b}.revenue-goal{font-size:16px;color:#94a3b8}.revenue-percent{font-size:16px;color:#2563eb;font-weight:600}.progress-bar{height:20px;background:#f1f5f9;border-radius:6px;overflow:hidden;display:flex}.progress-fill{height:100%;display:flex}.progress-segment{height:100%;border-right:2px solid #f8fafc;cursor:pointer;transition:opacity .15s ease}.progress-segment:hover{opacity:.8}.progress-segment:last-child{border-right:none}.segment-1{background:linear-gradient(135deg,#10b981,#34d399)}.segment-2{background:linear-gradient(135deg,#14b8a6,#2dd4bf)}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000f}.stat-card{padding:21px;display:flex;flex-direction:column;overflow:hidden}.stat-card .card-list{flex:1}.card-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.card-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center}.card-icon svg{width:18px;height:18px}.card-icon.blue{background:#eff6ff}.card-icon.blue svg{fill:#2563eb}.card-icon.green{background:#f0fdf4}.card-icon.green svg{fill:#16a34a}.card-icon.orange{background:#fffbeb}.card-icon.orange svg{fill:#d97706}.card-icon.purple{background:#faf5ff}.card-icon.purple svg{fill:#9333ea}.card-title{font-size:14px;font-weight:600;color:#64748b}.card-stat{font-size:32px;font-weight:700;color:#1e293b;margin-bottom:4px;line-height:1.1}.card-label{font-size:14px;color:#64748b}.card-list{list-style:none;margin:0;padding:0}.card-list li{padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px;color:#475569;line-height:1.4}.card-list li:last-child{border-bottom:none;padding-bottom:0}.active-cases-section{padding:21px;display:flex;flex-direction:column;overflow:hidden}.section-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-shrink:0}.section-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.section-icon svg{width:18px;height:18px;fill:#2563eb}.section-title{font-size:16px;font-weight:600;color:#1e293b}.cases-list{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto;min-height:0}.case-item{display:flex;align-items:flex-start;justify-content:space-between;padding:13px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:13px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.case-item:hover{background:#f1f5f9;border-color:#cbd5e1}.case-main{flex:1;min-width:0}.case-header{display:flex;align-items:center;gap:12px;margin-bottom:2px}.case-company{font-size:15px;font-weight:600;color:#1e293b}.case-date{font-size:13px;color:#94a3b8}.case-position{font-size:13px;color:#64748b;margin-bottom:4px}.case-next{font-size:13px;color:#2563eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-status{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.status-badge{padding:5px 12px;border-radius:4px;font-size:12px;font-weight:600}.status-interview{background:#eff6ff;color:#2563eb}.status-screening{background:#fffbeb;color:#d97706}.status-offer{background:#f0fdf4;color:#16a34a}.case-revenue{font-size:16px;font-weight:700;color:#1e293b}.expand-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;margin-top:8px;background:transparent;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:13px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.expand-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.expand-btn svg{width:14px;height:14px;fill:currentColor}.chat-section{position:fixed;bottom:21px;left:50%;transform:translate(-50%);width:100%;max-width:900px;padding:0 34px;z-index:100}.chat-container{display:flex;flex-direction:column;gap:10px}.recent-tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.recent-tag{padding:6px 12px;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #e2e8f0;border-radius:20px;font-size:12px;color:#64748b;cursor:pointer;transition:all .15s ease}.recent-tag:hover{background:#fffffff2;border-color:#cbd5e1;color:#475569}.chat-input-container{width:100%;display:flex;align-items:center;gap:13px;padding:13px 21px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(37,99,235,.2);border-radius:13px;box-shadow:0 8px 32px #2563eb1f,0 2px 8px #00000014}.record-btn-integrated{display:flex;align-items:center;gap:8px;padding:8px 13px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;color:#ef4444;flex-shrink:0;transition:all .15s ease}.record-btn-integrated:hover{background:#fee2e2;border-color:#fca5a5}.record-indicator{width:10px;height:10px;border-radius:50%;background:#ef4444}.chat-divider{width:1px;height:28px;background:#e2e8f0;flex-shrink:0}.cap-avatar{width:34px;height:34px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:center}.cap-avatar img{width:100%;height:100%;object-fit:cover}.chat-input{flex:1;background:transparent;border:none;outline:none;font-size:14px;color:#1e293b;min-width:0}.chat-input::placeholder{color:#94a3b8}.chat-send-btn{width:34px;height:34px;border-radius:8px;background:#2563eb;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s ease}.chat-send-btn:hover{background:#1d4ed8}.chat-send-btn svg{width:16px;height:16px;fill:#fff}@media(max-width:768px){.chat-section{padding:0 16px;bottom:16px}.chat-input-container{padding:12px 16px;gap:10px}.record-btn-integrated span{display:none}.record-btn-integrated{padding:10px}.recent-tags{display:none}}.features-page{width:100%;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;align-items:center;justify-content:center;padding:40px 24px}.features-container{max-width:900px;width:100%}.features-header{text-align:center;margin-bottom:48px}.features-title{font-size:42px;font-weight:700;color:#1e293b;margin-bottom:12px;letter-spacing:-.5px}.cap-highlight{color:#2563eb}.features-subtitle{font-size:18px;color:#64748b}.features-grid{display:flex;flex-direction:column;gap:16px}.feature-card{display:flex;align-items:center;gap:20px;padding:24px 28px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:#cbd5e1}.feature-card.dev{border-style:dashed;background:#fafafa}.feature-card.dev:hover{border-color:#2563eb;background:#f8fafc}.feature-icon{font-size:36px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:12px;flex-shrink:0}.feature-content{flex:1}.feature-title{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:4px}.feature-description{font-size:14px;color:#64748b;margin:0}.feature-status{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;flex-shrink:0}.status-production{background:#f0fdf4;color:#16a34a}.status-development{background:#fffbeb;color:#d97706}.features-footer{margin-top:48px;text-align:center}.features-footer p{font-size:13px;color:#94a3b8}.features-language-selector{position:fixed;top:21px;right:34px;z-index:100}.language-toggle{padding:8px 21px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #0000000a}.language-toggle:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}@media(max-width:600px){.features-title{font-size:32px}.feature-card{flex-direction:column;text-align:center;padding:24px 20px}.feature-content{order:2}.feature-status{order:3;margin-top:12px}}.recording-controls{display:flex;flex-direction:column;align-items:center;gap:21px;padding:34px;background:#fff;border-radius:13px;box-shadow:0 2px 8px #0000000f}.status-bar{display:flex;gap:21px;align-items:center}.connection-status,.transcription-status{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;transition:all .3s ease}.status-dot.connected{background:#22c55e;box-shadow:0 0 8px #22c55e66}.status-dot.active{background:#2563eb;box-shadow:0 0 8px #2563eb66;animation:pulse 1.5s ease-in-out infinite}.status-text{font-size:12px;color:#64748b;font-weight:500}.duration-display{display:flex;align-items:center;gap:13px}.duration{font-size:55px;font-weight:700;font-variant-numeric:tabular-nums;color:#1e293b;letter-spacing:-1px;transition:color .3s ease}.duration.recording{color:#dc2626}.rec-badge{padding:4px 8px;background:#dc2626;color:#fff;font-size:11px;font-weight:700;border-radius:4px;animation:blink 1s ease-in-out infinite}.paused-badge{padding:4px 8px;background:#f59e0b;color:#fff;font-size:11px;font-weight:700;border-radius:4px}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.audio-level{display:flex;align-items:center;gap:13px;width:100%;max-width:300px}.level-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.level-fill{height:100%;background:linear-gradient(90deg,#22c55e,#eab308 60%,#dc2626);border-radius:4px;transition:width .1s ease}.level-text{font-size:12px;font-weight:600;color:#64748b;min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.control-buttons{display:flex;align-items:center;gap:21px}.control-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:21px 34px;border:none;border-radius:13px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn span{font-size:13px}.start-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:34px 55px}.start-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 8px 21px #2563eb4d}.start-btn:active:not(:disabled){transform:translateY(0)}.stop-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.stop-btn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 8px 21px #dc26264d}.secondary-btn{background:#f1f5f9;color:#475569;padding:13px 21px}.secondary-btn:hover:not(:disabled){background:#e2e8f0}.secondary-btn.resume{background:#dcfce7;color:#166534}.secondary-btn.resume:hover:not(:disabled){background:#bbf7d0}.cancel-btn{background:transparent;color:#94a3b8;padding:8px 13px;font-size:12px}.cancel-btn:hover:not(:disabled){color:#64748b;background:#f1f5f9}.shortcuts-hint{display:flex;gap:21px;font-size:11px;color:#94a3b8}.shortcuts-hint span{padding:4px 8px;background:#f8fafc;border-radius:4px}@media(max-width:600px){.recording-controls{padding:21px}.duration{font-size:34px}.control-buttons{flex-direction:column;gap:13px}.control-btn{width:100%;flex-direction:row;justify-content:center}.shortcuts-hint{display:none}}.live-transcript{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:13px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.transcript-header{display:flex;justify-content:space-between;align-items:center;padding:13px 21px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.transcript-header h3{margin:0;font-size:14px;font-weight:600;color:#1e293b}.recording-indicator{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#dc2626}.pulse-dot{width:8px;height:8px;background:#dc2626;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.transcript-container{flex:1;overflow-y:auto;padding:13px;display:flex;flex-direction:column;gap:13px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;color:#64748b}.empty-state p{margin:13px 0 0;font-size:14px}.listening-animation{display:flex;align-items:center;gap:4px;height:34px}.listening-animation span{width:4px;height:16px;background:#2563eb;border-radius:2px;animation:listening .8s ease-in-out infinite}.listening-animation span:nth-child(2){animation-delay:.1s}.listening-animation span:nth-child(3){animation-delay:.2s}@keyframes listening{0%,to{height:8px;opacity:.5}50%{height:21px;opacity:1}}.transcript-segment{padding:13px;background:var(--speaker-bg, #f8fafc);border-radius:8px;border-left:3px solid var(--speaker-border, #e2e8f0);transition:all .2s ease}.transcript-segment.interim{opacity:.8;background:linear-gradient(90deg,var(--speaker-bg, #f8fafc) 0%,rgba(255,255,255,.5) 100%)}.transcript-segment.no-speaker{border-left:none;background:#fff;border:1px solid #e2e8f0}.transcript-segment.no-speaker .segment-header{margin-bottom:4px}.segment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.speaker-badge{display:flex;align-items:center;gap:8px}.speaker-name{font-size:13px;font-weight:600;color:var(--speaker-text, #1e293b)}.speaker-role{font-size:11px;font-weight:500;color:#64748b;padding:2px 8px;background:#fffc;border-radius:4px}.timestamp{font-size:11px;color:#94a3b8;font-variant-numeric:tabular-nums}.segment-text{font-size:14px;line-height:1.6;color:#334155;word-wrap:break-word}.typing-indicator{color:var(--speaker-text, #64748b);animation:typing 1s ease-in-out infinite}@keyframes typing{0%,to{opacity:.3}50%{opacity:1}}.transcript-container::-webkit-scrollbar{width:6px}.transcript-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.transcript-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.transcript-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.speaker-panel{display:flex;flex-direction:column;gap:21px;padding:21px;background:#fff;border-radius:13px;box-shadow:0 2px 8px #0000000f}.panel-header{display:flex;justify-content:space-between;align-items:center}.panel-header h3{margin:0;font-size:14px;font-weight:600;color:#1e293b}.speaker-count{font-size:12px;color:#64748b;padding:4px 8px;background:#f1f5f9;border-radius:4px}.speaker-list{display:flex;flex-direction:column;gap:13px}.speaker-card{display:flex;align-items:flex-start;gap:13px;padding:13px;background:var(--speaker-bg, #f8fafc);border-radius:8px;border:2px solid transparent;transition:all .2s ease}.speaker-card.speaking{border-color:var(--speaker-border, #e2e8f0);box-shadow:0 0 0 3px #2563eb1a}.speaker-indicator{position:relative;display:flex;align-items:center;justify-content:center}.speaker-avatar{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--speaker-border, #e2e8f0);border-radius:50%;color:var(--speaker-text, #64748b)}.speaking-indicator{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px}.speaking-indicator span{width:3px;height:8px;background:var(--speaker-text, #2563eb);border-radius:1px;animation:speaking .5s ease-in-out infinite}.speaking-indicator span:nth-child(2){animation-delay:.1s}.speaking-indicator span:nth-child(3){animation-delay:.2s}@keyframes speaking{0%,to{height:4px}50%{height:10px}}.speaker-info{flex:1;display:flex;flex-direction:column;gap:4px}.speaker-header{display:flex;justify-content:space-between;align-items:center}.speaker-name{font-size:14px;font-weight:600;color:var(--speaker-text, #1e293b)}.speaker-role{font-size:12px;color:#64748b}.edit-btn{padding:4px;background:transparent;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;transition:all .2s ease}.edit-btn:hover{background:#0000000d;color:var(--speaker-text, #64748b)}.speaker-edit{flex:1;display:flex;flex-direction:column;gap:8px}.edit-name{padding:8px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s ease}.edit-name:focus{border-color:#2563eb}.edit-role{padding:8px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:#fff;cursor:pointer;outline:none}.edit-role:focus{border-color:#2563eb}.edit-actions{display:flex;gap:8px;justify-content:flex-end}.save-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#22c55e;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.save-btn:hover{background:#16a34a}.cancel-btn{padding:4px 8px;background:transparent;border:none;font-size:12px;color:#64748b;cursor:pointer}.cancel-btn:hover{color:#1e293b}.suggestions-section{padding-top:13px;border-top:1px solid #e2e8f0}.suggestions-section h4{margin:0 0 13px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.suggestions-list{display:flex;flex-direction:column;gap:8px}.suggestion-item{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#f8fafc;border-radius:6px}.suggestion-info{display:flex;flex-direction:column;gap:2px}.suggestion-name{font-size:13px;font-weight:500;color:#1e293b}.suggestion-title{font-size:11px;color:#64748b}.suggestion-actions{display:flex;gap:4px}.apply-btn{padding:4px 8px;background:var(--btn-bg, #f1f5f9);color:var(--btn-text, #64748b);border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.apply-btn:hover{filter:brightness(.95);transform:translateY(-1px)}.recording-tip{padding:8px 13px;background:#f0f9ff;border-radius:6px;border-left:3px solid #0ea5e9}.recording-tip p{margin:0;font-size:12px;color:#0369a1}.case-selector{position:relative;display:flex;flex-direction:column;gap:8px}.selector-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.selector-trigger{display:flex;align-items:center;gap:8px;padding:13px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#64748b;cursor:pointer;transition:all .2s ease}.selector-trigger:hover{border-color:#cbd5e1;background:#f8fafc}.selector-trigger.open{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.selector-trigger span{flex:1;text-align:left}.selector-trigger svg:last-child{transition:transform .2s ease}.selected-case{display:flex;align-items:center;justify-content:space-between;padding:13px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.case-info{display:flex;align-items:center;gap:13px}.case-info svg{color:#0284c7}.case-details{display:flex;flex-direction:column;gap:2px}.case-company{font-size:14px;font-weight:600;color:#0369a1}.case-position{font-size:12px;color:#0284c7}.clear-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;font-size:18px;color:#94a3b8;cursor:pointer;transition:all .2s ease}.clear-btn:hover{background:#0000000d;color:#64748b}.selector-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 21px #0000001a;z-index:100;max-height:320px;display:flex;flex-direction:column}.search-box{display:flex;align-items:center;gap:8px;padding:13px;border-bottom:1px solid #e2e8f0}.search-box input{flex:1;border:none;outline:none;font-size:14px;color:#1e293b}.cases-list{flex:1;overflow-y:auto;padding:8px}.list-message{display:flex;align-items:center;justify-content:center;gap:8px;padding:21px;font-size:13px;color:#64748b}.list-message.error{color:#dc2626}.spinner{width:16px;height:16px;border:2px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.case-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px;background:transparent;border:none;border-radius:6px;text-align:left;cursor:pointer;transition:all .2s ease}.case-option:hover{background:#f8fafc}.option-main{display:flex;flex-direction:column;gap:2px}.option-company{font-size:14px;font-weight:500;color:#1e293b}.option-position{font-size:12px;color:#64748b}.option-meta{display:flex;align-items:center}.status-badge{padding:4px 8px;font-size:11px;font-weight:500;border-radius:4px;text-transform:capitalize}.status-badge.active,.status-badge.interview{background:#dcfce7;color:#166534}.status-badge.screening{background:#fef3c7;color:#92400e}.status-badge.offer{background:#dbeafe;color:#1e40af}.status-badge.closed{background:#f1f5f9;color:#64748b}.skip-option{padding:13px;border:none;border-top:1px solid #e2e8f0;background:#f8fafc;font-size:13px;color:#64748b;cursor:pointer;transition:all .2s ease}.skip-option:hover{background:#f1f5f9;color:#475569}.helper-text{margin:0;font-size:12px;color:#94a3b8}.cases-list::-webkit-scrollbar{width:6px}.cases-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.cases-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.transcript-viewer-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:21px}.transcript-viewer{background:#fff;border-radius:13px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 34px #00000040;overflow:hidden}.viewer-header{display:flex;justify-content:space-between;align-items:center;padding:21px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.viewer-header h3{margin:0 13px 0 0;font-size:18px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.header-actions{display:flex;gap:8px}.download-btn,.close-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;color:#64748b;transition:all .2s ease}.download-btn:hover{background:#16a34a;border-color:#16a34a;color:#fff}.close-btn:hover{background:#f1f5f9;color:#1e293b}.audio-player{display:flex;align-items:center;gap:13px;padding:13px 21px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.play-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#2563eb;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0}.play-btn:hover{background:#1d4ed8;transform:scale(1.05)}.time-display{display:flex;align-items:center;gap:4px;font-size:13px;font-family:monospace;color:#475569;min-width:85px;flex-shrink:0}.time-display .separator{color:#94a3b8}.progress-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;cursor:pointer;position:relative;overflow:visible}.progress-fill{height:100%;background:#2563eb;border-radius:4px;transition:width .1s ease}.progress-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#2563eb;border:2px solid white;border-radius:50%;box-shadow:0 2px 4px #0003;pointer-events:none}.auto-scroll-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;cursor:pointer;flex-shrink:0}.auto-scroll-toggle input{cursor:pointer}.transcript-segments{flex:1;overflow-y:auto;padding:13px 21px;scroll-behavior:smooth}.segment{padding:13px;margin-bottom:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.segment:hover{background:#f1f5f9;border-color:#cbd5e1}.segment.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.segment.active .segment-text{color:#1e40af}.segment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.speaker-name{font-size:13px;font-weight:600;color:#2563eb}.segment-time{font-size:12px;font-family:monospace;color:#94a3b8;background:#e2e8f0;padding:2px 6px;border-radius:4px}.segment.active .segment-time{background:#dbeafe;color:#1d4ed8}.segment-text{font-size:14px;line-height:1.6;color:#334155}.transcript-stats{display:flex;justify-content:center;gap:21px;padding:13px 21px;background:#f8fafc;border-top:1px solid #e2e8f0;font-size:12px;color:#64748b}.transcript-stats span{display:flex;align-items:center}.no-segments{padding:55px 21px;text-align:center;color:#64748b}.no-segments p{margin:0 0 21px}.plain-transcript{text-align:left;max-height:400px;overflow-y:auto;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:13px}.plain-transcript pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-size:13px;line-height:1.6;color:#334155}@media(max-width:640px){.transcript-viewer-overlay{padding:8px}.transcript-viewer{max-height:95vh;border-radius:8px}.viewer-header{padding:13px}.audio-player{flex-wrap:wrap;padding:13px}.progress-bar{order:1;width:100%;margin-top:8px}.auto-scroll-toggle{order:0}.transcript-segments{padding:8px 13px}.segment{padding:8px}}.recording-history{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:13px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.history-header{display:flex;justify-content:space-between;align-items:center;padding:21px;border-bottom:1px solid #e2e8f0}.history-header h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.recording-count{font-size:13px;color:#64748b;background:#f1f5f9;padding:4px 8px;border-radius:4px}.history-loading,.history-error,.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:55px 21px;text-align:center}.history-loading{color:#64748b;font-size:14px}.history-error{color:#dc2626}.history-error p{margin:0 0 13px}.history-error button{padding:8px 21px;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer}.history-empty p{margin:0;font-size:16px;color:#475569}.history-empty span{margin-top:8px;font-size:13px;color:#94a3b8}.case-groups{flex:1;overflow-y:auto;padding:13px}.case-group{margin-bottom:8px}.case-header{display:flex;align-items:center;gap:8px;width:100%;padding:13px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.case-header:hover{background:#f1f5f9}.case-header.expanded{border-radius:8px 8px 0 0;border-bottom-color:transparent}.case-header svg{color:#64748b;flex-shrink:0}.case-name{flex:1;font-size:14px;font-weight:500;color:#1e293b}.case-count{font-size:12px;color:#64748b;background:#e2e8f0;padding:2px 8px;border-radius:10px}.expand-icon{font-size:10px;color:#94a3b8}.recordings-list{border:1px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;background:#fff}.recording-item{display:flex;align-items:center;justify-content:space-between;padding:13px;border-bottom:1px solid #f1f5f9;transition:background .2s ease}.recording-item:last-child{border-bottom:none}.recording-item:hover{background:#fafafa}.recording-info{flex:1;min-width:0}.recording-title{display:block;font-size:14px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recording-meta{display:flex;gap:13px;margin-top:4px;font-size:12px;color:#94a3b8}.recording-actions{display:flex;gap:8px;margin-left:13px}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#64748b}.action-btn:hover{background:#f1f5f9;color:#1e293b}.action-btn.play:hover,.action-btn.play.playing{background:#2563eb;border-color:#2563eb;color:#fff}.action-btn.download:hover{background:#16a34a;border-color:#16a34a;color:#fff}.action-btn.transcript:hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.action-btn.transcript.loading{opacity:.6;cursor:wait}.action-btn.delete:hover{background:#dc2626;border-color:#dc2626;color:#fff}.delete-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-modal{background:#fff;padding:21px;border-radius:13px;max-width:400px;width:90%;box-shadow:0 8px 34px #0003}.delete-modal h4{margin:0 0 13px;font-size:18px;color:#1e293b}.delete-modal p{margin:0 0 8px;font-size:14px;color:#475569}.delete-modal .warning{color:#dc2626;font-size:13px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:21px}.modal-actions button{padding:8px 21px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.cancel-btn{background:#f1f5f9;color:#475569}.cancel-btn:hover{background:#e2e8f0}.delete-btn{background:#dc2626;color:#fff}.delete-btn:hover{background:#b91c1c}@media(max-width:768px){.recording-meta{flex-wrap:wrap;gap:8px}.recording-actions{flex-direction:column;gap:4px}.action-btn{width:28px;height:28px}}.recording-page{display:flex;flex-direction:column;min-height:100vh;background:#f8fafc}.recording-header{display:flex;align-items:center;justify-content:space-between;padding:13px 21px;background:#fff;border-bottom:1px solid #e2e8f0}.back-btn{display:flex;align-items:center;gap:8px;padding:8px 13px;background:transparent;border:none;border-radius:8px;font-size:14px;color:#64748b;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#f1f5f9;color:#1e293b}.recording-header h1{margin:0;font-size:18px;font-weight:600;color:#1e293b}.header-spacer{width:80px}.recording-tabs{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:8px}.tab-btn{display:flex;align-items:center;gap:8px;padding:8px 21px;background:transparent;border:none;border-radius:6px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.tab-btn:hover:not(:disabled){color:#1e293b}.tab-btn.active{background:#fff;color:#2563eb;box-shadow:0 1px 3px #0000001a}.tab-btn:disabled{opacity:.5;cursor:not-allowed}.tab-btn svg{flex-shrink:0}.recording-main{flex:1;display:flex;padding:21px;overflow:hidden}.recording-container{display:flex;gap:21px;width:100%;max-width:1400px;margin:0 auto}.left-panel{display:flex;flex-direction:column;gap:21px;width:400px;flex-shrink:0}.case-warning{display:flex;align-items:center;gap:8px;padding:13px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;font-size:13px;color:#92400e;margin-top:-13px}.case-warning .warning-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#f59e0b;color:#fff;font-weight:700;font-size:12px;border-radius:50%;flex-shrink:0}.right-panel{flex:1;display:flex;min-width:0}.right-panel .live-transcript{flex:1}.settings-panel{padding:21px;background:#fff;border-radius:13px;box-shadow:0 2px 8px #0000000f}.settings-panel h3{margin:0 0 13px;font-size:14px;font-weight:600;color:#1e293b}.settings-grid{display:flex;flex-direction:column;gap:13px}.setting-item{display:flex;justify-content:space-between;align-items:center}.setting-item span{font-size:13px;color:#475569}.setting-item select{padding:8px 13px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:#fff;cursor:pointer;min-width:120px}.setting-item select:focus{outline:none;border-color:#2563eb}.setting-item.checkbox{justify-content:flex-start;gap:8px}.setting-item.checkbox input{width:16px;height:16px;cursor:pointer}.setting-hint{margin:8px 0 0;padding:8px 13px;background:#f1f5f9;border-radius:6px;font-size:12px;color:#64748b;line-height:1.4}.error-banner{position:fixed;bottom:21px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:13px;padding:13px 21px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;box-shadow:0 4px 13px #0000001a;z-index:1000}.error-banner span{font-size:14px;color:#dc2626}.error-banner button{padding:8px 13px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease}.error-banner button:hover{background:#b91c1c}.status-banner{position:fixed;bottom:21px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:13px;padding:13px 21px;border-radius:8px;box-shadow:0 4px 13px #0000001a;z-index:1000;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.status-banner span{font-size:14px}.status-banner button{padding:8px 13px;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease}.status-banner.saving{background:#eff6ff;border:1px solid #bfdbfe}.status-banner.saving span{color:#2563eb}.status-banner.success{background:#f0fdf4;border:1px solid #bbf7d0}.status-banner.success span{color:#16a34a}.status-banner.success button{background:#16a34a}.status-banner.success button:hover{background:#15803d}.status-banner.error{background:#fef2f2;border:1px solid #fecaca}.status-banner.error span{color:#dc2626}.status-banner.error button{background:#dc2626}.status-banner.error button:hover{background:#b91c1c}@media(max-width:1200px){.recording-container{flex-direction:column}.left-panel{width:100%}.right-panel{min-height:400px}}@media(max-width:768px){.recording-main{padding:13px}.recording-container,.left-panel{gap:13px}.recording-header{padding:13px}.recording-header h1{font-size:16px}}.cases-page{min-height:100vh;background:#f8fafc;display:flex;flex-direction:column}.cases-header{display:flex;align-items:center;padding:13px 21px;background:#fff;border-bottom:1px solid #e2e8f0;gap:13px}.cases-header h1{flex:1;margin:0;font-size:18px;font-weight:600;color:#1e293b;text-align:center}.cases-header .back-btn{display:flex;align-items:center;gap:8px;padding:8px 13px;background:transparent;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;transition:all .15s}.cases-header .back-btn:hover{background:#f1f5f9;color:#1e293b}.cases-header .header-spacer{width:80px}.cases-toolbar{display:flex;align-items:center;justify-content:space-between;padding:13px 21px;background:#fff;border-bottom:1px solid #e2e8f0;gap:13px}.toolbar-left{display:flex;align-items:center;gap:13px}.toolbar-right{display:flex;align-items:center;gap:8px}.status-filter{display:flex;background:#f1f5f9;border-radius:8px;padding:3px}.status-filter button{padding:6px 13px;background:transparent;border:none;border-radius:6px;font-size:13px;color:#64748b;cursor:pointer;transition:all .15s}.status-filter button.active{background:#fff;color:#1e293b;box-shadow:0 1px 2px #0000000d}.search-box{display:flex;align-items:center;gap:8px;padding:8px 13px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-width:240px}.search-box input{flex:1;border:none;background:transparent;font-size:13px;color:#1e293b;outline:none}.search-box input::placeholder{color:#94a3b8}.search-box svg{color:#94a3b8}.btn-create{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#2563eb;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.btn-create:hover{background:#1d4ed8}.cases-table-container{flex:1;padding:21px;overflow:auto}.loading-state{display:flex;align-items:center;justify-content:center;height:200px;color:#64748b;font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:13px}.empty-state p{color:#64748b;font-size:14px;margin:0}.cases-table{width:100%;background:#fff;border-radius:8px;border-collapse:collapse;box-shadow:0 1px 3px #0000000d}.cases-table th{padding:13px 16px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0}.cases-table th:first-child{border-top-left-radius:8px}.cases-table th:last-child{border-top-right-radius:8px}.cases-table td{padding:13px 16px;font-size:14px;color:#1e293b;border-bottom:1px solid #f1f5f9}.cases-table tr.clickable-row{cursor:pointer;transition:background .15s}.cases-table tr.clickable-row:hover{background:#f8fafc}.cases-table tr:last-child td{border-bottom:none}.cases-table tr:last-child td:first-child{border-bottom-left-radius:8px}.cases-table tr:last-child td:last-child{border-bottom-right-radius:8px}.title-cell .case-title{font-weight:500}.client-cell{color:#64748b}.version-cell .version-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:#e2e8f0;border-radius:12px;font-size:12px;font-weight:500;color:#475569}.status-cell .status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.deleted{background:#fee2e2;color:#991b1b}.status-badge.archived{background:#f3f4f6;color:#4b5563}.date-cell{color:#64748b;font-size:13px}.actions-cell{display:flex;gap:8px}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .15s}.action-btn svg{color:#64748b}.action-btn.edit:hover{background:#eff6ff;border-color:#93c5fd}.action-btn.edit:hover svg{color:#2563eb}.action-btn.delete:hover{background:#fef2f2;border-color:#fca5a5}.action-btn.delete:hover svg{color:#dc2626}.cases-stats{padding:13px 21px;background:#fff;border-top:1px solid #e2e8f0;font-size:13px;color:#64748b}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:13px;padding:21px;width:100%;max-width:480px;box-shadow:0 20px 25px -5px #0000001a}.modal-content h2{margin:0 0 21px;font-size:18px;font-weight:600;color:#1e293b}.modal-content.delete-modal{max-width:400px;text-align:center}.modal-content.delete-modal p{margin:0 0 8px;color:#1e293b}.modal-content.delete-modal .warning-text{color:#dc2626;font-size:13px;margin-bottom:21px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#475569}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 13px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;transition:border-color .15s;box-sizing:border-box;background:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#2563eb}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:21px}.btn-cancel{padding:10px 16px;background:transparent;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#64748b;cursor:pointer;transition:all .15s}.btn-cancel:hover{background:#f8fafc}.btn-submit{padding:10px 16px;background:#2563eb;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .15s}.btn-submit:hover{background:#1d4ed8}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.btn-delete{padding:10px 16px;background:#dc2626;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .15s}.btn-delete:hover{background:#b91c1c}.btn-delete:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.cases-toolbar{flex-direction:column;gap:13px}.toolbar-left{flex-direction:column;width:100%}.search-box,.toolbar-right{width:100%}.btn-create{width:100%;justify-content:center}.cases-table{font-size:13px}.cases-table th,.cases-table td{padding:10px 12px}}