.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background-color:var(--background)}.login-card{width:100%;max-width:450px;padding:30px}.login-subtitle{margin-bottom:24px;color:var(--text-light)}.login-button{width:100%;margin-top:16px;padding:12px;font-size:16px}.change-password-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.change-password-modal{background:#fff;border-radius:12px;padding:28px;width:100%;max-width:400px;box-shadow:0 8px 32px #00000026}.change-password-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.change-password-header h2{margin:0;font-size:18px}.change-password-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0 4px}.change-password-close:hover{color:#333}.change-password-notice{color:#d97706;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:10px 14px;margin-bottom:16px;font-size:14px}.change-password-field{margin-bottom:14px}.change-password-field label{display:block;margin-bottom:4px;font-size:14px;font-weight:500;color:#374151}.change-password-field input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;box-sizing:border-box}.change-password-field input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.change-password-error{color:#dc2626;background:#fef2f2;border-left:3px solid #dc2626;padding:8px 12px;border-radius:4px;font-size:13px;margin-bottom:14px}.change-password-success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:16px;text-align:center;font-weight:500}.change-password-submit{width:100%;padding:10px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:15px;cursor:pointer;font-weight:500}.change-password-submit:hover{background:#2563eb}.change-password-submit:disabled{background:#93c5fd;cursor:not-allowed}.recording-page{padding:0 20px 20px;max-width:1200px;margin:0 auto}.recording-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:8px 0;position:relative}.recording-header h1{font-size:22px;margin:0;line-height:1.2}.logout-button{background-color:transparent;color:var(--text);border:1px solid #ddd;padding:6px 12px;font-size:14px}.sentence-card{background-color:#f8f9fa;border-left:4px solid var(--primary);margin:8px;padding:12px;box-shadow:none;border-bottom:1px solid #eee}.sentence-card h2{font-size:18px;margin-top:0;margin-bottom:12px;color:var(--text)}.card.sentence-card{margin-bottom:0}.sentence-text{font-size:20px;margin:0;padding:5px;border-radius:4px}.sentence-description{font-size:14px;color:#718096;margin:6px 0 0;padding:0 5px;font-style:italic}.recording-container{display:flex;flex-direction:column;gap:12px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:16px;margin-bottom:16px}.task-progress-bar{text-align:center;font-size:14px;font-weight:600;color:#2b6cb0;background:#bee3f8;padding:6px 16px;border-radius:8px}.rerecording-banner{text-align:center;font-size:14px;font-weight:600;color:#c53030;background:#fff5f5;border:1px solid #fed7d7;padding:8px 16px;border-radius:8px}.task-finished{text-align:center;padding:48px 24px}.task-finished-icon{width:64px;height:64px;margin:0 auto 16px;background:#c6f6d5;color:#276749;border-radius:50%;font-size:32px;line-height:64px}.task-finished h2{margin:0 0 8px;font-size:22px;color:#276749}.task-finished p{margin:0 0 20px;color:#4a5568;font-size:15px}.task-finished .task-progress-bar{display:inline-block;background:#c6f6d5;color:#276749}.video-container{width:100%;display:flex;flex-direction:column;gap:16px}.smaller-video{max-width:75%;margin:0 auto}.webcam-wrapper{position:relative;width:100%;background-color:#000;border-radius:8px;overflow:hidden;aspect-ratio:16 / 9}.webcam-wrapper video{width:100%;height:100%;object-fit:contain}.playback-video{width:100%;height:100%;object-fit:contain;background-color:#000;max-height:100%;border-radius:8px}.countdown-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:5rem;color:#fff;background-color:#0009;border-radius:50%;width:120px;height:120px;display:flex;align-items:center;justify-content:center;z-index:10}.recording-indicator{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:8px;background-color:#0009;padding:8px 12px;border-radius:4px;color:#fff;font-weight:700}.recording-dot{width:12px;height:12px;background-color:var(--error);border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.video-playback{width:100%}.video-playback video{width:100%;border-radius:8px;background-color:#000}.recording-info{margin-top:16px;padding:12px;background-color:#f8f9fa;border-radius:4px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.recording-info p{margin:0;font-size:14px}.recording-info span{font-weight:700}.controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}.record-button,.stop-button,.upload-button,.reset-button{flex:0 1 auto;min-width:140px;max-width:200px;padding:12px 24px;font-size:16px;font-weight:500;border-radius:4px;transition:all .2s ease}.btn-primary{background-color:var(--primary);color:#fff}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-danger{background-color:var(--error);color:#fff}.btn-danger:hover{background-color:#c82333}.btn-text{background-color:transparent;color:var(--primary);padding:8px 16px;text-decoration:underline;border:none}.btn-text:hover{color:var(--primary-dark)}.btn-neutral{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.btn-neutral:hover,.btn-neutral.submit-notes-button{background-color:#5a6268}.btn-neutral.submit-notes-button:hover{background-color:#474a4e}.submit-notes-button{margin-top:1rem}.video-actions{display:flex;flex-wrap:wrap;gap:12px;width:100%;justify-content:center}.video-actions button{flex:0 1 auto;min-width:140px;max-width:200px}.notes-container{margin-top:16px;padding:16px;background-color:#f8f9fa;border-radius:8px}.notes-container h3{margin-top:0;margin-bottom:12px;font-size:16px}.notes-container textarea{width:100%;min-height:100px;padding:12px;border:1px solid #ddd;border-radius:4px;resize:vertical}.upload-progress{margin-top:16px;padding:16px;background-color:#f8f9fa;border-radius:8px}.progress-bar{width:100%;height:16px;background-color:#e9ecef;border-radius:8px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background-color:var(--primary);transition:width .3s ease}.upload-status{font-size:14px;text-align:center;margin:0}.notification{margin-bottom:16px;padding:12px 16px;border-radius:4px;font-size:14px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification.info{background-color:#cce5ff;color:#004085;border-left:4px solid #004085}.notification.success{background-color:#d4edda;color:#155724;border-left:4px solid #155724}.notification.warning{background-color:#fff3cd;color:#856404;border-left:4px solid #856404}.notification.error{background-color:#f8d7da;color:#721c24;border-left:4px solid #721c24}.error-message{color:var(--error);margin-top:8px;font-size:14px;padding:8px 12px;background-color:#fff5f5;border-left:4px solid var(--error);border-radius:4px}.navigation-buttons{display:flex;margin-bottom:24px}@media(max-width:768px){.recording-page{padding:16px}.recording-container{gap:12px;padding:12px}.recording-header{flex-direction:column;align-items:flex-start;gap:12px}.controls{flex-direction:column;align-items:stretch;gap:12px}.video-actions{flex-direction:column;gap:12px}.record-button,.stop-button,.upload-button,.reset-button{width:100%}.webcam-wrapper{aspect-ratio:4 / 3}.recording-info{grid-template-columns:1fr}}@media(max-width:480px){.recording-page{padding:0 12px 12px}.recording-container{padding:16px}.sentence-card{padding:12px}.sentence-text{font-size:18px;padding:8px}.recording-header h1{font-size:20px}}.upload-errors{margin-top:20px;padding:16px;background-color:#fff1f0;border:1px solid #ffa39e;border-radius:4px}.upload-errors h3{color:#cf1322;margin-top:0;margin-bottom:8px}.upload-errors button{background-color:#ff4d4f;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:10px}.upload-errors button:hover{background-color:#ff7875}#submit-continue-button{background-color:#52c41a;color:#fff;font-weight:700;padding:10px 20px;border-radius:4px;border:none;cursor:pointer;font-size:16px;transition:background-color .3s}#submit-continue-button:hover{background-color:#73d13d}#submit-continue-button:disabled{background-color:#d9d9d9;cursor:not-allowed}.recording-loading{display:flex;align-items:center;justify-content:center;padding:40px;flex-direction:column;gap:16px;color:#666}.recording-loading:after{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}button:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled,.btn-neutral:disabled{opacity:.5;cursor:not-allowed;transform:none!important}button:disabled:hover,.btn-primary:disabled:hover,.btn-secondary:disabled:hover,.btn-danger:disabled:hover{background-color:inherit;box-shadow:none}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.role-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.no-sentence-error{color:red;font-style:italic}.play-button-overlay{position:absolute;bottom:16px;left:50%;transform:translate(-50%);width:60px;height:60px;border-radius:50%;background-color:#0009;color:#fff;font-size:24px;border:2px solid white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .2s;z-index:10}.play-button-overlay:hover{background-color:#000c;transform:translate(-50%) scale(1.1)}.rerecording-preview{display:flex;flex-direction:column;gap:16px;padding:8px 0}.rerecording-preview__header{text-align:center}.rerecording-preview__title{margin:0;font-size:20px;color:#c53030;font-weight:600}.rerecording-preview__sentence{font-size:20px;padding:16px;background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;text-align:center;color:#2d3748;line-height:1.5}.rerecording-preview__description{font-size:14px;color:#718096;margin-top:8px;font-style:italic}.rerecording-preview__reason{display:flex;flex-direction:column;align-items:center;gap:8px}.rerecording-preview__badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.rerecording-preview__badge--wrong{background:#fed7d7;color:#c53030}.rerecording-preview__badge--awkward{background:#fefcbf;color:#975a16}.rerecording-preview__badge--rejected{background:#fed7d7;color:#c53030}.rerecording-preview__comments{margin:0;font-size:14px;color:#4a5568;font-style:italic;text-align:center}.rerecording-preview__video{display:flex;justify-content:center;min-height:200px;align-items:center}.rerecording-preview__video-player{width:100%;max-width:480px;border-radius:8px;background:#000}.rerecording-preview__video-loading,.rerecording-preview__video-error{text-align:center;padding:24px;color:#718096;font-size:14px}.rerecording-preview__video-error{color:#c53030}.rerecording-preview__actions{display:flex;justify-content:center;gap:12px}.rerecording-preview__btn{padding:10px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease}.rerecording-preview__btn--primary{background:#3182ce;color:#fff}.rerecording-preview__btn--primary:hover{background:#2b6cb0}.rerecording-preview__btn--secondary{background:#e2e8f0;color:#4a5568}.rerecording-preview__btn--secondary:hover{background:#cbd5e0}.rerecording-preview__btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.rerecording-preview__sentence{font-size:18px;padding:12px}.rerecording-preview__actions{flex-direction:column}.rerecording-preview__btn{width:100%}}.role-selection-container{padding:20px;max-width:900px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.role-selection-title{font-size:24px;margin-bottom:32px;text-align:center;color:var(--text);font-weight:600}.role-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,400px));gap:24px;max-width:840px;margin:0 auto;justify-content:center}.role-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:32px 24px;cursor:pointer;transition:all .2s ease;text-align:center;box-shadow:0 2px 4px #0000000d}.role-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.role-card:active{transform:translateY(0)}.role-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-color:var(--primary)}.role-icon{font-size:48px;margin-bottom:16px;display:block}.role-card h2{font-size:20px;margin:0 0 12px;color:var(--text);font-weight:600}.role-card p{font-size:14px;color:#666;margin:0;line-height:1.5}@media(max-width:600px){.role-cards{grid-template-columns:1fr}}.review-page{padding:18px 16px 24px;max-width:1200px;margin:0 auto;min-height:100vh}.review-page-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:18px;color:#666;flex-direction:column;gap:16px}.review-page-loading:after{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.review-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:6px 0;position:relative}.review-page-header h1{font-size:20px;margin:0;line-height:1.2}.header-left{display:flex;align-items:center;gap:12px}.review-title{display:flex;flex-direction:column;gap:4px}.review-filename{font-size:12px;color:var(--text-light)}.header-right{display:flex;align-items:center;gap:16px}.hamburger-menu{background:none;border:none;font-size:24px;cursor:pointer;padding:8px 12px;color:var(--text);transition:background-color .2s;border-radius:4px}.hamburger-menu:hover{background-color:#f0f0f0}.menu-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:200px;margin-top:8px}.menu-item{display:block;width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:var(--text);transition:background-color .2s;border-bottom:1px solid #f0f0f0}.menu-item:last-child{border-bottom:none}.menu-item:hover{background-color:#f5f5f5}.menu-item.active{background-color:#e8f4f8;font-weight:600}.user-info{display:flex;align-items:center;gap:16px}.user-id{font-size:14px;color:#666}.review-stats{display:flex;flex-direction:row;gap:24px;font-size:15px;justify-content:center}.stat{display:flex;align-items:center;gap:6px}.stat.approved{color:#4caf50}.stat.rejected{color:#f44336}.stat.pending{color:#666}.auto-advance-section{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-light)}.auto-advance-section input[type=checkbox]{cursor:pointer}.video-stage{position:relative;padding:8px;border-radius:12px;background:#10182a;margin-bottom:10px;box-shadow:0 8px 20px #0a0f1e40}.video-container{background:#000;border-radius:10px;overflow:hidden;height:clamp(260px,42vh,420px)}.review-video{width:100%;height:100%;display:block;object-fit:contain}.video-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease}.video-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.05)}.video-nav-prev{left:14px}.video-nav-next{right:14px}.sentence-display{background-color:#e8e8e8;padding:12px 16px;text-align:center;font-size:16px;line-height:1.6;color:#333;margin-bottom:16px;border-radius:6px}.decision-section{background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a;margin-bottom:12px}.decision-prompt-bar{background-color:#2196f3;color:#fff;padding:12px 16px;text-align:center;font-size:15px;margin:-16px -16px 16px;border-radius:8px 8px 0 0}.decision-options-container{display:flex;gap:20px;align-items:stretch;margin-bottom:20px}.decision-option{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fafafa}.decision-radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:10px}.decision-radio-label input[type=radio]{width:18px;height:18px;cursor:pointer}.decision-label-ok{background-color:#4caf50;color:#fff;padding:10px 24px;border-radius:4px;font-size:16px;font-weight:500}.decision-label-awkward{background-color:#ffa726;color:#000;padding:10px 16px;border-radius:4px;font-size:16px;font-weight:500}.decision-label-wrong{background-color:#f44336;color:#fff;padding:10px 16px;border-radius:4px;font-size:16px;font-weight:500}.decision-comment{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;font-size:14px;font-family:inherit;resize:vertical;box-sizing:border-box;background-color:#e0e0e0;color:#666;min-height:80px}.decision-comment:disabled{background-color:#f5f5f5;color:#999}.decision-comment:not(:disabled){background-color:#e0e0e0;color:#333}.decision-comment:focus{outline:none;border-color:#2196f3}.btn-submit{display:block;width:200px;margin:0 auto 20px;padding:14px 32px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;font-size:18px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.btn-submit:hover{background-color:#1976d2}.btn-submit:active{background-color:#1565c0}.decision-stats{background:#f5f7fb;border:1px solid #e1e5ea;border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:center}.navigation-section{display:flex;justify-content:space-between;margin-top:12px;gap:12px}.btn-nav{padding:8px 16px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-nav:hover{background-color:#e0e0e0}.btn-nav:disabled{opacity:.5;cursor:not-allowed}.review-error{background-color:#ffebee;color:#c62828;padding:12px 16px;border-radius:4px;margin-bottom:16px;border-left:4px solid #c62828}.completion-message{text-align:center;padding:60px 20px}.completion-message h2{font-size:32px;margin-bottom:16px;color:var(--text)}.completion-message p{font-size:18px;color:#666;margin-bottom:24px}.final-stats{background-color:#f5f5f5;padding:24px;border-radius:8px;margin:24px auto;max-width:400px}.final-stats p{font-size:16px;margin:8px 0}.refresh-button{background-color:var(--primary);color:#fff;border:none;padding:12px 32px;font-size:16px;border-radius:4px;cursor:pointer;transition:all .2s ease}.refresh-button:hover{opacity:.9;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}button:disabled:hover{background-color:inherit;box-shadow:none;transform:none!important}button:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:768px){.review-page-header{flex-direction:column;align-items:flex-start;gap:12px}.header-right{width:100%;justify-content:space-between}.decision-options-container{flex-direction:column;gap:16px}.decision-option,.decision-comment,.btn-submit,.decision-stats{width:100%}.review-stats{gap:16px;font-size:14px}.video-nav{width:32px;height:32px}}.video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:20px 40px;border-radius:8px;font-size:16px;z-index:10}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.confirm-dialog{background:#fff;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 4px 20px #0000004d}.confirm-dialog h3{margin:0 0 16px;font-size:20px;color:#333}.confirm-dialog p{margin:0 0 16px;color:#666;line-height:1.5}.confirm-dialog .confirm-notes{background:#f5f5f5;padding:12px;border-radius:6px;font-style:italic;color:#555}.confirm-dialog-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.confirm-dialog-buttons button{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.confirm-cancel{background:#e0e0e0;color:#333}.confirm-cancel:hover{background:#d0d0d0}.confirm-approve{background:#4caf50;color:#fff}.confirm-approve:hover{background:#43a047}.confirm-reject{background:#f44336;color:#fff}.confirm-reject:hover{background:#e53935}.video-container{position:relative;overflow:hidden}.video-slide-enter{animation:slideInRight .5s ease-out}.video-slide-exit{animation:slideOutLeft .3s ease-out}@keyframes slideInRight{0%{transform:translate(50%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}.video-info-bar{display:flex;justify-content:center;align-items:center;gap:20px;padding:10px;background:#f5f5f5;border-radius:8px;margin-bottom:10px}.video-counter{font-size:16px;font-weight:600;color:#333}.task-progress{font-size:14px;font-weight:600;color:#2b6cb0;background:#bee3f8;padding:4px 12px;border-radius:12px}.reviewed-badge{padding:6px 12px;border-radius:20px;font-weight:600;font-size:14px}.reviewed-approved{background:#d4edda;color:#155724}.reviewed-rejected{background:#f8d7da;color:#721c24}.video-slide-enter{animation:slideInRight .4s ease-out}@keyframes slideInRight{0%{transform:translate(80px);opacity:0}to{transform:translate(0);opacity:1}}.video-nav{background:#00000080;color:#fff;border:none;font-size:28px;padding:15px 20px;cursor:pointer;border-radius:8px;transition:background .2s;z-index:20}.video-nav:hover{background:#000000b3}.video-nav-prev{margin-right:10px}.video-nav-next{margin-left:10px}.video-stage{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px}.navigation-section{display:none}.video-replay-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0006;cursor:pointer;z-index:10}.replay-button{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;padding:20px 30px;border-radius:12px;background:#0009;transition:transform .2s,background .2s}.replay-button:hover{transform:scale(1.1);background:#000c}.replay-button svg{width:48px;height:48px}.replay-button span{font-size:16px;font-weight:500}.video-status-badge{position:absolute;top:12px;left:12px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;z-index:15;box-shadow:0 2px 8px #0000004d}.video-status-badge.approved{background:#22c55ee6;color:#fff}.video-status-badge.rejected{background:#ef4444e6;color:#fff}.filter-bar{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background-color:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:100}.filter-bar-inputs{display:flex;flex-wrap:wrap;gap:.75rem;flex:1}.filter-input{padding:.5rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;min-width:140px}.filter-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.filter-input-search{min-width:200px}.filter-input-date{min-width:150px}.filter-clear-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f8f9fa;color:#495057;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;white-space:nowrap;transition:all .2s}.filter-clear-button:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.filter-clear-button:disabled{opacity:.5;cursor:not-allowed}.filter-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;background-color:#007bff;color:#fff;border-radius:10px;font-size:.75rem;font-weight:600}@media(max-width:768px){.filter-bar{flex-direction:column;align-items:stretch;padding:1rem}.filter-bar-inputs{flex-direction:column}.filter-input{width:100%;min-width:unset}.filter-clear-button{width:100%;justify-content:center}}.video-card{border:1px solid #ddd;border-radius:8px;padding:16px;margin-bottom:12px;cursor:pointer;transition:box-shadow .2s ease}.video-card:hover{box-shadow:0 4px 8px #0000001a}.video-card-submission{border-left:4px solid #007bff}.video-card-generated{border-left:4px solid #28a745}.video-card-sentence{font-size:18px;font-weight:600;margin-bottom:12px;color:#333}.video-card-metadata-container{display:flex;flex-direction:column;gap:8px}.video-card-metadata{display:flex;gap:8px;font-size:14px}.metadata-label{font-weight:600;color:#666;min-width:80px}.metadata-value{color:#333}.video-card-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;margin-top:8px;width:fit-content}.explicit-submission-badge{background-color:#28a745;color:#fff}.video-gallery{width:100%}.video-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.video-card-skeleton{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;animation:pulse 1.5s ease-in-out infinite}.skeleton-thumbnail{width:100%;padding-bottom:56.25%;background-color:#f0f0f0}.skeleton-text{height:1rem;background-color:#f0f0f0;margin:.75rem;border-radius:4px}.skeleton-text.short{width:60%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.video-gallery-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.video-gallery-error-icon{font-size:3rem;margin-bottom:1rem}.video-gallery-error-message{font-size:1.1rem;color:#666;margin-bottom:1.5rem}.video-gallery-retry-button{padding:.75rem 1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.video-gallery-retry-button:hover{background-color:#0056b3}.video-gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.video-gallery-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.video-gallery-empty-message{font-size:1.1rem;color:#666}@media(max-width:1024px){.video-gallery-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:768px){.video-gallery-grid{grid-template-columns:1fr;gap:1rem}}.video-player-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.video-player-modal-content{position:relative;background-color:#fff;border-radius:8px;max-width:900px;width:90%;max-height:90vh;min-height:300px;display:flex;flex-direction:column;overflow:hidden}.video-player-modal-content video{width:100%;max-height:calc(90vh - 40px);object-fit:contain;display:block;background-color:#000}.video-player-close-button{position:absolute;top:8px;right:8px;background:#00000080;color:#fff;border:none;border-radius:4px;width:32px;height:32px;font-size:24px;line-height:1;cursor:pointer;z-index:1}.video-player-close-button:hover{background:#000000b3}.video-loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:#666;z-index:1}.video-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-error-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background-color:#fff;border-radius:8px;text-align:center;z-index:1}.video-error-message .error-icon{font-size:32px}.video-error-message span:not(.error-icon){color:#dc3545;font-size:14px}.retry-button{margin-top:8px;padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.retry-button:hover{background-color:#0056b3}.submissions-tab{display:flex;flex-direction:column;gap:1.5rem;height:100%}.sentences-tab{padding:0}.sentences-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #e8ecf0}.sentences-header .header-left{display:flex;align-items:baseline;gap:12px}.sentences-header .header-right{display:flex;align-items:center;gap:8px}.sentences-header h3{margin:0;font-size:1.15rem;font-weight:700;color:#1a202c}.sentences-header .sentence-summary{font-size:.85rem;color:#718096}.sentences-header .btn-refresh{display:flex;align-items:center;gap:4px;padding:7px 14px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#4a5568;cursor:pointer;font-size:.85rem;transition:all .15s}.sentences-header .btn-refresh:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.sentences-header .btn-refresh:disabled{color:#a0aec0;cursor:not-allowed}.sentences-header .btn-upload-csv{display:flex;align-items:center;gap:4px;padding:7px 14px;border:1px solid #3182ce;border-radius:6px;background:#3182ce;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .15s}.sentences-header .btn-upload-csv:hover{background:#2c5282;border-color:#2c5282}.sentences-tab .upload-success-msg{background:#f0fff4;color:#276749;border:1px solid #c6f6d5;padding:8px 14px;border-radius:6px;font-size:.85rem;margin-bottom:10px}.sentences-tab .assignment-toolbar{display:flex;gap:.75rem;margin-bottom:.75rem;align-items:center}.sentences-tab .assign-user-select,.sentences-tab .assign-reviewer-select{padding:.5rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem;background:#fff;min-width:150px}.sentences-tab .btn-assign{padding:.5rem 1rem;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;white-space:nowrap}.sentences-tab .btn-assign:hover:not(:disabled){background:#388e3c}.sentences-tab .btn-assign:disabled{background:#ccc;cursor:not-allowed}.sentences-tab .btn-delete-bulk{padding:.5rem 1rem;background:#e53e3e;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;white-space:nowrap}.sentences-tab .btn-delete-bulk:hover:not(:disabled){background:#c53030}.sentences-tab .btn-delete-bulk:disabled{background:#ccc;cursor:not-allowed}.sentences-tab .sentence-filters{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.sentences-tab .sentence-search{flex:1;min-width:180px;padding:.5rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem}.sentences-tab .sentence-status-filter,.sentences-tab .sentence-batch-filter,.sentences-tab .sentence-recorder-filter{padding:.5rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem;background:#fff}.sentences-tab .btn-export-batch{padding:.5rem .75rem;border:1px solid #38a169;border-radius:4px;background:#38a169;color:#fff;font-size:.875rem;cursor:pointer;transition:all .15s}.sentences-tab .btn-export-batch:hover:not(:disabled){background:#2f855a;border-color:#2f855a}.sentences-tab .btn-export-batch:disabled{background:#a0aec0;border-color:#a0aec0;cursor:not-allowed}.sentences-tab .loading-state{text-align:center;padding:3rem;color:#666}.sentences-tab .sentence-table-container{max-height:600px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px}.sentences-tab .sentence-table{width:100%;border-collapse:collapse;font-size:.875rem}.sentences-tab .sentence-table thead{position:sticky;top:0;background:#f7fafc;z-index:1}.sentences-tab .sentence-table th{padding:.6rem .75rem;text-align:left;font-weight:600;color:#4a5568;border-bottom:2px solid #e2e8f0;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.sentences-tab .sentence-table td{padding:.5rem .75rem;border-bottom:1px solid #eee;color:#2d3748}.sentences-tab .th-check,.sentences-tab .td-check{width:32px;text-align:center;cursor:pointer}.sentences-tab .th-sid,.sentences-tab .td-sid,.sentences-tab .th-lang,.sentences-tab .td-lang{width:50px;text-align:center}.sentences-tab .th-videos,.sentences-tab .td-videos{width:60px;text-align:center}.sentences-tab .th-play,.sentences-tab .td-play{width:50px;text-align:center}.sentences-tab .th-assigned{min-width:100px}.sentences-tab .td-text{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sentences-tab .td-desc{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#718096;font-size:.82rem}.sentences-tab .td-batch{white-space:nowrap}.sentences-tab .batch-tag{display:inline-block;background:#edf2f7;color:#4a5568;padding:1px 6px;border-radius:3px;font-size:.75rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sentences-tab .row-recorded{background:#f8fdf8}.sentences-tab .row-pending{background:#fff}.sentences-tab .row-recorded:hover,.sentences-tab .row-pending:hover{background:#ebf8ff}.sentences-tab .count-has{color:#2e7d32;font-weight:600}.sentences-tab .count-zero{color:#cbd5e0}.sentences-tab .btn-play-video{background:none;border:1px solid #3182ce;color:#3182ce;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:.7rem;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.sentences-tab .btn-play-video:hover{background:#3182ce;color:#fff}.sentences-tab .assignee-tag{display:inline-flex;align-items:center;gap:2px;background:#e3f2fd;color:#1565c0;padding:2px 6px;border-radius:3px;font-size:.8rem;margin-right:4px;margin-bottom:2px}.sentences-tab .btn-unassign{background:none;border:none;color:#999;cursor:pointer;font-size:.9rem;padding:0 2px;line-height:1}.sentences-tab .btn-unassign:hover{color:#f44336}.csv-upload-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.csv-upload-modal{background:#fff;border-radius:10px;width:90%;max-width:560px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.csv-upload-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.csv-upload-header h3{margin:0;font-size:1.1rem;font-weight:700;color:#1a202c}.csv-upload-close{background:none;border:none;font-size:1.5rem;color:#a0aec0;cursor:pointer;line-height:1;padding:0 4px}.csv-upload-close:hover{color:#4a5568}.csv-upload-body{padding:20px}.csv-upload-field{margin-bottom:16px}.csv-upload-field label{display:block;font-size:.85rem;font-weight:600;color:#4a5568;margin-bottom:6px}.csv-upload-field input[type=text],.csv-upload-field select{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;color:#2d3748;box-sizing:border-box}.csv-upload-field input[type=file]{font-size:.875rem;color:#4a5568}.csv-upload-hint{display:block;font-size:.78rem;color:#a0aec0;margin-top:4px}.csv-upload-preview{margin-top:8px}.csv-upload-preview label{display:block;font-size:.85rem;font-weight:600;color:#4a5568;margin-bottom:6px}.csv-upload-preview table{width:100%;border-collapse:collapse;font-size:.82rem;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.csv-upload-preview th{background:#f7fafc;padding:6px 10px;text-align:left;font-weight:600;color:#4a5568;border-bottom:1px solid #e2e8f0;font-size:.78rem;text-transform:uppercase}.csv-upload-preview td{padding:5px 10px;border-bottom:1px solid #edf2f7;color:#2d3748}.csv-preview-empty{color:#cbd5e0}.csv-upload-error{background:#fff5f5;color:#c53030;padding:10px 14px;border-radius:6px;font-size:.85rem;margin-top:8px}.csv-upload-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #e2e8f0}.csv-upload-footer .btn-cancel{padding:8px 16px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#4a5568;cursor:pointer;font-size:.85rem}.csv-upload-footer .btn-cancel:hover:not(:disabled){background:#f7fafc}.csv-upload-footer .btn-upload{padding:8px 20px;border:none;border-radius:6px;background:#3182ce;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500}.csv-upload-footer .btn-upload:hover:not(:disabled){background:#2c5282}.csv-upload-footer .btn-upload:disabled{background:#a0aec0;cursor:not-allowed}.blob-player-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000}.blob-player-content{background:#000;border-radius:10px;width:90%;max-width:720px;position:relative;overflow:hidden}.blob-player-close{position:absolute;top:8px;right:12px;background:#00000080;border:none;color:#fff;font-size:1.6rem;cursor:pointer;z-index:1;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.blob-player-close:hover{background:#000c}.blob-player-loading,.blob-player-error{color:#fff;text-align:center;padding:40px 20px;font-size:.9rem}.blob-player-error{color:#fc8181}.sentences-tab .video-switcher-bar{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:10001;display:flex;gap:.5rem;background:#000c;padding:.5rem 1rem;border-radius:8px}.sentences-tab .video-switcher-btn{padding:.3rem .75rem;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:4px;cursor:pointer;font-size:.8rem}.sentences-tab .video-switcher-btn.active{background:#2196f3;border-color:#2196f3}.sentences-tab .video-switcher-btn:hover:not(.active){background:#ffffff26}.sentences-tab .pagination-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0;border-top:1px solid #e2e8f0}.sentences-tab .pagination-controls button{padding:6px 14px;border:1px solid #cbd5e0;border-radius:4px;background:#fff;cursor:pointer;font-size:13px}.sentences-tab .pagination-controls button:hover:not(:disabled){background:#edf2f7}.sentences-tab .pagination-controls button:disabled{opacity:.4;cursor:not-allowed}.sentences-tab .pagination-info{font-size:13px;color:#718096}.to-be-reviewed-tab{padding:0}.review-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #e8ecf0}.header-left{display:flex;align-items:baseline;gap:10px}.review-summary-header h3{margin:0;font-size:1.15rem;font-weight:700;color:#1a202c}.video-count{font-size:.85rem;color:#718096;background:#edf2f7;padding:2px 10px;border-radius:12px}.btn-refresh{display:flex;align-items:center;gap:4px;padding:7px 14px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#4a5568;cursor:pointer;font-size:.85rem;transition:all .15s}.btn-refresh:hover{background:#f7fafc;border-color:#cbd5e0}.refresh-icon{font-size:1rem}.assign-user-select{padding:7px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;color:#2d3748;background:#fff;min-width:160px;cursor:pointer}.assign-user-select:focus{outline:none;border-color:#3182ce}.btn-assign{padding:7px 16px;background:#38a169;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;white-space:nowrap;transition:background .15s}.btn-assign:hover:not(:disabled){background:#2f855a}.btn-assign:disabled{background:#cbd5e0;cursor:not-allowed}.btn-delete-bulk{padding:7px 16px;background:#e53e3e;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;white-space:nowrap;transition:background .15s}.btn-delete-bulk:hover:not(:disabled){background:#c53030}.btn-delete-bulk:disabled{background:#cbd5e0;cursor:not-allowed}.th-check{width:36px;text-align:center}.td-check{text-align:center;cursor:pointer}.th-assigned{width:140px}.td-assigned{font-size:.82rem}.filter-bar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.filter-input{padding:7px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;color:#2d3748;min-width:160px;flex:1}.filter-input:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 2px #3182ce1a}.filter-select{padding:7px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;color:#2d3748;background:#fff;cursor:pointer}.filter-select:focus{outline:none;border-color:#3182ce}.review-table-container{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px}.review-table{width:100%;border-collapse:collapse;font-size:.88rem}.review-table th{padding:12px 14px;background:#f7fafc;font-weight:600;color:#4a5568;text-align:left;border-bottom:2px solid #e2e8f0;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.review-table td{padding:11px 14px;border-bottom:1px solid #d2d8e0;color:#2d3748}.th-id{width:50px}.th-source{width:90px}.th-reviewer{width:120px}.th-center{text-align:center;width:80px}.th-action{width:200px;text-align:center}.td-id{font-weight:600;color:#718096}.td-center{text-align:center}.td-action{text-align:center;white-space:nowrap}.td-reviewer-list{font-size:.82rem;color:#4a5568}.review-row{cursor:pointer;transition:background .12s}.review-row:hover{background:#ebf8ff}.review-row:last-child td{border-bottom:none}.td-sentence{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.source-tag{display:inline-block;padding:2px 8px;background:#e2e8f0;border-radius:4px;font-size:.75rem;color:#4a5568}.count-reviewed{color:#3182ce;font-weight:600}.count-approved{color:#38a169;font-weight:700}.count-rejected{color:#e53e3e;font-weight:700}.count-zero{color:#cbd5e0;font-weight:400}.btn-view{padding:5px 12px;border:1px solid #3182ce;border-radius:4px;background:#fff;color:#3182ce;cursor:pointer;font-size:.78rem;font-weight:600;transition:all .15s}.btn-view:hover{background:#3182ce;color:#fff}.btn-reset{padding:5px 10px;border:1px solid #d69e2e;border-radius:4px;background:#fff;color:#d69e2e;cursor:pointer;font-size:.78rem;font-weight:600;transition:all .15s;margin-left:4px}.btn-reset:hover{background:#d69e2e;color:#fff}.btn-delete{padding:5px 10px;border:1px solid #e53e3e;border-radius:4px;background:#fff;color:#e53e3e;cursor:pointer;font-size:.78rem;font-weight:600;transition:all .15s;margin-left:4px}.btn-delete:hover{background:#e53e3e;color:#fff}.badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.73rem;font-weight:700;letter-spacing:.02em}.badge-approved{background:#c6f6d5;color:#22543d}.badge-rejected{background:#fed7d7;color:#742a2a}.badge-pending{background:#fefcbf;color:#744210}.detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-modal{background:#fff;border-radius:12px;width:92%;max-width:720px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 30px #0000002e;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #e2e8f0}.detail-header h3{margin:0;font-size:1rem;font-weight:600;color:#1a202c;flex:1}.btn-close{background:none;border:none;font-size:1.6rem;cursor:pointer;color:#a0aec0;padding:0 4px;transition:color .15s}.btn-close:hover{color:#2d3748}.detail-body{padding:24px}.detail-video{margin-bottom:20px;background:#1a202c;border-radius:8px;overflow:hidden}.detail-info{margin-bottom:20px;background:#f7fafc;border-radius:6px;padding:12px 16px}.info-row{display:flex;gap:10px;padding:4px 0}.info-label{font-size:.8rem;color:#718096;font-weight:600;min-width:70px}.info-value{font-size:.85rem;color:#2d3748}.detail-reviews h4{margin:0 0 12px;font-size:.95rem;font-weight:600;color:#1a202c}.review-count{font-weight:400;color:#718096;font-size:.85rem}.no-reviews{color:#a0aec0;font-style:italic;padding:16px 0}.reviews-detail-table{width:100%;border-collapse:collapse;font-size:.84rem;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.reviews-detail-table th{padding:10px 12px;background:#f7fafc;font-weight:600;color:#4a5568;text-align:left;border-bottom:1px solid #e2e8f0;font-size:.78rem;text-transform:uppercase}.reviews-detail-table td{padding:10px 12px;border-bottom:1px solid #d2d8e0}.reviews-detail-table tr:last-child td{border-bottom:none}.td-reviewer{font-weight:600}.td-type{color:#718096}.td-time{font-size:.8rem;color:#718096;white-space:nowrap}.td-notes{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4a5568}.review-tab-loading{text-align:center;padding:60px 20px;color:#718096}.loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#3182ce;border-radius:50%;margin:0 auto 12px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.review-tab-error{text-align:center;padding:40px;color:#e53e3e}.btn-retry{margin-top:12px;padding:8px 18px;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;background:#fff;font-weight:500}.btn-retry:hover{background:#f7fafc}.confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.confirm-dialog{background:#fff;border-radius:10px;padding:28px 32px 22px;max-width:420px;width:90%;box-shadow:0 8px 30px #0003}.confirm-message{margin:0 0 22px;font-size:.92rem;color:#2d3748;line-height:1.5}.confirm-buttons{display:flex;justify-content:flex-end;gap:10px}.confirm-btn-cancel{padding:8px 20px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#4a5568;cursor:pointer;font-size:.85rem;font-weight:500}.confirm-btn-cancel:hover{background:#f7fafc}.confirm-btn-ok{padding:8px 20px;border:none;border-radius:6px;background:#3182ce;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600}.confirm-btn-ok:hover{background:#2b6cb0}.to-be-reviewed-tab .pagination-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0;border-top:1px solid #e2e8f0}.to-be-reviewed-tab .pagination-controls button{padding:6px 14px;border:1px solid #cbd5e0;border-radius:4px;background:#fff;cursor:pointer;font-size:13px}.to-be-reviewed-tab .pagination-controls button:hover:not(:disabled){background:#edf2f7}.to-be-reviewed-tab .pagination-controls button:disabled{opacity:.4;cursor:not-allowed}.to-be-reviewed-tab .pagination-info{font-size:13px;color:#718096}.single-upload-form{max-width:600px;margin:0 auto}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.field-error,.file-error{color:#d32f2f;font-size:.875rem;margin-top:.25rem}.advanced-options-toggle{margin-bottom:1rem}.advanced-options-toggle button{background:none;border:none;color:#1976d2;cursor:pointer;font-size:1rem;padding:.5rem 0}.advanced-options-toggle button:hover{text-decoration:underline}.advanced-options-toggle button:disabled{color:#999;cursor:not-allowed}.advanced-options{background-color:#f9f9f9;padding:1rem;border-radius:4px;margin-bottom:1rem}.upload-progress{margin-bottom:1rem}.progress-bar{width:100%;height:24px;background-color:#e0e0e0;border-radius:12px;overflow:hidden}.progress-fill{height:100%;background-color:#4caf50;transition:width .3s ease}.progress-text{text-align:center;margin-top:.5rem;font-size:.875rem;color:#666}.success-message{background-color:#d4edda;color:#155724;padding:.75rem;border-radius:4px;margin-bottom:1rem;border:1px solid #c3e6cb}.error-message{background-color:#f8d7da;color:#721c24;padding:.75rem;border-radius:4px;margin-bottom:1rem;border:1px solid #f5c6cb}.upload-button{width:100%;padding:.75rem;background-color:#1976d2;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.upload-button:hover:not(:disabled){background-color:#1565c0}.upload-button:disabled{background-color:#bdbdbd;cursor:not-allowed}.bulk-upload-form{max-width:800px;margin:0 auto}.instructions-panel{background:#f5f5f5;padding:1rem;border-radius:4px;margin-bottom:1.5rem}.instructions-panel h3{margin-top:0}.instructions-panel ol,.instructions-panel ul{margin:.5rem 0;padding-left:1.5rem}.template-download{margin-bottom:1.5rem}.download-button{display:inline-block;padding:.75rem 1.5rem;background:#4caf50;color:#fff;text-decoration:none;border-radius:4px;font-weight:500}.download-button:hover{background:#45a049}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.5rem}.file-error{color:#d32f2f;font-size:.875rem;margin-top:.25rem}.upload-progress{margin:1rem 0;text-align:center}.progress-text{font-size:.875rem;color:#666}.error-message{color:#d32f2f;background:#ffebee;padding:.75rem;border-radius:4px;margin:1rem 0}.upload-button{width:100%;padding:.75rem;background:#1976d2;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.upload-button:disabled{background:#bdbdbd;cursor:not-allowed}.bulk-results{margin-top:2rem}.bulk-summary{display:flex;gap:1rem;margin-bottom:1rem;font-size:1.125rem;font-weight:500}.success-count{color:#2e7d32}.failure-count{color:#d32f2f}.results-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.results-table th,.results-table td{padding:.5rem;text-align:left;border-bottom:1px solid #e0e0e0}.results-table thead{background:#f5f5f5}.results-table tr.success{background:#e8f5e9}.results-table tr.failure{background:#ffebee}.error-actions{margin-top:1rem}.download-error-button{padding:.5rem 1rem;background:#ff9800;color:#fff;border:none;border-radius:4px;cursor:pointer}.download-error-button:hover{background:#f57c00}.upload-tab{padding:1rem}.mode-toggle{display:flex;gap:2rem;margin-bottom:2rem;padding:1rem;background:#f5f5f5;border-radius:4px}.mode-toggle label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500}.mode-toggle input[type=radio]{cursor:pointer}.upload-form-container{margin-top:1.5rem}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:box-shadow .2s}.stat-card:hover{box-shadow:0 2px 8px #0000001a}.stat-icon{font-size:2rem;margin-bottom:.5rem}.stat-value{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:#666;font-weight:500;margin-bottom:.5rem}.stat-subtitle{font-size:.75rem;color:#999;margin-top:.5rem}.completion-high{border-left:4px solid #4caf50}.completion-high .stat-value{color:#4caf50}.completion-medium{border-left:4px solid #ff9800}.completion-medium .stat-value{color:#ff9800}.completion-low{border-left:4px solid #f44336}.completion-low .stat-value{color:#f44336}@media(max-width:768px){.stat-card{padding:1rem}.stat-value{font-size:2rem}}@media(prefers-reduced-motion:reduce){.stat-card{transition:none}}.statistics-tab{padding:1.5rem}.statistics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.statistics-header h2{margin:0;font-size:1.5rem;color:#333}.statistics-controls{display:flex;align-items:center;gap:1rem}.last-updated{font-size:.875rem;color:#666}.refresh-button{padding:.5rem 1rem;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background .2s}.refresh-button:hover:not(:disabled){background:#1976d2}.refresh-button:disabled{background:#ccc;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.loading-state,.error-state{text-align:center;padding:3rem;color:#666}.error-state{color:#f44336}.retry-button{margin-top:1rem;padding:.5rem 1.5rem;background:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem}.retry-button:hover{background:#d32f2f}.sentence-list-section{margin-top:2.5rem;border-top:1px solid #e0e0e0;padding-top:1.5rem}.sentence-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sentence-list-header h3{margin:0;font-size:1.25rem;color:#333}.sentence-summary{font-size:.85rem;color:#666}.sentence-filters{display:flex;gap:.75rem;margin-bottom:1rem}.sentence-search{flex:1;padding:.5rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem}.sentence-status-filter{padding:.5rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem;background:#fff}.sentence-table-container{max-height:500px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:4px}.sentence-table{width:100%;border-collapse:collapse;font-size:.875rem}.sentence-table thead{position:sticky;top:0;background:#f5f5f5;z-index:1}.sentence-table th{padding:.6rem .75rem;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #ddd}.sentence-table td{padding:.5rem .75rem;border-bottom:1px solid #eee}.th-sid,.td-sid,.th-lang,.td-lang{width:50px;text-align:center}.th-videos,.td-videos{width:60px;text-align:center}.th-play,.td-play{width:50px;text-align:center}.td-text{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-recorded{background:#f8fdf8}.row-pending{background:#fff}.row-recorded:hover,.row-pending:hover{background:#e8f4fd}.count-has{color:#2e7d32;font-weight:600}.count-zero{color:#999}.btn-play-video{background:none;border:1px solid #2196f3;color:#2196f3;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:.7rem;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn-play-video:hover{background:#2196f3;color:#fff}.assignment-toolbar{display:flex;gap:.75rem;margin-bottom:.75rem;align-items:center}.assign-user-select{padding:.5rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem;background:#fff;min-width:150px}.btn-assign{padding:.5rem 1rem;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;white-space:nowrap}.btn-assign:hover:not(:disabled){background:#388e3c}.btn-assign:disabled{background:#ccc;cursor:not-allowed}.th-check,.td-check{width:32px;text-align:center}.th-assigned{min-width:100px}.assignee-tag{display:inline-flex;align-items:center;gap:2px;background:#e3f2fd;color:#1565c0;padding:2px 6px;border-radius:3px;font-size:.8rem;margin-right:4px;margin-bottom:2px}.btn-unassign{background:none;border:none;color:#999;cursor:pointer;font-size:.9rem;padding:0 2px;line-height:1}.btn-unassign:hover{color:#f44336}.video-switcher-bar{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:10001;display:flex;gap:.5rem;background:#000c;padding:.5rem 1rem;border-radius:8px}.video-switcher-btn{padding:.3rem .75rem;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:4px;cursor:pointer;font-size:.8rem}.video-switcher-btn.active{background:#2196f3;border-color:#2196f3}.video-switcher-btn:hover:not(.active){background:#ffffff26}@media(max-width:768px){.statistics-tab{padding:1rem}.statistics-header{flex-direction:column;align-items:flex-start;gap:1rem}.statistics-controls{flex-direction:column;align-items:flex-start;width:100%}.refresh-button{width:100%}.stats-grid{grid-template-columns:1fr}}.issue-dashboard{padding:20px;background:#f5f5f5;border-radius:8px}.dashboard-filters{display:flex;gap:10px;margin-bottom:20px;align-items:center}.dashboard-filters input{padding:8px;border:1px solid #ddd;border-radius:4px}.dashboard-stats{display:flex;gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-width:150px}.stat-card h3{margin:0 0 10px;font-size:14px;color:#666}.stat-value{font-size:32px;font-weight:700;margin:0;color:#333}.dashboard-charts{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.error-list{display:flex;flex-direction:column;gap:15px}.error-item{display:grid;grid-template-columns:200px 50px 1fr;gap:10px;align-items:center}.error-type{font-weight:500}.error-count{text-align:right;color:#666}.error-bar{height:24px;background:linear-gradient(90deg,#ff6b6b,#ee5a6f);border-radius:4px;min-width:20px}.users-tab{display:flex;flex-direction:column;gap:1rem}.users-tab-header{display:flex;justify-content:space-between;align-items:center}.users-tab-header h2{margin:0;font-size:18px}.users-create-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.users-create-btn:hover{background:#2563eb}.users-create-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.users-form-row{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap;align-items:center}.users-form-row input[type=text],.users-form-row input[type=email],.users-form-row input[type=password]{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;flex:1;min-width:140px}.users-admin-checkbox{display:flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap}.users-submit-btn{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;white-space:nowrap}.users-submit-btn:hover{background:#059669}.users-submit-btn:disabled{background:#9ca3af;cursor:not-allowed}.users-error{color:#dc2626;font-size:13px;margin:4px 0 0}.users-table{width:100%;border-collapse:collapse;font-size:13px}.users-table th,.users-table td{text-align:left;padding:10px 12px;border-bottom:1px solid #e5e7eb}.users-table th{background:#f9fafb;font-weight:600;font-size:12px;text-transform:uppercase;color:#6b7280}.users-table tr:hover{background:#f9fafb}.users-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.users-badge-ok{background:#d1fae5;color:#065f46}.users-badge-warning{background:#fef3c7;color:#92400e}.users-badge-none{background:#fee2e2;color:#991b1b}.users-action-btn{padding:4px 10px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:12px}.users-action-btn:hover{background:#e5e7eb}.users-reset-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.users-reset-dialog{background:#fff;border-radius:10px;padding:24px;width:100%;max-width:360px;box-shadow:0 8px 24px #00000026}.users-reset-dialog h3{margin:0 0 12px;font-size:16px}.users-reset-dialog input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;box-sizing:border-box;margin-bottom:10px}.users-reset-actions{display:flex;gap:10px;justify-content:flex-end}.users-reset-actions button{padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;border:1px solid #d1d5db;background:#fff}.users-tab-loading,.users-tab-error{padding:24px;text-align:center;color:#6b7280}.users-tab-error{color:#dc2626}.admin-dashboard-container{min-height:100vh;background-color:#f5f5f5}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a}.admin-header h1{margin:0;font-size:1.75rem;color:#333}.admin-header-info{display:flex;align-items:center;gap:1rem}.admin-user-id{font-size:.9rem;color:#666}.change-password-button{padding:.5rem 1rem;background-color:#6b7280;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.change-password-button:hover{background-color:#4b5563}.logout-button{padding:.5rem 1rem;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.logout-button:hover{background-color:#c82333}.admin-tabs{display:flex;background-color:#fff;border-bottom:2px solid #e0e0e0;padding:0 2rem}.admin-tab{padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;color:#666;transition:all .2s}.admin-tab:hover{color:#333;background-color:#f8f9fa}.admin-tab:focus-visible{outline:2px solid #007bff;outline-offset:2px}.admin-tab.tab-active{color:#007bff;border-bottom-color:#007bff}.admin-content{padding:2rem}@media(max-width:768px){.admin-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.admin-header h1{font-size:1.5rem}.admin-header-info{width:100%;justify-content:space-between}.admin-user-id{font-size:.85rem}.logout-button{padding:.4rem .8rem;font-size:.85rem}.admin-tabs{flex-wrap:wrap;padding:0 1rem}.admin-tab{padding:.75rem 1rem;font-size:.9rem;flex:1 1 auto;min-width:120px}.admin-content{padding:1rem}}.app-container{width:100%;max-width:1200px;margin:0 auto;padding:20px}.card{background-color:var(--white);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px;margin-bottom:24px}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--secondary);color:var(--white)}.btn-secondary:hover{background-color:var(--secondary-dark)}.page-title{font-size:24px;font-weight:600;margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.error-message{color:var(--error);font-size:14px;margin-top:4px}.success-message{color:var(--success);font-size:14px;margin-top:4px}:root{--primary: #3498db;--primary-dark: #2980b9;--secondary: #e74c3c;--secondary-dark: #c0392b;--background: #f5f5f5;--text: #333;--text-light: #777;--white: #fff;--success: #2ecc71;--warning: #f39c12;--error: #e74c3c}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background);color:var(--text);line-height:1.6}button{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .2s}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{border:1px solid #ddd;border-radius:4px;padding:8px 12px;width:100%;font-size:14px}input:focus,textarea:focus{outline:none;border-color:var(--primary)}