*{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:55px}.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}.logout-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all var(--transition-normal)}.logout-btn:hover{background:#fee2e2;color:#dc2626}.logout-btn svg{stroke:currentColor}.user-menu{position:relative}.user-avatar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;cursor:pointer;background:transparent;transition:all var(--transition-normal)}.user-avatar-btn:hover{box-shadow:0 0 0 3px #2563eb33}.user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.user-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:220px;z-index:1000;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown .user-info{padding:13px 16px;display:flex;flex-direction:column;gap:2px}.user-dropdown .user-info strong{font-size:14px;color:var(--text-primary)}.user-dropdown .user-info span{font-size:12px;color:var(--text-muted)}.user-dropdown hr{margin:0;border:none;border-top:1px solid var(--border-light)}.logout-dropdown-btn{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:transparent;border:none;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.logout-dropdown-btn:hover{background:#fee2e2;color:#dc2626}.logout-dropdown-btn 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;z-index:20}.case-sidebar{width:280px;background:var(--bg-card);border-right:1px solid var(--border-light);display:flex;flex-direction:column;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.case-sidebar.collapsed{width:0;opacity:0;border-right:none}.sidebar-toggle{position:absolute;transform:translateY(-50%);width:20px;height:40px;background:#2563eb;border:none;border-radius:0 6px 6px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease;z-index:10;box-shadow:2px 0 8px #2563eb4d;position:fixed;top:50%;left:280px;transition:left .3s cubic-bezier(.4,0,.2,1)}.case-sidebar.collapsed+.sidebar-toggle{left:0}.sidebar-toggle:hover{background:#1d4ed8;width:24px}.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)}.new-case-form select,.new-case-form .team-select{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);cursor:pointer}.new-case-form select:focus,.new-case-form .team-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-bg)}.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}.sidebar-import-toggle{display:flex;background:var(--bg-page, #f1f5f9);border-radius:6px;padding:2px}.sidebar-import-toggle .stgl-btn{flex:1;padding:6px 8px;background:transparent;border:none;border-radius:4px;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s}.sidebar-import-toggle .stgl-btn.active{background:#fff;color:#1e293b;box-shadow:0 1px 2px #0000000d}.sidebar-import-toggle .stgl-btn:hover:not(.active){color:#475569}.new-case-form .case-combobox{font-size:13px}.new-case-form .case-combobox-label{display:none}.new-case-form .case-combobox-input{font-size:13px;padding:8px 10px}.imported-client-display{padding:10px var(--space-sm, 8px);border:1px solid var(--border-light, #e2e8f0);border-radius:var(--radius-md, 8px);font-size:14px;color:var(--text-secondary, #64748b);background:var(--bg-page, #f8fafc)}.client-autocomplete{position:relative;width:100%}.client-input-wrapper{display:flex;align-items:center;gap:8px;padding:10px var(--space-sm, 8px);border:1px solid var(--border-light, #e2e8f0);border-radius:var(--radius-md, 8px);background:var(--bg-card, #ffffff);transition:all .15s}.client-input-wrapper:focus-within{border-color:var(--accent-primary, #2563eb);box-shadow:0 0 0 3px var(--accent-primary-bg, rgba(37, 99, 235, .1))}.client-input-wrapper svg{color:var(--text-muted, #94a3b8);flex-shrink:0}.client-input{flex:1;border:none;background:transparent;font-size:14px;color:var(--text-primary, #1e293b);outline:none;min-width:0}.client-input::placeholder{color:var(--text-muted, #94a3b8)}.client-input.invalid{color:var(--accent-danger, #dc2626)}.client-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-card, #ffffff);border:1px solid var(--border-light, #e2e8f0);border-radius:var(--radius-md, 8px);box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:100}.client-loading,.client-empty{padding:12px;text-align:center;color:var(--text-muted, #94a3b8);font-size:13px}.client-option{padding:10px 12px;cursor:pointer;font-size:14px;color:var(--text-primary, #1e293b);transition:background .15s}.client-option:hover{background:var(--bg-hover, #f1f5f9)}.client-option.selected{background:var(--accent-primary-bg, rgba(37, 99, 235, .1));color:var(--accent-primary, #2563eb)}.client-option.new-client{display:flex;align-items:center;gap:8px;color:var(--accent-primary, #2563eb);font-weight:500;border-bottom:1px solid var(--border-light, #e2e8f0)}.client-option.new-client svg{color:var(--accent-primary, #2563eb)}.client-option-main{display:flex;align-items:center;gap:6px}.client-option-erp-id{font-size:11px;font-weight:600;color:#6366f1;background:#eef2ff;padding:1px 5px;border-radius:4px;flex-shrink:0;font-family:SF Mono,Fira Code,monospace}.client-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-option-subtitle{display:block;font-size:12px;color:var(--text-muted, #94a3b8);margin-top:2px;padding-left:2px}.case-combobox{position:relative;margin-bottom:12px}.case-combobox-label{display:block;font-size:12px;font-weight:500;color:#64748b;margin-bottom:6px}.case-combobox-input-wrapper{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;transition:all .2s ease}.case-combobox-input-wrapper:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.case-combobox-input-wrapper svg{color:#94a3b8;flex-shrink:0}.case-combobox-input{flex:1;border:none;background:transparent;padding:10px 0;font-size:14px;color:#1e293b;outline:none}.case-combobox-input::placeholder{color:#94a3b8}.case-combobox-clear{background:none;border:none;font-size:18px;color:#94a3b8;cursor:pointer;padding:0 4px;line-height:1}.case-combobox-clear:hover{color:#ef4444}.case-combobox-toggle{background:none;border:none;padding:4px;cursor:pointer;color:#64748b;display:flex;align-items:center}.case-combobox-toggle:hover{color:#1e293b}.case-combobox-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:280px;overflow-y:auto;z-index:100}.case-combobox-loading,.case-combobox-empty{padding:16px;text-align:center;color:#64748b;font-size:13px}.case-combobox-option{padding:10px 12px;cursor:pointer;transition:background .15s ease;border-bottom:1px solid #f1f5f9}.case-combobox-option:last-child{border-bottom:none}.case-combobox-option:hover{background:#f1f5f9}.case-option-main{display:flex;align-items:center;gap:6px;margin-bottom:2px}.case-option-erp-id{font-size:11px;font-weight:600;color:#6366f1;background:#eef2ff;padding:1px 5px;border-radius:4px;flex-shrink:0;font-family:SF Mono,Fira Code,monospace}.case-option-longlist-tag{font-size:10px;font-weight:500;color:#f59e0b;background:#fef3c7;padding:1px 5px;border-radius:4px;flex-shrink:0}.case-option-title{font-size:14px;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-option-meta{display:flex;align-items:center;gap:8px;padding-left:2px}.case-option-client{font-size:12px;color:#94a3b8}.case-option-status{font-size:10px;font-weight:500;padding:1px 6px;border-radius:10px;text-transform:capitalize}.case-option-status.active{color:#16a34a;background:#f0fdf4}.case-option-status.closed{color:#64748b;background:#f1f5f9}.case-option-status.intake{color:#2563eb;background:#eff6ff}.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);box-shadow:var(--shadow-card);padding:0;overflow:hidden;display:flex;flex-direction:column}.candidate-table-wrapper{width:100%;overflow-x:auto;display:flex;flex-direction:column;background:var(--bg-card)}.header-table-container{min-width:1400px;width:fit-content;background:#4472c4;border-bottom:2px solid #3563b5;padding-right:15px}.body-table-container{min-width:1400px;width:fit-content;max-height:70vh;overflow-y:scroll;overflow-x:hidden}.candidate-table{width:100%;border-collapse:separate;border-spacing:0;margin:0;table-layout:fixed}.candidate-table.header-only th{background:#4472c4;color:#fff;padding:12px 10px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;border-right:1px solid #3563b5;white-space:nowrap;box-sizing:border-box;height:40px}.candidate-table.header-only th:first-child{border-left:1px solid #3563b5}.candidate-table.body-only td{padding:10px;font-size:12px;color:var(--text-primary);border-bottom:1px solid var(--border-medium);border-right:1px solid var(--border-medium);vertical-align:top;box-sizing:border-box;background-clip:padding-box;overflow:hidden}.candidate-table.body-only td:first-child{border-left:1px solid var(--border-medium)}.candidate-row:nth-child(2n) td{background-color:var(--bg-page)}.candidate-row:nth-child(odd) td{background-color:#fff}.candidate-row:hover td{background-color:var(--accent-primary-bg)!important}.candidate-row.dragging td{background-color:#d4e4ff!important}.col-drag{width:30px;text-align:center}.col-name{width:140px}.col-location{width:100px}.col-years{width:70px;text-align:center}.col-experience{width:280px}.col-education{width:180px}.col-reason{width:200px}.col-strength{width:100px}.col-proximity{width:120px}.col-selection{width:70px;text-align:center}.col-reason{width:160px}.col-actions{width:40px;text-align:center}.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)}.name-cell{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.name-cell .editable-cell{font-size:14px;font-weight:700}.linkedin-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.linkedin-icon{display:flex;align-items:center;color:#0077b5;opacity:.7;transition:opacity .2s}.linkedin-icon:hover{opacity:1}.linkedin-edit-btn,.linkedin-add-btn{display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:2px;opacity:0;transition:opacity .15s}.name-cell:hover .linkedin-edit-btn,.name-cell:hover .linkedin-add-btn{opacity:.7}.linkedin-edit-btn:hover,.linkedin-add-btn:hover{opacity:1!important;color:#0077b5}.linkedin-url-input{width:100%;margin-top:4px}.linkedin-url-input input{width:100%;padding:4px 8px;font-size:11px;border:1px solid #0077b5;border-radius:4px;outline:none;background:#f0f9ff}.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-line{display:block;margin-bottom:2px}.experience-line.present-job,.experience-line .exp-period{font-weight:700}.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 .15s;outline:none}.editable-cell:hover{background:#4472c41a}.editable-cell.editing{background:var(--bg-card);box-shadow:0 0 0 2px #4472c4;cursor:text}.strength-dropdown,.proximity-dropdown,.selection-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 .15s}.strength-dropdown:hover,.proximity-dropdown:hover,.selection-dropdown:hover{border-color:#0003}.strength-dropdown:focus,.proximity-dropdown:focus,.selection-dropdown:focus{outline:none;border-color:#4472c4;box-shadow:0 0 0 2px #4472c433}.col-strength.cell-strong-fit{background:#d5e8d4!important;color:#2e6b2e;font-weight:500}.col-strength.cell-reasonable{background:#dae3f3!important;color:#2e5299;font-weight:500}.col-proximity.cell-nationwide{background:#fff2cc!important;color:#806600;font-weight:500}.col-proximity.cell-local{background:#d5e8d4!important;color:#2e6b2e;font-weight:500}.col-selection.cell-yes{background:#dae3f3!important;color:#2e5299;font-weight:600}.col-selection.cell-no{background:#f8d7da!important;color:#842029;font-weight:600}.proximity-text{font-size:10px;margin-top:6px;padding-top:6px;border-top:1px dashed rgba(0,0,0,.15);opacity:.85}.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);opacity:0;transition:all .15s}.candidate-row:hover .btn-delete{opacity:1}.btn-delete:hover{background:var(--danger);color:#fff}.table-loading{display:flex;flex-direction:column;align-items:center;gap:13px;padding:60px 20px;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}.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}.enhance-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.enhance-modal{background:#fff;border-radius:12px;width:420px;max-width:90vw;box-shadow:0 20px 60px #0003;animation:enhanceModalIn .2s ease-out}@keyframes enhanceModalIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.enhance-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.enhance-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.enhance-modal-close{background:none;border:none;font-size:22px;color:#94a3b8;cursor:pointer;padding:0;line-height:1}.enhance-modal-close:hover{color:#475569}.enhance-modal-body{padding:20px}.enhance-modal-desc{margin:0 0 16px;font-size:13px;color:#64748b;line-height:1.5}.enhance-modal-info{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#f0f4ff;border-radius:8px;margin-bottom:16px;font-size:12px;color:#4b5563;line-height:1.5}.enhance-modal-info svg{flex-shrink:0;margin-top:1px;color:#6366f1}.enhance-modal-field{margin-bottom:16px}.enhance-modal-field:last-child{margin-bottom:0}.enhance-modal-field label{display:block;font-size:13px;font-weight:500;color:#334155;margin-bottom:6px}.enhance-modal-field .optional{font-weight:400;color:#94a3b8;font-size:12px}.enhance-modal-field select{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#f8fafc;cursor:pointer}.enhance-modal-field select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.speaker-options{display:flex;gap:8px}.speaker-option{flex:1;padding:8px 4px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;font-size:13px;color:#475569;cursor:pointer;transition:all .15s}.speaker-option:hover{border-color:#c4b5fd;background:#f5f3ff}.speaker-option.active{border-color:#7c3aed;background:#7c3aed;color:#fff;font-weight:500}.enhance-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0}.enhance-modal-btn{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none}.enhance-modal-btn.cancel{background:#f1f5f9;color:#475569}.enhance-modal-btn.cancel:hover{background:#e2e8f0}.enhance-modal-btn.skip{background:#fff;color:#7c3aed;border:1px solid #c4b5fd}.enhance-modal-btn.skip:hover{background:#f5f3ff}.enhance-modal-btn.confirm{background:#7c3aed;color:#fff}.enhance-modal-btn.confirm:hover{background:#6d28d9}.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)}.position-color-picker{display:flex;align-items:center;gap:6px;margin-top:6px}.position-color-picker .color-label{font-size:11px;color:var(--text-muted);margin-right:2px}.color-swatch{width:20px;height:20px;border-radius:4px;border:2px solid transparent;cursor:pointer;padding:0;transition:border-color .15s,transform .15s}.color-swatch:hover{transform:scale(1.15);border-color:var(--text-muted)}.color-swatch.active{border-color:var(--text-primary);box-shadow:0 0 0 2px 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{position:relative;padding:16px;background:var(--bg-page);border-radius:var(--radius-md);margin-bottom:var(--space-sm)}.item-remove{position:absolute;top:8px;right:8px;z-index:1}.experience-grouped{border-left:3px solid var(--accent-primary);background:linear-gradient(135deg,var(--accent-primary-bg) 0%,var(--bg-page) 100%)}.exp-group-header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.exp-flat-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;align-items:center;z-index:1}.exp-flat-actions .item-remove{position:static}.group-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;color:var(--accent-primary);background:#2563eb1a;padding:2px 8px;border-radius:var(--radius-sm)}.group-actions{display:flex;gap:4px;align-items:center}.btn-ungroup,.btn-group-exp{background:none;border:1px solid var(--border-medium);padding:3px 8px;border-radius:var(--radius-sm);font-size:11px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-ungroup:hover,.btn-group-exp:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.sub-experiences{margin-top:8px;padding-left:13px;border-left:2px solid var(--border-light)}.sub-experience-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-card);border-radius:var(--radius-sm);margin-bottom:6px}.sub-experience-item .field-group{margin-bottom:0}.sub-experience-item .field-group.small{flex:0 0 160px}.sub-experience-item .field-group:not(.small){flex:1}.sub-experience-item input{padding:6px 8px;font-size:13px}.sub-bullet{color:var(--text-muted);font-size:14px;flex-shrink:0}.sub-remove{flex-shrink:0}.btn-add-sub{background:none;border:1px dashed var(--border-medium);padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);cursor:pointer;width:100%;margin-top:4px;transition:all var(--transition-normal)}.btn-add-sub:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.btn-add-item{background:none;border:1px dashed var(--border-medium);padding:var(--space-sm) 16px;border-radius:var(--radius-md);font-size:13px;color:var(--text-secondary);cursor:pointer;width:100%;transition:all var(--transition-normal)}.btn-add-item:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--bg-page)}.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)}.section-remove{margin-right:var(--space-xs);padding:2px}.add-section-area{margin-top:var(--space-sm)}.add-section-form{display:flex;gap:var(--space-xs);align-items:center}.add-section-form input{flex:1;padding:8px var(--space-sm);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:13px}.add-section-form input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-bg)}.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}.upload-mode-toggle{display:flex;background:var(--bg-page, #f1f5f9);border-radius:8px;padding:3px;margin-bottom:21px}.upload-mode-toggle .utgl-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 13px;background:transparent;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s}.upload-mode-toggle .utgl-btn.active{background:#fff;color:#1e293b;box-shadow:0 1px 2px #0000000d}.upload-mode-toggle .utgl-btn:hover:not(.active){color:#475569}.upload-mode-toggle .utgl-btn svg{flex-shrink:0}.recording-picker{margin-bottom:21px}.recording-picker-loading{text-align:center;padding:34px 21px;color:var(--text-secondary);font-size:14px}.recording-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.recording-item{padding:13px 16px;background:var(--bg-card, #ffffff);border:1px solid var(--border-light, #e2e8f0);border-radius:8px;cursor:pointer;transition:all .15s}.recording-item:hover{border-color:var(--accent-primary, #2563eb);box-shadow:0 2px 8px #2563eb1a}.recording-item.selected{border-color:var(--accent-primary, #2563eb);background:var(--accent-primary-bg, #eff6ff);box-shadow:0 2px 8px #2563eb26}.recording-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.recording-title{font-size:14px;font-weight:500;color:var(--text-primary, #1e293b)}.recording-duration{font-size:12px;color:var(--text-secondary, #64748b);background:var(--bg-page, #f1f5f9);padding:2px 8px;border-radius:4px}.recording-item-meta{display:flex;gap:13px;font-size:12px;color:var(--text-secondary, #64748b);margin-bottom:8px}.recording-item-preview{font-size:12px;color:var(--text-muted, #94a3b8);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recording-status-badge{font-size:11px;padding:2px 8px;border-radius:10px;background:#fef3c7;color:#92400e;font-weight:500;white-space:nowrap}.recording-item-pending:hover{border-color:inherit;box-shadow:none}.recording-picker-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px 21px;text-align:center;color:var(--text-secondary, #64748b);font-size:14px;background:var(--bg-page, #f8fafc);border-radius:8px}.recording-picker-empty svg{color:var(--text-muted, #94a3b8);margin-bottom:8px}.recording-picker-empty p{margin:0}.recording-search{display:flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid var(--border-light, #e2e8f0);border-radius:8px;background:var(--bg-card, #fff);margin-bottom:8px}.recording-search svg{color:var(--text-muted, #94a3b8);flex-shrink:0}.recording-search input{flex:1;border:none;background:transparent;font-size:14px;color:var(--text-primary, #1e293b);outline:none}.recording-search input::placeholder{color:var(--text-muted, #94a3b8)}.recording-search-clear{background:none;border:none;color:var(--text-muted, #94a3b8);cursor:pointer;font-size:18px;padding:0 4px;line-height:1}.recording-search-clear:hover{color:var(--text-primary, #1e293b)}.recording-picker-context{font-size:12px;color:var(--text-muted, #94a3b8);padding:0 4px 8px}.btn-find-manually{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:8px 21px;background:var(--accent-primary, #2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.btn-find-manually:hover{background:#1d4ed8}.btn-find-manually svg{color:#fff}.candidate-section-divider{display:flex;align-items:center;gap:13px;margin:21px 0 13px;color:var(--text-muted, #94a3b8);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.candidate-section-divider:before,.candidate-section-divider:after{content:"";flex:1;height:1px;background:var(--border-light, #e2e8f0)}.candidate-card.standalone{border-style:dashed}.rec-badge.direct-badge{background:#f0fdf4;color:#16a34a}.no-longlist-notice{display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px 21px;text-align:center;color:var(--text-secondary);font-size:14px;background:var(--bg-page);border-radius:var(--radius-md)}.no-longlist-notice p{margin:0}.resume-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:34px 21px;margin-top:21px;border:2px dashed var(--border-light, #cbd5e1);border-radius:8px;background:var(--bg-page, #f8fafc);color:var(--text-secondary, #64748b);font-size:14px;cursor:pointer;transition:all .2s}.resume-dropzone:hover{border-color:var(--accent-primary, #2563eb);background:var(--accent-primary-bg, #eff6ff);color:var(--accent-primary, #2563eb)}.resume-dropzone.dragging{border-color:var(--accent-primary, #2563eb);background:var(--accent-primary-bg, #eff6ff);color:var(--accent-primary, #2563eb);box-shadow:0 0 0 4px #2563eb1a}.resume-dropzone.parsing{opacity:.7;cursor:not-allowed}.resume-dropzone svg{color:inherit}.dropzone-hint{font-size:12px;color:var(--text-muted, #94a3b8)}.spinner-sm{width:16px;height:16px;border:2px solid #e2e8f0;border-top-color:var(--accent-primary);border-radius:50%;animation:spin .6s linear infinite}.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)}.resume-direct-label{display:inline-block;font-size:11px!important;color:var(--accent-primary)!important;background:var(--accent-primary-bg);padding:1px 8px;border-radius:4px;font-weight:500}.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)}.rec-version-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.version-pills{display:flex;gap:6px;flex-wrap:wrap}.version-pill{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;transition:all .15s;font-size:12px;position:relative}.version-pill:hover{border-color:var(--accent-primary);background:var(--accent-primary-bg)}.version-pill.active{border-color:var(--accent-primary);background:var(--accent-primary-bg);color:var(--accent-primary);font-weight:600}.version-pill.final{border-color:var(--success)}.version-pill.final.active{background:var(--success-bg);border-color:var(--success)}.version-pill.new-version{border-style:dashed;border-color:var(--text-muted);color:var(--text-muted)}.version-pill.new-version:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-primary-bg)}.version-pill.new-version-pill{border-style:dashed;border-color:var(--accent-primary);animation:pulse-border 1.5s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:var(--accent-primary)}50%{border-color:var(--accent-primary-bg)}}.version-pill:disabled{opacity:.5;cursor:not-allowed}.btn-save-new{background:var(--success)!important;font-weight:600!important}.new-version-banner{padding:8px 16px;background:#eff6ff;border:1px dashed var(--accent-primary);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);font-size:13px;color:var(--accent-primary);text-align:center}.version-num{font-weight:600;font-size:13px}.version-date{font-size:10px;color:var(--text-muted)}.final-tag{position:absolute;top:-6px;right:-6px;background:var(--success);color:#fff;font-size:8px;font-weight:700;padding:1px 4px;border-radius:3px}.ai-tag{position:absolute;top:-6px;right:-6px;background:var(--primary);color:#fff;font-size:8px;font-weight:700;padding:1px 4px;border-radius:3px}.version-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.btn-save-draft{padding:7px 16px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer}.btn-save-draft:hover:not(:disabled){opacity:.9}.btn-save-draft:disabled{opacity:.6;cursor:not-allowed}.btn-mark-final{padding:7px 16px;background:var(--success);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer}.btn-mark-final:hover{opacity:.9}.btn-unmark-final{padding:7px 16px;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:13px;cursor:pointer}.btn-unmark-final:hover{border-color:var(--danger);color:var(--danger)}.download-dropdown{position:relative}.btn-download{display:flex;align-items:center;gap:6px;padding:7px 16px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:13px;cursor:pointer}.btn-download:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.btn-download:disabled{opacity:.6;cursor:not-allowed}.download-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-sm);box-shadow:0 4px 12px #0000001a;z-index:10;min-width:140px}.download-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:none;background:none;font-size:13px;color:var(--text-primary);cursor:pointer}.download-menu button:hover{background:var(--bg-hover)}.final-badge-editor{display:inline-flex;align-items:center;gap:4px;background:var(--success);color:#fff;font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-sm);margin-left:8px}.rec-version-info{font-size:10px;color:var(--text-muted);margin-top:2px}.drag-handle{display:inline-flex;align-items:center;cursor:grab;color:var(--text-muted, #94a3b8);padding:2px 4px;margin-right:6px;border-radius:4px;flex-shrink:0}.drag-handle:hover{color:var(--text-secondary, #64748b);background:var(--bg-hover, #f1f5f9)}.drag-handle:active{cursor:grabbing}.education-item.drag-over,.experience-item.drag-over,.screening-section.drag-over{border:2px dashed var(--accent-primary, #2563eb)!important;background:var(--accent-primary-bg, #eff6ff)!important}.education-item[draggable=true]:hover,.experience-item[draggable=true]:hover,.screening-section[draggable=true]:hover{box-shadow:0 2px 8px #00000014}.exp-group-header-bar,.section-header{align-items:center}.pipeline-progress{margin:13px 0;padding:16px 21px;border-radius:8px;background:#eff6ff;border:1px solid #bfdbfe}.pipeline-progress.done{background:#f0fdf4;border-color:#bbf7d0}.pipeline-progress.failed{background:#fef2f2;border-color:#fecaca}.pipeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pipeline-title{font-weight:600;font-size:14px;color:#1e293b}.pipeline-progress.done .pipeline-title{color:#15803d}.pipeline-progress.failed .pipeline-title{color:#dc2626}.pipeline-step-count{font-size:12px;color:#64748b}.pipeline-bar-track{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:8px}.pipeline-bar-fill{height:100%;background:#2563eb;border-radius:3px;transition:width .6s ease}.pipeline-progress.done .pipeline-bar-fill{background:#22c55e}.pipeline-progress.failed .pipeline-bar-fill{background:#ef4444}.pipeline-label{font-size:13px;color:#475569}.pipeline-progress.active .pipeline-label:after{content:"";display:inline-block;width:4px;height:4px;margin-left:6px;border-radius:50%;background:#2563eb;animation:pipeline-pulse 1.2s ease-in-out infinite}@keyframes pipeline-pulse{0%,to{opacity:.3}50%{opacity:1}}.entry-page{width:100%;height:100vh;display:flex;flex-direction:column;background:#f8fafc;overflow-y:auto}.entry-main{flex:1;padding:21px 0 100px;display:flex;flex-direction:column}.entry-container{max-width:1400px;margin:0 auto;padding:0 55px;width:100%;flex:1;display:flex;flex-direction:column;gap:21px;overflow:visible}.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}}.case-list-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px;background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);padding:12px 16px;border-radius:12px;box-shadow:0 4px 6px #00000005}.toolbar-left{display:flex;gap:12px;flex:1;align-items:center}.search-wrapper{flex:1;max-width:400px;position:relative}.search-input-lg{width:100%;padding:10px 16px;border:1px solid rgba(226,232,240,.8);border-radius:8px;font-size:14px;color:#1e293b;background:#ffffffe6;transition:all .2s}.search-input-lg:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.quick-filters{display:flex;gap:8px}.filter-select-sm{padding:10px 12px;border:1px solid rgba(226,232,240,.8);border-radius:8px;font-size:13px;color:#475569;background:#ffffffe6;min-width:130px;cursor:pointer;height:42px;transition:all .2s}.filter-select-sm:hover{background:#fff;border-color:#cbd5e1}.filter-select-sm:focus{outline:none;border-color:#2563eb;background:#fff}.new-case-btn{padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap;height:42px;display:flex;align-items:center}.new-case-btn:hover{background:#1d4ed8}.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;flex:1;justify-content:center;padding:0 20px}.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;display:flex;align-items:center;gap:8px}.nav-badge{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;font-size:12px;font-weight:600;border-radius:10px;background:#f1f5f9;color:#64748b;transition:all .15s ease}.nav-btn:hover .nav-badge{background:#e2e8f0;color:#1e293b}.nav-btn.active .nav-badge{background:#dbeafe;color:#2563eb}.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}.icon-btn.admin-icon{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0}.icon-btn.admin-icon:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.icon-btn.admin-icon svg{fill:#16a34a}.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-info{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.profile-name{font-size:14px;font-weight:500;color:#1e293b;line-height:1.2}.profile-title{font-size:11px;color:#64748b;font-weight:400;line-height:1.2}.dropdown-title{font-size:12px;color:#64748b}.profile-btn{display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:4px;border-radius:8px;transition:background .15s ease}.profile-btn:hover{background:#f1f5f9}.profile-avatar-img{width:32px;height:32px;border-radius:8px;object-fit:cover}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #0000001f;min-width:200px;z-index:1000;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-info{padding:12px 16px;display:flex;flex-direction:column;gap:2px}.profile-dropdown-info strong{font-size:14px;color:#1e293b}.profile-dropdown-info span{font-size:12px;color:#64748b}.profile-dropdown hr{margin:0;border:none;border-top:1px solid #e2e8f0}.profile-dropdown-logout{width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:14px;color:#64748b;cursor:pointer;transition:all .15s ease}.profile-dropdown-logout:hover{background:#fef2f2;color:#dc2626}.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){.entry-header-content{gap:16px}.date-display{display:none}.nav-buttons{padding:0 10px}}@media(max-width:1000px){.nav-buttons,.profile-info{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{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px;gap:34px}.features-logo,.features-mascot{height:120px;width:auto;object-fit:contain;flex-shrink:0}.features-header-text{text-align:center;flex:1}.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-top-controls{position:fixed;top:21px;right:34px;z-index:100;display:flex;align-items:center;gap:8px}.features-top-controls .icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #0000000a}.features-top-controls .icon-btn svg{width:18px;height:18px}.features-top-controls .features-logout-btn:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.features-top-controls .admin-btn{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0;color:#16a34a}.features-top-controls .admin-btn:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.language-toggle.icon-btn{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.language-toggle .lang-label{display:flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:11px;font-weight:700;letter-spacing:.5px;color:inherit;line-height:1}.language-toggle:hover{background:#f0f4ff;border-color:#bfdbfe;color:#2563eb}@media(max-width:600px){.features-header{flex-direction:column;align-items:center}.features-mascot{display:none}.features-logo{height:40px}.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)}.start-btn-sub{font-size:11px;font-weight:400;opacity:.7;letter-spacing:.3px}.recording-indicators{display:flex;gap:8px;align-items:center}.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}.audio-source-indicator{display:flex;align-items:center;gap:6px;padding:4px 13px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:34px;font-size:12px;font-weight:500;color:#2563eb}@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}.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}.transcript-viewer.inline{max-width:none;max-height:none;height:100%;border-radius:0;box-shadow:none;overflow-y:auto}.transcript-viewer.inline .viewer-sticky-group{position:sticky;top:0;z-index:10;background:#f8fafc;box-shadow:0 1px 2px #0000000d}.transcript-viewer.inline .viewer-header,.transcript-viewer.inline .audio-player{position:static;top:auto;z-index:auto}.transcript-viewer.inline .transcript-segments{overflow-y:visible;flex:none;min-height:200px}.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;flex-shrink:0;overflow:visible}.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;margin:0 10px;overflow:visible;min-width:80px}.progress-fill{height:100%;background:#2563eb;border-radius:4px}.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}.transcript-segments{position:relative;flex:1;overflow-y:auto;padding:13px 21px;scroll-behavior:smooth}.follow-btn{position:sticky;bottom:8px;left:50%;transform:translate(-50%);display:block;margin:0 auto;z-index:10;padding:6px 16px;font-size:12px;font-weight:600;color:#fff;background:#2563eb;border:none;border-radius:20px;cursor:pointer;box-shadow:0 2px 8px #2563eb59;animation:followFadeIn .2s ease-out}.follow-btn:hover{background:#1d4ed8}@keyframes followFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.segment{padding:13px;margin-bottom:8px;background:#f8fafc;border:1px solid #e2e8f0;border-left:3px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.segment:hover{background:#f1f5f9;border-color:#cbd5e1}.segment.active{background:#fefce8;border-color:#eab308;box-shadow:0 0 0 2px #eab30826}.segment.active .segment-text{color:#1e293b}.segment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.speaker-name{font-size:13px;font-weight:600;color:#2563eb}.speaker-badge{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px}.segment-time{font-size:12px;font-family:monospace;color:#94a3b8;background:#e2e8f0;padding:2px 6px;border-radius:4px}.segment.active .segment-time{background:#fef08a;color:#854d0e}.segment-text{font-size:14px;line-height:1.6;color:#334155}.segment-text.editable{outline:none;border:1px dashed #cbd5e1;border-radius:4px;padding:4px 6px;margin:-4px -6px;cursor:text;background:#fff}.segment-text.editable:focus{border-color:#2563eb;border-style:solid;box-shadow:0 0 0 2px #2563eb1a}.transcript-segments.editing .segment{cursor:default}.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}.viewer-tabs{display:flex;padding:0 21px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.viewer-tab{display:flex;align-items:center;gap:6px;padding:13px 21px;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.viewer-tab:hover{color:#1e293b}.viewer-tab.active{color:#2563eb;border-bottom-color:#2563eb}.viewer-tab svg{width:16px;height:16px}.summary-tab-content{flex:1;overflow-y:auto;padding:21px;display:flex;flex-direction:column;gap:21px}.generate-buttons{display:flex;gap:13px;justify-content:center}.generate-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 34px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease;min-width:160px}.generate-btn:hover:not(:disabled){background:#f1f5f9;border-color:#2563eb;color:#2563eb}.generate-btn.active{background:#eff6ff;border-color:#2563eb;color:#2563eb}.generate-btn:disabled{opacity:.7;cursor:not-allowed}.generate-btn.cached{border-color:#16a34a;color:#16a34a}.generate-btn.cached:hover:not(:disabled){background:#f0fdf4;border-color:#16a34a;color:#16a34a}.generate-btn.cached.active{background:#f0fdf4;border-color:#16a34a;color:#16a34a}.summary-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:55px 21px;color:#64748b;text-align:center}.summary-placeholder p{margin:0;font-size:14px}.summary-placeholder .placeholder-hint{font-size:13px;color:#94a3b8}.summary-loading{display:flex;align-items:center;justify-content:center;gap:13px;padding:55px 21px;color:#64748b;font-size:14px}.spinner{animation:spin 1s linear infinite}.summary-warning{padding:13px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;color:#92400e;font-size:13px}.summary-section{display:flex;flex-direction:column;gap:8px}.summary-section h4{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.summary-section h4 svg{color:#2563eb}.summary-text{padding:13px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;line-height:1.6;color:#334155;white-space:pre-wrap}.action-items{margin:0;padding:0;list-style:none}.action-items li{display:flex;align-items:flex-start;gap:8px;padding:10px 13px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:6px;font-size:14px;color:#334155}.action-items li:before{content:"☐";color:#2563eb;flex-shrink:0}.action-items li:last-child{margin-bottom:0}.email-section{display:flex;flex-direction:column;gap:8px;padding-top:13px;border-top:1px solid #e2e8f0}.email-section h4{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.email-section h4 svg{color:#16a34a}.email-form{display:flex;gap:8px}.email-input{flex:1;padding:10px 13px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s ease}.email-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.email-input::placeholder{color:#94a3b8}.send-btn{display:flex;align-items:center;gap:6px;padding:10px 21px;background:#16a34a;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.send-btn:hover:not(:disabled){background:#15803d}.send-btn:disabled{background:#94a3b8;cursor:not-allowed}.send-btn svg{width:16px;height:16px}.send-result{padding:10px 13px;border-radius:6px;font-size:13px}.send-result.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.send-result.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}@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}.transcript-segments{padding:8px 13px}.segment{padding:8px}.viewer-tabs{padding:0 13px}.viewer-tab{padding:10px 13px;font-size:13px}.summary-tab-content{padding:13px}.email-form{flex-direction:column}.send-btn{justify-content:center}}.summary-toolbar{display:flex;gap:8px;margin-bottom:13px}.toolbar-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.toolbar-btn:hover{background:#f1f5f9}.toolbar-btn.enhance-btn{color:#7c3aed;border-color:#c4b5fd;background:#f5f3ff}.toolbar-btn.enhance-btn:hover{border-color:#7c3aed;background:#ede9fe}.toolbar-btn.enhance-btn:disabled{opacity:.7;cursor:not-allowed}.toolbar-btn.enhance-btn.success{color:#059669;border-color:#6ee7b7;background:#ecfdf5}.toolbar-btn.edit-btn{color:#475569}.toolbar-btn.edit-btn:hover{border-color:#2563eb;color:#2563eb}.toolbar-btn.regenerate-btn{color:#dc2626;border-color:#fecaca}.toolbar-btn.regenerate-btn:hover{background:#fef2f2;border-color:#dc2626}.toolbar-btn.regenerate-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn.save-btn{background:#2563eb;color:#fff;border-color:#2563eb}.toolbar-btn.save-btn:hover{background:#1d4ed8}.toolbar-btn.save-btn:disabled{opacity:.6;cursor:not-allowed}.toolbar-btn.cancel-btn{color:#64748b}.toolbar-btn.cancel-btn:hover{background:#f1f5f9;color:#334155}.summary-edit-textarea{width:100%;padding:13px;background:#fff;border:2px solid #2563eb;border-radius:8px;font-size:14px;line-height:1.6;color:#334155;font-family:inherit;resize:vertical;min-height:120px;box-sizing:border-box;outline:none}.summary-edit-textarea:focus{box-shadow:0 0 0 3px #2563eb1a}.action-items-edit{display:flex;flex-direction:column;gap:6px}.action-item-edit-row{display:flex;align-items:center;gap:6px}.action-item-input{flex:1;padding:8px 12px;border:2px solid #e2e8f0;border-radius:6px;font-size:13px;color:#334155;font-family:inherit;outline:none;transition:border-color .15s ease}.action-item-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.action-item-delete-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#94a3b8;font-size:16px;cursor:pointer;flex-shrink:0;transition:all .15s ease}.action-item-delete-btn:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.add-action-item-btn{padding:8px 12px;border:2px dashed #cbd5e1;border-radius:6px;background:transparent;color:#64748b;font-size:13px;cursor:pointer;transition:all .15s ease}.add-action-item-btn:hover{border-color:#2563eb;color:#2563eb;background:#f8fafc}.no-action-items{padding:13px;color:#94a3b8;font-size:13px;font-style:italic;margin:0}.speaker-legend{margin:8px 21px;padding:13px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.speaker-legend-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:13px;font-weight:600;color:#475569;-webkit-user-select:none;user-select:none}.legend-chevron{transition:transform .2s ease;font-size:14px}.legend-chevron.open{transform:rotate(0)}.legend-chevron:not(.open){transform:rotate(-90deg)}.speaker-legend-list{margin-top:8px;display:flex;flex-direction:column;gap:4px}.speaker-legend-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;transition:background .15s ease}.speaker-legend-item:hover{background:#f1f5f9}.speaker-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.speaker-legend-name{font-size:13px;font-weight:600;cursor:pointer;padding:2px 6px;border-radius:4px;border:1px solid transparent;transition:all .15s ease}.speaker-legend-name:hover{border-color:#e2e8f0;background:#fff}.speaker-name-input{font-size:13px;font-weight:600;padding:2px 6px;border:2px solid #2563eb;border-radius:4px;outline:none;width:120px;font-family:inherit}.speaker-segment-count{font-size:11px;color:#94a3b8;margin-left:auto}.speaker-segment-count:after{content:" seg"}.speaker-merge-btn{font-size:11px;padding:2px 8px;background:transparent;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;transition:all .15s ease;flex-shrink:0}.speaker-merge-btn:hover{border-color:#f59e0b;color:#d97706;background:#fffbeb}.speaker-merge-select{font-size:11px;padding:2px 6px;border:2px solid #f59e0b;border-radius:4px;outline:none;background:#fff;font-family:inherit;cursor:pointer}.transcript-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 13px;background:#f8fafc;border-top:1px solid #e2e8f0;gap:8px;flex-wrap:wrap}.trim-controls{display:flex;align-items:center;gap:6px;color:#64748b;font-size:12px}.trim-label{font-weight:500;white-space:nowrap}.trim-input{padding:3px 6px;border:1px solid #cbd5e1;border-radius:4px;font-size:12px;font-family:SF Mono,monospace;text-align:center;outline:none;transition:border-color .15s}.trim-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.trim-now-btn{font-size:11px!important;padding:2px 6px!important;min-width:22px}.trim-separator{color:#94a3b8;font-weight:500}.transcript-edit-controls{display:flex;align-items:center;gap:6px}.trim-marker{position:absolute;top:-2px;bottom:-2px;width:3px;background:#ef4444;border-radius:1px;z-index:3;pointer-events:none}.trim-marker:after{content:"";position:absolute;top:-4px;left:-3px;width:9px;height:9px;background:#ef4444;border-radius:50%}.trim-start-marker{background:#22c55e}.trim-start-marker:after{background:#22c55e}.segment.trimmed{opacity:.35;position:relative}.segment.trimmed:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(239,68,68,.05) 4px,rgba(239,68,68,.05) 8px);pointer-events:none}.trimmed-badge{font-size:10px;color:#ef4444;background:#fef2f2;padding:1px 6px;border-radius:3px;font-weight:500}.transcript-edit-area{flex:1;overflow:hidden;padding:8px}.transcript-edit-textarea{width:100%;height:100%;min-height:300px;padding:13px;border:1px solid #cbd5e1;border-radius:8px;font-size:13px;font-family:SF Mono,Fira Code,monospace;line-height:1.6;resize:vertical;outline:none;transition:border-color .15s;box-sizing:border-box}.transcript-edit-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.enhance-progress-inline{display:flex;align-items:center;gap:8px;min-width:140px}.enhance-progress-bar{flex:1;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.enhance-progress-fill{height:100%;background:#2563eb;border-radius:2px;transition:width 1s linear}.enhance-progress-est{font-size:11px;color:#64748b;white-space:nowrap}.category-selector{display:flex;flex-direction:column;gap:8px}.category-selector.disabled{opacity:.6;pointer-events:none}.category-selector .selector-label{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.category-buttons{display:flex;flex-direction:column;gap:8px}.category-btn{display:flex;align-items:center;gap:13px;padding:13px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.category-btn:hover:not(:disabled){border-color:#cbd5e1;background:#f8fafc}.category-btn.selected{border-width:2px}.category-btn:disabled{cursor:not-allowed}.category-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#f1f5f9;border-radius:8px;color:#64748b;flex-shrink:0;transition:all .2s ease}.category-btn.selected .category-icon{background:var(--category-color, #2563eb);background:color-mix(in srgb,var(--category-color, #2563eb) 15%,white)}.category-info{display:flex;flex-direction:column;gap:2px}.category-label{font-size:14px;font-weight:600;color:#1e293b}.category-desc{font-size:12px;color:#94a3b8}@media(min-width:600px){.category-buttons{flex-direction:row}.category-btn{flex:1;flex-direction:column;text-align:center;padding:21px 13px}.category-info{align-items:center}}.entity-combobox{position:relative;margin-bottom:12px}.entity-label{display:block;font-size:12px;font-weight:500;color:#64748b;margin-bottom:6px}.entity-label .required{color:#ef4444;margin-left:2px}.entity-combobox .combobox-input-wrapper{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;transition:all .2s ease}.entity-combobox .combobox-input-wrapper:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.entity-combobox .combobox-input-wrapper svg{color:#94a3b8;flex-shrink:0}.entity-combobox .combobox-input{flex:1;border:none;background:transparent;padding:10px 0;font-size:14px;color:#1e293b;outline:none}.entity-combobox .combobox-input::placeholder{color:#94a3b8}.entity-combobox .combobox-input.invalid{color:#ef4444}.entity-combobox .combobox-toggle{background:none;border:none;padding:4px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center}.entity-combobox .combobox-toggle:hover{color:#1e293b}.entity-combobox .combobox-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:240px;overflow-y:auto;z-index:100}.entity-combobox .combobox-loading,.entity-combobox .combobox-empty{padding:16px;text-align:center;color:#64748b;font-size:13px}.entity-combobox .combobox-option{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;transition:background .15s ease}.entity-combobox .combobox-option:hover{background:#f1f5f9}.entity-combobox .combobox-option.selected{background:#eff6ff}.entity-combobox .combobox-option.new-name{background:#f0fdf4;color:#16a34a;gap:8px;justify-content:flex-start}.entity-combobox .combobox-option.new-name:hover{background:#dcfce7}.entity-combobox .option-main{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.entity-combobox .option-erp-id{font-size:11px;font-weight:600;color:#6366f1;background:#eef2ff;padding:1px 5px;border-radius:4px;flex-shrink:0;font-family:SF Mono,Fira Code,monospace}.entity-combobox .option-name{font-size:14px;color:#1e293b;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-combobox .option-subtitle{font-size:12px;color:#94a3b8;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.entity-combobox .validation-hint{display:block;font-size:11px;color:#ef4444;margin-top:4px}.user-picker{position:relative;width:100%}.user-picker-input-area{display:flex;flex-wrap:wrap;gap:5px;padding:6px 8px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;min-height:36px;align-items:center;cursor:text;transition:border-color .15s}.user-picker-input-area:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.user-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;background:#eff6ff;color:#1e40af;border-radius:13px;font-size:12px;line-height:1.4;white-space:nowrap}.user-chip.auto{background:#f1f5f9;color:#64748b;border:1px dashed #cbd5e1}.user-chip-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.user-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:transparent;color:inherit;font-size:14px;cursor:pointer;border-radius:50%;padding:0;line-height:1;opacity:.6;transition:opacity .15s,background .15s}.user-chip-remove:hover{opacity:1;background:#1e40af1a}.user-picker-input{flex:1;min-width:100px;border:none;background:transparent;outline:none;font-size:13px;color:#1e293b;padding:2px 0}.user-picker-input::placeholder{color:#94a3b8}.user-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:50}.user-picker-option{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;transition:background .1s}.user-picker-option:hover{background:#f1f5f9}.user-option-info{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.user-option-name{font-size:13px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-option-detail{font-size:11px;color:#94a3b8;white-space:nowrap}.user-picker-loading,.user-picker-empty{padding:12px;text-align:center;font-size:12px;color:#94a3b8}.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}.category-group{margin-bottom:13px}.category-header{display:flex;align-items:center;gap:8px;width:100%;padding:13px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.category-header:hover{background:#f1f5f9;border-color:var(--category-color, #e2e8f0)}.category-header.expanded{border-color:var(--category-color, #e2e8f0);background:color-mix(in srgb,var(--category-color, #e2e8f0) 5%,white)}.category-header svg{color:var(--category-color, #64748b);flex-shrink:0}.category-name{flex:1;font-size:15px;font-weight:600;color:#1e293b}.category-count{font-size:12px;color:#64748b;background:#e2e8f0;padding:2px 10px;border-radius:10px}.person-group{margin-left:21px;margin-top:8px}.person-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 13px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:left}.person-header:hover{background:#f8fafc}.person-header.expanded{border-radius:6px 6px 0 0;border-bottom-color:transparent;background:#f8fafc}.person-header svg{color:#94a3b8;flex-shrink:0}.person-name{flex:1;font-size:14px;font-weight:500;color:#1e293b}.person-count{font-size:11px;color:#94a3b8;background:#f1f5f9;padding:2px 8px;border-radius:8px}.expand-icon{font-size:10px;color:#94a3b8}.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}.person-group .recordings-list{border:1px solid #e2e8f0;border-top:none;margin-left:0}.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:#f8fafc;border-left:3px solid #cbd5e1}.recording-item.selected,.recording-item.selected:hover{background:#eff6ff;border-left:3px solid #2563eb}.recording-item.selected .recording-title{color:#2563eb}.recording-info{flex:1;min-width:0;cursor:pointer}.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}.recorder-info{color:#64748b;font-style:italic}.recording-actions{display:flex;gap:8px;margin-left:13px;flex-shrink:0}.recording-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#64748b}.recording-action-btn:hover{background:#f1f5f9;color:#1e293b}.recording-action-btn.play:hover,.recording-action-btn.play.playing{background:#2563eb;border-color:#2563eb;color:#fff}.recording-action-btn.edit:hover{background:#f59e0b;border-color:#f59e0b;color:#fff}.recording-action-btn.download:hover{background:#16a34a;border-color:#16a34a;color:#fff}.recording-action-btn.transcript:hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.recording-action-btn.transcript.loading{opacity:.6;cursor:wait}.recording-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}.delete-btn{background:#dc2626;color:#fff}.delete-btn:hover{background:#b91c1c}.recording-notes{display:block;font-size:12px;color:#64748b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-btn.edit:hover{background:#f59e0b;border-color:#f59e0b;color:#fff}.recording-item.editing{flex-direction:column;align-items:stretch;background:#fafafa}.recording-edit-form{display:flex;flex-direction:column;gap:12px;width:100%}.recording-edit-form .category-selector{margin:0}.recording-edit-form .category-selector .selector-label{font-size:11px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.recording-edit-form .category-buttons{gap:6px}.recording-edit-form .category-btn{padding:6px 10px;font-size:12px}.recording-edit-form .category-icon svg{width:16px;height:16px}.recording-edit-form .category-desc{display:none}.recording-edit-form .entity-combobox{margin:0}.recording-edit-form .entity-label{font-size:11px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.recording-edit-form .combobox-dropdown{max-height:150px}.edit-field{display:flex;flex-direction:column;gap:4px}.edit-field label{font-size:11px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.edit-field input,.edit-field textarea{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s ease}.edit-field input:focus,.edit-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.edit-field textarea{resize:vertical;min-height:50px}.edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.edit-actions .edit-save-btn,.edit-actions .edit-cancel-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease;white-space:nowrap}.edit-actions .edit-save-btn{background:#2563eb;color:#fff}.edit-actions .edit-save-btn:hover:not(:disabled){background:#1d4ed8}.edit-actions .edit-save-btn:disabled{opacity:.6;cursor:wait}.edit-actions .edit-cancel-btn{background:#f1f5f9;color:#475569}.edit-actions .edit-cancel-btn:hover:not(:disabled){background:#e2e8f0}.visibility-select{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:inherit;background:#fff;cursor:pointer;transition:border-color .2s ease}.visibility-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.visibility-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:11px}.visibility-badge.all{background:#dbeafe}.visibility-badge.leaders{background:#fef3c7}.visibility-badge.private{background:#fee2e2}.visibility-badge.team-leader{background:#e0f2fe}.visibility-badge.shared{background:#f0fdf4;color:#16a34a;cursor:help;font-weight:600}@media(max-width:768px){.recording-meta{flex-wrap:wrap;gap:8px}.recording-actions{flex-direction:column;gap:4px}.recording-action-btn{width:28px;height:28px}}.save-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:21px}.save-modal{background:#fff;border-radius:13px;box-shadow:0 8px 34px #0003;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.save-modal-header{display:flex;align-items:center;justify-content:space-between;padding:21px;border-bottom:1px solid #e2e8f0}.save-modal-header h2{margin:0;font-size:18px;font-weight:600;color:#1e293b}.recording-duration{font-size:14px;font-weight:500;color:#64748b;background:#f1f5f9;padding:4px 13px;border-radius:21px}.audio-preview{padding:13px 21px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.audio-preview audio{width:100%;height:40px}.save-modal-form{padding:21px;display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.field-value{padding:10px 13px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b}.field-select{padding:10px 13px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;cursor:pointer;transition:border-color .2s ease}.field-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.field-select:disabled{background:#f1f5f9;cursor:not-allowed}.field-textarea{padding:10px 13px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;line-height:1.5;resize:vertical;min-height:50px;transition:border-color .2s ease}.field-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.field-textarea:disabled{background:#f1f5f9;cursor:not-allowed}.save-modal-actions{display:flex;gap:13px;padding:21px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 13px 13px}.btn-cancel{flex:1;padding:13px 21px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:#f1f5f9;color:#dc2626;border-color:#dc2626}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-save{flex:2;padding:13px 21px;background:#2563eb;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.btn-save:hover:not(:disabled){background:#1d4ed8}.btn-save:disabled{opacity:.6;cursor:wait}@media(max-width:480px){.save-modal-overlay{padding:0;align-items:flex-end}.save-modal{max-width:100%;border-radius:13px 13px 0 0;max-height:85vh}.save-modal-actions{border-radius:0}}.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}.history-split-container{display:flex;gap:21px;width:100%;height:100%;min-height:0}.history-left-panel{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.history-left-panel .recording-history{flex:1;display:flex;flex-direction:column;overflow:hidden}.history-left-panel .case-groups{flex:1;overflow-y:auto}.history-right-panel{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff;border-radius:13px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.transcript-placeholder{flex:1;display:flex;align-items:center;justify-content:center;padding:55px}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:13px;color:#94a3b8}.placeholder-content svg{opacity:.5}.placeholder-content p{margin:0;font-size:14px}.upload-split-container{display:flex;gap:21px;width:100%;height:100%;min-height:0}.upload-left-panel{flex:0 0 400px;display:flex;flex-direction:column;gap:13px;overflow-y:auto}.upload-right-panel{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff;border-radius:13px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:34px 21px;border:2px dashed #cbd5e1;border-radius:13px;background:#f8fafc;cursor:pointer;transition:all .2s ease;color:#64748b}.upload-dropzone:hover{border-color:#2563eb;background:#eff6ff;color:#2563eb}.upload-dropzone svg{width:34px;height:34px;opacity:.6}.upload-dropzone p{margin:0;font-size:14px;font-weight:500}.dropzone-hint{font-size:12px;color:#94a3b8}.upload-file-info{display:flex;align-items:center;justify-content:space-between;padding:13px 21px;background:#eff6ff;border-radius:8px;border:1px solid #bfdbfe}.file-details{display:flex;flex-direction:column;gap:2px}.file-name{font-size:14px;font-weight:500;color:#1e293b;word-break:break-all}.file-size{font-size:12px;color:#64748b}.change-file-btn{padding:6px 13px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;font-size:12px;color:#475569;cursor:pointer}.change-file-btn:hover{background:#f1f5f9}.upload-progress{display:flex;flex-direction:column;gap:8px}.progress-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:#2563eb;border-radius:3px;transition:width .5s ease;animation:progress-pulse 1.5s ease-in-out infinite}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.7}}.progress-text{font-size:13px;color:#64748b}.upload-error{display:flex;align-items:center;justify-content:space-between;padding:13px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px}.upload-error button{padding:6px 13px;border:1px solid #dc2626;border-radius:6px;background:#fff;color:#dc2626;font-size:12px;cursor:pointer}.upload-success{display:flex;flex-direction:column;gap:13px;padding:13px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a;font-size:13px;font-weight:500}.success-actions{display:flex;gap:8px}.success-actions button{padding:8px 16px;border:none;border-radius:6px;background:#2563eb;color:#fff;font-size:13px;font-weight:500;cursor:pointer}.success-actions button:hover{background:#1d4ed8}.success-actions button.secondary{background:#f1f5f9;color:#475569}.success-actions button.secondary:hover{background:#e2e8f0}.upload-process-btn{width:100%;padding:13px;margin-top:8px;border:none;border-radius:8px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.upload-process-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 13px #2563eb4d}.upload-process-btn:disabled{opacity:.6;cursor:wait}.upload-transcript-result{flex:1;display:flex;flex-direction:column;overflow:hidden}.upload-transcript-result h3{padding:13px 21px;margin:0;font-size:15px;font-weight:600;color:#1e293b;border-bottom:1px solid #e2e8f0}.transcript-text-content{flex:1;padding:21px;overflow-y:auto;font-size:14px;line-height:1.7;color:#334155;white-space:pre-wrap}.spinner{width:34px;height:34px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.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}.recording-info-section{padding:21px;background:#fff;border-radius:13px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:16px}.recording-info-section h3{margin:0;font-size:14px;font-weight:600;color:#1e293b}.recording-info-form{display:flex;flex-direction:column;gap:16px}.info-field{display:flex;flex-direction:column;gap:6px}.info-label{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.info-value{padding:10px 13px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b}.info-input{width:100%;padding:10px 13px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s ease}.info-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.info-input::placeholder{color:#94a3b8}.info-textarea{width:100%;padding:10px 13px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;line-height:1.5;resize:vertical;min-height:50px;transition:border-color .2s ease}.info-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.info-textarea::placeholder{color:#94a3b8}.info-select{width:100%;padding:10px 13px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;cursor:pointer;transition:border-color .2s ease}.info-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.info-select option.other-option{color:#2563eb;font-weight:600}.last-recording-section{padding:21px;background:#fff;border-radius:13px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0}.last-recording-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.last-recording-header h3{margin:0;font-size:14px;font-weight:600;color:#1e293b}.last-recording-header .close-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}.last-recording-header .close-btn:hover{background:#f1f5f9;color:#64748b}.last-recording-title{font-size:14px;font-weight:500;color:#1e293b;margin-bottom:13px}.audio-player{margin-bottom:13px}.audio-player audio{border-radius:8px}.transcript-preview{display:flex;flex-direction:column;gap:6px}.transcript-preview label{font-size:11px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.transcript-text{padding:13px;background:#f8fafc;border-radius:8px;font-size:13px;color:#475569;line-height:1.6;max-height:150px;overflow-y:auto;white-space:pre-wrap}.no-transcript{padding:13px;background:#f8fafc;border-radius:8px;font-size:13px;color:#94a3b8;text-align:center;font-style:italic}.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}.audio-source-setting{flex-direction:column!important;align-items:flex-start!important;gap:8px}.audio-source-options{display:flex;gap:8px;width:100%}.audio-source-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 13px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.audio-source-btn:hover:not(:disabled){border-color:#2563eb;color:#2563eb}.audio-source-btn.active{border-color:#2563eb;background:#eff6ff;color:#2563eb}.audio-source-btn:disabled{opacity:.4;cursor:not-allowed}.audio-source-btn svg{flex-shrink:0}.beta-badge{padding:2px 6px;background:#f59e0b;color:#fff;font-size:10px;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.audio-source-hint{display:flex;align-items:flex-start;gap:8px;padding:8px 13px;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;font-size:12px;color:#92400e;line-height:1.4;width:100%}.audio-source-hint.mic-hint{background:#f0f9ff;border-color:#bae6fd;color:#0c4a6e}.audio-source-hint svg{flex-shrink:0;margin-top:2px}.audio-source-hint-text{display:flex;flex-direction:column;gap:4px}.audio-source-hint-text strong{font-weight:700}.hint-sub{display:flex;align-items:center;gap:4px;opacity:.8;font-size:11px}.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}.summary-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:21px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.summary-modal-overlay .meeting-summary{max-width:600px;width:100%;max-height:calc(100vh - 42px);overflow-y:auto;box-shadow:0 21px 55px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.language-toggle{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:13px}.lang-btn{position:relative;padding:10px 24px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;font-weight:600;font-size:14px;color:#64748b;cursor:pointer;transition:all .15s ease;min-width:80px}.lang-btn:hover:not(.active):not(:disabled){border-color:#2563eb;color:#2563eb}.lang-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.lang-btn:disabled{opacity:.6;cursor:not-allowed}.language-switching-overlay{position:fixed;inset:0;background:#0006;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:1001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.switching-spinner{position:relative;width:64px;height:64px}.switching-spinner-circle{width:64px;height:64px;border-radius:50%;border:4px solid rgba(255,255,255,.3);border-top-color:#2563eb;animation:spin 1s linear infinite}.switching-spinner-fill{position:absolute;top:4px;left:4px;width:56px;height:56px;border-radius:50%;background:conic-gradient(#2563eb 0deg,#2563eb var(--fill-angle, 0deg),transparent var(--fill-angle, 0deg),transparent 360deg);animation:fillCircle 1.5s ease-out forwards}.switching-spinner-center{position:absolute;top:8px;left:8px;width:48px;height:48px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#2563eb}@keyframes fillCircle{0%{--fill-angle: 0deg}to{--fill-angle: 360deg}}.switching-text{color:#fff;font-size:16px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media(max-width:1200px){.recording-container{flex-direction:column}.left-panel{width:100%}.right-panel{min-height:400px}.history-split-container,.upload-split-container{flex-direction:column}.history-left-panel,.history-right-panel{flex:none;height:auto;min-height:350px}.history-right-panel{border-radius:13px}.upload-left-panel{flex:none}.upload-right-panel{min-height:300px}}@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}.team-cell{color:#475569;font-size:13px}.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-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 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}}.cases-tabs{display:flex;gap:4px;padding:8px 21px;background:#fff;border-bottom:1px solid #e2e8f0}.tab-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;border-radius:6px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s}.tab-btn svg{width:16px;height:16px}.clients-panel{flex:1;display:flex;flex-direction:column;padding:21px}.clients-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.clients-count{font-size:13px;color:#64748b}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:13px}.client-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .15s}.client-card:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.client-info{display:flex;flex-direction:column;gap:4px}.client-name{font-size:14px;font-weight:500;color:#1e293b}.client-cases{font-size:12px;color:#64748b}.client-edit-form{display:flex;align-items:center;gap:8px;flex:1}.client-edit-form input{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#1e293b}.client-edit-form input:focus{outline:none;border-color:#2563eb}.btn-save{padding:6px 12px;background:#2563eb;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#fff;cursor:pointer}.btn-save:hover{background:#1d4ed8}.btn-cancel-sm{padding:6px 12px;background:transparent;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#64748b;cursor:pointer}.btn-cancel-sm:hover{background:#f1f5f9}.import-toggle{display:flex;background:#f1f5f9;border-radius:8px;padding:3px;margin-bottom:16px}.import-toggle .toggle-btn{flex:1;padding:8px 13px;background:transparent;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s}.import-toggle .toggle-btn.active{background:#fff;color:#1e293b;box-shadow:0 1px 2px #0000000d}.import-toggle .toggle-btn:hover:not(.active){color:#475569}.leave-login-page{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f7ff,#e8f4fd)}.leave-login-card{background:#fff;padding:55px;border-radius:21px;box-shadow:0 8px 32px #2563eb1a;text-align:center;max-width:400px;width:90%}.login-logo{margin-bottom:21px}.leave-login-card h1{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 8px}.login-subtitle{color:#64748b;font-size:14px;margin:0 0 34px}.input-group input{width:100%;padding:13px 21px;border:2px solid #e2e8f0;border-radius:13px;font-size:16px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.input-group input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.login-error{color:#dc2626;font-size:13px;padding:8px;background:#fef2f2;border-radius:8px}.login-btn{padding:13px 21px;background:#2563eb;color:#fff;border:none;border-radius:13px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.login-btn:hover{background:#1d4ed8}.login-btn:active{transform:scale(.98)}.leave-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#f8fafc}.leave-main{flex:1;padding:21px 0;display:flex;flex-direction:column}.leave-container{max-width:1400px;margin:0 auto;padding:0 55px;width:100%;flex:1;display:flex;flex-direction:column;gap:21px}.leave-dashboard{display:flex;flex-direction:column;gap:21px}.leave-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.balance-card{background:#fff;border-radius:13px;padding:21px;box-shadow:0 2px 8px #0000000a;border:1px solid #e2e8f0;position:relative;overflow:hidden}.balance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.balance-card.pto:before{background:linear-gradient(90deg,#2563eb,#3b82f6)}.balance-card.sick:before{background:linear-gradient(90deg,#dc2626,#ef4444)}.balance-card.used:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.balance-card.employees:before{background:linear-gradient(90deg,#10b981,#34d399)}.balance-label{font-size:13px;color:#64748b;margin-bottom:8px;display:flex;align-items:center;gap:8px}.balance-value{font-size:32px;font-weight:700;color:#1e293b;line-height:1}.balance-value .unit{font-size:14px;font-weight:500;color:#64748b;margin-left:4px}.balance-detail{font-size:12px;color:#94a3b8;margin-top:8px}.leave-main-grid{display:grid;grid-template-columns:1fr 1.618fr;gap:21px;flex:1}.team-overview-card{background:#fff;border-radius:13px;padding:21px;box-shadow:0 2px 8px #0000000a;border:1px solid #e2e8f0;display:flex;flex-direction:column}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.card-title{font-size:16px;font-weight:600;color:#1e293b}.card-action{font-size:13px;color:#2563eb;text-decoration:none;font-weight:500}.card-action:hover{text-decoration:underline}.employee-list{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto}.employee-item{display:flex;align-items:center;justify-content:space-between;padding:13px;background:#f8fafc;border-radius:8px;cursor:pointer;transition:background .2s}.employee-item:hover{background:#f1f5f9}.employee-item.selected{background:#eff6ff;border:1px solid #2563eb}.employee-info{display:flex;align-items:center;gap:13px}.employee-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.employee-name{font-size:14px;font-weight:600;color:#1e293b}.employee-position{font-size:12px;color:#64748b}.employee-balance{display:flex;flex-direction:column;gap:4px;min-width:160px}.balance-row{display:flex;align-items:center;gap:8px}.balance-label-mini{font-size:11px;font-weight:600;color:#64748b;width:28px;flex-shrink:0}.balance-bar-track{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.balance-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.balance-bar-fill.pto{background:linear-gradient(90deg,#2563eb,#3b82f6)}.balance-bar-fill.sick{background:linear-gradient(90deg,#dc2626,#ef4444)}.balance-num{font-size:11px;color:#64748b;min-width:50px;text-align:right}.balance-bar{display:flex;gap:4px;margin-bottom:4px}.balance-indicator{height:6px;border-radius:3px}.balance-indicator.pto{background:#2563eb}.balance-indicator.sick{background:#dc2626}.balance-text{font-size:11px;color:#64748b}.calendar-section{background:#fff;border-radius:13px;padding:21px;box-shadow:0 2px 8px #0000000a;border:1px solid #e2e8f0;display:flex;flex-direction:column}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.calendar-nav{display:flex;align-items:center;gap:13px}.calendar-nav button{background:none;border:1px solid #e2e8f0;border-radius:8px;padding:8px;cursor:pointer;transition:background .2s}.calendar-nav button:hover{background:#f1f5f9}.calendar-month{font-size:16px;font-weight:600;color:#1e293b;min-width:150px;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;flex:1}.calendar-weekday{text-align:center;font-size:12px;font-weight:600;color:#64748b;padding:8px 0}.calendar-day{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:6px;background:#f8fafc;border-radius:8px;font-size:13px;color:#1e293b;min-height:90px}.calendar-day.other-month{color:#cbd5e1;background:transparent}.calendar-day.today{background:#eff6ff;border:2px solid #2563eb}.calendar-day.weekend{background:#fef2f2}.calendar-day.holiday{background:#fef3c7}.day-number{font-weight:600;margin-bottom:4px;text-align:center}.day-events{display:flex;flex-direction:column;gap:2px;width:100%}.day-event{font-size:10px;padding:2px 4px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-event.pto{background:#dbeafe;color:#1e40af}.day-event.sick{background:#fee2e2;color:#991b1b}.event-label{font-size:9px;padding:2px 4px;border-radius:4px;text-align:left;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.event-label.pto{background:#dbeafe;color:#1e40af}.event-label.sick{background:#fee2e2;color:#991b1b}.event-label.unpaid{background:#e2e8f0;color:#475569}.event-label.holiday{background:#92400e;color:#fff;font-weight:700;text-align:center}.calendar-day.holiday{background:#fef3c7!important;border:1px solid #fcd34d}.calendar-day.holiday .day-number{color:#92400e}.calendar-day.has-events{background:#fefce8}.leave-history-section{background:#fff;border-radius:13px;padding:21px;box-shadow:0 2px 8px #0000000a;border:1px solid #e2e8f0}.history-filters{display:flex;gap:13px;margin-bottom:21px}.filter-btn{padding:8px 13px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;color:#64748b;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#2563eb;color:#2563eb}.filter-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.history-table{width:100%;border-collapse:collapse}.history-table th{text-align:left;padding:13px;font-size:12px;font-weight:600;color:#64748b;border-bottom:1px solid #e2e8f0}.history-table td{padding:13px;font-size:13px;color:#1e293b;border-bottom:1px solid #f1f5f9}.history-table tr:hover td{background:#f8fafc}.leave-type-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.leave-type-badge.pto{background:#dbeafe;color:#1e40af}.leave-type-badge.sick{background:#fee2e2;color:#991b1b}.leave-type-badge.unpaid{background:#e2e8f0;color:#475569}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.approved{background:#dcfce7;color:#166534}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.rejected,.status-badge.cancelled{background:#fee2e2;color:#991b1b}.chart-section{background:#fff;border-radius:13px;padding:21px;box-shadow:0 2px 8px #0000000a;border:1px solid #e2e8f0}.donut-chart{width:200px;height:200px;margin:0 auto}.bar-chart{display:flex;flex-direction:column;gap:8px}.bar-item{display:flex;align-items:center;gap:13px}.bar-label{font-size:12px;color:#64748b;width:100px}.bar-track{flex:1;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .5s ease-out}.bar-fill.pto{background:linear-gradient(90deg,#2563eb,#3b82f6)}.bar-fill.sick{background:linear-gradient(90deg,#dc2626,#ef4444)}.bar-value{font-size:12px;font-weight:600;color:#1e293b;width:50px;text-align:right}@media(max-width:1200px){.leave-main-grid{grid-template-columns:1fr}.leave-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.leave-container{padding:0 21px}.leave-stats-row{grid-template-columns:1fr}.calendar-day{min-height:60px}}.role-selection{display:flex;flex-direction:column;gap:13px;margin:21px 0}.role-card{display:flex;flex-direction:column;align-items:center;gap:13px;padding:34px 21px;background:#fff;border:2px solid #e2e8f0;border-radius:13px;cursor:pointer;transition:all .2s;text-align:center}.role-card:hover{border-color:#2563eb;box-shadow:0 4px 16px #2563eb1a}.role-card.admin:hover{border-color:#2563eb;background:#eff6ff}.role-card.employee:hover{border-color:#10b981;background:#ecfdf5}.role-card.super-admin:hover{border-color:#f59e0b;background:#fffbeb}.role-card.team-admin:hover{border-color:#8b5cf6;background:#f5f3ff}.role-icon{width:64px;height:64px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;transition:all .2s}.role-card.admin:hover .role-icon{background:#dbeafe;color:#2563eb}.role-card.employee:hover .role-icon{background:#d1fae5;color:#10b981}.role-card.super-admin:hover .role-icon{background:#fef3c7;color:#f59e0b}.role-card.team-admin:hover .role-icon{background:#ede9fe;color:#8b5cf6}.role-card h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.role-card p{font-size:13px;color:#64748b;margin:0;line-height:1.4}.back-btn{margin-top:13px;padding:8px 21px;background:none;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#64748b;cursor:pointer;transition:all .2s}.back-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.employee-selection{display:flex;flex-direction:column;gap:8px;margin:21px 0;max-height:400px;overflow-y:auto}.employee-select-card{display:flex;align-items:center;gap:13px;padding:13px 21px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s;text-align:left}.employee-select-card:hover{border-color:#10b981;background:#ecfdf5}.employee-avatar-small{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.employee-select-info{flex:1;display:flex;flex-direction:column;gap:2px}.employee-select-info .employee-name{font-size:15px;font-weight:600;color:#1e293b}.employee-select-info .employee-position{font-size:12px;color:#64748b}.employee-balance-preview{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.balance-mini{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px}.balance-mini.pto{background:#dbeafe;color:#1e40af}.balance-mini.sick{background:#fee2e2;color:#991b1b}.employee-header-title{margin-left:21px;padding-left:21px;border-left:1px solid #e2e8f0;font-size:16px;font-weight:600;color:#1e293b}.user-info{display:flex;align-items:center;gap:8px}.role-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600}.admin-badge{background:#eff6ff;color:#2563eb}.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;width:90%;max-width:450px;box-shadow:0 20px 60px #0003}.modal-header h3{margin:0;font-size:18px;font-weight:700;color:#1e293b}.modal-close{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:#1e293b}.modal-content form{padding:21px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#f8fafc}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2563eb;background:#fff}.leave-type-toggle{display:flex;background:#f1f5f9;padding:4px;border-radius:8px;gap:4px}.type-option{flex:1;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:6px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.type-option input{display:none}.type-option:hover{background:#ffffff80}.type-option.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1e293b}.type-option.active.pto{color:#2563eb;border-left:3px solid #2563eb}.type-option.active.sick{color:#dc2626;border-left:3px solid #dc2626}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.leave-summary-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:16px}.summary-row{display:flex;justify-content:space-between;font-size:13px;color:#64748b;margin-bottom:8px}.summary-row.total{font-size:14px;color:#1e293b;font-weight:600}.summary-divider{height:1px;background:#e2e8f0;margin:8px 0}.summary-row.paid span:last-child{color:#10b981;font-weight:600}.summary-row.unpaid span:last-child{color:#f59e0b;font-weight:600}.warning-text{font-size:12px;color:#f59e0b;margin-top:8px;font-style:italic}.modal-actions{display:flex;gap:12px;margin-top:24px}.btn-cancel{flex:1;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer}.btn-submit{flex:2;padding:12px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn-submit:disabled{background:#94a3b8;cursor:not-allowed}.balance-warning{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:12px;font-size:13px;color:#92400e;margin-bottom:16px}.submit-message{padding:12px;border-radius:8px;font-size:13px;margin-bottom:16px}.submit-message.success{background:#d1fae5;color:#065f46}.submit-message.warning{background:#fef3c7;color:#92400e}.submit-message.error{background:#fee2e2;color:#991b1b}.submit-btn{width:100%;padding:12px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.submit-btn:hover{background:#1d4ed8}.admin-section{background:#fff;border-radius:13px;padding:21px;box-shadow:0 2px 8px #0000000a;border:1px solid #e2e8f0}.pending-badge{background:#dc2626;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;margin-left:6px}.action-message{padding:12px 21px;border-radius:8px;margin-bottom:21px;font-size:14px;font-weight:500}.action-message.success{background:#d1fae5;color:#065f46}.action-message.warning{background:#fef3c7;color:#92400e}.action-message.error{background:#fee2e2;color:#991b1b}.empty-state{text-align:center;padding:55px 21px;color:#64748b}.empty-state p{margin:0 0 8px;font-size:16px;font-weight:600;color:#475569}.pending-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:16px}.pending-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:box-shadow .2s}.pending-card:hover{box-shadow:0 4px 12px #00000014}.pending-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.pending-employee{display:flex;align-items:center;gap:12px}.pending-details{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;margin-bottom:12px}.detail-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#475569}.pending-actions{display:flex;gap:8px}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.action-btn.approve{background:#d1fae5;color:#065f46}.action-btn.approve:hover{background:#10b981;color:#fff}.action-btn.reject{background:#fee2e2;color:#991b1b}.action-btn.reject:hover{background:#dc2626;color:#fff}.selection-divider{display:flex;align-items:center;gap:13px;margin:13px 0}.selection-divider:before,.selection-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.selection-divider span{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.super-admin-card{border:2px dashed #f59e0b!important;background:#fffbeb!important}.super-admin-card:hover{border-color:#f59e0b!important;background:#fef3c7!important}.team-leader-card{border-color:#8b5cf6!important}.team-leader-card:hover{border-color:#8b5cf6!important;background:#f5f3ff!important}.leader-tag{display:inline-block;margin-left:8px;padding:2px 8px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;font-size:10px;font-weight:600;border-radius:4px;vertical-align:middle}.leave-header{display:flex;align-items:center;justify-content:space-between;padding:0 55px;height:64px;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100}.leave-header-left{display:flex;align-items:center;gap:21px}.leave-logo{display:flex;align-items:center;gap:13px}.leave-title{font-size:18px;font-weight:700;color:#1e293b}.leave-nav{display:flex;gap:8px}.leave-nav-item{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;color:#64748b;text-decoration:none;border-radius:8px;transition:all .2s}.leave-nav-item:hover{background:#f1f5f9;color:#1e293b}.leave-nav-item.active{background:#eff6ff;color:#2563eb}.leave-nav-item svg{flex-shrink:0}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;border-radius:9px;margin-left:4px}.leave-header-right{display:flex;align-items:center;gap:13px}.logout-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:none;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.role-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;border-radius:8px}.super-admin-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.team-admin-badge{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6d28d9}.user-info{display:flex;align-items:center;gap:10px}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{font-size:14px;font-weight:600;color:#1e293b}.user-title{font-size:11px;color:#64748b;font-weight:400;line-height:1.2}.user-role-tag{font-size:10px;color:#8b5cf6;font-weight:600}.nav-dropdown-wrapper{position:relative}.nav-dropdown-trigger{background:none;border:none;cursor:pointer;font-family:inherit}.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 4px 16px #00000014;min-width:160px;padding:6px;z-index:200}.nav-dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:500;color:#64748b;text-decoration:none;border-radius:7px;transition:all .15s}.nav-dropdown-item:hover{background:#f1f5f9;color:#1e293b}.nav-dropdown-item.active{background:#eff6ff;color:#2563eb}@media(max-width:1024px){.leave-header{padding:0 21px}.leave-nav-item span{display:none}.leave-nav-item{padding:8px 12px}}.cv-generator-page{min-height:100vh;width:100%;background:#f8fafc;display:flex;flex-direction:column}.cv-selection-bar{display:flex;gap:21px;padding:13px 21px;background:#fff;border-bottom:1px solid #e2e8f0}.selection-group{display:flex;align-items:center;gap:13px;flex:1}.selection-group label{font-size:13px;font-weight:600;color:#475569;min-width:70px}.selection-group select{flex:1;padding:8px 13px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:13px;cursor:pointer}.selection-group select:hover:not(:disabled){border-color:#cbd5e1}.selection-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.selection-group select:disabled{opacity:.5;cursor:not-allowed}.cv-body{display:grid;gap:0 0;padding:13px;flex:1;overflow:hidden;height:calc(100vh - 60px);width:100%}.cv-body>.cv-sidebar-wrapper{margin-right:13px}.cv-body>.cv-editor-panel{margin-right:0}.cv-splitter{width:6px;cursor:col-resize;background:#e2e8f0;border-radius:3px;transition:background .15s;position:relative;z-index:10;margin:0 3px}.cv-splitter:hover,.cv-splitter:active{background:#2563eb}.cv-splitter:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:34px;background:#00000026;border-radius:1px}.cv-splitter:hover:after,.cv-splitter:active:after{background:#fff9}.cv-sidebar-wrapper{position:relative;flex-shrink:0}.cv-sidebar{display:flex;flex-direction:column;width:280px;min-width:280px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.cv-sidebar.collapsed{width:0;min-width:0;border:none;opacity:0}.cv-sidebar-toggle{position:fixed;left:293px;top:50%;transform:translateY(-50%);width:20px;height:40px;display:flex;align-items:center;justify-content:center;background:#2563eb;border:none;border-radius:0 6px 6px 0;color:#fff;cursor:pointer;z-index:50;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 8px #2563eb4d}.cv-sidebar.collapsed+.cv-sidebar-toggle{left:13px}.collapsed-content{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:8px}.collapsed-count,.collapsed-total{display:flex;flex-direction:column;align-items:center;padding:6px 4px;border-radius:6px;cursor:default}.collapsed-count{background:#eff6ff;color:#2563eb}.collapsed-total{background:#f8fafc;color:#64748b}.count-number{font-size:14px;font-weight:700;line-height:1}.count-label{font-size:9px;font-weight:500;text-transform:uppercase;margin-top:2px;opacity:.8}.cv-sidebar-toggle:hover{background:#1d4ed8;width:24px}.sidebar-header{padding:13px 48px 13px 13px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.sidebar-header h2{font-size:14px;font-weight:600;margin:0 0 8px;color:#1e293b}.selection-controls{display:flex;align-items:center;gap:8px;font-size:12px}.btn-link{background:none;border:none;color:#2563eb;font-weight:500;font-size:12px;cursor:pointer;padding:0}.btn-link:hover{text-decoration:underline}.separator{color:#cbd5e1}.candidate-list{flex:1;overflow-y:auto;padding:8px}.candidate-item{display:flex;align-items:center;gap:8px;padding:10px;margin-bottom:4px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .15s}.candidate-item:hover{background:#f8fafc;border-color:#cbd5e1}.candidate-item.selected{background:#eff6ff;border-color:#93c5fd}.candidate-item.active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.candidate-checkbox{display:flex;align-items:center;cursor:pointer;position:relative}.candidate-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkmark{width:18px;height:18px;border:2px solid #cbd5e1;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .15s}.candidate-checkbox input[type=checkbox]:checked~.checkmark{background:#2563eb;border-color:#2563eb}.checkmark svg{stroke:#fff}.candidate-info{flex:1;min-width:0}.candidate-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate-position{font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:10px 13px;border-top:1px solid #e2e8f0;background:#f8fafc}.selection-count{font-size:12px;font-weight:600;color:#64748b;text-align:center}.cv-editor-panel{display:flex;flex-direction:column;gap:13px;overflow-y:auto;overflow-x:hidden;min-height:0;min-width:320px}.cv-options-card,.content-editor-card,.preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.cv-options-card h3,.content-editor-card h3,.preview-card h3{font-size:14px;font-weight:600;margin:0 0 13px;color:#1e293b}.option-row{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:13px}.option-row:last-child{margin-bottom:0}.option-group{margin-bottom:0}.option-label{display:block;font-size:12px;font-weight:600;color:#475569;margin-bottom:6px}.radio-group{display:flex;gap:8px}.radio-option{flex:1;display:flex;align-items:center;gap:6px;padding:8px 10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .15s}.radio-option:hover{background:#f1f5f9}.radio-option input[type=radio]{width:14px;height:14px;accent-color:#2563eb}.radio-label{font-size:12px;font-weight:500;color:#475569}.cv-heading-row{display:flex;align-items:center;gap:8px;margin-bottom:13px}.cv-heading-input{flex:1;padding:7px 10px;font-size:13px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;color:#1e293b;outline:none;transition:border-color .15s}.cv-heading-input:focus{border-color:#2563eb;background:#fff}.cv-heading-btn{padding:7px 12px;font-size:12px;font-weight:500;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;color:#475569;cursor:pointer;white-space:nowrap;transition:all .15s}.cv-heading-btn:hover{background:#e2e8f0;color:#1e293b}.number-stepper{display:flex;align-items:center;gap:4px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:4px}.stepper-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:18px;font-weight:500;cursor:pointer;transition:all .15s ease;line-height:1}.stepper-btn:hover:not(:disabled){background:#2563eb;border-color:#2563eb;color:#fff}.stepper-btn:disabled{opacity:.4;cursor:not-allowed}.stepper-value{min-width:32px;text-align:center;font-size:16px;font-weight:600;color:#1e293b}.stepper-label{margin-left:4px;font-size:12px;color:#64748b}.checkbox-option{display:flex;align-items:center;gap:8px;padding:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer}.checkbox-option input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.checkbox-label{font-size:12px;font-weight:500;color:#475569}.slider-container{display:flex;align-items:center;gap:8px}.slider-label{font-size:11px;color:#64748b;min-width:24px}.font-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:#e2e8f0;border-radius:2px;outline:none}.font-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#2563eb;border-radius:50%;cursor:pointer}.font-slider::-moz-range-thumb{width:16px;height:16px;background:#2563eb;border-radius:50%;border:none}.content-editor-card{flex:1;overflow-y:auto;max-height:calc(100vh - 320px)}.editor-section{margin-bottom:16px}.editor-section:last-child{margin-bottom:0}.editor-section h4{font-size:12px;font-weight:600;color:#475569;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid #e2e8f0}.experience-editor,.education-editor{display:flex;flex-direction:column;gap:6px}.exp-edit-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.exp-edit-item.deselected{opacity:.5}.exp-edit-header{display:flex;align-items:center;gap:8px;padding:8px}.exp-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.exp-edit-fields{flex:1;display:flex;flex-wrap:wrap;gap:6px;min-width:0}.exp-company-input,.exp-title-input{flex:1 1 120px}.exp-location-input{flex:0 1 90px}.exp-period-input{flex:0 1 110px}.exp-company-input,.exp-title-input,.exp-location-input,.exp-period-input{padding:6px 8px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;color:#1e293b}.exp-company-input:focus,.exp-title-input:focus,.exp-location-input:focus,.exp-period-input:focus{outline:none;border-color:#2563eb}.exp-company-input{font-weight:600}.exp-drag-handle{cursor:grab;color:#94a3b8;font-size:14px;-webkit-user-select:none;user-select:none;line-height:1;padding:2px}.exp-drag-handle:active{cursor:grabbing}.exp-edit-item.exp-dragging{opacity:.4}.exp-edit-item.exp-drag-over{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.btn-expand{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer}.btn-expand:hover{background:#fff;color:#2563eb}.btn-remove-exp{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #e2e8f0;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:16px;line-height:1}.btn-remove-exp:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.btn-add-exp{width:100%;padding:8px;background:transparent;border:1px dashed #cbd5e1;border-radius:6px;color:#64748b;font-size:12px;font-weight:500;cursor:pointer;margin-top:2px}.btn-add-exp:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.bullets-editor{padding:0 8px 8px 32px;display:flex;flex-direction:column;gap:4px}.bullet-edit-item{display:flex;align-items:flex-start;gap:6px}.bullet-edit-item.deselected{opacity:.5}.bullet-checkbox{padding-top:6px}.bullet-drag-handle{cursor:grab;color:#c0c8d4;font-size:12px;-webkit-user-select:none;user-select:none;line-height:1;padding-top:6px;flex-shrink:0}.bullet-drag-handle:active{cursor:grabbing}.bullet-edit-item.bullet-dragging{opacity:.4}.bullet-edit-item.bullet-drag-over{border-left:2px solid #2563eb}.btn-remove-bullet{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:14px;margin-top:4px}.btn-remove-bullet:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.btn-add-bullet{padding:4px 8px;background:transparent;border:1px dashed #cbd5e1;border-radius:4px;color:#64748b;font-size:11px;cursor:pointer;margin-top:2px;align-self:flex-start}.btn-add-bullet:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.bullet-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:#2563eb}.bullet-input{flex:1;padding:6px 8px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:11px;color:#1e293b;resize:vertical;min-height:32px;line-height:1.4}.bullet-input:focus{outline:none;border-color:#2563eb}.edu-edit-item{display:grid;grid-template-columns:1.2fr 1.2fr .6fr;gap:6px;padding:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}.edu-school-input,.edu-degree-input,.edu-year-input{padding:6px 8px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;color:#1e293b}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.section-header-row h4{margin:0}.btn-add-skill{padding:4px 10px;font-size:11px;font-weight:500;background:#2563eb;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .15s}.btn-add-skill:hover{background:#1d4ed8}.skills-editor{display:flex;flex-direction:column;gap:6px}.empty-skills{padding:12px;text-align:center;color:#94a3b8;font-size:12px;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:6px}.skills-list{display:flex;flex-wrap:wrap;gap:6px}.skill-edit-item{display:flex;align-items:center;gap:4px;padding:4px 6px 4px 8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}.skill-input{width:120px;padding:4px 6px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;color:#1e293b}.skill-input:focus{outline:none;border-color:#2563eb;width:180px}.btn-remove-skill{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;font-size:16px;line-height:1;color:#94a3b8;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s}.btn-remove-skill:hover{color:#ef4444;background:#fef2f2}.edu-school-input:focus,.edu-degree-input:focus,.edu-year-input:focus{outline:none;border-color:#2563eb}.entity-list{display:flex;flex-direction:column;gap:6px}.entity-row{display:flex;align-items:center;gap:8px;padding:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:12px}.entity-original{flex:1;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entity-arrow{color:#cbd5e1}.entity-input{flex:1;padding:4px 8px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:12px}.entity-input:focus{outline:none;border-color:#2563eb}.editor-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-height:300px}.editor-placeholder svg{width:32px;height:32px;opacity:.5}.editor-placeholder p{font-size:13px}.cv-preview-panel{display:flex;flex-direction:column;min-width:0;overflow:hidden}.cv-preview-panel .preview-card{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.preview-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:13px}.preview-top-bar .preview-header{flex:1}.preview-top-bar .download-actions{margin:0;flex-shrink:0}.preview-header{display:flex;align-items:center;justify-content:space-between}.preview-status{display:flex;align-items:center;gap:8px}.loading-indicator{font-size:11px;color:#2563eb;font-weight:500}.overflow-warning{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;color:#92400e;font-size:11px;font-weight:500}.overflow-warning svg{width:14px;height:14px;stroke:#d97706}.preview-frame{flex:1;border:1px solid #e2e8f0;border-radius:8px;overflow:auto;background:#f1f5f9;min-height:0;display:flex;justify-content:center;position:relative;padding:16px}.html-preview{width:816px;min-width:816px;max-width:816px;height:auto;min-height:1056px;border:none;background:#fff;box-shadow:0 2px 8px #0000001a}.pdf-preview{width:100%;height:100%;min-height:800px;border:none;background:#fff}.page-boundary-indicator{position:absolute;left:0;right:0;top:1056px;pointer-events:none;z-index:10}.page-boundary-line{height:2px;background:linear-gradient(90deg,transparent 0%,#ef4444 5%,#ef4444 95%,transparent 100%);box-shadow:0 0 4px #ef444480}.page-boundary-label{position:absolute;right:10px;top:-22px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;white-space:nowrap;box-shadow:0 1px 3px #0003}.preview-placeholder{width:100%;height:100%;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#94a3b8}.preview-placeholder svg{width:32px;height:32px;opacity:.5}.preview-placeholder p{font-size:13px}.download-actions{display:flex;gap:8px;margin-top:13px}.btn-download,.btn-download-all{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 16px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-download{background:#2563eb;color:#fff}.btn-download:hover:not(:disabled){background:#1d4ed8}.btn-download-all{background:#16a34a;color:#fff}.btn-download-all:hover:not(:disabled){background:#15803d}.btn-download:disabled,.btn-download-all:disabled{opacity:.5;cursor:not-allowed}.loading-state,.empty-state{padding:21px;text-align:center;color:#64748b;font-size:12px}.candidate-list::-webkit-scrollbar,.cv-editor-panel::-webkit-scrollbar,.content-editor-card::-webkit-scrollbar{width:6px}.candidate-list::-webkit-scrollbar-track,.cv-editor-panel::-webkit-scrollbar-track,.content-editor-card::-webkit-scrollbar-track{background:#f8fafc}.candidate-list::-webkit-scrollbar-thumb,.cv-editor-panel::-webkit-scrollbar-thumb,.content-editor-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}@media(max-width:1100px){.cv-sidebar,.cv-sidebar-toggle{display:none}}@media(max-width:800px){.cv-body{grid-template-columns:1fr}.cv-selection-bar{flex-direction:column;gap:8px}.download-actions{flex-direction:column}}.cv-mode-tabs{display:flex;gap:0;padding:0 21px;background:#fff;border-bottom:1px solid #e2e8f0}.mode-tab{padding:13px 21px;background:transparent;border:none;border-bottom:2px solid transparent;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.mode-tab:hover{color:#1e293b;background:#f8fafc}.mode-tab.active{color:#2563eb;border-bottom-color:#2563eb}.cv-upload-section{display:flex;gap:21px;padding:13px 21px;background:#fff;border-bottom:1px solid #e2e8f0;align-items:center}.upload-dropzone{flex:1;max-width:500px;padding:21px;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;transition:all .2s ease}.upload-dropzone:hover{border-color:#2563eb;background:#eff6ff}.upload-dropzone.dragging{border-color:#2563eb;background:#dbeafe;border-style:solid}.upload-dropzone.has-file{border-style:solid;border-color:#10b981;background:#ecfdf5}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:8px;color:#64748b}.upload-prompt svg{color:#94a3b8}.upload-prompt p{margin:0;font-size:14px;font-weight:500;color:#475569}.upload-prompt span{font-size:12px;color:#94a3b8}.upload-status{display:flex;align-items:center;justify-content:center;gap:10px;color:#2563eb;font-size:14px}.upload-status .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-success{display:flex;align-items:center;gap:13px}.upload-success svg{color:#10b981;flex-shrink:0}.upload-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.upload-info strong{font-size:14px;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-info span{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-reupload{padding:6px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:12px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-reupload:hover{border-color:#cbd5e1;color:#1e293b}.upload-case-title{display:flex;align-items:center;gap:13px;flex:1}.upload-case-title label{font-size:13px;font-weight:600;color:#475569;white-space:nowrap}.upload-case-title input{flex:1;padding:10px 13px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px}.upload-case-title input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.upload-case-title input::placeholder{color:#94a3b8}.section-toggles{display:flex;flex-wrap:wrap;gap:8px}.section-toggles .checkbox-option{padding:6px 10px;flex:unset}.section-toggles .checkbox-label{font-size:11px}.additional-section-editor{margin-bottom:13px;padding:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}.additional-section-editor:last-child{margin-bottom:0}.additional-title-input{flex:1;padding:4px 8px;font-size:13px;font-weight:600;color:#1e293b;border:1px solid #e2e8f0;border-radius:4px;background:#fff}.additional-title-input:focus{outline:none;border-color:#2563eb}.additional-items-list{margin-top:6px}.additional-items-list .skill-edit-item{margin-bottom:4px}.additional-item-input{flex:1;padding:4px 8px;font-size:12px;color:#1e293b;border:1px solid #e2e8f0;border-radius:4px;background:#fff;resize:vertical;min-height:28px;font-family:inherit;line-height:1.4}.additional-item-input:focus{outline:none;border-color:#2563eb}.section-move-btns{display:flex;flex-direction:column;gap:1px}.btn-move{width:22px;height:14px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:3px;color:#64748b;font-size:8px;cursor:pointer;padding:0;line-height:1}.btn-move:hover:not(:disabled){background:#e2e8f0;color:#2563eb}.btn-move:disabled{opacity:.3;cursor:default}.format-toggle{display:flex;gap:0;margin-top:8px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.format-tab{flex:1;padding:8px 13px;background:#f8fafc;border:none;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:center}.format-tab:first-child{border-right:1px solid #e2e8f0}.format-tab:hover{background:#f1f5f9;color:#1e293b}.format-tab.active{background:#2563eb;color:#fff}.pii-card{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:13px;margin-top:13px}.pii-card h4{margin:0 0 8px;font-size:12px;font-weight:600;color:#92400e}.pii-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px;border-bottom:1px solid #fef3c7}.pii-item:last-child{border-bottom:none}.pii-type{font-weight:600;width:70px;flex-shrink:0;color:#92400e}.pii-value{flex:1;color:#78716c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pii-status{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600;flex-shrink:0}.pii-status.remove{background:#fef2f2;color:#dc2626}.pii-status.keep{background:#f0fdf4;color:#16a34a}.original-info-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:21px}.original-info-icon{display:flex;align-items:center;gap:8px;margin-bottom:13px}.original-info-icon h4{margin:0;font-size:14px;font-weight:600;color:#1e40af}.original-info-card p{margin:0 0 13px;font-size:13px;color:#1e293b;line-height:1.5}.original-info-card ul{margin:0;padding-left:21px;font-size:12px;color:#475569;line-height:1.8}.original-info-card li{margin-bottom:2px}.team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.team-header h2{font-size:24px;font-weight:700;color:#1e293b;margin:0}.team-subtitle{font-size:14px;color:#64748b;margin:4px 0 0}.team-stats{display:flex;gap:13px;margin-bottom:21px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:21px;min-width:150px}.stat-value{font-size:32px;font-weight:700;color:#1e293b}.stat-label{font-size:14px;color:#64748b;margin-top:4px}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:13px}.admin-card{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:21px;cursor:pointer;transition:all .2s}.admin-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf61a}.admin-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a78bfa);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;flex-shrink:0}.admin-info{flex:1;min-width:0}.admin-info h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.admin-email{font-size:13px;color:#64748b;display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-badge{display:inline-block;font-size:11px;font-weight:600;color:#8b5cf6;background:#ede9fe;padding:2px 8px;border-radius:4px;margin-top:4px}.no-employees{text-align:center;padding:21px;color:#64748b;font-size:14px}.promote-list{max-height:200px;margin-bottom:21px;border-bottom:1px solid #e2e8f0;padding-bottom:13px}.admin-team-count{text-align:center;padding:8px 13px;background:#f1f5f9;border-radius:8px}.count-value{display:block;font-size:20px;font-weight:700;color:#8b5cf6}.count-label{font-size:11px;color:#64748b;text-transform:uppercase}.admin-action{flex-shrink:0}.empty-state{grid-column:1 / -1;text-align:center;padding:55px 21px;background:#f8fafc;border-radius:13px;border:2px dashed #e2e8f0}.empty-state svg{margin-bottom:13px}.empty-state h3{font-size:18px;font-weight:600;color:#475569;margin:0 0 8px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:21px}.modal-content{background:#fff;border-radius:21px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:21px;border-bottom:1px solid #e2e8f0}.modal-header h2{font-size:20px;font-weight:600;color:#1e293b;margin:0}.modal-close{background:none;border:none;cursor:pointer;color:#64748b;padding:4px;border-radius:8px;transition:all .2s}.modal-body{flex:1;overflow-y:auto;padding:21px}.form-section{margin-bottom:21px}.form-section h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 8px}.section-hint{font-size:13px;color:#64748b;margin:0 0 13px}.form-group{margin-bottom:13px}.form-group label{display:block;font-size:14px;font-weight:500;color:#475569;margin-bottom:6px}.form-group input{width:100%;padding:10px 13px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#8b5cf6}.employee-checklist{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:4px}.employee-checkbox{display:flex;align-items:center;gap:13px;padding:10px 13px;background:#f8fafc;border-radius:8px;cursor:pointer;transition:all .2s}.employee-checkbox:hover{background:#f1f5f9}.employee-checkbox input{width:18px;height:18px;accent-color:#8b5cf6;cursor:pointer}.checkbox-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#94a3b8,#64748b);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;flex-shrink:0}.employee-checkbox input:checked+.checkbox-avatar{background:linear-gradient(135deg,#10b981,#34d399)}.checkbox-info{flex:1}.checkbox-name{display:block;font-size:14px;font-weight:500;color:#1e293b}.checkbox-position{display:block;font-size:12px;color:#64748b}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:21px;border-top:1px solid #e2e8f0;background:#f8fafc}.footer-right{display:flex;gap:8px}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 21px;background:#8b5cf6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#7c3aed}.btn-secondary{padding:10px 21px;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f1f5f9;color:#1e293b}.btn-danger{padding:10px 21px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#fee2e2}.loading-state{text-align:center;padding:55px;color:#64748b;font-size:16px}.action-message{padding:13px 21px;border-radius:8px;margin-bottom:21px;font-size:14px;font-weight:500}.action-message.success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.action-message.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}@media(max-width:768px){.admin-grid{grid-template-columns:1fr}.modal-content{max-height:100vh;border-radius:0}.team-header{flex-direction:column;align-items:flex-start;gap:13px}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.login-card{background:#fff;padding:55px 34px;border-radius:13px;box-shadow:0 8px 34px #00000014;text-align:center;max-width:380px;width:100%}.login-logo{height:120px;margin-bottom:21px}.login-card h1{font-size:21px;color:#1e293b;margin:0 0 8px;font-weight:600}.login-subtitle{color:#64748b;margin:0 0 34px;font-size:14px}.login-form{display:flex;flex-direction:column;gap:13px}.login-form input{padding:13px 21px;border:1px solid #e2e8f0;border-radius:8px;font-size:16px;transition:border-color .2s,box-shadow .2s}.login-form input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.login-form input.error{border-color:#ef4444}.login-form input:disabled{background:#f8fafc}.error-message{color:#ef4444;font-size:13px;margin:0;text-align:left}.warning-message{color:#f59e0b;font-size:13px;margin:0;text-align:left}.locked-message{color:#ef4444;font-size:13px;margin:0;padding:8px 13px;background:#fef2f2;border-radius:6px;text-align:center}.login-form button{padding:13px 21px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s;margin-top:8px}.login-form button:hover:not(:disabled){background:#1d4ed8}.login-form button:disabled{background:#94a3b8;cursor:not-allowed}.google-login-wrapper{display:flex;justify-content:center;padding:8px 0}.login-loading{display:flex;flex-direction:column;align-items:center;gap:13px;padding:21px 0}.login-loading .spinner{width:34px;height:34px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.login-loading p{color:#64748b;margin:0;font-size:14px}.login-hint{color:#94a3b8;font-size:12px;margin:8px 0 0;text-align:center}.login-hint strong{color:#64748b}.admin-page{min-height:100vh;background:#f1f5f9}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:13px}.admin-loading .spinner,.panel-loading .spinner{width:34px;height:34px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.panel-loading{display:flex;justify-content:center;padding:55px}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:13px 21px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.admin-header-left{display:flex;align-items:center;gap:13px}.back-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;transition:background .2s}.back-btn:hover{background:#e2e8f0}.back-btn svg{width:18px;height:18px;color:#64748b}.admin-title{display:flex;align-items:center;gap:8px}.admin-title svg{width:24px;height:24px;color:#2563eb}.admin-title h1{margin:0;font-size:18px;font-weight:600;color:#1e293b}.admin-header-right{display:flex;align-items:center}.admin-user{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b}.admin-user-pic{width:28px;height:28px;border-radius:50%}.admin-tabs{display:flex;gap:8px;padding:13px 21px;background:#fff;border-bottom:1px solid #e2e8f0}.admin-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;background:transparent;border-radius:8px;font-size:14px;color:#64748b;cursor:pointer;transition:all .2s}.admin-tab svg{width:18px;height:18px}.admin-tab:hover{background:#f1f5f9;color:#1e293b}.admin-tab.active{background:#2563eb;color:#fff}.admin-content{padding:21px}.stats-panel{display:flex;flex-direction:column;gap:21px}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:13px}.stat-card{background:#fff;padding:21px;border-radius:12px;box-shadow:0 1px 3px #0000000d}.stat-card.highlight{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.stat-value{font-size:34px;font-weight:700;margin-bottom:4px}.stat-label{font-size:14px;opacity:.8}.stats-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:21px}.stats-section{background:#fff;padding:21px;border-radius:12px;box-shadow:0 1px 3px #0000000d}.stats-section h3{margin:0 0 13px;font-size:16px;color:#1e293b}.weekly-chart{display:flex;align-items:flex-end;justify-content:space-around;height:120px;gap:8px}.chart-bar{display:flex;flex-direction:column;align-items:center;flex:1}.chart-bar .bar{width:100%;max-width:40px;background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:4px 4px 0 0;position:relative;min-height:4px;transition:height .3s}.bar-value{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:12px;font-weight:600;color:#2563eb}.bar-label{margin-top:8px;font-size:12px;color:#64748b}.top-users-list{display:flex;flex-direction:column;gap:8px}.top-user{display:flex;align-items:center;gap:8px;padding:8px;background:#f8fafc;border-radius:8px}.top-user .rank{width:24px;font-size:12px;font-weight:600;color:#94a3b8}.top-user .user-pic{width:32px;height:32px;border-radius:50%}.top-user .user-info{flex:1;display:flex;flex-direction:column}.top-user .name{font-size:14px;font-weight:500;color:#1e293b}.top-user .email{font-size:12px;color:#64748b}.top-user .login-count{font-size:12px;color:#2563eb;font-weight:500}.users-panel,.logs-panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:13px 21px;border-bottom:1px solid #e2e8f0}.panel-header h2{margin:0;font-size:16px;color:#1e293b}.panel-error{padding:55px;text-align:center;color:#ef4444}.users-table-wrapper,.logs-table-wrapper{overflow-x:auto}.users-table,.logs-table{width:100%;border-collapse:collapse}.users-table th,.logs-table th{padding:13px 16px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0}.users-table td,.logs-table td{padding:13px 16px;font-size:14px;color:#1e293b;border-bottom:1px solid #f1f5f9}.users-table tr:hover,.logs-table tr:hover{background:#f8fafc}.users-table tr.inactive{opacity:.5}.logs-table tr.failed{background:#fef2f2}.user-cell{display:flex;align-items:center;gap:8px}.user-pic{width:28px;height:28px;border-radius:50%}.toggle-btn{padding:4px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.toggle-btn.on{background:#dcfce7;color:#16a34a}.toggle-btn.off{background:#f1f5f9;color:#64748b}.toggle-btn:hover{opacity:.8}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.success{background:#dcfce7;color:#16a34a}.status-badge.failed{background:#fee2e2;color:#dc2626}.logs-filter{display:flex;gap:8px}.logs-filter input{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;outline:none}.logs-filter input:focus{border-color:#2563eb}.logs-filter button{padding:6px 16px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}.logs-filter button:hover{background:#1d4ed8}.pagination{display:flex;align-items:center;justify-content:center;gap:13px;padding:13px;border-top:1px solid #e2e8f0}.pagination button{padding:6px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){background:#e2e8f0}.pagination span{font-size:14px;color:#64748b}@media(max-width:768px){.admin-header{padding:13px}.admin-tabs{padding:8px 13px;overflow-x:auto}.admin-content{padding:13px}.stats-cards{grid-template-columns:1fr}.panel-header{flex-direction:column;gap:8px;align-items:flex-start}.logs-filter{width:100%}.logs-filter input{flex:1}}.teams-panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.teams-panel .panel-header{display:flex;align-items:center;justify-content:space-between;padding:13px 21px;border-bottom:1px solid #e2e8f0}.add-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.add-btn svg{width:16px;height:16px}.add-btn:hover{background:#1d4ed8}.add-team-form{display:flex;gap:13px;padding:21px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.add-team-form input{flex:1;min-width:200px;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none}.add-team-form input:focus{border-color:#2563eb}.add-team-form .form-actions{display:flex;gap:8px}.btn-primary{padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.btn-primary:hover{background:#1d4ed8}.btn-secondary{padding:10px 20px;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;cursor:pointer}.btn-secondary:hover{background:#e2e8f0}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:21px}.team-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:21px;transition:all .2s}.team-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.team-card.inactive{opacity:.6;background:#f1f5f9}.team-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.team-name{margin:0;font-size:18px;font-weight:600;color:#1e293b}.team-description{margin:0 0 13px;font-size:14px;color:#64748b}.team-meta{font-size:12px;color:#94a3b8;margin-bottom:13px}.edit-btn{padding:6px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#64748b;cursor:pointer;transition:all .2s}.edit-btn:hover{background:#f1f5f9;color:#1e293b}.edit-input{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;margin-bottom:8px;outline:none}.edit-input:focus{border-color:#2563eb}.card-actions{display:flex;gap:8px;margin-top:8px}.save-btn{padding:6px 14px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer}.save-btn:hover{background:#1d4ed8}.cancel-btn{padding:6px 14px;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;cursor:pointer}.cancel-btn:hover{background:#e2e8f0}.teams-list{display:flex;flex-direction:column}.team-row{border-bottom:1px solid #e2e8f0}.team-row:last-child{border-bottom:none}.team-row-header{display:flex;align-items:center;padding:13px 21px;cursor:pointer;transition:background .15s}.team-row-header:hover{background:#f8fafc}.expand-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:13px;color:#94a3b8;transition:transform .2s}.expand-icon.expanded{transform:rotate(90deg)}.expand-icon svg{width:16px;height:16px}.team-row-header .team-name{flex:1;margin:0;font-size:15px;font-weight:500;color:#1e293b}.team-row-right{display:flex;align-items:center;gap:13px}.member-count{font-size:13px;color:#64748b}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;transition:all .15s}.icon-btn:hover{background:#f1f5f9;color:#1e293b}.icon-btn svg{width:16px;height:16px}.edit-input-inline{flex:1;padding:6px 12px;border:1px solid #2563eb;border-radius:6px;font-size:15px;outline:none;margin-right:8px}.team-members{padding:0 21px 21px 58px;background:#f8fafc}.member-list{display:flex;flex-direction:column;gap:8px;margin-bottom:13px}.member-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.member-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.member-name{flex:1;font-size:14px;color:#1e293b}.remove-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;transition:all .15s}.remove-btn:hover{background:#fee2e2;color:#dc2626}.remove-btn svg{width:14px;height:14px}.no-members{font-size:13px;color:#94a3b8;padding:8px 0}.add-member-section{display:flex;align-items:center;gap:8px}.add-member-select{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#1e293b;background:#fff;cursor:pointer;outline:none}.add-member-select:focus{border-color:#2563eb}.add-member-select:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.leader-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#94a3b8;cursor:pointer;transition:all .2s}.leader-badge:hover{border-color:#fbbf24;color:#f59e0b;background:#fffbeb}.leader-badge.active{border-color:#fbbf24;background:#fef3c7;color:#b45309}.usage-panel{display:flex;flex-direction:column;gap:21px}.usage-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.usage-kpi{background:#fff;padding:21px 16px;border-radius:12px;box-shadow:0 1px 3px #0000000d;text-align:center}.usage-kpi.accent{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.usage-kpi-value{font-size:32px;font-weight:700;line-height:1.1}.usage-kpi-label{font-size:13px;margin-top:6px;opacity:.7}.usage-kpi-sub{font-size:11px;margin-top:4px;opacity:.55;font-weight:500}.usage-card-section{background:#fff;padding:21px;border-radius:12px;box-shadow:0 1px 3px #0000000d}.usage-card-section h3{margin:0 0 16px;font-size:15px;font-weight:600;color:#1e293b;display:flex;align-items:baseline;gap:8px}.section-sub{font-size:12px;font-weight:400;color:#94a3b8}.usage-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.usage-section-header h3{margin:0}.usage-filters-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;align-items:center;justify-content:space-between}.usage-filter-group{display:flex;flex-wrap:wrap;gap:4px}.usage-filter-btn{padding:5px 12px;border:1px solid #e2e8f0;border-radius:16px;font-size:12px;font-weight:500;color:#64748b;background:#fff;cursor:pointer;transition:all .15s;white-space:nowrap}.usage-filter-btn:hover{border-color:#93c5fd;color:#2563eb}.usage-filter-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.usage-month-select{padding:5px 8px;border:1px solid #e2e8f0;border-radius:16px;font-size:12px;font-weight:500;color:#64748b;background:#fff;cursor:pointer;outline:none;transition:all .15s}.usage-month-select:hover{border-color:#93c5fd;color:#2563eb}.usage-month-select.active{background:#2563eb;color:#fff;border-color:#2563eb}.user-activity-header .sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.user-activity-header .sortable:hover{color:#2563eb}.category-bars{display:flex;flex-direction:column;gap:12px}.category-bar-row{display:flex;align-items:center;gap:8px}.category-name{width:80px;font-size:13px;color:#475569;text-transform:capitalize;flex-shrink:0}.category-bar-track{flex:1;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.category-bar-fill{height:100%;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:4px;min-width:4px;transition:width .3s}.category-count{width:30px;text-align:right;font-size:13px;font-weight:600;color:#2563eb;flex-shrink:0}.team-bars{display:flex;flex-direction:column;gap:14px}.team-bar-row{display:flex;align-items:center;gap:13px}.team-bar-label{width:110px;flex-shrink:0}.team-bar-name{display:block;font-size:14px;font-weight:600;color:#1e293b}.team-bar-members{font-size:11px;color:#94a3b8}.team-bar-track{flex:1;height:24px;background:#f1f5f9;border-radius:6px;overflow:hidden}.team-bar-fill{height:100%;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:6px;min-width:4px;transition:width .4s ease}.team-bar-stats{width:100px;flex-shrink:0;text-align:right}.team-bar-count{display:block;font-size:15px;font-weight:700;color:#1e293b}.team-bar-duration{font-size:12px;color:#64748b}.user-activity-list{display:flex;flex-direction:column;gap:2px}.user-activity-row{display:grid;grid-template-columns:28px 1fr 80px 60px 70px 60px;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;transition:background .15s}.user-activity-row:not(.user-activity-header):hover{background:#f8fafc}.user-activity-header{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;padding-bottom:6px;border-bottom:1px solid #f1f5f9;margin-bottom:2px}.user-activity-header .user-metric{font-size:11px;font-weight:600;color:#94a3b8}.user-activity-rank{font-size:13px;font-weight:600;color:#94a3b8;text-align:center}.user-activity-info{min-width:0}.user-activity-name{font-size:14px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-activity-team-col{text-align:center}.user-activity-team{display:inline-block;padding:2px 8px;background:#eff6ff;color:#2563eb;border-radius:10px;font-size:11px;font-weight:500}.user-activity-no-team{color:#cbd5e1;font-size:13px}.user-metric{text-align:center}.user-metric-value{font-size:15px;font-weight:700;color:#1e293b;display:block}.user-metric-label{font-size:10px;color:#94a3b8;text-transform:uppercase;display:block}.usage-ai-footer{display:flex;align-items:center;justify-content:center;gap:0;background:#fff;padding:16px 21px;border-radius:12px;box-shadow:0 1px 3px #0000000d}.ai-footer-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:4px 8px}.ai-footer-value{font-size:18px;font-weight:700;color:#1e293b}.ai-footer-label{font-size:11px;color:#94a3b8;margin-top:2px}.ai-footer-divider{width:1px;height:32px;background:#e2e8f0;flex-shrink:0}.no-data{text-align:center;color:#94a3b8;padding:21px}@media(max-width:768px){.usage-kpi-row{grid-template-columns:repeat(2,1fr)}.team-bar-row{flex-wrap:wrap}.team-bar-label{width:100%}.usage-filters-row{flex-direction:column;align-items:flex-start}.usage-ai-footer{flex-wrap:wrap;gap:8px}.ai-footer-divider{display:none}}.people-table .user-cell{display:flex;align-items:center;gap:10px;min-width:180px}.user-name-group{display:flex;flex-direction:column;gap:1px}.user-name-primary{font-size:14px;font-weight:500;color:#1e293b}.user-name-ko{font-size:12px;color:#94a3b8}.text-secondary{color:#64748b;font-size:13px}.link-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.link-badge.linked{background:#dcfce7;color:#16a34a}.link-badge.unlinked{background:#f1f5f9;color:#94a3b8}.role-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.role-badge.admin{background:#eff6ff;color:#2563eb}.role-badge.active{background:#f0fdf4;color:#16a34a}.role-badge.inactive{background:#fef2f2;color:#dc2626}.status-cell{display:flex;gap:4px;align-items:center}.leader-tag{display:inline-block;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:600;border-radius:8px;background:#fef3c7;color:#b45309;vertical-align:middle}.people-table .edit-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;transition:all .15s}.people-table .edit-btn:hover{background:#f1f5f9;color:#2563eb}.people-table .edit-btn svg{width:15px;height:15px}.people-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.people-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;width:520px;max-width:92vw;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.people-modal-header{display:flex;align-items:center;justify-content:space-between;padding:21px;border-bottom:1px solid #e2e8f0}.modal-user-info{display:flex;align-items:center;gap:13px}.modal-user-pic{width:42px;height:42px;border-radius:50%}.modal-user-info h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.modal-user-email{font-size:13px;color:#64748b}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;font-size:24px;color:#94a3b8;cursor:pointer;transition:all .15s}.modal-close:hover{background:#f1f5f9;color:#1e293b}.people-modal-body{flex:1;overflow-y:auto;padding:21px;display:flex;flex-direction:column;gap:21px}.form-section h4{margin:0 0 13px;font-size:13px;font-weight:600;text-transform:uppercase;color:#64748b;letter-spacing:.5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-field{display:flex;flex-direction:column;gap:4px}.form-field label{font-size:12px;font-weight:500;color:#64748b}.form-field input,.form-field select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;outline:none;transition:border-color .15s}.form-field input:focus,.form-field select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb14}.form-field input::placeholder{color:#cbd5e1}.form-toggles{display:flex;gap:21px;margin-top:13px}.toggle-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#1e293b}.form-readonly{opacity:.7}.readonly-value{font-size:14px;color:#1e293b;padding:8px 0}.people-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:13px 21px;border-top:1px solid #e2e8f0;background:#f8fafc}.people-modal-footer .btn-primary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.people-modal{width:100%;max-width:100%;max-height:100vh;border-radius:0}.form-grid{grid-template-columns:1fr}.form-toggles{flex-direction:column;gap:13px}}.system-health{min-height:100vh;background:#f8fafc;padding:21px 34px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.system-health-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.system-health-header h1{font-size:21px;font-weight:600;color:#1e293b;margin:0}.system-health-header-right{display:flex;align-items:center;gap:13px}.health-back-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:13px;cursor:pointer;text-decoration:none}.health-back-btn:hover{background:#f1f5f9}.health-refresh-btn{padding:8px 13px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:13px;cursor:pointer}.health-refresh-btn:hover{background:#f1f5f9}.health-auto-refresh{font-size:12px;color:#94a3b8}.health-status-banner{padding:13px 21px;border-radius:8px;margin-bottom:21px;display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px}.health-status-banner.ok{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.health-status-banner.degraded,.health-status-banner.warning{background:#fffbeb;color:#a16207;border:1px solid #fde68a}.health-status-banner.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.health-status-banner.loading{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.ok{background:#22c55e}.status-dot.degraded,.status-dot.warning{background:#eab308}.status-dot.error{background:#ef4444}.status-dot.loading{background:#94a3b8}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:13px;margin-bottom:21px}.health-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:21px}.health-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.health-card-title{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.health-card-status{font-size:12px;padding:2px 8px;border-radius:21px;font-weight:500}.health-card-status.ok{background:#f0fdf4;color:#15803d}.health-card-status.error{background:#fef2f2;color:#dc2626}.health-card-status.warning{background:#fffbeb;color:#a16207}.health-card-value{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:4px}.health-card-label{font-size:13px;color:#94a3b8}.health-card-metric{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9}.health-card-metric:last-child{border-bottom:none}.health-card-metric-label{font-size:13px;color:#64748b}.health-card-metric-value{font-size:13px;font-weight:600;color:#1e293b}.recording-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}.recording-stat{text-align:center;padding:8px;background:#f8fafc;border-radius:8px}.recording-stat-value{font-size:21px;font-weight:700;color:#1e293b}.recording-stat-label{font-size:11px;color:#94a3b8;margin-top:2px}.health-errors-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:21px}.health-errors-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.health-errors-title{font-size:15px;font-weight:600;color:#1e293b}.health-errors-filter{display:flex;gap:8px}.health-filter-btn{padding:4px 13px;border-radius:21px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:12px;cursor:pointer}.health-filter-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.health-error-row{display:grid;grid-template-columns:100px 80px 120px 1fr;gap:13px;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:13px;align-items:start}.health-error-row:last-child{border-bottom:none}.health-error-time{color:#94a3b8;font-size:12px}.health-error-severity{font-size:11px;font-weight:500;padding:2px 8px;border-radius:4px;text-align:center;width:fit-content}.health-error-severity.critical{background:#fef2f2;color:#dc2626}.health-error-severity.error{background:#fef2f2;color:#ef4444}.health-error-severity.warning{background:#fffbeb;color:#a16207}.health-error-severity.info{background:#eff6ff;color:#2563eb}.health-error-feature{color:#64748b;font-size:12px}.health-error-message{color:#1e293b;word-break:break-word}.health-error-toggle{background:none;border:none;color:#94a3b8;font-size:11px;cursor:pointer;text-decoration:underline;padding:0;margin-top:4px}.health-error-stack{margin-top:8px;padding:8px;background:#f8fafc;border-radius:4px;font-size:11px;color:#64748b;font-family:SF Mono,Monaco,Cascadia Mono,monospace;white-space:pre-wrap;word-break:break-all;max-height:120px;overflow:auto;grid-column:1 / -1}.health-empty{text-align:center;padding:34px;color:#94a3b8;font-size:14px}.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}}.case-table-wrapper{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #0000000d}.case-table{width:100%;border-collapse:collapse}.case-table thead{background:#fff;color:#64748b;border-bottom:2px solid #e2e8f0}.case-table th{padding:10px 12px;text-align:left;font-weight:600;font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.case-table td{padding:14px 16px;vertical-align:middle;position:relative;border-right:none}.col-id{width:36px;text-align:center!important;vertical-align:middle!important;color:#94a3b8;font-size:11px;padding:14px 4px!important}.case-id-badge{font-family:monospace;color:#64748b;font-size:11px;background:#f1f5f9;padding:1px 3px;border-radius:3px}.col-info{width:30%;min-width:220px}.info-sub{font-size:12px;color:#64748b;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.category-tag{font-size:10px;padding:0 4px;background:#f1f5f9;border-radius:3px;color:#64748b;font-weight:500;height:16px;line-height:14px;display:inline-flex;align-items:center;border:1px solid #e2e8f0;vertical-align:middle;white-space:nowrap}.col-job{width:20%;min-width:160px}.job-location{font-size:13px;color:#334155;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.job-meta{font-size:11px;color:#64748b;display:flex;align-items:center;gap:6px}.col-status{width:90px;text-align:center!important;vertical-align:middle!important;padding:10px 4px!important}.status-badge-sm{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;margin-bottom:2px}.date-meta{font-size:10px;color:#94a3b8;white-space:nowrap}.col-pipeline{width:65px;text-align:center!important;vertical-align:middle!important;padding:8px 4px!important}.p-count{font-size:15px;font-weight:600;color:#1e293b;display:block}.p-count.zero{color:#cbd5e1}.pipeline-widget,.pipeline-item,.p-label,.p-divider{display:none}.case-table td{padding:12px 14px;vertical-align:middle;position:relative;border-right:none}.case-table tbody tr{background:#fff;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease}.case-table tbody tr:hover{background:#f8fafc}.case-table td{padding:18px 20px;vertical-align:top;position:relative;border-right:none}.case-table td:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background-color:#e2e8f0}.col-id{width:50px;text-align:center;vertical-align:middle!important;color:#94a3b8;font-size:11px}.case-id-badge{font-family:monospace;color:#94a3b8;font-size:11px;background:transparent;padding:0}.col-info{width:25%;min-width:200px}.info-main{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:3px;line-height:1.3}.info-sub{font-size:12px;color:#64748b;display:flex;align-items:center;gap:6px}.col-job{width:25%;min-width:180px}.job-location{font-size:13px;color:#334155;margin-bottom:3px;display:flex;align-items:center;gap:8px}.category-tag{font-size:10px;padding:1px 5px;background:#f1f5f9;border-radius:4px;color:#64748b;font-weight:500}.job-meta{font-size:12px;color:#64748b}.col-pipeline{width:60px;text-align:center!important;vertical-align:middle!important;padding:8px 4px!important}.pipeline-count{font-size:14px;font-weight:700;display:block}.case-id-badge{font-family:monospace;color:#94a3b8;font-size:12px;background:transparent;padding:0}.col-info{width:25%;min-width:240px}.info-main{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:6px;line-height:1.4}.info-sub{font-size:13px;color:#64748b;display:flex;align-items:center;gap:6px}.client-name{font-weight:500;color:#475569}.case-no{font-family:monospace;background:#f1f5f9;padding:1px 5px;border-radius:4px;font-size:11px;color:#64748b}.col-job{width:25%;min-width:220px}.job-location{font-size:14px;color:#334155;margin-bottom:6px;display:flex;align-items:center;gap:8px}.category-tag{font-size:11px;padding:2px 6px;background:#f1f5f9;border-radius:4px;color:#64748b;font-weight:500}.job-meta{font-size:13px;color:#64748b}.col-pipeline{width:70px;text-align:center!important;vertical-align:middle!important;padding:10px 4px!important}.col-pipeline-sourcing{color:#3b82f6}.col-pipeline-submitted{color:#d97706}.col-pipeline-interview{color:#7c3aed}.col-pipeline-offer{color:#059669}.pipeline-count{font-size:16px;font-weight:700;display:block}.cell-sourcing{background-color:#f8fbff;color:#3b82f6}.cell-submitted{background-color:#fffdf7;color:#d97706}.cell-interview{background-color:#fbfaff;color:#7c3aed}.cell-offer{background-color:#f6fdf9;color:#059669}.cell-sourcing:has(.pipeline-count:contains("0")){color:#bfdbfe}.cell-submitted:has(.pipeline-count:contains("0")){color:#fde68a}.cell-interview:has(.pipeline-count:contains("0")){color:#ddd6fe}.cell-offer:has(.pipeline-count:contains("0")){color:#bbf7d0}.col-owner{width:10%;min-width:120px;text-align:center!important}.col-status{width:70px;text-align:center!important;vertical-align:middle!important;padding:10px 4px!important}.handler-name{font-size:14px;font-weight:500;color:#334155;margin-bottom:4px}.team-name{font-size:12px;color:#64748b;background:#f1f5f9;display:inline-block;padding:2px 6px;border-radius:4px}.col-status{width:10%;min-width:100px;text-align:right}.status-badge-sm{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:6px}.status-active{background:#eff6ff;color:#2563eb}.status-intake{background:#f0fdf4;color:#16a34a}.status-closed{background:#f1f5f9;color:#64748b}.status-hold{background:#fff1f2;color:#e11d48}.date-meta{font-size:12px;color:#94a3b8}.separator{color:#cbd5e1;font-size:10px;margin:0 4px}.case-table-loading,.no-cases{padding:60px;text-align:center;color:#64748b}.loading-spinner{width:30px;height:30px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}@media(max-width:1200px){.case-table-wrapper{overflow-x:auto}.case-table{min-width:1000px}}.pipeline-summary{display:flex;align-items:center;gap:0;padding:0;margin-bottom:24px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.pipeline-summary-item{flex:1;display:flex;align-items:center;position:relative}.pipeline-box{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;cursor:pointer;transition:all .2s;border-right:1px solid #f1f5f9;position:relative}.pipeline-box:hover{background:#f8fafc}.pipeline-label{font-size:11px;font-weight:600;text-transform:uppercase;color:#94a3b8;margin-bottom:4px;letter-spacing:.5px}.pipeline-count{font-size:24px;font-weight:700;color:#cbd5e1;line-height:1}.stage-sourcing .pipeline-box.active .pipeline-count,.stage-sourcing .pipeline-box.active .pipeline-label{color:#3b82f6}.stage-sourcing .pipeline-box.active{background:linear-gradient(to bottom,#fff,#eff6ff)}.stage-submitted .pipeline-box.active .pipeline-count,.stage-submitted .pipeline-box.active .pipeline-label{color:#f59e0b}.stage-submitted .pipeline-box.active{background:linear-gradient(to bottom,#fff,#fffbeb)}.stage-interview .pipeline-box.active .pipeline-count,.stage-interview .pipeline-box.active .pipeline-label{color:#8b5cf6}.stage-interview .pipeline-box.active{background:linear-gradient(to bottom,#fff,#f3e8ff)}.stage-offer .pipeline-box.active .pipeline-count,.stage-offer .pipeline-box.active .pipeline-label{color:#10b981}.stage-offer .pipeline-box.active{background:linear-gradient(to bottom,#fff,#ecfdf5)}.stage-hired .pipeline-box.active .pipeline-count,.stage-hired .pipeline-box.active .pipeline-label{color:#06b6d4}.stage-hired .pipeline-box.active{background:linear-gradient(to bottom,#fff,#ecfeff)}.pipeline-summary-item:last-child .pipeline-box{border-right:none}@media(max-width:768px){.pipeline-summary{flex-wrap:wrap;border:none;background:transparent;gap:8px}.pipeline-summary-item{flex:1 1 45%;min-width:120px}.pipeline-box{border:1px solid #e2e8f0;border-radius:8px;background:#fff}}.kanban-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px;cursor:grab;transition:all .2s;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #0000000d}.kanban-card:hover{border-color:#2563eb;box-shadow:0 4px 6px #2563eb1a;transform:translateY(-2px)}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{box-shadow:0 10px 25px #00000026;border-color:#2563eb;z-index:100;transform:scale(1.02);opacity:.9}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.card-name{font-size:14px;font-weight:600;color:#1e293b;line-height:1.3}.card-score{font-size:11px;font-weight:700;color:#16a34a;background:#dcfce7;padding:2px 6px;border-radius:4px;margin-left:8px;white-space:nowrap}.card-body{display:flex;flex-direction:column;gap:4px}.card-position{font-size:12px;color:#475569;font-weight:500}.card-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.meta-loc{font-size:11px;color:#94a3b8;display:flex;align-items:center;gap:2px}.meta-loc:before{content:"📍";font-size:10px}.kanban-column{display:flex;flex-direction:column;min-width:260px;width:260px;flex:0 0 auto;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s;height:100%}.kanban-column.drag-over{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.kanban-column-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e2e8f0;background:#fff;border-radius:12px 12px 0 0;border-top:3px solid transparent}.stage-sourcing .kanban-column-header{border-top-color:#3b82f6}.stage-sourcing .column-title{color:#1e40af}.stage-sourcing .column-count{background:#eff6ff;color:#1e40af}.stage-submitted .kanban-column-header{border-top-color:#f59e0b}.stage-submitted .column-title{color:#92400e}.stage-submitted .column-count{background:#fffbeb;color:#92400e}.stage-interview .kanban-column-header{border-top-color:#8b5cf6}.stage-interview .column-title{color:#5b21b6}.stage-interview .column-count{background:#f3e8ff;color:#5b21b6}.stage-offer .kanban-column-header{border-top-color:#10b981}.stage-offer .column-title{color:#065f46}.stage-offer .column-count{background:#ecfdf5;color:#065f46}.header-left{display:flex;align-items:center;gap:8px}.column-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.column-count{font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px}.add-btn-sm{width:24px;height:24px;border:none;background:transparent;color:#94a3b8;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s}.add-btn-sm:hover{background:#f1f5f9;color:#2563eb}.kanban-column-content{flex:1;padding:12px;display:flex;flex-direction:column;gap:12px;min-height:200px;overflow-y:auto}.kanban-column-content::-webkit-scrollbar{width:6px}.kanban-column-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.kanban-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:120px;color:#94a3b8;font-size:13px;border:1px dashed #e2e8f0;border-radius:8px;background:#f8fafc;margin-top:10px}.kanban-board{display:flex;gap:13px;padding:21px 0;overflow-x:auto;min-height:400px}.kanban-board::-webkit-scrollbar{height:8px}.kanban-board::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.kanban-board::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.kanban-board::-webkit-scrollbar-thumb:hover{background:#94a3b8}.candidate-list-wrapper{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #0000000d}.candidate-list-table{width:100%;border-collapse:collapse}.candidate-list-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.candidate-list-table th{padding:14px 16px;text-align:left;font-weight:600;font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.candidate-list-table tbody tr{border-bottom:1px solid #e2e8f0;cursor:pointer;transition:background-color .15s ease}.candidate-list-table tbody tr:hover{background:#f8fafc}.candidate-list-table tbody tr:last-child{border-bottom:none}.candidate-list-table td{padding:14px 16px;vertical-align:middle}.col-name{width:25%;min-width:180px}.col-position{width:25%;min-width:160px}.col-location{width:15%;min-width:120px}.col-stage{width:12%;min-width:110px}.col-score{width:8%;min-width:70px;text-align:center}.col-date{width:12%;min-width:100px;color:#64748b;font-size:13px}.candidate-name{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:2px}.candidate-category{font-size:12px;color:#64748b}.stage-select{padding:6px 28px 6px 10px;border-radius:6px;border:none;font-size:12px;font-weight:600;cursor:pointer;outline: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 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.stage-select:hover{filter:brightness(.95)}.stage-select option{background:#fff;color:#1e293b}.match-score{display:inline-block;padding:4px 8px;background:#f0fdf4;color:#166534;border-radius:4px;font-size:12px;font-weight:600}.candidate-list-empty{padding:60px 40px;text-align:center;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.candidate-list-empty p{font-size:16px;font-weight:600;color:#64748b;margin-bottom:8px}.candidate-list-empty span{font-size:14px;color:#94a3b8}@media(max-width:900px){.candidate-list-wrapper{overflow-x:auto}.candidate-list-table{min-width:700px}}.case-info-accordion{display:flex;flex-direction:column;gap:8px;margin-bottom:21px}.accordion-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:box-shadow .2s ease}.accordion-section.open{box-shadow:0 2px 8px #0000000d}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:transparent;border:none;cursor:pointer;transition:background-color .15s ease}.accordion-header:hover{background:#f8fafc}.accordion-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#1e293b}.accordion-icon{font-size:16px}.accordion-chevron{display:flex;align-items:center;justify-content:center;color:#64748b;transition:transform .2s ease}.accordion-chevron.rotate{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.accordion-content.expanded{max-height:500px}.accordion-body{padding:0 16px 16px}.no-content{color:#94a3b8;font-size:13px;font-style:italic}.job-description-content p{font-size:14px;line-height:1.6;color:#475569;margin:0;white-space:pre-wrap}.requirement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}.requirement-item{display:flex;flex-direction:column;gap:4px}.req-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#64748b;font-weight:600}.req-value{font-size:14px;color:#1e293b;font-weight:500}.requirements-text{padding-top:12px;border-top:1px solid #e2e8f0}.requirements-text p{font-size:14px;line-height:1.6;color:#475569;margin:0}.company-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.company-item{display:flex;flex-direction:column;gap:4px}.company-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#64748b;font-weight:600}.company-value{font-size:14px;color:#1e293b;font-weight:500}.timeline-content{display:flex;flex-direction:column;gap:10px}.timeline-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9}.timeline-item:last-child{border-bottom:none}.timeline-label{font-size:13px;color:#64748b}.timeline-value{font-size:13px;color:#1e293b;font-weight:500}@media(max-width:600px){.requirement-grid,.company-grid{grid-template-columns:1fr}}.case-detail-page{padding:24px!important}.case-detail-header{margin-bottom:21px}.back-btn{background:none;border:none;color:#64748b;font-size:14px;cursor:pointer;padding:8px 0;margin-bottom:13px;display:flex;align-items:center;gap:4px;transition:color .2s}.back-btn:hover{color:#2563eb}.case-detail-info{background:#fff;border-radius:13px;padding:21px;border:1px solid #e2e8f0}.case-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.case-client-name{font-size:20px;font-weight:700;color:#1e293b;margin:0}.case-status-badge{padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize}.case-position{font-size:16px;color:#475569;margin:0 0 13px}.case-meta{display:flex;flex-wrap:wrap;gap:21px;font-size:13px;color:#64748b}.case-meta .meta-item{display:flex;align-items:center;gap:4px}.mode-toggle{display:flex;align-items:center;gap:8px;padding:13px 0;border-bottom:1px solid #e2e8f0}.mode-btn{padding:8px 16px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.mode-btn:hover:not(:disabled){border-color:#2563eb;color:#2563eb}.mode-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.mode-btn:disabled{opacity:.5;cursor:not-allowed}.add-candidate-btn{margin-left:auto;padding:8px 16px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.add-candidate-btn:hover{background:#1d4ed8}@media(max-width:768px){.case-title-row{flex-direction:column;align-items:flex-start;gap:8px}.case-meta{flex-direction:column;gap:8px}.mode-toggle{flex-wrap:wrap}.add-candidate-btn{margin-left:0;width:100%;margin-top:8px}}.candidate-info-tab{font-size:13px;color:#333}.profile-meta{display:flex;gap:24px;padding:8px 12px;background:#f5f5f5;border:1px solid #ddd;margin-bottom:12px;font-size:12px}.profile-meta strong{color:#666}.section{border:1px solid #ddd;margin-bottom:8px;background:#fff}.section-header{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:linear-gradient(to bottom,#f8f8f8,#eee);border-bottom:1px solid #ddd;cursor:pointer;-webkit-user-select:none;user-select:none}.section-header:hover{background:linear-gradient(to bottom,#fff,#f0f0f0)}.section-title{font-weight:600;font-size:13px;color:#333}.toggle{font-size:11px;color:#06c}.section-body{padding:8px}.info-table{width:100%;border-collapse:collapse;font-size:12px}.info-table td,.info-table th{padding:4px 8px;border:1px solid #e5e5e5;vertical-align:top}.info-table .label{background:#f9f9f9;color:#555;font-weight:500;width:120px;white-space:nowrap}.info-table .value{color:#222}.info-table .value.highlight{color:#06c;font-weight:600}.info-table .value.desc{white-space:pre-line;line-height:1.5;color:#444}.info-table .value.pre{white-space:pre-line;line-height:1.5}.info-table th{background:#f0f0f0;font-weight:600;text-align:left;color:#333}.info-table.vertical .label{width:180px}.exp-table{margin-bottom:8px}.exp-table:last-child{margin-bottom:0}.tag{display:inline-block;padding:1px 6px;background:#e3f2fd;color:#1565c0;border-radius:3px;font-size:11px}.empty{padding:12px;text-align:center;color:#999;font-style:italic;margin:0}.info-table a{color:#06c;text-decoration:none}.info-table a:hover{text-decoration:underline}.info-table input,.info-table select{width:100%;padding:3px 6px;border:1px solid #ccc;border-radius:3px;font-size:12px;box-sizing:border-box}.info-table input:focus,.info-table select:focus{outline:none;border-color:#06c}.edit-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px;background:#f5f5f5;border:1px solid #ddd;margin-top:8px}.btn-cancel,.btn-save{padding:6px 16px;border-radius:3px;font-size:12px;cursor:pointer}.btn-cancel{background:#fff;border:1px solid #ccc;color:#666}.btn-cancel:hover{background:#f5f5f5}.btn-save{background:#06c;border:1px solid #0055aa;color:#fff}.btn-save:hover{background:#05a}.btn-save:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.activity-timeline{padding:21px}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.timeline-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.add-activity-btn{padding:8px 13px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.add-activity-btn:hover{background:#1d4ed8}.add-activity-form{background:#f8fafc;border-radius:8px;padding:13px;margin-bottom:21px;display:flex;flex-direction:column;gap:13px}.add-activity-form select{padding:8px 13px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff}.add-activity-form textarea{padding:13px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px}.add-activity-form textarea:focus,.add-activity-form select:focus{outline:none;border-color:#2563eb}.form-actions{display:flex;justify-content:flex-end}.form-actions button{padding:8px 21px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.form-actions button:disabled{opacity:.5;cursor:not-allowed}.timeline-list{position:relative;padding-left:34px}.timeline-list:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:#e2e8f0}.timeline-item{position:relative;padding-bottom:21px;display:flex;gap:13px}.timeline-item:last-child{padding-bottom:0}.timeline-icon{position:absolute;left:-34px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;background:#f59e0b;z-index:1}.timeline-content{flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:13px}.timeline-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.activity-type{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase}.activity-date{font-size:12px;color:#94a3b8}.activity-time{font-size:11px}.activity-content{font-size:14px;color:#1e293b;line-height:1.5;margin:0;white-space:pre-wrap}.activity-author{display:block;margin-top:8px;font-size:12px;color:#64748b}.empty-timeline{text-align:center;padding:55px 21px;background:#f8fafc;border-radius:8px}.empty-timeline p{font-size:14px;color:#64748b;margin:0 0 13px}.empty-timeline button{padding:8px 21px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer}.interview-list{padding:21px}.interview-list.empty{display:flex;align-items:center;justify-content:center;min-height:300px}.empty-icon{font-size:48px;display:block;margin-bottom:13px}.interview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.interview-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.interview-count{font-size:13px;color:#64748b;background:#f1f5f9;padding:4px 8px;border-radius:4px}.interview-table-container{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px}.interview-table{width:100%;border-collapse:collapse;font-size:14px}.interview-table th,.interview-table td{padding:13px;text-align:left;border-bottom:1px solid #e2e8f0}.interview-table th{background:#f8fafc;font-weight:600;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.interview-table tr:last-child td{border-bottom:none}.interview-table tr:hover{background:#f8fafc}.interview-table tr.selected{background:#eff6ff}.date-cell{white-space:nowrap;color:#475569}.round-cell{font-weight:500;color:#1e293b}.client-cell,.case-cell{color:#1e293b}.interviewer-cell{color:#64748b}.result-cell{white-space:nowrap}.pending-badge{background:#fef3c7;color:#92400e;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.action-cell{text-align:center}.view-btn{padding:4px 13px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;color:#2563eb;cursor:pointer;transition:all .2s}.view-btn:hover{background:#eff6ff;border-color:#2563eb}.interview-detail-panel{margin-top:21px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:13px 21px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.panel-header h4{font-size:14px;font-weight:600;color:#1e293b;margin:0}.close-btn{width:28px;height:28px;border:none;background:transparent;font-size:20px;color:#64748b;cursor:pointer;border-radius:4px}.close-btn:hover{background:#e2e8f0}.panel-content{padding:21px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:21px;margin-bottom:21px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:14px;color:#1e293b}.feedback-section{margin-top:13px;padding:13px;background:#f8fafc;border-radius:8px}.feedback-section label{display:block;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.feedback-section p{font-size:14px;color:#1e293b;line-height:1.5;margin:0}@media(max-width:768px){.interview-table th,.interview-table td{padding:8px;font-size:12px}.detail-grid{grid-template-columns:1fr}}.application-history{padding:21px}.application-history.empty{display:flex;align-items:center;justify-content:center;min-height:300px}.empty-state{text-align:center;padding:34px}.empty-state .empty-icon{font-size:48px;display:block;margin-bottom:13px}.empty-state h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.empty-state p{font-size:14px;color:#64748b;margin:0}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.history-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.application-count{font-size:13px;color:#64748b;background:#f1f5f9;padding:4px 8px;border-radius:4px}.application-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:21px}.application-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:21px;cursor:pointer;transition:all .2s ease}.application-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a}.application-card.rejected{border-color:#fecaca;background:#fef2f2}.application-card.rejected:hover{border-color:#ef4444}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:13px}.case-info{display:flex;align-items:center;gap:8px}.client-name{font-size:13px;font-weight:600;color:#64748b}.case-status{font-size:11px;font-weight:500;padding:2px 6px;border-radius:4px}.stage-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:4px}.position-title{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 13px;line-height:1.3}.card-meta{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:13px}.card-meta .meta-item{font-size:13px;color:#64748b}.card-details{padding:13px;background:#f8fafc;border-radius:6px;margin-bottom:13px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.detail-row:not(:last-child){border-bottom:1px solid #e2e8f0;padding-bottom:8px;margin-bottom:8px}.detail-label{font-size:12px;color:#64748b}.detail-value{font-size:13px;font-weight:500;color:#1e293b}.detail-value.match-score{color:#2563eb;font-weight:600}.detail-value.recommended{color:#10b981}.rejection-reason{margin-bottom:13px;padding:13px;background:#fee2e2;border-radius:6px}.reason-label{display:block;font-size:11px;font-weight:600;color:#991b1b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.reason-text{font-size:13px;color:#7f1d1d}.ai-summary{margin-bottom:13px;padding:13px;background:#eff6ff;border-radius:6px}.summary-label{display:block;font-size:11px;font-weight:600;color:#1e40af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.ai-summary p{font-size:13px;color:#1e293b;line-height:1.5;margin:0}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:13px;border-top:1px solid #e2e8f0}.last-update{font-size:11px;color:#94a3b8}.view-case{font-size:13px;color:#2563eb;font-weight:500}@media(max-width:768px){.application-cards{grid-template-columns:1fr}.application-card{padding:13px}}.candidate-detail-page{max-width:1200px;margin:0 auto}.candidate-detail-header{display:flex;flex-direction:column;gap:21px;padding:21px;background:#fff;border-radius:13px;box-shadow:0 1px 3px #0000001a;margin-bottom:21px}.candidate-header-info{display:flex;gap:21px;align-items:flex-start}.candidate-avatar{width:89px;height:89px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#e2e8f0;display:flex;align-items:center;justify-content:center}.candidate-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:34px;font-weight:600;color:#64748b}.candidate-header-details{flex:1}.candidate-name{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 8px}.name-ko{font-size:16px;font-weight:400;color:#64748b;margin-left:8px}.candidate-meta{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:13px}.candidate-meta .meta-item{font-size:14px;color:#64748b}.candidate-summary{font-size:14px;color:#475569;line-height:1.5;margin:0;padding:13px;background:#f8fafc;border-radius:8px;border-left:3px solid #2563eb}.candidate-header-actions{display:flex;gap:8px}.edit-btn{padding:8px 21px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.edit-btn:hover{background:#f1f5f9}.edit-btn.active{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.candidate-tabs{display:flex;gap:8px;padding:8px;background:#fff;border-radius:13px;box-shadow:0 1px 3px #0000001a;margin-bottom:21px;overflow-x:auto}.tab-btn{display:flex;align-items:center;gap:8px;padding:13px 21px;border:none;border-radius:8px;background:transparent;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.tab-btn:hover{background:#f1f5f9;color:#1e293b}.tab-btn.active{background:#2563eb;color:#fff}.tab-icon{font-size:16px}.candidate-tab-content{background:#fff;border-radius:13px;box-shadow:0 1px 3px #0000001a;min-height:400px}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@media(max-width:768px){.candidate-header-info{flex-direction:column;align-items:center;text-align:center}.candidate-meta{justify-content:center}.candidate-tabs{gap:4px;padding:4px}.tab-btn{padding:8px 13px;font-size:12px}.tab-label{display:none}}.candidate-list-page{padding:21px;min-height:100vh;display:flex;flex-direction:column;background:#f8fafc}.search-bar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:13px;margin-bottom:21px;background:#fff;padding:13px 21px;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d}.search-main{display:flex;gap:8px;flex:1}.search-input{flex:1;max-width:500px;padding:8px 13px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#1e293b;transition:all .2s}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.filter-toggle{display:flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;color:#64748b;cursor:pointer;transition:all .2s;font-weight:500}.filter-toggle:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.filter-toggle.active{background:#eff6ff;border-color:#2563eb;color:#2563eb}.filter-toggle.has-filters{border-color:#2563eb;color:#2563eb;background:#eff6ff}.filter-count{background:#2563eb;color:#fff;font-size:11px;padding:2px 6px;border-radius:13px;font-weight:700;line-height:1}.search-meta{display:flex;align-items:center;gap:21px}.result-count{font-size:13px;color:#64748b;white-space:nowrap;font-weight:500}.page-size{padding:8px 13px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#1e293b;background:#fff;cursor:pointer}.filter-panel{position:sticky;top:74px;z-index:15;background:#fff;padding:13px 21px;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:21px;box-shadow:0 4px 6px -1px #0000000d;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-row{display:flex;gap:13px;align-items:flex-end;flex-wrap:wrap}.filter-row label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#64748b;font-weight:600}.filter-row label span{text-transform:uppercase;letter-spacing:.5px;font-size:11px}.filter-row select,.filter-row input[type=text]{padding:6px 10px;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;min-width:130px;color:#1e293b;background-color:#f8fafc}.filter-row select:focus,.filter-row input:focus{outline:none;border-color:#2563eb;background-color:#fff}.range-inputs{display:flex;align-items:center;gap:8px}.range-inputs input{width:50px;padding:6px;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;text-align:center}.range-inputs span{color:#94a3b8}.clear-filters{padding:6px 13px;border:1px solid #e2e8f0;border-radius:4px;background:#fff;font-size:12px;color:#64748b;cursor:pointer;transition:all .2s;height:29px;margin-bottom:1px}.clear-filters:hover{background:#f1f5f9;color:#ef4444;border-color:#fee2e2}.table-container{flex:1;background:#fff;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;margin-bottom:21px}.candidate-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.candidate-table thead{position:sticky;top:74px;z-index:10}.candidate-table th{background:#1e3a8a!important;color:#fff!important;padding:10px 16px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-right:1px solid #3b82f6;border-bottom:none}.candidate-table th:last-child{border-right:none}.candidate-table tr:empty{display:none}.candidate-table tbody tr{background:#fff;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .1s}.candidate-table tbody tr:hover{background:#eff6ff}.candidate-table td{padding:8px 16px;vertical-align:middle;border-right:1px solid #f8fafc;border-bottom:1px solid #f1f5f9}.candidate-table td:last-child{border-right:none}.th-id,.td-id{width:80px;text-align:center}.th-name,.td-name,.th-position,.td-position{width:220px}.th-exp,.td-exp{width:80px;text-align:center}.th-location,.td-location{width:140px}.th-education,.td-education{width:200px}.th-date,.td-date{width:100px;text-align:center}.td-id{font-family:monospace;font-size:11px;color:#64748b}.name-en{display:block;font-weight:700;color:#1e293b;font-size:13px}.name-ko{display:block;font-size:11px;color:#64748b;margin-top:1px}.position-title{display:block;font-weight:600;color:#1e293b;font-size:12px}.position-company{display:block;font-size:11px;color:#64748b;margin-top:1px}.exp-badge{display:inline-block;background:#e0f2fe;color:#0369a1;padding:2px 6px;border-radius:4px;font-weight:600;font-size:11px}.td-location{color:#475569;font-size:12px}.edu-school{display:block;color:#1e293b;font-size:12px;font-weight:500}.edu-degree{display:block;font-size:11px;color:#64748b;margin-top:1px}.td-date{font-size:11px;color:#94a3b8}.scroll-sentinel{padding:20px;text-align:center;color:#64748b;font-size:13px}.loading-row{display:flex;align-items:center;justify-content:center;gap:10px}.loading-spinner-small{width:16px;height:16px;border:2px solid #cbd5e1;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.end-message{color:#94a3b8;font-style:italic;padding:20px 0}.no-results{padding:40px;text-align:center;color:#64748b}@media(max-width:1200px){.candidate-table{min-width:900px}.table-container{overflow-x:auto}}.company-list-page{padding:21px;min-height:100vh;display:flex;flex-direction:column;background:#f8fafc}.company-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px;gap:13px;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);padding:13px 21px;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;position:sticky;top:0;z-index:20}.company-toolbar-left{display:flex;gap:13px;flex:1;align-items:center}.company-search-wrapper{flex:1;max-width:450px;position:relative}.company-search-input{width:100%;padding:10px 16px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s;box-shadow:0 1px 2px #0000000d}.company-search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-icon-overlay{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.company-filter-select{padding:10px 32px 10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:500;color:#475569;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;min-width:140px;cursor:pointer;appearance:none;transition:all .2s;box-shadow:0 1px 2px #0000000d}.company-filter-select:hover{border-color:#cbd5e1;background-color:#f8fafc}.company-filter-select:focus{outline:none;border-color:#2563eb;background-color:#fff}.company-table-container{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d;flex:1;display:flex;flex-direction:column}.company-table{width:100%;border-collapse:collapse}.company-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.company-table th{padding:16px 21px;text-align:left;font-weight:600;font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.company-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease;cursor:pointer}.company-table tbody tr:hover{background:#f8fafc}.company-table td{padding:16px 21px;vertical-align:middle}.col-name{width:25%}.col-info,.col-contact{width:15%}.col-cases{width:8%;text-align:center}.col-revenue{width:10%;text-align:right}.col-updates{width:10%}.col-status{width:8%;text-align:center}.col-action{width:9%;text-align:center}.company-meta{display:flex;gap:8px;font-size:11px;color:#64748b;margin-top:2px}.meta-location{display:flex;align-items:center}.info-stack{display:flex;flex-direction:column;gap:2px}.info-primary{font-size:12px;font-weight:500;color:#334155}.info-secondary{font-size:11px;color:#64748b}.contact-info{display:flex;flex-direction:column;gap:2px;font-size:11px;color:#475569}.revenue-amount{font-family:JetBrains Mono,monospace;font-size:12px;color:#0f172a}.reg-case-btn{padding:6px 12px;background:#1e3a8a;color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:background .2s}.reg-case-btn:hover{background:#1e40af}.company-name-cell{display:flex;flex-direction:column;gap:2px}.company-name{font-size:14px;font-weight:600;color:#1e293b}.company-website{font-size:12px;color:#3b82f6;text-decoration:none;display:flex;align-items:center;gap:4px}.company-website:hover{text-decoration:underline}.info-cell{font-size:13px;color:#475569}.industry-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#f1f5f9;border-radius:4px;color:#475569;font-size:12px;font-weight:500}.location-text{display:flex;align-items:center;gap:6px;color:#475569;font-size:13px}.case-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;border-radius:12px;font-size:12px;font-weight:600}.case-count-active{background:#dbeafe;color:#1e40af}.case-count-zero{background:#f1f5f9;color:#94a3b8}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.status-active{background:#dcfce7;color:#166534}.status-inactive{background:#f1f5f9;color:#64748b}.status-lead{background:#fff7ed;color:#9a3412}.status-churned{background:#fee2e2;color:#991b1b}.loading-container{padding:40px;display:flex;justify-content:center;align-items:center;color:#64748b}.no-results{padding:60px;text-align:center;color:#64748b;font-size:14px}.pagination{margin-top:21px;display:flex;justify-content:center;align-items:center;gap:8px}.pagination button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){border-color:#2563eb;color:#2563eb;background:#eff6ff}.pagination button:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:13px;color:#475569;font-weight:500;margin:0 8px}.hired-list-page{padding:21px;height:100%;display:flex;flex-direction:column;background:#f8fafc;gap:21px}.hired-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.stat-card{background:#fff;border-radius:13px;padding:21px;border:1px solid #e2e8f0;text-align:center;transition:all .2s}.stat-card:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.stat-card.highlight{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#1d4ed8}.stat-card.highlight .stat-value,.stat-card.highlight .stat-label{color:#fff}.stat-value{font-size:34px;font-weight:700;color:#1e293b;line-height:1.2}.stat-label{font-size:13px;color:#64748b;margin-top:8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.hired-toolbar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:13px 21px;border-radius:8px;border:1px solid #e2e8f0}.filter-group{display:flex;gap:21px}.filter-group label{display:flex;flex-direction:column;gap:4px}.filter-group label span{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.filter-group select{padding:8px 13px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#1e293b;background:#f8fafc;min-width:144px;cursor:pointer}.filter-group select:focus{outline:none;border-color:#2563eb;background:#fff}.filter-group select:disabled{opacity:.5;cursor:not-allowed}.result-info{display:flex;align-items:center;gap:13px}.result-count{font-size:13px;color:#64748b;font-weight:500}.table-container{flex:1;background:#fff;border-radius:13px;border:1px solid #e2e8f0;overflow:auto;box-shadow:0 1px 3px #0000000d}.hired-table{width:100%;border-collapse:collapse;font-size:13px}.hired-table thead{position:sticky;top:0;z-index:10;background:#f8fafc;border-bottom:2px solid #e2e8f0}.hired-table th{padding:13px 21px;text-align:left;font-weight:600;font-size:11px;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.hired-table tbody tr{border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .15s}.hired-table tbody tr:hover{background:#f8fafc}.hired-table td{padding:13px 21px;vertical-align:middle}.th-client,.td-client{width:12%;min-width:120px}.th-candidate,.td-candidate{width:14%;min-width:130px}.th-position,.td-position{width:16%;min-width:150px}.th-type,.td-type{width:8%;min-width:80px;text-align:center}.th-date,.td-date{width:9%;min-width:90px;text-align:center}.th-step,.td-step{width:8%;min-width:85px;text-align:center}.th-salary,.td-salary{width:9%;min-width:90px;text-align:right}.th-fee,.td-fee{width:8%;min-width:80px;text-align:center}.th-step{border-left:2px solid #e2e8f0;background:#f1f5f9}.manage-hiree-header{display:block;font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.step-headers{display:flex;justify-content:space-around}.step-headers span{font-size:10px;color:#475569;font-weight:600}.td-step{padding:8px!important;border-left:1px solid #f1f5f9}.step-cell{display:inline-block;padding:4px 6px;border-radius:4px;font-size:11px;font-weight:500}.step-cell.pending{background:#f8fafc;color:#64748b}.step-cell.completed{background:#dcfce7;color:#16a34a}.step-cell.overdue{background:#fef2f2;color:#dc2626}.step-empty{color:#cbd5e1;font-size:12px}.client-name{font-weight:600;color:#1e293b;display:block}.td-candidate{line-height:1.4}.candidate-name{font-weight:600;color:#1e293b;display:block}.candidate-name-ko{font-size:12px;color:#64748b;display:block;margin-top:2px}.td-position{line-height:1.4}.position-title{font-weight:500;color:#1e293b;display:block}.case-link{font-size:11px;color:#2563eb;display:block;margin-top:2px}.type-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.type-badge.permanent{background:#dcfce7;color:#16a34a}.type-badge.contract{background:#fef3c7;color:#d97706}.type-badge.temporary{background:#e0e7ff;color:#4f46e5}.td-date{font-size:13px;color:#475569}.td-salary{font-weight:500;color:#334155}.fee-rate{font-size:12px;color:#64748b}.revenue-value{font-weight:700;color:#16a34a;font-size:14px}.table-loading,.no-results{padding:89px;text-align:center;color:#64748b;font-size:14px}.loading-spinner{width:34px;height:34px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.error-state{padding:89px;text-align:center;color:#ef4444}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:13px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.pagination button{width:34px;height:34px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.pagination button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#2563eb}.pagination button:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9}.page-info{font-size:13px;color:#475569;padding:0 13px;min-width:89px;text-align:center;font-weight:500}@media(max-width:1200px){.hired-table{min-width:900px}}@media(max-width:768px){.hired-list-page{padding:13px;gap:13px}.hired-stats{grid-template-columns:1fr;gap:13px}.hired-toolbar{flex-direction:column;gap:13px;align-items:stretch}.filter-group{flex-direction:column;gap:13px}}