:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.layout{min-height:100vh;background:#f8f9fa}.header{background:#fff;border-bottom:1px solid #e5e7eb;color:#1f2937;padding:20px 48px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;align-items:center}.header h1{margin:0;font-size:20px;font-weight:600;letter-spacing:-.3px}.header-user-info{display:flex;align-items:center;gap:12px}.user-id{font-size:14px;font-weight:600;color:#6b7280;padding:6px 12px;background:#f3f4f6;border-radius:6px}.user-permission{font-size:14px;font-weight:600;padding:6px 12px;border-radius:6px}.user-permission.admin{background:#dbeafe;color:#1e40af}.user-permission.guest{background:#e5e7eb;color:#4b5563}.logout-btn{background:none;border:1px solid #e5e7eb;font-size:14px;font-weight:600;cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .2s;color:#6b7280}.logout-btn:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.nav-tabs{background:#fff;padding:0 48px;display:flex;gap:8px;border-bottom:1px solid #e5e7eb}.nav-tab{padding:12px 16px;text-decoration:none;color:#6b7280;font-weight:500;font-size:14px;border-bottom:2px solid transparent;transition:all .2s;background:transparent;border-radius:0;cursor:pointer;position:relative;top:1px}.nav-tab:hover{color:#10b981;background:transparent}.nav-tab.active{color:#10b981;border-bottom-color:#10b981;background:transparent}.main-content{max-width:1400px;margin:0 auto;padding:24px 48px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-container{background:#fff;border-radius:16px;width:100%;max-width:420px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.login-header{background:linear-gradient(135deg,#10b981,#059669);padding:40px 32px;text-align:center;color:#fff}.login-header h1{margin:0 0 8px;font-size:32px;font-weight:700}.login-header p{margin:0;font-size:16px;opacity:.9}.login-form{padding:32px}.login-input-group{margin-bottom:24px}.login-input-group label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:#374151}.login-input-wrapper{position:relative;width:100%}.login-input-group input{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;transition:all .3s;box-sizing:border-box}.login-input-wrapper input{padding-right:45px}.login-input-group input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.login-toggle-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;cursor:pointer;padding:6px 10px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.login-toggle-btn:hover{background:#f3f4f6}.login-error{margin-bottom:16px;padding:12px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;font-weight:500;text-align:center}.login-submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #10b9814d}.login-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.login-submit-btn:active{transform:translateY(0)}.login-footer{padding:20px 32px;background:#f9fafb;border-top:1px solid #e5e7eb;text-align:center}.login-footer p{margin:0;font-size:13px;color:#6b7280}@media(prefers-color-scheme:dark){.login-container{background:#1f2937}.login-input-group label{color:#f3f4f6}.login-input-group input{background:#374151;border-color:#4b5563;color:#f3f4f6}.login-input-group input:focus{border-color:#10b981;background:#374151}.login-toggle-btn:hover{background:#4b5563}.login-footer{background:#111827;border-top-color:#374151}.login-footer p{color:#9ca3af}}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-container{background:#fff;border-radius:8px;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 25px #0000001a;border:1px solid #e5e7eb}.modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:flex-start}.modal-title h2{margin:0;font-size:20px;font-weight:600;color:#1f2937}.modal-subtitle{margin:4px 0 0;color:#6b7280;font-size:13px}.modal-close-btn{background:none;border:none;font-size:24px;color:#9ca3af;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close-btn:hover{background:#f3f4f6;color:#6b7280}.modal-tabs{display:flex;padding:0 24px;gap:4px;border-bottom:1px solid #e5e7eb}.modal-tab{padding:10px 16px;border:none;background:none;color:#6b7280;font-weight:500;font-size:14px;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;position:relative;top:1px}.modal-tab:hover:not(.disabled){color:#10b981}.modal-tab.active{color:#10b981;border-bottom-color:#10b981}.modal-tab.disabled{color:#d1d5db;cursor:not-allowed}.modal-body{flex:1;overflow-y:auto;padding:24px}.modal-loading,.modal-error,.modal-empty{text-align:center;padding:60px 20px;color:#6b7280;font-size:16px}.modal-error{color:#ef4444}.whisper-content{max-height:500px;overflow-y:auto}.whisper-segments{display:flex;flex-direction:column;gap:16px}.segment-item{background:#f9fafb;padding:12px 16px;border-radius:6px;border-left:3px solid #10b981;transition:all .2s}.segment-item:hover{background:#f3f4f6}.segment-time{font-size:11px;color:#6b7280;font-weight:600;margin-bottom:6px;font-family:monospace}.segment-text{color:#1f2937;line-height:1.5;font-size:14px}.report-content{max-height:500px;overflow-y:auto}.report-json{background:#1e293b;color:#22c55e;padding:20px;border-radius:8px;font-family:Courier New,monospace;font-size:13px;line-height:1.6;overflow-x:auto;margin:0}.modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:8px;background:#f9fafb}.modal-footer-btn{padding:8px 16px;border:1px solid #e5e7eb;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.modal-footer-btn svg{width:16px;height:16px}.modal-footer-btn.primary{background:#10b981;color:#fff;border-color:#10b981}.modal-footer-btn.primary:hover:not(:disabled){background:#059669;border-color:#059669}.modal-footer-btn.secondary{background:#fff;color:#6b7280}.modal-footer-btn.secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.modal-footer-btn:disabled{opacity:.5;cursor:not-allowed}.whisper-content::-webkit-scrollbar,.report-content::-webkit-scrollbar{width:8px}.whisper-content::-webkit-scrollbar-track,.report-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.whisper-content::-webkit-scrollbar-thumb,.report-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.whisper-content::-webkit-scrollbar-thumb:hover,.report-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.files-list-container{padding:0}.filter-section{background:#fff;padding:16px 24px;border-radius:8px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;display:flex;align-items:center;gap:12px}.filter-label{font-weight:600;font-size:14px;color:#6b7280;letter-spacing:-.3px}.filter-btn{padding:8px 16px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#6b7280;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.filter-btn.danger{color:#ef4444;border-color:#fecaca}.filter-btn.warning{color:#f59e0b;border-color:#fed7aa}.filter-btn.info{color:#3b82f6;border-color:#bfdbfe}.filter-btn.secondary{color:#6b7280;border-color:#e5e7eb}.filter-btn.active{background:#10b981;color:#fff;border-color:#10b981}.filter-btn:hover{background:#f9fafb;border-color:#d1d5db}.filter-btn.active:hover{background:#059669;border-color:#059669}.table-container{background:#fff;border-radius:8px;padding:0;box-shadow:0 2px 8px #00000014;border:1px solid #d1d5db;overflow:hidden}.files-table{width:100%;border-collapse:collapse}.files-table thead{background:linear-gradient(to bottom,#f3f4f6,#e5e7eb);border-bottom:2px solid #d1d5db}.files-table th{padding:16px 24px;text-align:left;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#374151}.files-table td{padding:20px 24px;border-bottom:1px solid #e5e7eb;font-size:14px;color:#1f2937}.files-table tbody tr.clickable-row{cursor:pointer;transition:all .2s ease;background:#fff}.files-table tbody tr.clickable-row:nth-child(2n){background:#f9fafb}.files-table tbody tr.clickable-row:hover{background:#eff6ff;transform:scale(1.001);box-shadow:0 2px 4px #0000000d}.status-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:#fff;font-weight:600;font-size:14px;transition:all .2s}.status-badge.success{background:#10b981}.category-badge{display:inline-block;padding:6px 14px;border-radius:16px;font-size:12px;font-weight:700;letter-spacing:.3px;white-space:nowrap;border:1.5px solid}.category-badge.category-gmt{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.category-badge.category-interview{background:#fce7f3;color:#9f1239;border-color:#f9a8d4}.category-badge.category-unknown{background:#f3f4f6;color:#6b7280;border-color:#d1d5db}.category-none{color:#d1d5db;font-size:14px}.files-table tbody td:nth-child(1){font-weight:600;color:#6366f1;font-family:Courier New,monospace}.files-table tbody td:nth-child(2){font-weight:500;color:#111827}.files-table tbody td:nth-child(3){color:#6b7280;font-size:13px}.files-table tbody td:nth-child(5){color:#6b7280;font-size:13px;font-weight:500}.action-buttons{display:flex;gap:8px;align-items:center}.action-btn{padding:8px 16px;border:1.5px solid #10b981;border-radius:8px;background:#fff;color:#10b981;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #10b9811a}.action-btn:hover{background:#10b981;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #10b98133}.download-btn{padding:8px 16px;border:none;border-radius:8px;background:#10b981;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 1px 3px #10b9814d}.download-btn svg{width:16px;height:16px}.download-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 2px 6px #10b98166}.download-placeholder{color:#d1d5db;font-size:14px;text-align:center;display:block}.no-data{text-align:center;padding:40px;color:#6b7280}.table-controls{background:#fff;padding:12px 24px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;border:1px solid #e5e7eb;border-bottom:none}.items-per-page{display:flex;align-items:center;gap:8px}.items-per-page span{font-weight:500;color:#6b7280;font-size:14px;letter-spacing:-.3px}.items-btn{padding:6px 14px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#6b7280;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.items-btn:hover{border-color:#d1d5db;background:#f9fafb}.items-btn.active{background:#10b981;color:#fff;border-color:#10b981}.showing-info{color:#6b7280;font-size:13px;font-weight:500}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;padding:12px 24px;background:#fff;border-radius:0 0 8px 8px;border:1px solid #e5e7eb;border-top:none}.page-btn{padding:6px 12px;min-width:36px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#6b7280;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.page-btn.active{background:#10b981;color:#fff;border-color:#10b981}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-ellipsis{color:#9ca3af;padding:0 4px;font-weight:500}.process-dashboard-container{padding:20px}.control-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.control-panel{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 4px #0000001a}.control-panel h3{margin:0 0 20px;font-size:18px;color:#1f2937}.button-group{display:flex;gap:10px;flex-wrap:wrap}.control-btn{flex:1;min-width:140px;padding:12px 20px;border:none;border-radius:8px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn.primary{background:#3b82f6}.control-btn.primary:hover:not(:disabled){background:#2563eb}.control-btn.success{background:#10b981}.control-btn.success:hover:not(:disabled){background:#059669}.control-btn.warning{background:#f59e0b}.control-btn.warning:hover:not(:disabled){background:#d97706}.control-btn.purple{background:#8b5cf6}.control-btn.purple:hover:not(:disabled){background:#7c3aed}.log-section{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 4px #0000001a}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.log-header h3{margin:0;font-size:18px;color:#1f2937}.clear-btn{padding:8px 16px;border:none;border-radius:6px;background:#6b7280;color:#fff;font-weight:700;cursor:pointer;transition:all .3s}.clear-btn:hover{background:#4b5563}.log-container{background:#1e293b;border-radius:8px;padding:20px;min-height:400px;max-height:600px;overflow-y:auto;font-family:Courier New,monospace;font-size:13px}.log-entry{color:#22c55e;margin-bottom:8px;line-height:1.5}.no-logs{color:#6b7280;text-align:center;padding:40px}.log-container::-webkit-scrollbar{width:8px}.log-container::-webkit-scrollbar-track{background:#0f172a;border-radius:4px}.log-container::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.log-container::-webkit-scrollbar-thumb:hover{background:#64748b}.statistics-dashboard-container{padding:20px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.stat-card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:20px;transition:transform .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #00000026}.stat-icon{width:60px;height:60px;border-radius:50%;flex-shrink:0}.stat-card.primary .stat-icon{background:#3b82f6}.stat-card.success .stat-icon{background:#22c55e}.stat-card.warning .stat-icon{background:#f59e0b}.stat-card.danger .stat-icon{background:#ef4444}.stat-content{flex:1}.stat-value{font-size:36px;font-weight:700;color:#1f2937;line-height:1;margin-bottom:5px}.stat-label{font-size:14px;color:#6b7280}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:20px}.chart-card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 4px #0000001a}.chart-card h3{margin:0 0 20px;font-size:18px;color:#1f2937}.pie-chart-container{display:flex;flex-direction:column;align-items:center;gap:20px}.pie-chart{width:200px;height:200px;border-radius:50%;background:conic-gradient(#22c55e 0deg 204deg,#f59e0b 204deg 288deg,#ef4444 288deg 360deg);position:relative;display:flex;align-items:center;justify-content:center}.pie-chart:after{content:"";width:120px;height:120px;background:#fff;border-radius:50%;position:absolute}.pie-legend{width:100%}.legend-item{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:14px}.legend-color{width:20px;height:20px;border-radius:4px}.rate-container{display:flex;flex-direction:column;gap:25px}.rate-item{display:flex;flex-direction:column;gap:8px}.rate-label{font-size:14px;font-weight:500;color:#4b5563}.progress-bar{width:100%;height:30px;background:#e5e7eb;border-radius:15px;overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:15px;transition:width .5s ease}.progress-fill.success{background:#22c55e}.progress-fill.warning{background:#f59e0b}.rate-percentage{font-size:16px;font-weight:700;color:#1f2937}.activity-section{background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 4px #0000001a}.activity-section h3{margin:0 0 20px;font-size:18px;color:#1f2937}.activity-table{width:100%;border-collapse:collapse}.activity-table thead{background:#f3f4f6}.activity-table th{padding:12px;text-align:left;font-weight:700;border-bottom:2px solid #e5e7eb}.activity-table td{padding:12px;border-bottom:1px solid #e5e7eb}.activity-table tbody tr:hover{background:#f9fafb}.status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;color:#fff}.status-badge.success{background:#22c55e}.status-badge.warning{background:#f59e0b}.status-badge.danger{background:#ef4444}.loading{text-align:center;padding:40px;font-size:18px;color:#6b7280}.no-data{text-align:center;padding:30px;color:#6b7280}.logs-dashboard-container{padding:0}.logs-header{background:#fff;padding:16px 24px;border-radius:8px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.logs-filter-section{display:flex;align-items:center;gap:12px}.logs-controls{display:flex;gap:8px}.refresh-btn{padding:8px 16px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#6b7280;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.refresh-btn:hover{background:#f9fafb;border-color:#d1d5db}.refresh-btn.active{background:#10b981;color:#fff;border-color:#10b981}.logs-container{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.logs-count{margin-bottom:16px;font-size:14px;color:#6b7280;font-weight:500}.logs-list{max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.log-entry{padding:8px 12px;border-radius:4px;border-left:3px solid #e5e7eb;background:#f9fafb;transition:all .2s;font-size:13px}.log-entry:hover{background:#f3f4f6;box-shadow:0 1px 3px #0000000d}.log-entry.log-level-error{border-left-color:#ef4444;background:#fef2f2}.log-entry.log-level-error:hover{background:#fee2e2}.log-entry.log-level-warning{border-left-color:#f59e0b;background:#fffbeb}.log-entry.log-level-warning:hover{background:#fef3c7}.log-entry.log-level-info{border-left-color:#3b82f6;background:#eff6ff}.log-entry.log-level-info:hover{background:#dbeafe}.log-entry.log-level-debug{border-left-color:#6b7280;background:#f9fafb}.log-entry.log-level-debug:hover{background:#f3f4f6}.log-entry.log-type-whisper{border-left-color:#ef4444!important}.log-entry.log-type-report{border-left-color:#3b82f6!important}.log-entry-header{display:inline-flex;align-items:center;gap:8px;margin-right:12px;font-size:11px}.log-timestamp{color:#6b7280;font-family:Courier New,monospace;font-weight:600;font-size:11px}.log-level{padding:2px 6px;border-radius:3px;font-weight:700;font-size:10px;text-transform:uppercase;line-height:1}.log-level.log-level-error{background:#ef4444;color:#fff}.log-level.log-level-warning{background:#f59e0b;color:#fff}.log-level.log-level-info{background:#3b82f6;color:#fff}.log-level.log-level-debug{background:#6b7280;color:#fff}.log-location{color:#9ca3af;font-family:Courier New,monospace;font-size:11px}.log-message{display:inline;color:#1f2937;font-size:13px;line-height:1.4;word-break:break-word}.log-exception{display:block;margin-top:6px;padding:8px;background:#1e293b;border-radius:4px;overflow-x:auto}.log-exception pre{margin:0;color:#ef4444;font-family:Courier New,monospace;font-size:11px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.no-logs{text-align:center;padding:60px 20px;color:#9ca3af;font-size:16px}.loading{text-align:center;padding:60px 20px;color:#6b7280;font-size:16px}.error-message{background:#fee2e2;color:#991b1b;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid #fecaca}.logs-list::-webkit-scrollbar{width:8px}.logs-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.logs-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.logs-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}