:root{--bg: #0c1117;--bg-elevated: #151b24;--bg-card: #1a2230;--border: #2a3548;--text: #e8edf5;--text-muted: #8b9bb4;--accent: #22c55e;--accent-dim: #16a34a;--accent-glow: rgba(34, 197, 94, .15);--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--radius: 10px;--radius-sm: 6px;--font: "DM Sans", system-ui, sans-serif;--mono: "JetBrains Mono", monospace;--surface: #151b24;--surface-2: rgba(255, 255, 255, .03);--input-bg: #121820;--input-bg-hover: #171e29;--input-border: #2f3b50;--input-border-hover: #3d4d66;--input-radius: 8px;--input-shadow-focus: 0 0 0 3px var(--accent-glow)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):not([type=hidden]):not(.table-filter-input):not(.table-search-input),select:not(.table-filter-select),textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:2.35rem;padding:.55rem .8rem;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--input-radius);color:var(--text);font-size:.9rem;line-height:1.4;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.8}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):not([type=hidden]):not(.table-filter-input):not(.table-search-input):hover:not(:disabled),select:not(.table-filter-select):hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--input-border-hover);background-color:var(--input-bg-hover)}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):not([type=hidden]):not(.table-filter-input):not(.table-search-input):focus,select:not(.table-filter-select):focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--input-shadow-focus)}input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset;transition:background-color 9999s ease-out}select{padding-right:2.2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b9bb4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;background-size:.95rem;cursor:pointer}select option{background:var(--bg-card);color:var(--text)}input[type=number]{font-variant-numeric:tabular-nums}input[type=checkbox],input[type=radio]{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer}input[type=file]{width:100%;padding:.65rem .85rem;background:var(--input-bg);border:1px dashed var(--input-border);border-radius:var(--input-radius);color:var(--text-muted);font-size:.88rem;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}input[type=file]:hover:not(:disabled){border-color:var(--input-border-hover);background:var(--input-bg-hover)}input[type=file]::file-selector-button{margin-right:.85rem;padding:.4rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);font-size:.82rem;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}input[type=file]::file-selector-button:hover{background:var(--bg-elevated);border-color:var(--input-border-hover)}.field-input--inline{width:auto;min-width:0}.field-input--number{width:5.5rem;min-width:5.5rem}.field-input--sm{min-height:2rem;padding:.35rem .55rem;font-size:.85rem;border-radius:var(--radius-sm)}.field-input--grow{flex:1;min-width:12rem}.bulk-actions-bar{display:flex;flex-direction:column;gap:.85rem;padding:1rem 1.15rem;margin-bottom:1rem}.bulk-actions-title{font-size:.92rem;letter-spacing:.01em}.bulk-actions-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem}.bulk-actions-field{display:flex;flex-direction:column;gap:.3rem;min-width:0}.bulk-actions-field span{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.bulk-actions-field--grow{flex:1;min-width:14rem}.bulk-actions-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.app-shell{min-height:100vh;display:flex;flex-direction:column}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:60px;background:var(--bg-elevated);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.navbar-brand{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.05rem;color:var(--text);text-decoration:none}.navbar-brand:hover{text-decoration:none}.brand-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--accent),#059669);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-link{padding:.45rem .85rem;border-radius:6px;color:var(--text-muted);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .15s}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--bg-card);text-decoration:none}.nav-user{display:flex;align-items:center;gap:.75rem;margin-left:1rem;padding-left:1rem;border-left:1px solid var(--border)}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);cursor:pointer;flex-shrink:0}.nav-toggle-bar{display:block;width:18px;height:2px;background:var(--text);margin:0 auto;transition:transform .2s ease,opacity .2s ease}.nav-toggle--open .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle--open .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle--open .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-backdrop{display:none}body.nav-open{overflow:hidden}.user-badge{font-size:.8rem;color:var(--text-muted)}.main-content{flex:1;padding:2rem;width:100%;max-width:none}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.75rem;font-weight:700;margin-bottom:.35rem}.page-header p{color:var(--text-muted)}.page-sub-link{font-size:.82rem;margin-top:.35rem}.page-sub-link code{font-family:var(--mono);font-size:.8rem;color:var(--accent)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:8px;border:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#052e16}.btn-primary:hover:not(:disabled){background:var(--accent-dim)}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--text-muted)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:.35rem .75rem;font-size:.82rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.35rem;color:var(--text-muted)}.form-group input,.form-group select,.form-group textarea{width:100%}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(ellipse at 20% 50%,rgba(34,197,94,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(59,130,246,.06) 0%,transparent 50%),var(--bg)}.auth-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:2rem}.auth-card h1{font-size:1.5rem;margin-bottom:.25rem}.auth-card .subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.auth-badge{display:inline-block;padding:.25rem .6rem;margin-bottom:.75rem;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#3b82f626;color:var(--info)}.auth-role-toggle{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.auth-role-option{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;background:var(--surface);transition:border-color .15s,background .15s}.auth-role-option input{position:absolute;opacity:0;pointer-events:none}.auth-role-option.active{border-color:var(--accent, #3b82f6);background:#3b82f61a;font-weight:600}.auth-steps{margin-top:1.25rem;padding:.85rem 1rem;background:var(--bg-elevated);border-radius:8px;font-size:.82rem;color:var(--text-muted)}.auth-steps ol{margin-top:.35rem;padding-left:1.2rem}.auth-steps li{margin-bottom:.2rem}.form-hint{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.add-labeller-form h3{margin-bottom:.35rem}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.auth-footer{margin-top:1.25rem;text-align:center;font-size:.88rem;color:var(--text-muted)}.alert{padding:.75rem 1rem;border-radius:8px;font-size:.88rem;margin-bottom:1rem}.alert-error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.alert-success{background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:#86efac}.alert-info{background:#3b82f61f;border:1px solid rgba(59,130,246,.3);color:#93c5fd}.status-badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-pending{background:#f59e0b26;color:var(--warning)}.status-passed_test{background:#3b82f626;color:var(--info)}.status-approved{background:#22c55e26;color:var(--accent)}.status-rejected{background:#ef444426;color:var(--danger)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.stat-card .value{font-size:2rem;font-weight:700;color:var(--accent)}.stat-card .label{font-size:.85rem;color:var(--text-muted)}.terminology-list{display:flex;flex-direction:column;gap:.75rem}.term-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.term-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.term-header:hover{background:var(--bg-elevated)}.term-header h3{font-size:1rem;font-weight:600}.term-order{font-family:var(--mono);font-size:.75rem;color:var(--text-muted);background:var(--bg-elevated);padding:.15rem .5rem;border-radius:4px}.term-body{padding:0 1.25rem 1.25rem;border-top:1px solid var(--border)}.term-body p{margin-top:1rem;color:var(--text-muted);font-size:.92rem}.term-body h4{font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-top:1rem;margin-bottom:.4rem}.term-body ul{padding-left:1.2rem;color:var(--text-muted);font-size:.9rem}.term-body li{margin-bottom:.25rem}.term-frame-offset{margin:.75rem 0 0;font-size:.88rem;color:var(--text-muted)}.test-progress{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.progress-bar{flex:1;height:6px;background:var(--bg-elevated);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .3s}.question-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.question-scenario{font-size:1.05rem;line-height:1.7;margin-bottom:1.25rem}.options-list{display:flex;flex-direction:column;gap:.5rem}.option-btn{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;text-align:left;font-size:.95rem;transition:all .15s}.option-btn:hover{border-color:var(--accent)}.option-btn.selected{border-color:var(--accent);background:var(--accent-glow)}.option-btn.correct{border-color:var(--accent);background:#22c55e33}.option-btn.incorrect{border-color:var(--danger);background:#ef444426}.result-summary{text-align:center;padding:2rem}.result-score{font-size:3.5rem;font-weight:700;line-height:1}.result-score.passed{color:var(--accent)}.result-score.failed{color:var(--danger)}.explanation-list{margin-top:2rem;display:flex;flex-direction:column;gap:.75rem}.explanation-item{padding:1rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);text-align:left}.explanation-item.correct{border-color:#22c55e66}.explanation-item.incorrect{border-color:#ef444466}.labeling-workspace{display:flex;gap:1.25rem;align-items:flex-start}.labeling-layout{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.25rem;align-items:start}@media (max-width: 1200px){.labeling-workspace{flex-direction:column}.labeling-hotkeys-sidebar{width:100%;position:static;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem 1rem}.labeling-hotkeys-sidebar h3{grid-column:1 / -1}.labeling-hotkeys-sidebar .hotkeys-panel{display:contents}}@media (max-width: 900px){.labeling-layout{grid-template-columns:1fr}}.labeling-hotkeys-sidebar{flex:0 0 200px;position:sticky;top:1rem;align-self:start;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.labeling-hotkeys-sidebar h3{font-size:.95rem;margin-bottom:.75rem}.video-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.video-magnifier{display:flex;flex-direction:column}.video-stage{position:relative;background:#000;line-height:0}.video-stage.magnify-active{cursor:crosshair;-webkit-user-select:none;user-select:none}.video-stage video{width:100%;display:block;background:#000;max-height:min(72vh,820px);min-height:360px;object-fit:contain}.frame-event-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.frame-event-corner{position:absolute;top:.85rem;display:flex;flex-direction:column;gap:.45rem;max-width:min(42%,280px)}.frame-event-corner-left{left:.85rem;align-items:flex-start}.frame-event-corner-right{right:.85rem;align-items:flex-end}.frame-event-badge{display:inline-block;padding:.45rem .85rem;border-radius:999px;font-size:1.05rem;font-weight:700;letter-spacing:.02em;color:#fff;line-height:1.2;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:frame-event-pop .25s ease-out;box-shadow:0 4px 18px #00000073,inset 0 1px #ffffff2e}.frame-event-badge-submission{background:linear-gradient(135deg,#22c55eeb,#16a34ae0);border:1px solid rgba(134,239,172,.55);text-shadow:0 1px 2px rgba(0,0,0,.35)}.frame-event-badge-reference{background:linear-gradient(135deg,#3b82f6eb,#2563ebe0);border:1px solid rgba(147,197,253,.55);text-shadow:0 1px 2px rgba(0,0,0,.35)}@keyframes frame-event-pop{0%{opacity:0;transform:translateY(-6px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.tutorial-event-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6}.tutorial-event-callout{position:absolute;top:1rem;right:1rem;max-width:min(52%,420px);padding:1rem 1.15rem 1.05rem 1.25rem;border-radius:14px;background:linear-gradient(135deg,#080c14e0,#0e1420d1);border:1px solid rgba(255,255,255,.12);border-right:3px solid var(--tutorial-accent, #22c55e);box-shadow:0 12px 40px #0000008c,0 0 0 1px #ffffff0a inset,0 0 32px color-mix(in srgb,var(--tutorial-accent, #22c55e) 28%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:tutorial-callout-in .42s cubic-bezier(.22,1,.36,1) both;overflow:hidden}.tutorial-event-callout-glow{position:absolute;top:-40%;right:-20%;width:70%;height:80%;background:radial-gradient(circle,color-mix(in srgb,var(--tutorial-accent, #22c55e) 35%,transparent) 0%,transparent 70%);pointer-events:none;animation:tutorial-callout-glow 2.4s ease-in-out infinite}.tutorial-event-callout-type{position:relative;display:inline-block;margin-bottom:.45rem;padding:.28rem .65rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:color-mix(in srgb,var(--tutorial-accent, #22c55e) 75%,#000);border:1px solid color-mix(in srgb,var(--tutorial-accent, #22c55e) 55%,#fff);box-shadow:0 2px 10px color-mix(in srgb,var(--tutorial-accent, #22c55e) 40%,transparent);animation:tutorial-type-in .35s .08s cubic-bezier(.22,1,.36,1) both}.tutorial-event-callout-title{position:relative;margin:0;font-size:clamp(1.35rem,2.8vw,1.85rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.65),0 0 24px color-mix(in srgb,var(--tutorial-accent, #22c55e) 25%,transparent);animation:tutorial-title-in .48s .12s cubic-bezier(.22,1,.36,1) both}@keyframes tutorial-callout-in{0%{opacity:0;transform:translate(18px) translateY(-8px) scale(.92)}to{opacity:1;transform:translate(0) translateY(0) scale(1)}}@keyframes tutorial-title-in{0%{opacity:0;transform:translateY(10px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes tutorial-type-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes tutorial-callout-glow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}@media (max-width: 720px){.tutorial-event-callout{top:.65rem;right:.65rem;left:.65rem;max-width:none;padding:.85rem 1rem}.tutorial-event-callout-title{font-size:1.2rem}}.magnify-region-rect{position:absolute;border:2px solid var(--accent);box-shadow:0 0 0 1px #000000bf;background:#22c55e14;pointer-events:none;box-sizing:border-box}.magnifier-source-canvas{display:none}.magnifier-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.65rem 1rem;border-top:1px solid var(--border);background:var(--bg-elevated)}.magnifier-toolbar-label{font-size:.8rem;color:var(--text-muted);margin-left:.25rem}.magnifier-hint{font-size:.75rem;color:var(--text-muted);flex:1;min-width:200px}.magnifier-viewport{position:relative;background:#000;border-top:1px solid var(--border);min-height:min(36vh,420px);max-height:480px;overflow:hidden;cursor:crosshair;-webkit-user-select:none;user-select:none}.magnifier-view-canvas{width:100%;height:100%;min-height:min(36vh,420px);display:block;image-rendering:pixelated;object-fit:contain}.magnifier-overlay-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;font-size:.9rem;pointer-events:none}.video-controls{padding:1rem;display:flex;flex-direction:column;gap:.75rem;border-top:1px solid var(--border)}.video-controls-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;width:100%}.playback-controls{justify-content:center}.frame-display{font-family:var(--mono);font-size:.82rem;color:var(--text-muted);min-width:72px}.time-display{font-family:var(--mono);font-size:.9rem;color:var(--accent);min-width:100px}.frame-slider{flex:1;min-width:120px;accent-color:var(--accent)}.hotkeys-panel{display:flex;flex-direction:column;gap:.45rem}.hotkey-row{display:flex;flex-direction:column;gap:.15rem;font-size:.78rem;color:var(--text-muted)}.hotkey-row kbd{font-family:var(--mono);font-size:.72rem;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:.1rem .35rem;color:var(--text);white-space:nowrap}.events-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.events-panel h3{font-size:.95rem;margin-bottom:.75rem}.add-event-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.events-list{display:flex;flex-direction:column;gap:.4rem;max-height:320px;overflow-y:auto}.event-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem .65rem;background:var(--bg-elevated);border-radius:6px;font-size:.85rem}.event-row .time{font-family:var(--mono);color:var(--accent);font-size:.8rem}.event-row .type{font-weight:500;flex:1;margin:0 .5rem;color:#fff}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{padding:.65rem .85rem;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.loading{text-align:center;padding:3rem;color:var(--text-muted)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.step-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.5rem}.step-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.step-number{width:28px;height:28px;background:var(--accent-glow);color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;margin-bottom:.75rem}.step-card h3{font-size:1rem;margin-bottom:.35rem}.step-card p{font-size:.88rem;color:var(--text-muted)}.actions-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.tab-bar{display:flex;gap:.35rem;margin-bottom:1.5rem;padding:.25rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;width:fit-content}.tab-btn{padding:.5rem 1rem;border:none;border-radius:8px;background:transparent;color:var(--text-muted);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.tab-btn:hover{color:var(--text)}.tab-btn.active{background:var(--bg-card);color:var(--accent);box-shadow:0 1px 3px #0003}.flow-diagrams{display:flex;flex-direction:column;gap:2.5rem}.flow-section h2{font-size:1.2rem;margin-bottom:.35rem}.flow-section-desc{color:var(--text-muted);font-size:.9rem;margin-bottom:1.25rem;max-width:720px}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.category-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--cat-color);border-radius:var(--radius);padding:1rem}.category-card h4{font-size:.9rem;margin-bottom:.65rem;color:var(--cat-color)}.category-events{display:flex;flex-wrap:wrap;gap:.35rem}.category-event-tag{font-size:.75rem;padding:.2rem .5rem;background:var(--bg-elevated);border-radius:4px;color:var(--text-muted)}.pair-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.pair-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.pair-card h4{font-size:1rem;margin-bottom:.4rem}.pair-desc{font-size:.88rem;color:var(--text-muted);margin-bottom:1rem}.pair-visual{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.pair-event{padding:.45rem .75rem;background:var(--accent-glow);border:1px solid rgba(34,197,94,.35);border-radius:8px;font-size:.85rem;font-weight:600;color:var(--accent)}.pair-connector{font-size:1.25rem;color:var(--text-muted)}.pair-rule{font-size:.82rem;color:var(--text-muted);padding-top:.75rem;border-top:1px solid var(--border)}.sequence-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.flow-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.flow-card-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.flow-card-header h3{font-size:.95rem;margin-bottom:.2rem}.flow-card-header p{font-size:.8rem;color:var(--text-muted)}.flow-sequence{padding:1.25rem;display:flex;flex-direction:column;align-items:center}.flow-sequence-item{display:flex;flex-direction:column;align-items:center;width:100%}.flow-node{width:100%;padding:.65rem .85rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;text-align:center}.flow-node.optional{border-style:dashed;opacity:.85}.flow-node.branch{border-color:#3b82f680;background:#3b82f614}.flow-node.highlight{border-color:#ec489980;background:#ec489914}.flow-node-event{display:block;font-weight:600;font-size:.88rem;margin-bottom:.15rem}.flow-node-note{display:block;font-size:.75rem;color:var(--text-muted)}.flow-arrow{display:flex;flex-direction:column;align-items:center;padding:.25rem 0;color:var(--text-muted)}.flow-arrow-line{width:2px;height:14px;background:var(--border)}.flow-arrow-head{font-size:.65rem;line-height:1}.flow-arrow.optional-arrow{opacity:.5}.flow-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.25rem;padding:.85rem 1rem;background:var(--bg-elevated);border-radius:8px;font-size:.8rem;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:.4rem}.legend-swatch{width:14px;height:14px;border-radius:4px;border:1px solid var(--border)}.legend-swatch.default{background:var(--bg-elevated)}.legend-swatch.optional{border-style:dashed;background:var(--bg-elevated)}.legend-swatch.branch{background:#3b82f633;border-color:#3b82f680}.legend-swatch.highlight{background:#ec489933;border-color:#ec489980}.decision-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.decision-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.decision-card h4{font-size:.95rem;margin-bottom:.35rem}.decision-question{font-size:.88rem;color:var(--accent);margin-bottom:1rem;font-weight:500}.decision-branches{display:flex;flex-direction:column;gap:.85rem}.decision-branch{padding:.85rem;background:var(--bg-elevated);border-radius:8px;border:1px solid var(--border)}.decision-condition{font-size:.85rem;color:var(--text-muted)}.decision-label{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--warning);margin-right:.35rem}.decision-arrow{text-align:center;color:var(--text-muted);font-size:.85rem;padding:.25rem 0}.decision-answer{display:inline-block;padding:.35rem .65rem;background:var(--accent-glow);border:1px solid rgba(34,197,94,.35);border-radius:6px;font-weight:600;font-size:.88rem;color:var(--accent)}.decision-example{font-size:.78rem;color:var(--text-muted);margin-top:.45rem}.timing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.timing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.timing-card strong{display:block;font-size:.9rem;margin-bottom:.25rem}.timing-events{display:block;font-size:.78rem;color:var(--accent);margin-bottom:.4rem;font-family:var(--mono)}.timing-card p{font-size:.82rem;color:var(--text-muted)}.offset-table-wrap{overflow-x:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.offset-table{width:100%;border-collapse:collapse;font-size:.88rem}.offset-table th,.offset-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.offset-table th{color:var(--text-muted);font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.offset-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-family:var(--mono);font-size:.78rem;font-weight:600;background:#22c55e1f;color:var(--accent);border:1px solid rgba(34,197,94,.3)}.offset-badge.positive{background:#3b82f61f;color:var(--info);border-color:#3b82f64d}.offset-badge.inline{margin-left:.4rem}.offset-hint{font-size:.8rem;color:var(--text-muted);margin-bottom:.65rem}.mark-preview{display:flex;flex-direction:column;gap:.25rem;font-size:.82rem;color:var(--text-muted);padding:.5rem .65rem;background:var(--bg-elevated);border-radius:6px}.event-offset{font-size:.75rem;color:var(--text-muted);font-family:var(--mono)}.offset-badge.zero{background:#f59e0b1f;color:var(--warning);border-color:#f59e0b59}.rule-exception{display:block;margin-top:.35rem;font-size:.8rem;color:var(--warning)}.followup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.followup-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem}.followup-visual{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.followup-card h4{font-size:.92rem;margin-bottom:.35rem}.followup-card p{font-size:.82rem;color:var(--text-muted)}.follow-up-toggle{display:flex;gap:.6rem;align-items:flex-start;padding:.65rem .75rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:8px;font-size:.82rem;cursor:pointer}.follow-up-toggle input{margin-top:.15rem;accent-color:var(--warning)}.follow-up-detail{display:block;margin-top:.25rem;color:var(--text-muted);font-size:.78rem}.event-followup{font-size:.72rem;color:var(--warning)}@media (max-width: 640px){.tab-bar{width:100%}.tab-btn{flex:1;text-align:center}.labeller-layout{grid-template-columns:1fr}}.role-badge{display:inline-block;padding:.15rem .45rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-left:6px}.role-admin{background:#ec489926;color:#ec4899}.role-labeller,.role-freelancer{background:#3b82f626;color:var(--info)}.admin-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.admin-toolbar label{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--text-muted)}.toolbar-count{font-size:.85rem;color:var(--text-muted)}.labeller-layout{display:grid;grid-template-columns:1fr 320px;gap:1rem;align-items:start}.labeller-detail h3{margin-bottom:.25rem}.detail-email{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.detail-stats div{text-align:center;padding:.5rem;background:var(--bg-elevated);border-radius:6px}.detail-stats strong{display:block;font-size:1.1rem;color:var(--accent)}.detail-stats span{font-size:.72rem;color:var(--text-muted)}.detail-actions{margin-bottom:1rem}.detail-hint{font-size:.85rem;color:var(--text-muted)}.assign-box{margin-bottom:1rem;padding:.75rem;background:var(--bg-elevated);border-radius:8px}.assign-box h4{font-size:.85rem;margin-bottom:.5rem}.assign-box select{width:100%;margin-bottom:.5rem;padding:.45rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text)}.detail-list{padding-left:1.1rem;font-size:.82rem;color:var(--text-muted);margin-bottom:1rem}.detail-muted{font-size:.82rem;color:var(--text-muted);margin-bottom:1rem}.empty-detail{color:var(--text-muted);font-size:.9rem;text-align:center;padding:2rem 0}tr.row-selected{background:var(--accent-glow)}tbody tr{cursor:pointer}tbody tr:hover{background:var(--bg-elevated)}.finance-layout{display:grid;grid-template-columns:1fr 320px;gap:1rem;align-items:start}.finance-settings .rate-row{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.finance-settings .rate-row label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--text-muted)}.finance-settings .rate-row input{width:120px}.earnings-cell{color:var(--accent);font-weight:600;font-family:var(--mono)}.stat-card.highlight-earnings .value{color:var(--accent)}.clickable-row{cursor:pointer}.finance-task-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.finance-task{padding:.75rem;background:var(--bg-elevated);border-radius:8px;border:1px solid var(--border)}.finance-task-approved{border-color:#22c55e59}.finance-task-rejected{border-color:#ef444459}.finance-task-title{font-weight:600;font-size:.9rem;margin-bottom:.35rem}.finance-task-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.8rem;color:var(--text-muted)}.finance-task-notes{font-size:.78rem;color:var(--text-muted);margin-top:.35rem}.labeller-finance-detail{min-height:200px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;width:100%;max-width:440px}.modal-card h3{margin-bottom:.5rem}.modal-sub{font-size:.88rem;color:var(--text-muted);margin-bottom:.25rem}.points-slider{width:100%;accent-color:var(--accent);margin:.5rem 0}.points-display{font-size:.9rem;color:var(--text-muted)}.points-display strong{color:var(--accent);font-size:1.1rem}.event-picker-modal{max-width:720px}.event-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;margin-top:1rem;max-height:60vh;overflow-y:auto}.event-picker-item{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.65rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.event-picker-item:hover{border-color:var(--accent);background:#6366f114}.event-picker-num{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .35rem;font-size:.75rem;font-weight:700;background:var(--accent);color:#fff;border-radius:4px}.event-picker-label{font-weight:600;font-size:.9rem;color:#fff}.event-picker-meta{font-size:.75rem;color:var(--text-muted)}.mark-panel{display:flex;flex-direction:column;gap:.5rem}.mark-hint{font-size:.85rem;color:var(--text-muted);margin:0}.mark-hint.last-event{font-size:.8rem}.mark-hint kbd{display:inline-block;padding:.1rem .35rem;font-size:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:4px}.review-layout{grid-template-columns:minmax(0,1fr)}.review-workspace{display:block}.pretest-score-review .review-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:1.25rem;align-items:start}.pretest-score-sidebar{max-height:calc(100vh - 8rem);overflow-y:auto}@media (max-width: 1100px){.pretest-score-review .review-workspace{grid-template-columns:1fr}}.review-video-panel{width:100%}.review-timeline{padding:1rem 1.25rem 1.15rem;border-top:1px solid var(--border);background:var(--bg-elevated)}.review-timeline-header{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin-bottom:.75rem}.review-timeline-toolbar{display:flex;flex-wrap:wrap;gap:.4rem;flex:1;align-items:center}.review-timeline-toolbar-submission{justify-content:flex-end}.review-timeline-edit-hint{font-size:.78rem;color:var(--text-muted);margin-right:.25rem}.review-frame-actions-submission,.review-frame-actions-reference{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.review-timeline-title{font-size:.9rem;font-weight:600}.review-timeline-current{font-family:var(--mono);font-size:.8rem;color:var(--accent);margin-left:auto}.review-timeline-body{position:relative}.review-timeline-grid{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:.5rem}.review-timeline-shell{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:.5rem;align-items:stretch}.review-timeline-labels{display:flex;flex-direction:column;gap:.55rem}.review-timeline-label{height:2.4rem;display:flex;align-items:center;justify-content:flex-end;font-size:.78rem;font-weight:600;color:var(--text-muted);text-align:right;padding-right:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-timeline-label-ruler{height:1.25rem}.review-timeline-lanes{position:relative;min-width:0;display:flex;flex-direction:column;gap:.55rem}.review-timeline-lanes-col{position:relative;min-width:0}.review-timeline-ruler{position:relative;height:1.25rem;margin-bottom:0}.review-timeline-tick{position:absolute;transform:translate(-50%);font-size:.68rem;color:var(--text-muted);font-family:var(--mono);white-space:nowrap}.review-timeline-tracks{position:relative;display:flex;flex-direction:column;gap:.55rem}.review-timeline-playhead{position:absolute;top:0;bottom:0;width:2px;background:#facc15;box-shadow:0 0 0 1px #00000059,0 0 10px #facc15a6;z-index:3;pointer-events:none;transform:translate(-50%)}.review-timeline-playhead:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:10px;height:10px;border-radius:50%;background:#facc15;border:2px solid #fff;box-shadow:0 0 6px #facc15cc}.review-timeline-track-lane{position:relative;height:2.4rem;border-radius:999px;background:#00000047;border:1px solid var(--border);cursor:pointer;overflow:visible}.review-timeline-marker{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:0;border:none;background:transparent;cursor:pointer;z-index:2}.review-timeline-marker-dot{width:10px;height:10px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px #0006;transition:transform .15s ease,box-shadow .15s ease}.review-timeline-marker-submission .review-timeline-marker-dot{background:#22c55e}.review-timeline-marker-reference .review-timeline-marker-dot{background:#3b82f6}.review-timeline-marker-label{font-size:.62rem;font-weight:600;color:#fff;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;transform:translateY(2px);transition:opacity .15s ease,transform .15s ease;pointer-events:none}.review-timeline-marker:hover .review-timeline-marker-label,.review-timeline-marker.active .review-timeline-marker-label{opacity:1;transform:translateY(0)}.review-timeline-marker.active .review-timeline-marker-dot{transform:scale(1.35);box-shadow:0 0 0 3px #facc1559,0 2px 8px #00000073}.review-timeline-marker:hover .review-timeline-marker-dot{transform:scale(1.2)}.review-timeline-label-submission{color:#86efac}.review-timeline-label-reference{color:#93c5fd}.review-timeline-track-lane-submission{background:#22c55e1a;border-color:#22c55e40}.review-timeline-track-lane-reference{background:#3b82f61a;border-color:#3b82f640}.review-timeline-marker.validation-valid .review-timeline-marker-dot{box-shadow:0 0 0 2px #22c55e,0 2px 8px #0006}.review-timeline-marker.validation-invalid .review-timeline-marker-dot{box-shadow:0 0 0 2px #ef4444,0 2px 8px #0006}.review-frame-panel{margin-top:1rem;padding:.9rem 1rem;border-radius:12px;background:var(--bg-card);border:1px solid var(--border)}.review-frame-panel-title{font-size:.82rem;font-weight:600;color:var(--text-muted);margin-bottom:.65rem;text-transform:uppercase;letter-spacing:.04em}.review-frame-compare{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:.75rem;align-items:center}.review-frame-card{display:flex;flex-direction:column;gap:.25rem;padding:.75rem .9rem;border-radius:10px;min-height:4.5rem}.review-frame-card-submission{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.review-frame-card-reference{background:#3b82f61a;border:1px solid rgba(59,130,246,.3)}.review-frame-card-label{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.review-frame-event-name{font-size:1.05rem;color:#fff}.review-frame-event-time{font-family:var(--mono);font-size:.8rem;color:var(--text-muted)}.review-frame-empty{font-size:.85rem;color:var(--text-muted)}.review-frame-vs{font-size:.8rem;font-weight:700;color:var(--text-muted)}.review-frame-actions{display:flex;flex-direction:column;gap:.35rem}.review-frame-missing{margin-top:.65rem;font-size:.82rem;color:#fdba74;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.review-frame-missing-chip{border:1px solid rgba(249,115,22,.45);background:#f9731626;color:#fed7aa;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;cursor:pointer}.review-frame-hint{margin:0;font-size:.85rem;color:var(--text-muted)}.review-playback-options{flex-wrap:wrap;gap:.5rem .85rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.review-playback-label{font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.review-playback-toggle{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--text);cursor:pointer}.review-playback-toggle input{accent-color:var(--accent)}.review-final-bar{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:1rem 1.25rem;border-top:1px solid var(--border);background:var(--bg-card)}.review-final-score{display:flex;flex-direction:column;gap:.25rem;font-size:.82rem}.review-final-score label{color:var(--text-muted);font-weight:600}.review-final-notes{width:100%;resize:vertical;min-height:2.5rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);padding:.5rem .65rem;font-family:inherit}.review-final-actions{display:flex;gap:.4rem}.labeling-score-modal{max-width:520px}.labeling-score-total{display:flex;align-items:baseline;gap:.25rem;margin:.75rem 0}.labeling-score-total.passed .labeling-score-value{color:#86efac}.labeling-score-value{font-size:2.5rem;font-weight:800;line-height:1;color:var(--accent)}.labeling-score-max{font-size:1rem;color:var(--text-muted)}.labeling-score-breakdown{display:flex;flex-direction:column;gap:.35rem;max-height:220px;overflow-y:auto;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.labeling-score-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;gap:.5rem;align-items:center;font-size:.82rem;padding:.35rem .5rem;border-radius:6px;background:var(--bg-elevated)}.labeling-score-row .type{color:#fff;font-weight:600}.labeling-score-row .meta{color:var(--text-muted);font-family:var(--mono);font-size:.75rem}@media (max-width: 900px){.review-frame-compare{grid-template-columns:1fr}.review-frame-vs,.review-frame-actions{justify-self:start}.review-frame-actions{flex-direction:row}.review-final-bar{grid-template-columns:1fr}}.review-panel h3{font-size:.95rem;margin-bottom:.5rem}.review-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.review-events-list{max-height:420px}.review-event-row{flex-direction:column;align-items:stretch;gap:.5rem}.review-event-main{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem}.review-event-actions{display:flex;gap:.35rem}.review-event-row.validation-valid{border-left:3px solid #22c55e}.review-event-row.validation-invalid{border-left:3px solid #ef4444}.review-event-row.validation-pending{border-left:3px solid var(--border)}.comparison-badge{font-size:.72rem;padding:.1rem .4rem;border-radius:4px;font-weight:600}.comparison-match{background:#22c55e33;color:#86efac}.comparison-close{background:#eab30833;color:#fde047}.comparison-extra,.comparison-unmatched{background:#ef444433;color:#fca5a5}.ref-time{font-size:.75rem;color:var(--text-muted);font-family:var(--mono)}.missing-event-row{border-left:3px solid #f97316}.missing-events-list{max-height:180px;margin-bottom:1rem}.review-final-panel{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.status-pill{display:inline-block;font-size:.75rem;padding:.15rem .45rem;border-radius:999px;text-transform:capitalize;background:var(--bg-elevated);border:1px solid var(--border)}.status-pill.status-submitted{color:#fde047;border-color:#eab30866}.status-pill.status-approved{color:#86efac;border-color:#22c55e66}.status-pill.status-rejected{color:#fca5a5;border-color:#ef444466}.filter-label{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--text-muted)}.filter-label select{padding:.35rem .5rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text)}.role-badge.role-checker{background:#3b82f633;color:#93c5fd}.role-badge.role-video_manager{background:#10b98133;color:#6ee7b7}@media (max-width: 900px){.finance-layout{grid-template-columns:1fr}}.star-rating{display:inline-flex;gap:.15rem}.star-btn{background:none;border:none;padding:0;font-size:1.1rem;color:var(--text-muted);cursor:pointer;line-height:1}.star-rating-sm .star-btn{font-size:.95rem}.star-btn.filled{color:#fbbf24}.star-rating-readonly .star-btn{cursor:default}.price-input,.challenge-input{width:100%;min-width:70px}.kind-select{min-width:120px;width:auto}.kind-select:disabled{opacity:.6}.task-price-badge{color:#86efac;font-weight:600}.profile-hero{padding:1.25rem;margin-bottom:1.5rem}.profile-hero-main{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.profile-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#15803d);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.profile-email,.profile-meta{color:var(--text-muted);font-size:.9rem}.profile-stats-row{display:flex;flex-wrap:wrap;gap:1.5rem}.profile-stat{display:flex;flex-direction:column;gap:.15rem;font-size:.85rem;color:var(--text-muted)}.profile-stat strong{font-size:1.1rem;color:var(--text)}.profile-aspects{margin-top:.75rem;display:flex;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:var(--text-muted)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.profile-section{padding:1rem}.profile-section h3{margin-bottom:.75rem}.profile-empty{color:var(--text-muted);font-size:.9rem}.profile-review-list,.profile-work-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.profile-review-item,.profile-work-item{padding:.75rem;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--border)}.profile-review-header,.profile-work-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.profile-review-date{margin-left:auto;font-size:.8rem;color:var(--text-muted)}.profile-review-by,.profile-review-aspects,.profile-work-comment,.profile-work-challenge{font-size:.85rem;color:var(--text-muted);margin-top:.35rem}.profile-review-comment{margin-top:.5rem;font-size:.9rem}.review-rating-block{display:flex;flex-direction:column;gap:.35rem;min-width:180px}.review-aspects{display:flex;flex-direction:column;gap:.25rem;margin-top:.25rem}.review-aspect-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted);text-transform:capitalize}@media (max-width: 900px){.profile-grid{grid-template-columns:1fr}}.labeling-layout--tutorial{grid-template-columns:minmax(0,1fr) minmax(320px,380px) 300px}@media (max-width: 1400px){.labeling-layout--tutorial{grid-template-columns:minmax(0,1fr) minmax(300px,340px)}.labeling-layout--tutorial .tutorial-panel-pro{grid-column:1 / -1}}.tutorial-panel-pro{background:linear-gradient(180deg,#1a2230fa,#151b24fa);border:1px solid var(--border);border-radius:14px;padding:1.1rem 1.15rem 1.25rem;max-height:calc(100vh - 7rem);overflow-y:auto;box-shadow:0 12px 40px #00000038}.tutorial-panel-pro--editor{border-color:#22c55e47}.tutorial-panel-pro-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.85rem;padding-bottom:.85rem;border-bottom:1px solid var(--border)}.tutorial-panel-eyebrow{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.25rem}.tutorial-panel-pro-header h3{font-size:1.05rem;font-weight:700;margin:0}.tutorial-panel-count{flex-shrink:0;font-size:.78rem;font-weight:600;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:.25rem .65rem}.tutorial-panel-intro{font-size:.9rem;line-height:1.55;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:.85rem .95rem;margin-bottom:.85rem}.tutorial-panel-empty{padding:1rem;border:1px dashed var(--border);border-radius:10px;color:var(--text-muted);font-size:.88rem;text-align:center}.tutorial-spotlight{background:linear-gradient(135deg,#22c55e1f,#3b82f614);border:1px solid rgba(34,197,94,.35);border-radius:12px;padding:.95rem 1rem;margin-bottom:1rem}.tutorial-spotlight--editor{margin-top:.75rem}.tutorial-spotlight-label{display:block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:.45rem}.tutorial-spotlight-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.45rem}.tutorial-spotlight-title,.tutorial-step-card-title{font-size:.88rem;color:var(--text-muted)}.tutorial-spotlight-text,.tutorial-step-card-text{font-size:.9rem;line-height:1.55;color:var(--text);margin:0}.tutorial-event-pill{display:inline-flex;align-items:center;font-size:.78rem;font-weight:700;letter-spacing:.02em;color:#052e16;background:var(--accent);border-radius:999px;padding:.18rem .55rem}.tutorial-event-pill-muted{color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border)}.tutorial-step-track{display:flex;flex-direction:column;gap:.65rem}.tutorial-step-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:.65rem;padding:.15rem 0}.tutorial-step-card.active .tutorial-step-card-body{background:#22c55e14;border-color:#22c55e59}.tutorial-step-card-rail{display:flex;flex-direction:column;align-items:center}.tutorial-step-index{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:var(--accent);background:var(--accent-glow);border:1px solid rgba(34,197,94,.35)}.tutorial-step-line{flex:1;width:2px;margin-top:.35rem;background:var(--border)}.tutorial-step-card-body{border:1px solid var(--border);border-radius:10px;padding:.75rem .85rem;background:var(--bg-elevated)}.tutorial-step-jump{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;width:100%;background:none;border:none;padding:0;cursor:pointer;color:var(--text);text-align:left}.tutorial-step-jump:hover .tutorial-step-frame{color:var(--accent)}.tutorial-step-frame{font-size:.76rem;font-family:var(--mono);color:var(--text-muted)}.tutorial-step-card-text{margin-top:.55rem;font-size:.86rem;color:var(--text-muted)}.tutorial-editor-lead{font-size:.86rem;line-height:1.5;color:var(--text-muted);margin-bottom:.85rem}.tutorial-editor-intro-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem;font-size:.82rem;color:var(--text-muted)}.tutorial-editor-intro-field textarea,.tutorial-editor-grid input,.tutorial-editor-grid textarea{width:100%;font-size:.88rem}.tutorial-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.tutorial-editor-time{font-family:var(--mono);font-size:.82rem;color:var(--text-muted)}.tutorial-step-card--editor .tutorial-step-card-body{padding:.85rem}.tutorial-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.tutorial-editor-grid label{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;color:var(--text-muted)}.tutorial-editor-grid-full{grid-column:1 / -1}.tutorial-step-editor-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.75rem}.tutorial-editor-footer{margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--border)}.reference-events-panel{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.reference-events-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.reference-events-eyebrow{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#60a5fa;margin-bottom:.2rem}.reference-events-header h3{font-size:.95rem;margin:0}.reference-events-count{font-size:.78rem;font-weight:600;color:var(--text-muted);background:#3b82f61f;border:1px solid rgba(59,130,246,.35);border-radius:999px;padding:.2rem .55rem}.reference-on-frame{background:#3b82f61a;border:1px solid rgba(59,130,246,.28);border-radius:10px;padding:.65rem .75rem;margin-bottom:.75rem}.reference-on-frame-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#93c5fd;margin-bottom:.35rem}.reference-on-frame-pills{display:flex;flex-wrap:wrap;gap:.35rem}.reference-event-pill{font-size:.78rem;font-weight:700;color:#dbeafe;background:#3b82f659;border-radius:999px;padding:.18rem .55rem}.reference-events-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem;max-height:220px;overflow-y:auto}.reference-events-list li.active .reference-event-row{background:#3b82f624;border-color:#3b82f673}.reference-event-row{width:100%;display:grid;grid-template-columns:4.5rem 3rem 1fr;gap:.5rem;align-items:center;padding:.45rem .55rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);cursor:pointer;color:var(--text);text-align:left}.reference-event-row:hover{border-color:#3b82f673}.reference-event-time,.reference-event-frame{font-family:var(--mono);font-size:.76rem;color:var(--text-muted)}.reference-event-name{font-size:.84rem;font-weight:600}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.88rem}.admin-table th,.admin-table td{padding:.65rem .75rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.admin-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.table-muted{font-size:.8rem;color:var(--text-muted);margin:.2rem 0 0}.empty-cell{text-align:center;color:var(--text-muted);padding:2rem!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.table-toolbar{padding:.65rem .85rem;border-bottom:1px solid var(--border);background:var(--surface-2, rgba(255, 255, 255, .02))}.table-toolbar-row{display:flex;align-items:center;gap:.4rem;width:100%;min-width:0;flex-wrap:nowrap}.table-toolbar-filters{display:flex;align-items:center;gap:.4rem;flex:0 1 auto;min-width:0;flex-wrap:nowrap}.table-search{flex:0 0 auto}.table-search-input,.table-search input{box-sizing:border-box;width:9.5rem;min-width:9.5rem;max-width:9.5rem;min-height:2rem;padding:.35rem .55rem;font-size:.82rem;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text)}.table-toolbar-meta{font-size:.8rem;color:var(--text-muted);white-space:nowrap;flex:0 0 auto;margin-left:auto;padding-left:.35rem}.table-filter-select,.table-filter-input{box-sizing:border-box;flex:0 0 auto;min-width:0;min-height:2rem;padding:.35rem .45rem;font-size:.8rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.table-filter-select{width:6.75rem;max-width:6.75rem}.table-filter-input--price{width:3.5rem;max-width:3.5rem}.table-filter-input--date{width:7.1rem;max-width:7.1rem}.table-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-top:1px solid var(--border)}.table-pagination-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.table-pagination-controls label{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--text-muted)}.table-pagination-controls select{padding:.35rem .5rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.table-pagination-page{font-size:.85rem;color:var(--text-muted);min-width:5.5rem;text-align:center}.video-mgmt-tabs{width:100%;max-width:420px}.bulk-upload-highlight{border:2px solid var(--accent, #3b82f6);scroll-margin-top:5rem}.production-group-block{margin-bottom:1.5rem}.production-group-block h3{margin:0 0 .35rem;font-size:1.05rem}.production-group-block .group-desc{font-size:.85rem;color:var(--text-muted);margin:0 0 .75rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:.75rem}.form-grid label{display:flex;flex-direction:column;gap:.3rem;font-size:.82rem;color:var(--text-muted)}.form-grid-full{grid-column:1 / -1}.form-grid input,.form-grid select,.form-grid textarea{width:100%}.task-editor{padding:1.25rem;margin-bottom:1rem}.tutorial-steps-editor{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.tutorial-step-editor-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem;padding:.75rem;margin-bottom:.65rem;background:var(--bg-elevated);border-radius:8px}.task-group-section{margin-bottom:2rem}.task-group-header{margin-bottom:.75rem}.task-group-header h2{font-size:1.15rem;margin-bottom:.25rem}.task-list{display:flex;flex-direction:column;gap:.75rem}.task-list-item{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.5rem}.task-list-body{flex:1;min-width:0}.task-list-title-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.35rem}.task-list-title-row h3{font-size:1.05rem;margin:0;word-break:break-word}.task-list-subtitle{font-size:.88rem;color:var(--text-muted);margin-bottom:.35rem;word-break:break-all}.task-list-meta{font-size:.82rem;color:var(--text-muted);margin:0}.task-list-actions{display:flex;flex-shrink:0;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}@media (max-width: 768px){.task-list-item{flex-direction:column;align-items:stretch}.task-list-actions{justify-content:flex-start}}.group-form{padding:1.25rem;margin-bottom:1rem}.video-label-link{color:var(--text);font-weight:600;text-decoration:none}.video-label-link:hover{color:var(--accent);text-decoration:underline}a.video-label-link.btn{display:inline-flex;align-items:center;text-decoration:none}a.video-label-link.btn:hover{text-decoration:none}.table-row-link{cursor:pointer}.table-row-link:hover{background:#ffffff08}.tutorial-editor-panel{border-color:#22c55e59}.tutorial-editor-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.tutorial-editor-badge{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .45rem;border-radius:999px;background:var(--accent-glow);color:var(--accent)}.tutorial-editor-hint{font-size:.82rem;color:var(--text-muted);margin-bottom:.75rem}.tutorial-editor-field{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;color:var(--text-muted);margin-bottom:.75rem}.tutorial-editor-field textarea,.tutorial-editor-field input{font-size:.88rem}.tutorial-editor-actions{margin-bottom:.75rem}.tutorial-steps-editor-list .tutorial-step-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.tutorial-editor-field-full{grid-column:1 / -1}.tutorial-step-editor-buttons{grid-column:1 / -1;display:flex;gap:.35rem;flex-wrap:wrap}@media (max-width: 960px){.navbar{padding:0 max(1rem,env(safe-area-inset-right)) 0 max(1rem,env(safe-area-inset-left));gap:.75rem}.nav-toggle{display:flex;margin-left:auto}.nav-backdrop{display:block;position:fixed;top:60px;right:0;bottom:0;left:0;z-index:98;background:#0000008c;border:none;cursor:pointer}.nav-links{position:fixed;top:60px;right:0;bottom:0;z-index:99;width:min(320px,92vw);flex-direction:column;align-items:stretch;gap:.15rem;margin:0;padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));background:var(--bg-elevated);border-left:1px solid var(--border);box-shadow:-8px 0 32px #00000059;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translate(100%);transition:transform .22s ease;pointer-events:none}.nav-links.open{transform:translate(0);pointer-events:auto}.nav-link{padding:.65rem .85rem;font-size:.95rem}.nav-user{flex-direction:column;align-items:stretch;gap:.65rem;margin:.75rem 0 0;padding:.85rem 0 0;border-left:none;border-top:1px solid var(--border)}.user-badge{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;line-height:1.4}.main-content{padding:1.25rem max(1rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.page-header{margin-bottom:1.25rem}.page-header h1{font-size:1.45rem;word-break:break-word}.page-header p{font-size:.92rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.25rem}.stat-card{padding:1rem}.stat-card .value{font-size:1.65rem}.card{padding:1rem}.card-grid,.step-cards,.decision-grid{grid-template-columns:1fr}.detail-header,.admin-toolbar{flex-direction:column;align-items:stretch}.admin-toolbar label{width:100%}.table-toolbar{padding:.75rem}.table-toolbar-row{flex-wrap:wrap;gap:.5rem}.table-toolbar-filters{flex-wrap:wrap;width:100%}.table-search-input,.table-search input{width:100%;min-width:0;max-width:none}.table-filter-select,.table-filter-input{flex:1 1 calc(50% - .25rem);width:auto;max-width:none}.table-filter-input--price{flex:1 1 calc(25% - .25rem)}.table-filter-input--date{flex:1 1 calc(50% - .25rem)}.table-toolbar-meta{width:100%;margin-left:0;text-align:right}.bulk-actions-row{flex-direction:column;align-items:stretch}.bulk-actions-field,.bulk-actions-field--grow,.field-input--inline,.field-input--grow,.field-input--number{width:100%;min-width:0}.bulk-actions-actions,.bulk-actions-actions .btn{width:100%}.table-pagination{flex-direction:column;align-items:stretch;gap:.65rem}.table-pagination-controls{flex-wrap:wrap;justify-content:flex-start}.admin-table th,.admin-table td{padding:.55rem .5rem;font-size:.82rem}th,td{padding:.55rem .6rem;font-size:.84rem}.tab-bar{width:100%;max-width:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.tab-btn{flex:0 0 auto;white-space:nowrap}.profile-hero-main{flex-direction:column;align-items:flex-start;text-align:left}.profile-stats-row{gap:1rem}.profile-grid{grid-template-columns:1fr}.profile-review-header,.profile-work-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.review-aspects{flex-direction:column;gap:.5rem}.review-event-main{flex-direction:column;align-items:flex-start;gap:.35rem}.review-timeline-body{overflow-x:auto;-webkit-overflow-scrolling:touch}.review-timeline-shell{min-width:520px}.review-timeline-header,.review-playback-options{flex-direction:column;align-items:flex-start}.review-final-actions{flex-wrap:wrap}.video-stage video{min-height:200px;max-height:min(52vh,560px)}.magnifier-viewport{min-height:180px;max-height:36vh}.playback-controls{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:.15rem}.playback-controls .btn{flex-shrink:0}.frame-slider{min-width:0;width:100%;flex:1 1 100%}.video-controls-row:first-child{flex-wrap:wrap}.labeling-hotkeys-sidebar{position:static;max-height:none}.events-panel{padding:1rem}.event-row{flex-wrap:wrap;gap:.35rem}.event-row .type{flex:1 1 100%;margin:0}.question-card{padding:1.1rem}.question-scenario{font-size:1rem}.option-btn{padding:.75rem .85rem;font-size:.9rem}.result-score{font-size:2.75rem}.event-picker-grid{grid-template-columns:1fr;max-height:55vh}.event-picker-modal{max-width:none}.modal-overlay{align-items:flex-end;padding:.75rem}.modal-card{max-width:none;max-height:92vh;overflow-y:auto;border-bottom-left-radius:0;border-bottom-right-radius:0}.labeling-score-row{grid-template-columns:minmax(0,1fr) auto}.labeling-score-row .meta{grid-column:1 / -1;font-size:.72rem}.labeling-score-value{font-size:2rem}.tutorial-steps-editor-list .tutorial-step-editor-fields,.tutorial-step-editor-row{grid-template-columns:1fr}.reference-event-row{grid-template-columns:3.75rem 2.5rem minmax(0,1fr)}.task-list-item{padding:1rem}.actions-row .btn{flex:1 1 auto;min-width:min(100%,140px)}.auth-page{padding:1rem;align-items:flex-start;padding-top:max(1.5rem,env(safe-area-inset-top))}.auth-card{padding:1.35rem}.term-header{padding:.85rem 1rem;gap:.5rem}.term-header h3{font-size:.95rem}.finance-task-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-stats{grid-template-columns:1fr}.pretest-score-sidebar{max-height:none}}.payment-addresses-form h2,.payment-addresses-form h3,.payment-addresses-display h3{margin-bottom:.35rem}.payment-address-list{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0}.payment-address-item{padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated)}.payment-address-label{font-size:.82rem;font-weight:600;color:var(--text-muted);margin-bottom:.35rem}.payment-address-value-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.payment-address-value{flex:1 1 180px;min-width:0;word-break:break-all;font-family:var(--mono);font-size:.8rem;color:var(--accent);background:var(--bg-card);padding:.45rem .55rem;border-radius:6px}.payment-address-updated{font-size:.8rem;margin-top:.5rem}.payment-addresses-form--compact .form-group{margin-bottom:.85rem}.payment-addresses-admin{border-top:1px solid var(--border);padding-top:.85rem}@media (max-width: 960px){.payment-address-value-row{flex-direction:column;align-items:stretch}.payment-address-value-row .btn{width:100%}}@media (max-width: 480px){.navbar-brand{font-size:.95rem;min-width:0}.brand-icon{width:28px;height:28px;font-size:.85rem}.main-content{padding:.85rem max(.75rem,env(safe-area-inset-right)) max(.85rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.page-header h1{font-size:1.25rem}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.stat-card{padding:.75rem}.stat-card .value{font-size:1.35rem}.stat-card .label{font-size:.78rem}.btn{padding:.5rem .85rem;font-size:.85rem}.btn-sm{padding:.4rem .65rem;font-size:.78rem}.video-controls{padding:.75rem}.frame-display{display:none}.time-display{min-width:auto;font-size:.82rem}.result-score{font-size:2.25rem}.review-timeline-shell{min-width:440px}.review-timeline-label{font-size:.68rem;padding:.35rem .25rem}.review-final-bar{padding:.85rem 1rem}.review-final-actions{width:100%}.review-final-actions .btn{flex:1}.auth-footer{font-size:.8rem;line-height:1.5}.task-list-meta{font-size:.78rem;line-height:1.45}.actions-row{flex-direction:column}.actions-row .btn{width:100%;min-width:0}.magnifier-hint{min-width:0;flex:1 1 100%}}.labeller-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem}.labeller-badges--compact{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.65rem}.labeller-badges-empty,.labeller-badges-footnote{font-size:.85rem;color:var(--text-muted);margin:0}.labeller-badges-footnote{grid-column:1 / -1;margin-top:.25rem}.labeller-badge{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem .95rem;border-radius:12px;border:1px solid var(--border);background:linear-gradient(145deg,#ffffff08,#ffffff03);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.labeller-badge.earned:hover{transform:translateY(-1px);box-shadow:0 8px 24px #00000038}.labeller-badge.locked{opacity:.72;filter:grayscale(.35)}.labeller-badge-icon{width:2.6rem;height:2.6rem;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.labeller-badge--bronze.earned{border-color:#cd7f3273;box-shadow:inset 0 0 0 1px #cd7f321f}.labeller-badge--bronze.earned .labeller-badge-icon{background:#cd7f322e;border-color:#cd7f3259}.labeller-badge--silver.earned{border-color:#9ca3af73}.labeller-badge--silver.earned .labeller-badge-icon{background:#9ca3af29;border-color:#9ca3af59}.labeller-badge--gold.earned{border-color:#eab30873}.labeller-badge--gold.earned .labeller-badge-icon{background:#eab30829;border-color:#eab30859}.labeller-badge--emerald.earned{border-color:#22c55e80;box-shadow:0 0 0 1px #22c55e1f}.labeller-badge--emerald.earned .labeller-badge-icon{background:#22c55e2e;border-color:#22c55e59}.labeller-badge-body{min-width:0;flex:1}.labeller-badge-title{font-size:.92rem;font-weight:700;line-height:1.25;margin-bottom:.2rem}.labeller-badge-meta{display:flex;flex-wrap:wrap;gap:.35rem .55rem;font-size:.72rem;color:var(--text-muted);margin-bottom:.35rem}.labeller-badge-tier{text-transform:uppercase;letter-spacing:.04em;font-weight:600}.labeller-badge-progress{height:4px;border-radius:999px;background:#ffffff14;overflow:hidden;margin-bottom:.35rem}.labeller-badge-progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-dim),var(--accent))}.labeller-badge-bonus{font-size:.78rem;color:#86efac;font-weight:600}.labeller-badge.locked .labeller-badge-bonus{color:var(--text-muted);font-weight:500}.labeller-badges-panel{margin-bottom:1.5rem;padding:1.15rem 1.25rem}.labeller-badges-panel h3{margin-bottom:.35rem}.labeller-badges-panel-intro{font-size:.88rem;color:var(--text-muted);margin-bottom:1rem}.badge-grants-list{list-style:none;padding:0;margin:0}.badge-grant-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.badge-grant-item:last-child{border-bottom:none}.badge-grant-main{display:flex;align-items:center;gap:.65rem;min-width:0}.badge-grant-icon{font-size:1.35rem;line-height:1}.badge-grant-title{font-weight:600;font-size:.92rem}.badge-grant-meta{font-size:.78rem;color:var(--text-muted)}.badge-grant-bonus{color:#86efac;font-weight:700;white-space:nowrap}@media (max-width: 640px){.labeller-badges{grid-template-columns:1fr}}.page-header--with-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.page-header-main{flex:1;min-width:0}.labeling-chatbot-trigger{display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0;margin-top:.15rem;padding:.5rem .85rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:.88rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.labeling-chatbot-trigger:hover{border-color:var(--accent);background:#6366f114;box-shadow:0 4px 16px #0000002e}.labeling-chatbot-trigger-icon{font-size:1.1rem;line-height:1}.labeling-chatbot-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:1200}.labeling-chatbot-backdrop.open{opacity:1;pointer-events:auto}.labeling-chatbot-panel{position:fixed;top:0;right:0;width:min(420px,100vw);height:100vh;height:100dvh;background:var(--bg-card);border-left:1px solid var(--border);box-shadow:-8px 0 32px #00000059;display:flex;flex-direction:column;transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:1201}.labeling-chatbot-panel.open{transform:translate(0)}.labeling-chatbot-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1.1rem 1.15rem;border-bottom:1px solid var(--border);background:#ffffff05}.labeling-chatbot-header h2{font-size:1.05rem;margin:0 0 .2rem}.labeling-chatbot-header p{margin:0;font-size:.82rem;color:var(--text-muted)}.labeling-chatbot-header-actions{display:flex;align-items:center;gap:.35rem}.labeling-chatbot-close{width:2rem;height:2rem;border:none;border-radius:var(--radius);background:transparent;color:var(--text-muted);font-size:1.4rem;line-height:1;cursor:pointer}.labeling-chatbot-close:hover{background:#ffffff0f;color:var(--text)}.labeling-chatbot-messages{flex:1;overflow-y:auto;padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.85rem}.labeling-chatbot-welcome{padding:.75rem;border-radius:var(--radius);background:#6366f114;border:1px solid rgba(99,102,241,.2);font-size:.9rem}.labeling-chatbot-welcome-hint{margin-top:.5rem;color:var(--text-muted);font-size:.82rem}.labeling-chatbot-faq-link{display:inline-block;margin-top:.65rem;font-size:.85rem}.labeling-chatbot-message{max-width:95%}.labeling-chatbot-message-user{align-self:flex-end}.labeling-chatbot-message-assistant{align-self:flex-start}.labeling-chatbot-message-meta{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:var(--text-muted);margin-bottom:.25rem}.labeling-chatbot-message-body{padding:.65rem .85rem;border-radius:12px;font-size:.9rem;line-height:1.45;white-space:pre-wrap}.labeling-chatbot-message-user .labeling-chatbot-message-body{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.labeling-chatbot-message-assistant .labeling-chatbot-message-body{background:#ffffff0f;border:1px solid var(--border);border-bottom-left-radius:4px}.labeling-chatbot-message-refused .labeling-chatbot-message-body{background:#ef444414;border-color:#ef444459}.labeling-chatbot-answer-badge{display:inline-block;margin-top:.35rem;font-size:.72rem;font-weight:600;color:#86efac}.labeling-chatbot-refuse-badge{display:inline-block;margin-top:.35rem;font-size:.72rem;font-weight:600;color:#fca5a5}.labeling-chatbot-options{display:flex;flex-direction:column;gap:.45rem;padding:.5rem 0}.labeling-chatbot-options-label{font-size:.78rem;color:var(--text-muted)}.labeling-chatbot-option-btn{text-align:left;padding:.55rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.85rem;cursor:pointer;transition:border-color .15s,background .15s}.labeling-chatbot-option-btn:hover:not(:disabled){border-color:var(--accent);background:#6366f11a}.labeling-chatbot-saved{font-size:.82rem;color:var(--text-muted);padding:.5rem .75rem;border-radius:var(--radius);background:#22c55e14;border:1px solid rgba(34,197,94,.25)}.labeling-chatbot-error{font-size:.85rem;padding:.5rem .65rem}.labeling-chatbot-input-bar{display:flex;gap:.5rem;align-items:flex-end;padding:.85rem 1.15rem 1.1rem;border-top:1px solid var(--border);background:#00000026}.labeling-chatbot-input-bar textarea{flex:1;resize:none;min-height:2.75rem}.faq-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem}.faq-search-input{flex:1;min-width:200px}.faq-toolbar select{min-width:160px}.faq-admin-toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-muted)}.faq-count{margin-left:auto;font-size:.82rem;color:var(--text-muted)}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{padding:0;overflow:hidden}.faq-item--unpublished{opacity:.75;border-style:dashed}.faq-item-header{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer}.faq-item-header:hover{background:#ffffff08}.faq-item-header h3{margin:0 0 .35rem;font-size:1rem}.faq-item-question{margin:0;font-size:.88rem;color:var(--text-muted)}.faq-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;flex-shrink:0}.faq-event-chip{font-size:.72rem;padding:.15rem .45rem;border-radius:999px;background:#6366f126;color:var(--accent);white-space:nowrap}.faq-item-date{font-size:.75rem;color:var(--text-muted)}.faq-item-body{padding:0 1.15rem 1.15rem;border-top:1px solid var(--border)}.faq-clarifications{margin:1rem 0;padding:.75rem;border-radius:var(--radius);background:#ffffff08}.faq-clarifications h4{margin:0 0 .5rem;font-size:.85rem}.faq-clarifications ol{margin:0;padding-left:1.2rem;font-size:.88rem}.faq-clarification-answer{display:block;margin-top:.2rem;color:var(--accent)}.faq-answer{margin-top:1rem;line-height:1.55;white-space:pre-wrap}.faq-item-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-muted)}.faq-admin-actions{display:flex;align-items:center;gap:.4rem}.faq-unpublished-badge{font-size:.72rem;padding:.15rem .4rem;border-radius:4px;background:#ef444426;color:#fca5a5}.faq-edit-form{display:flex;flex-direction:column;gap:.65rem;margin-top:1rem}.faq-edit-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem}.faq-edit-published{flex-direction:row!important;align-items:center}.faq-edit-actions{display:flex;gap:.5rem}.faq-empty{text-align:center;padding:2rem}.knowledge-test-stats{font-size:.9rem;color:var(--text-muted)}.knowledge-test-list{display:flex;flex-direction:column}.knowledge-test-item{border-bottom:1px solid var(--border)}.knowledge-test-item:last-child{border-bottom:none}.knowledge-test-item-header{display:flex;align-items:flex-start;gap:.85rem;width:100%;padding:.9rem 1rem;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer}.knowledge-test-item-header:hover{background:var(--surface-2, rgba(255, 255, 255, .03))}.knowledge-test-item-num{flex:0 0 auto;width:1.75rem;font-size:.82rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.knowledge-test-item-main{flex:1;min-width:0}.knowledge-test-scenario{margin:0 0 .45rem;line-height:1.45}.knowledge-test-item-meta{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.knowledge-test-answer-pill{font-size:.82rem;color:var(--text-muted)}.knowledge-test-answer-pill strong{color:var(--accent)}.knowledge-test-expand{flex:0 0 auto;font-size:1.1rem;color:var(--text-muted);line-height:1}.knowledge-test-item-body{padding:0 1rem 1rem 3.35rem}.knowledge-test-options-label{display:block;font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}.knowledge-test-options ul{margin:0 0 .85rem;padding-left:1.1rem}.knowledge-test-options li{margin-bottom:.25rem}.knowledge-test-option-correct{color:var(--accent);font-weight:600}.knowledge-test-correct-tag{margin-left:.45rem;font-size:.72rem;font-weight:600;text-transform:uppercase;color:var(--accent)}.knowledge-test-explanation p{margin:0;line-height:1.5;color:var(--text-muted)}.difficulty-easy{background:#22c55e26;color:#86efac}.difficulty-medium{background:#eab30826;color:#fde047}.difficulty-hard{background:#ef444426;color:#fca5a5}@media (max-width: 640px){.page-header--with-actions{flex-direction:column}.labeling-chatbot-trigger{align-self:flex-end}.faq-item-header{flex-direction:column}.faq-item-meta{align-items:flex-start;flex-direction:row;flex-wrap:wrap}}
