:root{font-family:Inter,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;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;align-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}}.dashboard-container{display:flex;flex-direction:column;align-items:center;max-width:1500px;color:#333;margin:0;padding:24px 32px;box-sizing:border-box}.dashboard-container header{display:flex;justify-content:space-between;align-items:center;align-self:stretch;margin-bottom:30px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.logout-button{display:flex;align-items:center;gap:8px;background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.logout-button:hover{background:#b91c1c}.dashboard-container h1{margin:0;color:#333;font-size:2em}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:30px;max-width:1366px}.stat-card{background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.stat-card.selected{border-color:#667eea;background:#f8f9ff}.stat-card h3{margin:0 0 8px;color:#666;font-size:1em}.stat-card p{margin:0;font-size:2em;font-weight:700}.chart-section{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.chart-section h2{margin:0 0 20px;color:#333}.chart-container{height:300px}.table-section{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.table-header{padding:16px 20px;text-align:left}.table-header h2{text-align:center;margin:0;color:#333}.active-filter{display:flex;align-items:center;gap:10px;background:#e3f2fd;padding:8px 12px;border-radius:6px;border-left:4px solid #2196f3}.clear-filter{background:#2196f3;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:12px}.table-container{width:100%;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;margin-top:24px;border:1px solid #e5e7eb}.filters-section{margin-bottom:20px;padding:24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;border-bottom:1px solid #e5e7eb}.global-filter{display:flex;align-items:center;gap:10px;margin-bottom:15px}.global-filter input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.specific-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:12px;font-weight:500;color:#666}.filter-input,.filter-select{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.filter-help{font-size:11px;color:#6b7280;margin-top:2px;display:block}.date-range-inputs{display:flex;align-items:center;gap:8px}.date-separator{font-size:12px;color:#6b7280;font-weight:500}.date-presets{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.date-preset-btn{padding:4px 8px;font-size:11px;background:#374151;border:1px solid #4b5563;border-radius:4px;color:#fff;cursor:pointer;transition:all .2s ease;font-weight:500}.date-preset-btn:hover{background:#4b5563;border-color:#6b7280}.date-preset-btn.clear{background:#dc2626;border-color:#ef4444;color:#fff}.date-preset-btn.clear:hover{background:#b91c1c;border-color:#dc2626}.table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid #e0e0e0}.data-table{width:100%;border-collapse:collapse;background:#fff}.table-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.header-content{display:flex;align-items:center;gap:5px}.header-content.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.header-content.sortable:hover{color:#667eea}.sort-icon{display:flex;align-items:center}.table-row{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.table-row:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.table-cell{padding:16px 20px;font-size:14px;color:#334155;font-weight:500}.table-cell button{background:none;border:none;cursor:pointer;font-weight:600;transition:all .2s ease;padding:4px 8px;border-radius:4px}.table-cell button:hover{background:#dbeafe;color:#1d4ed8}.pagination{display:flex;justify-content:space-between;align-items:center;padding:15px;border-top:1px solid #e0e0e0;margin-top:15px}.pagination-info{font-size:14px;color:#666}.pagination-controls{display:flex;align-items:center;gap:15px}.pagination-button{padding:6px 12px;border:1px solid #ddd;background:#fff;color:#333;border-radius:4px;cursor:pointer;font-size:14px}.pagination-button:hover:not(:disabled){background:#f8f9fa}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-page{font-size:14px;color:#666}.details-container{min-height:100vh;background:#f5f5f5;padding:20px;color:#333}.details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.header-left{display:flex;align-items:center}.back-button{display:flex;align-items:center;gap:8px;background:#667eea;color:#fff;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;font-size:14px}.back-button:hover{background:#5a6fd8}.details-header h1{margin:0;font-size:1.8em;color:#333}.details-content{display:flex;flex-direction:column;gap:20px}.overview-section,.info-section{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.overview-section h2,.info-section h2{margin:0 0 20px;color:#333;font-size:1.4em}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.overview-card{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.overview-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a}.overview-info h3{margin:0 0 5px;font-size:14px;color:#666}.overview-info p{margin:0;font-size:1.2em;font-weight:600}.info-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.info-header{display:flex;align-items:center;gap:10px;padding:15px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.info-header h3{margin:0;color:#333}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;padding:15px}.info-item{display:flex;flex-direction:column;gap:5px}.info-item label{font-size:12px;font-weight:500;color:#666;text-transform:uppercase}.info-item span{font-size:14px;color:#333}.feedback-card,.error-card{padding:15px;border-radius:6px;margin-top:10px}.feedback-card{background:#e3f2fd;border-left:4px solid #2196f3}.error-card{background:#ffebee;border-left:4px solid #f44336;color:#c62828}.loading,.error{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:18px;color:#666}.error{color:#d32f2f}.text-green-600{color:#16a34a}.text-yellow-600{color:#ca8a04}.text-red-600{color:#dc2626}.text-gray-600{color:#4b5563}.text-blue-600{color:#2563eb}.text-blue-800{color:#1e40af}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-spinner{position:relative;width:3rem;height:3rem;margin-bottom:1rem}.loading-spinner-ring{position:absolute;inset:0;border-radius:50%;border:4px solid #e5e7eb;box-sizing:border-box}.loading-spinner-animate{position:absolute;inset:0;border-radius:50%;border:4px solid transparent;border-top:4px solid #2563eb;animation:loading-spinner-spin 1s linear infinite;box-sizing:border-box}@keyframes loading-spinner-spin{to{transform:rotate(360deg)}}.loading-spinner-dot{position:absolute;top:50%;left:50%;width:.5rem;height:.5rem;background:#2563eb;border-radius:50%;transform:translate(-50%,-50%);animation:loading-spinner-pulse 1s infinite alternate}@keyframes loading-spinner-pulse{0%{opacity:.7}to{opacity:1}}.loading-spinner-text{margin-top:1rem;color:#4b5563;font-weight:500;font-size:1.1rem;animation:loading-spinner-pulse 1.2s infinite alternate}.loading-spinner.sm{width:1.5rem;height:1.5rem}.loading-spinner.lg{width:4rem;height:4rem}.login-container{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 25px #0000001a;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:32px}.login-icon{color:#667eea;margin-bottom:16px}.login-header h1{margin:0 0 8px;color:#1f2937;font-size:1.75rem;font-weight:600}.login-header p{margin:0;color:#6b7280;font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:20px;width:400px}.error-message{background:#fef2f2;color:#dc2626;padding:12px;border-radius:6px;font-size:.875rem;text-align:center;border:1px solid #fecaca}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-input{padding:12px;width:374.4px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.password-input-container{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#3e5b99;cursor:pointer;padding:0}.password-toggle:hover{color:#d7dfeb}.login-button{background:#667eea;color:#fff;border:none;padding:12px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.login-button:hover:not(:disabled){background:#5a67d8}.login-button:disabled{background:#9ca3af;cursor:not-allowed}.stat-icon{flex-shrink:0}.stat-header{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.stat-header h3{margin:0;flex:1;font-size:1rem;font-weight:600;color:#6b7280}.help-icon{display:flex;justify-content:flex-end;color:#9ca3af;cursor:help;transition:color .2s}.help-icon:hover{color:#6b7280}.stat-content p{margin:0}.header-actions{display:flex;align-items:center;gap:12px}.refresh-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280;cursor:pointer;transition:all .2s;padding:0}.refresh-button:hover:not(:disabled){background:#e5e7eb;color:#374151;transform:scale(1.05)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.refresh-button.animate-spin{animation:spin 1s linear infinite}.fetching-indicator{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:.875rem;padding:8px 12px;background:#f3f4f6;border-radius:6px;border:1px solid #e5e7eb}.fetching-indicator .animate-spin{animation:spin 1s linear infinite}.error-container{display:flex;align-items:center;justify-content:center;min-height:400px;padding:40px}.error{text-align:center;max-width:500px}.error h2{color:#dc2626;margin-bottom:16px;font-size:1.5rem;font-weight:600}.error p{color:#6b7280;margin-bottom:24px;line-height:1.6}.session-timeout-warning{position:fixed;top:20px;right:20px;z-index:9999;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.session-warning-content{display:flex;align-items:flex-start;gap:12px;padding:16px}.session-warning-icon{color:#f59e0b;flex-shrink:0;margin-top:2px}.session-warning-text{flex:1}.session-warning-text h4{margin:0 0 4px;font-size:1rem;font-weight:600;color:#92400e}.session-warning-text p{margin:0;font-size:.875rem;color:#92400e;line-height:1.4}.session-warning-close{background:none;border:none;color:#92400e;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s;flex-shrink:0}.session-warning-close:hover{background:#92400e1a}.scores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.score-card{background:#f8fafc;border-radius:8px;padding:20px}.score-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.score-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.score-content{display:flex;flex-direction:column;gap:8px}.score-content p{margin:0}.red-flags-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.red-flag-card{background:#f8fafc;border-radius:8px;padding:20px}.red-flag-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.red-flag-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.red-flag-content p{margin:0}.issues-section{margin-top:20px}.issues-section h3{margin:0 0 12px;font-size:1.125rem;font-weight:600;color:#1f2937}.issues-list{display:flex;flex-direction:column;gap:8px}.issue-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fef2f2;border-radius:6px;font-size:.875rem;color:#991b1b}.text-orange-600{color:#ea580c}.text-purple-600{color:#9333ea}.audio-player{background:#f8fafc;border-radius:8px;padding:20px;border:1px solid #e2e8f0;max-width:200px}.audio-player.error{background:#fef2f2;border-color:#fecaca}.error-message{display:flex;align-items:center;justify-content:center;color:#dc2626;font-weight:500}.audio-controls{display:flex;flex-direction:column;align-items:center;gap:12px}.play-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#3b82f6;color:#fff;border:none;cursor:pointer;transition:all .2s;flex-shrink:0}.play-button:hover:not(:disabled){background:#2563eb;transform:scale(1.05)}.play-button:disabled{background:#9ca3af;cursor:not-allowed}.loading-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-container{width:100%}.progress-bar{width:100%;height:8px;border-radius:4px;background:#d1d5db;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;border:1px solid #9ca3af}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#3b82f6;border:2px solid #2563eb;cursor:pointer;box-shadow:0 2px 4px #0003}.progress-bar::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#3b82f6;border:2px solid #2563eb;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.time-display{display:flex;justify-content:space-between;margin-top:4px;font-size:.75rem;color:#6b7280}.volume-controls{display:flex;align-items:center;gap:8px;width:100%;justify-content:center}.volume-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#3b82f6;color:#fff;border:2px solid #2563eb;cursor:pointer;padding:0;transition:all .2s;box-shadow:0 2px 4px #0000001a}.volume-button:hover{background:#2563eb;color:#fff;transform:scale(1.05);box-shadow:0 4px 8px #00000026}.volume-button:active{background:#1d4ed8;transform:scale(.95);box-shadow:0 1px 2px #0000001a}.volume-button[title*=Mute]{background:#ef4444;border-color:#dc2626}.volume-button[title*=Mute]:hover{background:#dc2626}.volume-button.muted{background:#fecaca;border-color:#dc2626}.volume-button.muted:hover{background:#fca5a5}.volume-slider{width:60px;height:8px;border-radius:4px;background:#d1d5db;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;border:1px solid #9ca3af}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#3b82f6;border:2px solid #2563eb;cursor:pointer;box-shadow:0 2px 4px #0000001a}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#3b82f6;border:2px solid #2563eb;cursor:pointer;border:none;box-shadow:0 2px 4px #0000001a}.transcript-viewer{background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden}.transcript-viewer.empty{padding:40px;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;gap:16px;color:#6b7280}.empty-icon{color:#9ca3af}.transcript-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.transcript-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.utterance-count{font-size:.875rem;color:#6b7280;background:#e5e7eb;padding:4px 8px;border-radius:4px}.utterances-list{max-height:600px;overflow-y:auto}.utterance-item{border-bottom:1px solid #e2e8f0}.utterance-item:last-child{border-bottom:none}.utterance-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;transition:background-color .2s}.utterance-header:hover{background:#f1f5f9}.utterance-info{flex:1}.speaker-info{display:flex;align-items:center;gap:8px;margin-bottom:4px}.speaker-label{font-weight:600;font-size:.875rem}.utterance-meta{display:flex;align-items:center;gap:12px;font-size:.75rem;color:#6b7280}.time-range{font-family:monospace}.duration{background:#e5e7eb;padding:2px 6px;border-radius:3px}.confidence{font-weight:500}.utterance-actions{color:#9ca3af}.utterance-content{padding:0 20px 16px}.utterance-text{font-size:.875rem;line-height:1.5;color:#374151;margin-bottom:12px}.utterance-details{border-top:1px solid #e5e7eb;padding-top:12px}.words-breakdown h4{margin:0 0 8px;font-size:.875rem;font-weight:600;color:#6b7280}.words-list{display:flex;flex-wrap:wrap;gap:4px}.word{padding:2px 4px;border-radius:3px;font-size:.75rem;font-family:monospace;background:#f3f4f6;cursor:help}.audio-section{margin-top:12px}.transcript-toggle-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:16px 0;border-bottom:1px solid #e2e8f0;transition:background-color .2s}.transcript-toggle-header:hover{background:#f8fafc;margin:0 -20px;padding:16px 20px;border-radius:8px}.transcript-toggle-header h2{margin:0;display:flex;gap:10px;align-items:center;font-size:1.25rem;font-weight:600;color:#1f2937}.transcript-toggle-controls{display:flex;align-items:center;gap:12px;color:#6b7280}.transcript-toggle-controls .utterance-count{font-size:.875rem;background:#e5e7eb;padding:4px 8px;border-radius:4px}.flex-overview{display:flex;align-items:flex-start;justify-content:space-between;gap:32px}.overview-main{flex:1 1 0%}.overview-audio-player{display:flex;align-items:center;flex-direction:column}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.overview-card{background:#f8fafc;border-radius:8px;padding:12px 10px;display:flex;align-items:center;gap:10px}.overview-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1.2rem}.overview-info h3{margin:0 0 2px;font-size:.95rem;font-weight:600;color:#1f2937}.overview-info p{margin:0;font-size:1.1rem}.chart-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0;min-height:140px;background:#f8fafc;border-radius:8px;padding:12px 10px;box-sizing:border-box}@media (max-width: 900px){.flex-overview{flex-direction:column;gap:16px}.overview-audio-player{align-items:flex-start;margin-top:0}}.filters-section{background:#f8fafc;border-radius:10px;border:1px solid #e5e7eb;padding:18px 18px 10px;margin-bottom:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 8px #1f293708}.global-filter{display:flex;align-items:center;gap:10px;margin-bottom:10px}.filter-input,.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:7px 12px;font-size:1rem;color:#1f2937;transition:border .2s,box-shadow .2s;outline:none;margin-top:4px}.filter-input:focus,.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #bfdbfe}.filter-group{display:flex;flex-direction:column;margin-right:18px;margin-bottom:8px;min-width:160px}.filter-label,.filter-group label{font-size:.95rem;color:#374151;font-weight:500;margin-bottom:2px}.filter-help{font-size:.8rem;color:#6b7280;margin-top:2px}.specific-filters{display:flex;flex-wrap:wrap;gap:8px 0}.date-range-inputs{display:flex;align-items:center;gap:6px}.date-separator{color:#6b7280;font-size:.95rem;margin:0 4px}.date-presets{margin-top:8px;display:flex;gap:8px}.date-preset-btn{background:#f1f5f9;color:#1e293b;border:1px solid #d1d5db;border-radius:6px;padding:6px 14px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s,border .2s}.date-preset-btn:hover,.date-preset-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}@media (max-width: 900px){.filters-section{padding:12px 6px 6px}.specific-filters{flex-direction:column;gap:0}.filter-group{margin-right:0;min-width:0}}.partial-data-indicator{display:flex;align-items:center;gap:8px;color:#0891b2;font-size:.875rem;padding:8px 12px;background:#cffafe;border-radius:6px;border:1px solid #67e8f9}.partial-data-indicator .animate-spin{animation:spin 1s linear infinite}.background-refresh-indicator{display:flex;align-items:center;gap:8px;color:#059669;font-size:.875rem;padding:8px 12px;background:#ecfdf5;border-radius:6px;border:1px solid #10b981;opacity:.8}.background-refresh-indicator .animate-spin{animation:spin 1s linear infinite}.table-info{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-bottom:none;border-radius:8px 8px 0 0;font-size:.875rem;color:#6b7280}.record-count{font-weight:600;color:#374151}.loading-progress{color:#f59e0b;font-weight:600;animation:pulse 2s ease-in-out infinite alternate}.filtered-count{color:#6b7280;font-weight:400}.loading-more-indicator{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#6b7280;margin-left:16px}.loading-more-indicator svg{color:#3b82f6}.loading-all-records{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-hint{margin-top:16px;color:#6b7280;font-size:.875rem;max-width:400px}.virtual-table-container{width:100%;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.virtual-table-header{display:flex;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:600;color:#374151;position:sticky;top:0;z-index:10}.virtual-table-header-cell{padding:12px 16px;border-right:1px solid #e5e7eb;font-size:.875rem;text-align:left;flex-shrink:0}.virtual-table-header-cell:last-child{border-right:none}.virtual-table-body{width:100%;overflow:hidden}.virtual-table-row{display:flex;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.virtual-table-row:hover{background-color:#f9fafb}.virtual-table-cell{padding:12px 16px;border-right:1px solid #f3f4f6;font-size:.875rem;display:flex;align-items:center;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.virtual-table-cell:last-child{border-right:none}.virtual-table-footer{padding:12px 16px;background:#f9fafb;border-top:1px solid #e5e7eb;font-size:.875rem;color:#6b7280;text-align:center}@media (max-width: 1024px){.virtual-table-header-cell,.virtual-table-cell{padding:8px 12px;font-size:.8rem}.virtual-table-header-cell:nth-child(4),.virtual-table-cell:nth-child(4){display:none}.virtual-table-header-cell:nth-child(8),.virtual-table-cell:nth-child(8){display:none}}@media (max-width: 768px){.virtual-table-container{border-radius:4px}.virtual-table-header-cell,.virtual-table-cell{padding:6px 8px;font-size:.75rem}.virtual-table-header-cell:nth-child(3),.virtual-table-cell:nth-child(3){display:none}.virtual-table-header-cell:nth-child(7),.virtual-table-cell:nth-child(7){display:none}.virtual-table-header-cell:nth-child(1),.virtual-table-cell:nth-child(1){width:100px!important}.virtual-table-header-cell:nth-child(2),.virtual-table-cell:nth-child(2){width:120px!important}.virtual-table-header-cell:nth-child(5),.virtual-table-cell:nth-child(5){width:100px!important}.virtual-table-header-cell:nth-child(6),.virtual-table-cell:nth-child(6){width:60px!important}.virtual-table-header-cell:nth-child(9),.virtual-table-cell:nth-child(9){width:140px!important}}@media (max-width: 480px){.virtual-table-header-cell,.virtual-table-cell{padding:4px 6px;font-size:.7rem}.virtual-table-header-cell:nth-child(9),.virtual-table-cell:nth-child(9){display:none}}