:root{--primary: #1976D2;--primary-light: #E3F2FD;--success: #4CAF50;--success-light: #E8F5E9;--warning: #FF9800;--warning-light: #FFF3E0;--danger: #E74C3C;--danger-light: #FFEBEE;--info: #2196F3;--gray-bg: #f5f5f5;--gray-line: #eee;--gray-border: #ddd;--text: #333;--text-muted: #999;--row-hover: #f0f7ff;--row-selected: var(--primary-light);--abnormal-bar: var(--danger);--done-bar: var(--success)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gray-bg);color:var(--text);font-size:16px;-webkit-text-size-adjust:100%;font-feature-settings:"tnum"}#app{max-width:480px;margin:0 auto;min-height:100vh;background:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;font-size:18px;padding:14px 28px;cursor:pointer;transition:opacity .2s;-webkit-tap-highlight-color:transparent}.btn:active{opacity:.7}.btn-primary{background:#4a90d9;color:#fff}.btn-danger{background:#e74c3c;color:#fff}.btn-secondary{background:#eee;color:#333}.btn-block{display:flex;width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;height:48px;border:2px solid #ddd;border-radius:8px;padding:0 16px;font-size:18px;outline:none;transition:border-color .2s}.input:focus{border-color:#4a90d9}.header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#4a90d9;color:#fff;font-size:18px;position:sticky;top:0;z-index:10}.card{margin:12px 16px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:transform .1s}.card:active{transform:scale(.98)}.card.disabled{opacity:.5;cursor:not-allowed}.card.disabled:active{transform:none}.progress-bar{height:8px;background:#eee;border-radius:4px;overflow:hidden;margin-top:8px}.progress-bar-fill{height:100%;background:#4caf50;border-radius:4px;transition:width .3s}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:400px}.modal h3{margin-bottom:16px;font-size:20px}.modal .input{margin-bottom:16px}.recorder-text{font-size:32px;line-height:1.8;padding:32px 20px;min-height:150px;text-align:center;font-weight:500}.recorder-controls{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 16px}.record-btn{width:100px;height:100px;border-radius:50%;border:none;font-size:20px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.record-btn.idle{background:#4a90d9}.record-btn.recording{background:#e74c3c;animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.nav-buttons{display:flex;gap:16px;padding:16px;justify-content:space-between}.nav-buttons .btn{flex:1;font-size:20px;padding:16px}.search-box{padding:12px 16px;background:#4a90d9}.search-box .input{background:#ffffffe6}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.tag-unclaimed{background:#eee;color:#999}.tag-progress{background:#fff3e0;color:#f57c00}.tag-done{background:#e8f5e9;color:#4caf50}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000bf;color:#fff;padding:12px 24px;border-radius:8px;font-size:16px;z-index:200;pointer-events:none}.filter-tab{display:inline-block;padding:4px 12px;margin-right:8px;border-radius:4px;cursor:pointer;transition:all .2s}.filter-tab:hover{background:#eee}.filter-tab.active{background:#4a90d9;color:#fff}body:has([data-page=admin]) #app{max-width:1280px}.chip-row{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;background:#fff;border-bottom:1px solid var(--gray-line)}.chip{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 14px;border-radius:16px;border:1px solid var(--gray-border);background:#fff;color:var(--text);font-size:13px;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.chip:hover{border-color:var(--primary)}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.chip.active.danger{background:var(--danger);border-color:var(--danger)}.filter-bar{display:flex;gap:8px;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid var(--gray-line)}.filter-bar .input{flex:1;height:36px;font-size:14px}.btn-ghost{background:transparent;border:1px solid var(--gray-border);color:var(--text);height:36px;padding:0 14px;border-radius:6px;font-size:13px;cursor:pointer}.btn-ghost:hover{background:var(--gray-bg)}.selected-filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:8px 16px;background:var(--gray-bg);min-height:24px;font-size:12px;color:var(--text-muted)}.filter-tag{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--gray-border);padding:2px 8px;border-radius:12px;font-size:12px;color:var(--text)}.filter-tag .x{cursor:pointer;color:var(--text-muted)}.filter-tag .x:hover{color:var(--danger)}.more-filters-panel{position:absolute;top:52px;right:16px;width:360px;background:#fff;border:1px solid var(--gray-border);border-radius:8px;box-shadow:0 4px 16px #0000001a;padding:16px;z-index:20;max-height:70vh;overflow-y:auto}.more-filters-panel h4{font-size:13px;margin:0 0 6px;color:var(--text-muted)}.more-filters-panel .panel-section{margin-bottom:14px}.more-filters-panel .panel-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}.stats-card{padding:12px;border-radius:8px;text-align:center;background:#fff;border:1px solid var(--gray-line)}.stats-card .num{font-size:22px;font-weight:700}.stats-card .label{font-size:12px;color:var(--text-muted);margin-top:2px}.admin-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.admin-table th{background:var(--gray-bg);padding:10px 6px;text-align:left;font-size:12px;color:var(--text-muted);font-weight:400;position:sticky;top:0;z-index:5}.admin-table td{padding:10px 6px;border-bottom:1px solid var(--gray-line)}.admin-table tr.main-row{cursor:pointer;transition:background .1s;position:relative}.admin-table tr.main-row:hover{background:var(--row-hover)}.admin-table tr.main-row.selected{background:var(--row-selected)}.admin-table tr.main-row.zombie td:first-child{box-shadow:3px 0 0 var(--abnormal-bar) inset}.admin-table tr.main-row.done-row td:first-child{box-shadow:3px 0 0 var(--done-bar) inset}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.badge-unclaimed{background:#f0f0f0;color:#666}.badge-in_progress{background:var(--primary-light);color:var(--primary)}.badge-done{background:var(--success-light);color:var(--success)}.inline-progress{display:flex;align-items:center;gap:6px}.inline-progress .bar{flex:1;height:6px;background:var(--gray-line);border-radius:3px;overflow:hidden;max-width:80px}.inline-progress .fill{height:100%;background:var(--success)}.inline-progress .text{font-size:11px;color:var(--text-muted);white-space:nowrap}.detail-expand-row td{padding:0!important;background:var(--gray-bg);border-bottom:2px solid var(--gray-border)}.detail-expand{padding:16px 24px;display:grid;grid-template-columns:1fr 2fr;gap:24px}.detail-section{background:#fff;border-radius:8px;padding:12px}.detail-section h4{font-size:13px;color:var(--text-muted);margin-bottom:8px;font-weight:400}.detail-section .field{font-size:13px;margin-bottom:4px}.detail-section .field .k{color:var(--text-muted)}.detail-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.detail-actions .btn-ghost{font-size:12px;height:28px;padding:0 10px}.recording-list{display:flex;flex-direction:column;gap:8px;max-height:500px;overflow-y:auto}.recording-item{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--gray-line);border-radius:6px;padding:10px 12px}.recording-item.redo{background:var(--danger-light);border-color:var(--danger)}.recording-item.empty{background:#fafafa;color:var(--text-muted)}.recording-item .row1{display:flex;align-items:center;gap:8px;font-size:13px}.recording-item .seq{font-weight:700;min-width:32px;color:var(--text-muted)}.recording-item .txt{flex:1}.recording-item .ops{display:flex;gap:6px;align-items:center;font-size:12px}.recording-item audio{width:100%;height:32px}.recording-item .note-box{font-size:12px;color:var(--text);background:var(--gray-bg);padding:6px 8px;border-radius:4px}.recording-item .meta{font-size:11px;color:var(--text-muted)}.btn-mini{background:transparent;border:1px solid var(--gray-border);border-radius:4px;padding:2px 8px;font-size:12px;cursor:pointer}.btn-mini:hover{background:var(--gray-bg)}.btn-mini.danger{color:var(--danger);border-color:var(--danger)}.btn-mini.danger:hover{background:var(--danger-light)}.state-icon{display:inline-block;margin-left:4px;font-size:14px}.state-icon.abnormal{color:var(--danger)}.state-icon.redo{color:var(--warning)}.state-icon.reviewed{color:var(--success)}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid var(--gray-line);position:relative}.toolbar-group{display:flex;gap:8px}.btn-small{height:36px;padding:0 14px;border-radius:6px;font-size:13px;cursor:pointer;border:none}.btn-small.primary{background:var(--primary);color:#fff}.btn-small.secondary{background:#fff;color:var(--text);border:1px solid var(--gray-border)}.btn-small:disabled{opacity:.5;cursor:not-allowed}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;right:0;top:40px;min-width:180px;background:#fff;border:1px solid var(--gray-border);border-radius:6px;box-shadow:0 4px 16px #0000001a;z-index:15}.dropdown-menu .item{padding:10px 16px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px}.dropdown-menu .item:hover{background:var(--gray-bg)}.dropdown-menu .item.disabled{color:var(--text-muted);cursor:not-allowed}.mobile-card-list{padding:8px 12px 80px;display:flex;flex-direction:column;gap:8px}.mobile-card{background:#fff;border-radius:8px;padding:12px 16px;border:1px solid var(--gray-line);position:relative;transition:background .1s}.mobile-card:active{background:var(--gray-bg)}.mobile-card.selected{background:var(--primary-light);border-color:var(--primary)}.mobile-card.zombie{border-left:3px solid var(--danger)}.mobile-card.done-row{border-left:3px solid var(--success)}.mobile-card .head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.mobile-card .head input[type=checkbox]{width:20px;height:20px;flex-shrink:0}.mobile-card .code{font-size:16px;font-weight:700;flex:1}.mobile-card .meta{font-size:13px;color:var(--text);margin-bottom:4px}.mobile-card .meta.muted{color:var(--text-muted)}.mobile-card .progress{margin:8px 0}.mobile-card .actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--gray-line)}.mobile-card .actions button{flex:1;height:40px;border-radius:6px;font-size:14px;border:1px solid var(--gray-border);background:#fff;cursor:pointer}.mobile-card .actions .release{color:var(--danger);border-color:var(--danger)}.detail-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--gray-bg);display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease-out;height:100dvh}.detail-modal.open{transform:translate(0)}.detail-modal .modal-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--primary);color:#fff;min-height:44px;font-size:16px;position:sticky;top:0;z-index:2}.detail-modal .back-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;margin-left:-8px}.detail-modal .modal-body{flex:1;overflow-y:auto;padding:12px;-webkit-overflow-scrolling:touch}.detail-modal .detail-section{margin-bottom:12px}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40;opacity:0;pointer-events:none;transition:opacity .2s}.sheet-overlay.open{opacity:1;pointer-events:auto}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;background:#fff;border-radius:16px 16px 0 0;max-height:80vh;overflow-y:auto;transform:translateY(100%);transition:transform .3s ease-out;padding-bottom:env(safe-area-inset-bottom)}.sheet.open{transform:translateY(0)}.sheet .sheet-header{padding:16px;font-size:16px;font-weight:700;border-bottom:1px solid var(--gray-line);display:flex;justify-content:space-between;align-items:center}.sheet .sheet-body{padding:12px 16px}.sheet .sheet-actions{padding:12px 16px;display:flex;gap:8px;border-top:1px solid var(--gray-line);position:sticky;bottom:0;background:#fff}.sheet .sheet-item{padding:14px 16px;font-size:16px;cursor:pointer;border-bottom:1px solid var(--gray-line);display:flex;align-items:center;gap:8px}.sheet .sheet-item:active{background:var(--gray-bg)}@media (max-width: 768px){body:has([data-page=admin]) #app{max-width:100%;min-height:100dvh}.stats-row{grid-template-columns:1fr 1fr;gap:8px}.stats-row .stats-card:last-child{grid-column:span 2}.stats-row .stats-card .num{font-size:18px}.admin-toolbar{flex-direction:column;gap:8px;padding:12px}.admin-toolbar .toolbar-group{width:100%;flex-direction:column;gap:8px}.admin-toolbar .toolbar-group .btn-small{width:100%;height:44px}.admin-toolbar .toolbar-group label.btn-small{display:flex;justify-content:center;align-items:center}.admin-toolbar .dropdown{width:100%}.admin-toolbar .dropdown .btn-small{width:100%;height:44px}.admin-toolbar .dropdown-menu{display:none!important}.filter-bar{flex-wrap:wrap;padding:8px 12px;gap:6px}.filter-bar .input{min-width:0;height:40px;font-size:14px}.filter-bar .btn-ghost{height:40px;padding:0 10px;font-size:12px}.chip-row{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:10px 12px}.chip-row::-webkit-scrollbar{display:none}.chip{scroll-snap-align:start;flex-shrink:0;height:36px}.more-filters-panel{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;max-height:85vh;border-radius:16px 16px 0 0;box-shadow:0 -4px 16px #00000026}.admin-table,.detail-expand-row{display:none}.header{padding:12px 16px;font-size:16px;min-height:44px}}