:root{--color-primary: #2563EB;--color-primary-hover: #1D4ED8;--color-primary-active: #1E40AF;--color-primary-bg: #E9EFFD;--color-primary-ring: rgba(37, 99, 235, .15);--color-success: #2E7D32;--color-warning: #ED6C02;--color-error: #D32F2F;--color-info-working: #0288D1;--color-review: #9C27B0;--color-submitted: #2563EB;--color-text-primary: #212121;--color-text-secondary: #666666;--color-text-hint: #999999;--color-text-disabled: #BDBDBD;--color-text-inverse: #FFFFFF;--color-bg-page: #FFFFFF;--color-bg-page-alt: #F5F6F9;--color-bg-surface: #FFFFFF;--color-bg-subtle: #F8F9FA;--color-bg-selected: #E9EFFD;--color-bg-badge-gray: #F5F5F5;--color-border: #E0E0E0;--color-border-light: #EEEEEE;--color-border-input: #C4C4C4;--color-border-rail: #D9DADB;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 28px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-body: 1.5;--line-height-tight: 1.2;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", "JetBrains Mono", Consolas, "Roboto Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-full: 999px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04);--shadow-fixed: 0 -2px 8px rgba(0, 0, 0, .06);--size-topbar-h: 48px;--size-rail-w: 56px;--size-subnav-w: 176px;--size-navitem-h: 40px;--size-railitem-h: 48px;--size-input-h: 32px;--size-btn-h: 32px;--size-btn-h-lg: 40px;--size-avatar: 24px;--size-thumb-w: 96px;--size-thumb-h: 60px;--size-row-h: 80px;--size-badge-h: 24px;--z-topbar: 100;--z-rail: 90;--z-fixed-bar: 200;--z-modal: 300;--transition-fast: .12s ease;--transition-base: .16s ease}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-body);color:var(--color-text-primary);background:var(--color-bg-page)}button{font-family:inherit}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.mono{font-family:var(--font-family-mono)}.app-shell{display:flex;flex-direction:column;height:100vh}.topbar{height:var(--size-topbar-h);flex:none;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-surface);z-index:var(--z-topbar)}.topbar-logo{width:22px;height:22px;border-radius:5px;background:var(--color-primary);color:var(--color-text-inverse);font-size:13px;font-weight:var(--font-weight-bold);display:inline-flex;align-items:center;justify-content:center}.topbar-brand{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-3)}.topbar-user{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.nav-and-content{flex:1;display:flex;min-height:0}.rail{width:var(--size-rail-w);flex:none;background:var(--color-bg-subtle);border-right:1px solid var(--color-border-rail);display:flex;flex-direction:column;align-items:center;padding-top:var(--space-2);gap:var(--space-1)}.rail-item{width:var(--size-rail-w);height:var(--size-railitem-h);display:flex;align-items:center;justify-content:center;color:#5f6368;border-radius:var(--radius-sm)}.rail-item.active{color:var(--color-primary)}.subnav{width:var(--size-subnav-w);flex:none;background:var(--color-bg-surface);border-right:1px solid #F1F1F1;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.subnav-title{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3)}.nav-item{height:var(--size-navitem-h);display:flex;align-items:center;padding:0 var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-primary);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.nav-item:hover{background:var(--color-bg-subtle);text-decoration:none}.nav-item.active{background:var(--color-bg-selected);color:var(--color-primary);font-weight:var(--font-weight-medium)}.content{flex:1;min-width:0;overflow:auto;padding:var(--space-4);padding-bottom:72px}.page-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin:0 0 var(--space-1)}.page-sub{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4)}.page-center{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-text-secondary)}.badge{display:inline-flex;align-items:center;height:var(--size-badge-h);padding:0 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-inverse);white-space:nowrap}.badge-gray{background:var(--color-bg-badge-gray);color:#757575}.btn{height:var(--size-btn-h);padding:0 var(--space-4);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-base);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast)}.btn:disabled{cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:disabled{background:var(--color-text-disabled)}.btn-secondary{background:var(--color-bg-surface);border:1px solid var(--color-border-input);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-subtle)}.btn-secondary:disabled{color:var(--color-text-disabled);border-color:var(--color-border)}.btn-text{height:var(--size-btn-h);padding:0 var(--space-2);background:none;border:none;color:var(--color-primary);font-size:var(--font-size-base);cursor:pointer}.btn-text:hover{color:var(--color-primary-hover);text-decoration:underline}.btn-text.danger{color:var(--color-error)}.btn-text.danger:hover{color:#b71c1c}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.field-label .required{color:var(--color-error);margin-left:2px}.input,.select,.textarea{height:var(--size-input-h);padding:0 var(--space-2);border:1px solid var(--color-border-input);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-family:inherit;color:var(--color-text-primary);background:var(--color-bg-surface);width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.textarea{height:auto;min-height:56px;padding:var(--space-2);resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-ring)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-grid .span-2{grid-column:span 2}.file-label{display:inline-flex;align-items:center;gap:var(--space-2)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4)}.card+.card{margin-top:var(--space-4)}.card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin:0 0 var(--space-4)}.alert{border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.alert-error{background:#d32f2f14;color:var(--color-error)}.alert-info{background:var(--color-primary-bg);color:var(--color-primary-hover)}.alert-success{background:#2e7d321a;color:var(--color-success)}.hint{font-size:var(--font-size-xs);color:var(--color-text-hint)}.error-text{font-size:var(--font-size-sm);color:var(--color-error)}.success-text{font-size:var(--font-size-sm);color:var(--color-success)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.chip{height:28px;padding:0 12px;border-radius:var(--radius-full);border:1px solid var(--color-border-input);background:var(--color-bg-surface);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.chip:hover{color:var(--color-text-primary);background:var(--color-bg-subtle)}.chip.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table td{padding:10px var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover{background:var(--color-bg-subtle)}.cell-secondary{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.cell-nowrap{white-space:nowrap}.ellipsis{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{padding:var(--space-12);text-align:center;color:var(--color-text-secondary)}.empty .btn{margin-top:var(--space-3)}.loading-row{padding:var(--space-6);text-align:center;color:var(--color-text-hint);font-size:var(--font-size-sm)}.pager{position:fixed;bottom:0;left:calc(var(--size-rail-w) + var(--size-subnav-w));right:0;height:48px;background:var(--color-bg-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-fixed);z-index:var(--z-fixed-bar);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pager-buttons{display:flex;align-items:center;gap:var(--space-2)}.pager-btn{width:28px;height:28px;border-radius:var(--radius-full);border:1px solid var(--color-border-input);background:var(--color-bg-surface);color:var(--color-text-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.pager-btn:hover:not(:disabled){background:var(--color-bg-subtle)}.pager-btn:disabled{opacity:.35;cursor:not-allowed}.upload-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-light)}.upload-row:last-child{border-bottom:none}.upload-name{width:280px;flex:none;font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-state{width:48px;flex:none;font-size:var(--font-size-xs);color:var(--color-text-hint)}.upload-state.ok{color:var(--color-success)}.upload-state.fail{color:var(--color-error)}.progress{flex:1;height:6px;border-radius:var(--radius-full);background:var(--color-border-light);overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}.progress-fill.done{background:var(--color-success)}.upload-meta{width:170px;flex:none;text-align:right;font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-secondary);white-space:nowrap}.resume-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--font-size-sm)}.resume-row+.resume-row{border-top:1px solid var(--color-border-light)}.drawer-mask{position:fixed;inset:0;background:#00000052;z-index:calc(var(--z-modal) - 1)}.drawer{position:fixed;top:0;right:0;bottom:0;width:520px;max-width:90vw;background:var(--color-bg-surface);border-left:1px solid var(--color-border);box-shadow:-4px 0 16px #00000014;z-index:var(--z-modal);overflow:auto;padding:var(--space-4) var(--space-6)}.drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.drawer-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin:0}.kv{display:grid;grid-template-columns:72px 1fr;gap:var(--space-1) var(--space-3);font-size:var(--font-size-sm);margin:0 0 var(--space-4)}.kv dt{color:var(--color-text-hint)}.kv dd{margin:0;word-break:break-all}.drawer-section{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:var(--space-4) 0 var(--space-2)}.result-panel{display:flex;flex-direction:column;gap:var(--space-3)}.result-panel .row-actions{display:flex;gap:var(--space-2)}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.stat-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-card);cursor:pointer;position:relative;overflow:hidden;text-align:left;transition:border-color var(--transition-fast)}.stat-card:hover{border-color:var(--color-border-input)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stat-num{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.stat-card.active{border-color:var(--color-primary)}.stat-card.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--color-primary)}.stat-card.active .stat-num{color:var(--color-primary)}.thumb-placeholder{display:inline-block;width:var(--size-thumb-w);height:var(--size-thumb-h);border-radius:var(--radius-sm);background:var(--color-bg-subtle);border:1px solid var(--color-border-light);border-left-width:3px;box-sizing:border-box}.user-cell{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);white-space:nowrap}.avatar{width:var(--size-avatar);height:var(--size-avatar);border-radius:var(--radius-full);color:var(--color-text-inverse);font-size:var(--font-size-xs);display:inline-flex;align-items:center;justify-content:center;flex:none}.cell-hint{color:var(--color-text-hint);font-size:var(--font-size-sm)}.cell-check{width:36px}input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer}input[type=checkbox]:disabled{cursor:not-allowed}.data-table tbody tr.row-selected{background:var(--color-bg-selected)}.modal-mask{position:fixed;inset:0;background:#00000052;z-index:calc(var(--z-modal) - 1)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-bg-surface);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000029;z-index:var(--z-modal);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);max-height:85vh;overflow:auto}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin:0}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2)}.fail-list{margin:var(--space-1) 0 0;padding-left:18px}.fail-list li{margin-top:2px}.btn-lg{height:var(--size-btn-h-lg);padding:0 var(--space-6);font-size:var(--font-size-base)}.btn-success{background:var(--color-success);color:var(--color-text-inverse)}.btn-success:hover:not(:disabled){background:#1b5e20}.btn-success:disabled{background:var(--color-text-disabled)}.btn-danger{background:var(--color-error);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background:#b71c1c}.btn-danger:disabled{background:var(--color-text-disabled)}.review-page{display:flex;flex-direction:column;gap:var(--space-4)}.review-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.review-header .page-title{margin-bottom:2px}.review-layout{display:flex;gap:var(--space-4);align-items:flex-start}.review-left{flex:1 1 62%;min-width:0;display:flex;flex-direction:column;gap:var(--space-3)}.review-right{flex:0 0 380px;max-width:380px;display:flex;flex-direction:column;gap:var(--space-4)}@media(max-width:1100px){.review-layout{flex-direction:column}.review-right{flex-basis:auto;max-width:none;width:100%}}.video-box{background:#000;border-radius:var(--radius-sm);overflow:hidden}.video-box video{display:block;width:100%;aspect-ratio:16 / 9}.video-placeholder{aspect-ratio:16 / 9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:#999;font-size:var(--font-size-sm);padding:var(--space-4);text-align:center}.panel-section{background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4)}.panel-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.kv-wide{grid-template-columns:84px 1fr}.tag-success,.tag-error,.tag-warning{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--radius-full);color:var(--color-text-inverse);font-size:var(--font-size-xs);white-space:nowrap}.tag-success{background:var(--color-success)}.tag-error{background:var(--color-error)}.tag-warning{background:var(--color-warning)}.reject-history{background:#d32f2f0f;border-left:3px solid var(--color-error);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);white-space:pre-wrap;word-break:break-word}.event-list{list-style:none;margin:0;padding:0}.event-row{display:flex;width:100%;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;background:none;border:none;border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm);font-family:inherit;color:var(--color-text-primary);cursor:pointer;text-align:left}.event-row:hover{background:var(--color-bg-subtle)}.event-type{color:var(--color-text-inverse);font-size:var(--font-size-xs);border-radius:var(--radius-full);padding:1px 8px;flex:none}.event-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-time{color:var(--color-text-secondary);font-size:var(--font-size-xs);white-space:nowrap}.participant-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) 0}.timeline-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-2)}.timeline-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.timeline-time{font-size:var(--font-size-xs);color:var(--color-text-hint)}.timeline-track{position:relative;height:36px;background:var(--color-bg-subtle);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer}.event-seg{position:absolute;top:5px;bottom:5px;border:none;border-radius:3px;color:var(--color-text-inverse);font-size:var(--font-size-xs);font-family:inherit;line-height:1;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;padding:0 4px;min-width:4px;cursor:pointer}.event-seg:hover{filter:brightness(1.12)}.playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--color-error);pointer-events:none}.timeline-legend{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.legend-item{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.legend-dot{width:8px;height:8px;border-radius:2px;display:inline-block}.review-actions{position:sticky;bottom:0;background:var(--color-bg-surface);border-top:1px solid var(--color-border-light);padding:var(--space-3) 0;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.review-action-error{margin:0;flex:1}.annotate-page{display:flex;flex-direction:column;gap:12px}.annotate-header{display:flex;align-items:center;gap:16px}.annotate-title{font-size:15px;font-weight:600;color:var(--text-1)}.annotate-hint{margin-left:auto;color:var(--text-3);font-size:12px}.annotate-main{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px;align-items:start}.annotate-left video{width:100%;max-height:62vh;background:#000;border-radius:6px}.timeline-wrap{position:relative;margin-top:8px}.timeline{position:relative;height:44px;background:var(--bg-2, #eef0f4);border-radius:4px;overflow:hidden;cursor:crosshair}.timeline .seg{position:absolute;top:6px;height:20px;border-radius:3px;color:#fff;font-size:10px;line-height:20px;padding:0 4px;white-space:nowrap;overflow:hidden;cursor:pointer}.timeline .seg.active{outline:2px solid #d33}.timeline .handle{position:absolute;top:2px;width:10px;height:28px;cursor:ew-resize;background:#00000040;border-radius:2px}.playhead{position:absolute;top:0;bottom:0;width:2px;background:#d33;pointer-events:none}.timeline-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-3);margin-top:4px}.timeline-meta .legend{display:flex;gap:10px}.timeline-meta .legend i{font-style:normal;display:inline-flex;align-items:center;gap:4px}.timeline-meta .legend b{width:10px;height:10px;border-radius:2px;display:inline-block}.annotate-right{display:flex;flex-direction:column;gap:12px}.annotate-right .panel{border:1px solid var(--line-1, #e0e0e0);border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:10px;margin:0}.annotate-right .panel legend{font-size:13px;font-weight:600;padding:0 6px}.radio-pill{border:1px solid var(--line-1, #c4c4c4);border-radius:999px;padding:4px 14px;cursor:pointer;font-size:13px}.radio-pill input{display:none}.radio-pill.on{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.seg-list{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto}.seg-item{border:1px solid var(--line-1, #e0e0e0);border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px;cursor:pointer}.seg-item.active{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.btn-text.danger{color:#d32f2f}.alert-warn{background:#fff7e6;border:1px solid #ffd591;color:#874d00;border-radius:6px;padding:10px 12px;font-size:13px}@media(max-width:1100px){.annotate-main{grid-template-columns:1fr}}