a{text-decoration:none}.nav-link.is-active{font-weight:600}body{margin:0;font-family:sans-serif;background-color:#f0f2f5}*{box-sizing:border-box}#page-content{opacity:1;transition:opacity .3s ease-in-out}body.page-transition #page-content{opacity:0}.ui .card-secondary{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 12px #00000014}.ui .card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014}.ui .queue-header{padding:20px 24px;border-bottom:1px solid #e8eaf0;display:flex;align-items:center;justify-content:space-between}.ui .queue-header h2{font-size:16px;font-weight:600}.ui .queue-filters{display:flex;gap:8px}.ui .section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8b91a7;padding:0 4px}.ui .queue-row{border-bottom:1px solid #f0f2f5;font-size:13px;transition:background .15s}.ui .queue-row:last-child{border-bottom:none}.ui .queue-row:hover{background:#f8f9ff}.ui .queue-row-main{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 24px}.ui .queue-row-waveform{padding:0 24px 10px}.ui .q-waveform-wrap{background:#f3f4ff;border-radius:6px;border:1px solid #e8eaf0;overflow:hidden}.ui .child-id{font-weight:600;font-size:13px;color:#1a1a2e}.ui .rec-meta{font-size:12px;color:#8b91a7}.ui .action-btn{padding:4px 12px;border-radius:6px;border:1px solid #4f46e5;color:#4f46e5;background:transparent;font-size:12px;cursor:pointer;font-weight:500}.ui .action-btn:hover:not(:disabled){background:#4f46e5;color:#fff}.ui .action-btn:disabled{opacity:.55;cursor:not-allowed}.ui .action-btn-muted{border-color:#6c757d;color:#6c757d}.ui .action-btn-muted:hover:not(:disabled){background:#6c757d;color:#fff}.ui .action-btn-danger{border-color:#ef4444;color:#ef4444}.ui .action-btn-danger:hover:not(:disabled){background:#ef4444;color:#fff}.ui .workspace{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden}.ui .ws-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid #e8eaf0}.ui .ws-back{font-size:13px;color:#4f46e5;font-weight:500;background:none;border:none;cursor:pointer;padding:0}.ui .ws-title{font-size:13px;color:#5a5f78;font-weight:600}.ui .ws-section{padding:16px 24px;border-bottom:1px solid #e8eaf0}.ui .ws-section:last-child{border-bottom:none}.ui .ws-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#8b91a7;margin-bottom:6px}.ui .ws-waveform-wrap{background:#f8f9ff;border-radius:8px;border:1px solid #e8eaf0;overflow:hidden}.ui .ws-footer{padding:12px 24px;border-top:1px solid #e8eaf0;display:flex;align-items:center;justify-content:space-between;background:#fafbfc;gap:8px;flex-wrap:wrap}.ui .recordings-list{display:flex;flex-direction:column;gap:8px}.ui .recording-row{background:#fff;border:1px solid #f0f2f5;border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:border-color .15s,background .15s}.ui .rec-row-controls{display:flex;align-items:center;gap:12px}.ui .rec-row-waveform{width:100%}.ui .recording-row:hover{border-color:#e8eaf0;background:#f8f9ff}.ui .rec-card-wave{width:80px;height:36px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#f3f4ff;border:1px solid #e8eaf0}.ui .rec-play-btn{width:28px;height:28px;border-radius:50%;border:1px solid #e8eaf0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0}.ui .rec-play-btn:hover{background:#f8f9ff}.ui .rec-play-icon{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #1a1a2e;margin-left:2px}.ui .rec-card-meta{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ui .rec-name{font-size:14px;font-weight:500;color:#1a1a2e}.ui .rec-sub{font-size:12px;color:#8b91a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui .rec-chevron{width:6px;height:6px;border-right:1.5px solid #8b91a7;border-bottom:1.5px solid #8b91a7;transform:rotate(-45deg);flex-shrink:0}.ui .status-pill{font-size:11px;font-weight:500;padding:3px 8px;border-radius:20px;flex-shrink:0}.ui .status-new{background:#e6f1fb;color:#0c447c}.ui .status-transcribed{background:#faeeda;color:#633806}.ui .status-annotated{background:#eaf3de;color:#27500a}.ui .tab-bar{display:flex;border-bottom:1px solid #e8eaf0;background:#fff;padding:0 16px}.ui .tab{padding:10px 16px;font-size:13px;color:#8b91a7;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;-webkit-user-select:none;user-select:none}.ui .tab.active{color:#1a1a2e;border-bottom-color:#1a1a2e;font-weight:500}.ui .tab:hover:not(.active){color:#1a1a2e}.ui .tab-panel{padding:16px;display:flex;flex-direction:column;gap:16px}.ui .detail-card{background:#fff;border:1px solid #f0f2f5;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.ui .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ui .field-item{display:flex;flex-direction:column;gap:4px}.ui .field-item label{font-size:12px;color:#8b91a7}.ui .field-item input,.ui .field-item select{font-size:13px;padding:6px 10px;border:1px solid #e8eaf0;border-radius:8px;background:#fff;color:#1a1a2e;width:100%}.ui .field-item input[readonly]{background:#f8f9ff;color:#8b91a7;cursor:default}.ui .sub-toggle{display:flex;border:1px solid #e8eaf0;border-radius:8px;overflow:hidden;width:fit-content}.ui .sub-tab{padding:6px 14px;font-size:13px;cursor:pointer;color:#8b91a7;background:#fff;-webkit-user-select:none;user-select:none}.ui .sub-tab.active{background:#1a1a2e;color:#fff;font-weight:500}.ui .sub-tab:hover:not(.active){background:#f8f9ff}.ui .transcript-area{width:100%;min-height:80px;font-size:13px;padding:10px;border:1px solid #e8eaf0;border-radius:8px;color:#1a1a2e;background:#fff;resize:vertical;font-family:sans-serif;line-height:1.6}.ui .btn-row{display:flex;align-items:center;gap:8px}.ui .words-list{display:flex;flex-wrap:wrap;gap:8px}.ui .word-chip{padding:6px 12px;border:1px solid #e8eaf0;border-radius:8px;font-size:13px;cursor:pointer;background:#fff;color:#1a1a2e;-webkit-user-select:none;user-select:none}.ui .word-chip:hover{border-color:#8b91a7;background:#f8f9ff}.ui .word-chip.active{border-color:#4f46e5;background:#eef2ff;color:#4f46e5}.ui .word-edit-panel{background:#f8f9ff;border:1px solid #e8eaf0;border-radius:8px;padding:10px;display:flex;align-items:center;gap:8px}.ui .word-edit-panel input{flex:1;font-size:13px;padding:6px 10px;border:1px solid #e8eaf0;border-radius:8px;background:#fff;color:#1a1a2e}.ui .modal-overlay{display:none;position:fixed;inset:0;background:#00000073;align-items:center;justify-content:center;z-index:1000}.ui .modal-overlay.show{display:flex}.ui .detail-modal{background:#fff;border-radius:12px;border:1px solid #e8eaf0;padding:20px;max-width:360px;width:90%;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 32px #0000002e}.ui .detail-modal-title{font-size:15px;font-weight:500;color:#1a1a2e}.ui .detail-modal-body{font-size:13px;color:#8b91a7;line-height:1.6}.ui .modal-danger-text{color:#ef4444;font-weight:500}.ui .modal-divider{height:1px;background:#f0f2f5}