:root{--plum:#1e1028;--yellow:#eeb10a;--ink:#10011b;--green:#34cb0f;--red:#fc4545;--surface:#fff;--surface-muted:#f4f1f6;--surface-sunken:#ebe6ef;--border:#d9d2de;--muted-text:#6b5f76;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius:6px;--space:12px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--ink);background:var(--plum);font-size:15px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}.startup-error{color:var(--red);background:var(--surface);padding:24px}.app-shell{background:var(--surface);max-width:1180px;min-height:100vh;margin:0 auto}.app-header{background:var(--plum);color:var(--surface);align-items:center;gap:24px;padding:14px 24px;display:flex}.app-header .brand{letter-spacing:.02em;color:var(--yellow);font-weight:700}.app-nav{flex:1;gap:16px;display:flex}.app-nav a{color:var(--surface);border-radius:var(--radius);padding:4px 8px;text-decoration:none}.app-nav a:hover{background:#ffffff1f}.app-nav a[aria-current=page]{background:var(--yellow);color:var(--ink)}.sign-out{color:var(--surface);border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #ffffff80;padding:5px 12px}.sign-out:hover{border-color:var(--yellow);color:var(--yellow)}.view{padding:24px}.error-line{border:1px solid var(--red);color:#8a1c1c;border-radius:var(--radius);background:#fdecec;align-items:center;gap:12px;margin:0 0 16px;padding:8px 12px;display:flex}.form-errors{border:1px solid var(--red);border-radius:var(--radius);color:#8a1c1c;background:#fdecec;margin:0 0 12px;padding:8px 12px;list-style:none}.muted{color:var(--muted-text)}.empty-state{color:var(--muted-text);padding:40px 0;font-size:16px}.login-view{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-width:380px;margin:80px auto;padding:32px}.login-view h1{color:var(--plum);margin:0 0 4px}.login-form{flex-direction:column;gap:14px;margin-top:20px;display:flex}.field{flex-direction:column;gap:4px;display:flex}.field label{font-weight:600}.field input{border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px}.primary-button{background:var(--yellow);color:var(--ink);border:1px solid var(--plum);border-radius:var(--radius);cursor:pointer;padding:9px 14px;font-weight:600}.primary-button:disabled{opacity:.6;cursor:default}.label-toolbar{border-bottom:1px solid var(--border);align-items:center;gap:20px;margin-bottom:18px;padding-bottom:14px;display:flex}.label-toolbar .served-day{font-weight:600}.queue-counter{color:var(--muted-text);font-variant-numeric:tabular-nums;margin-left:auto}.label-body{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:24px;display:grid}.decision-panels{flex-direction:column;gap:16px;display:flex}.panel{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel-header{background:var(--surface-muted);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.panel-header h2{text-transform:uppercase;letter-spacing:.05em;color:var(--plum);margin:0;font-size:14px}.panel-body{padding:12px}.toggle-boxes{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:4px 10px}.toggle-boxes[aria-pressed=true]{background:var(--yellow);border-color:var(--plum)}.frame-viewport{background:var(--ink);cursor:grab;touch-action:none;height:460px;position:relative;overflow:hidden}.frame-viewport:active{cursor:grabbing}.frame-canvas{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.frame-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;display:block}.frame-overlay{pointer-events:none;position:absolute;inset:0}.ocr-box{border:2px solid var(--yellow);background:#eeb10a29;position:absolute}.ocr-box-label{background:var(--yellow);color:var(--ink);white-space:nowrap;padding:0 4px;font-size:11px;position:absolute;top:-18px;left:0}.ocr-lines{margin:0;padding:0;list-style:none}.ocr-lines li{border-bottom:1px solid var(--surface-muted);justify-content:space-between;gap:12px;padding:3px 0;display:flex}.ocr-confidence{color:var(--muted-text);font-variant-numeric:tabular-nums}.verdict-pass{color:var(--green);font-weight:700}.verdict-fail{color:var(--red);font-weight:700}.repeat-badge{background:var(--plum);color:var(--yellow);border-radius:var(--radius);padding:4px 10px;font-weight:600;display:inline-block}.answer-area{border:1px solid var(--border);border-radius:var(--radius);outline:none;padding:16px}.answer-area:focus-visible{border-color:var(--yellow);box-shadow:0 0 0 2px #eeb10a66}.answer-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.answer-buttons button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:left;padding:9px 12px}.answer-buttons button:hover{border-color:var(--plum)}.answer-buttons button.active{background:var(--yellow);border-color:var(--plum);font-weight:600}.answer-buttons button.submit{background:var(--plum);color:var(--surface);border-color:var(--plum);font-weight:600}.answer-buttons button:disabled{opacity:.5;cursor:default}.true-product,.note-field{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.true-product>label,.note-field>label{margin-bottom:6px;font-weight:600;display:block}.note-field textarea,.true-product input[type=text],.true-product .free-text-input{border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:8px 10px}.typeahead{position:relative}.typeahead input{border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:8px 10px}.typeahead-options{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-height:260px;margin:2px 0 0;padding:4px;list-style:none;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 6px 18px #10011b2e}.typeahead-option{cursor:pointer;border-radius:4px;justify-content:space-between;gap:12px;padding:6px 8px;display:flex}.typeahead-option.active{background:var(--surface-sunken)}.typeahead-option .option-plu{font-weight:600}.typeahead-option .option-description{color:var(--muted-text)}.stats-filters{align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.stats-section{margin-bottom:28px}.stats-section h2{color:var(--plum);border-bottom:1px solid var(--border);padding-bottom:6px;font-size:16px}.stats-table{border-collapse:collapse;width:100%;max-width:560px}.stats-table th,.stats-table td{text-align:left;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;padding:6px 10px}.stats-table th{color:var(--muted-text);font-weight:600}.accuracy-block{flex-wrap:wrap;gap:24px;display:flex}.accuracy-block .metric{min-width:160px}.accuracy-block .metric-label{color:var(--muted-text);font-size:13px}.accuracy-block .metric-value{font-size:20px;font-weight:600}.edge-version{margin-bottom:18px}.edge-version h3{color:var(--plum);margin:0 0 8px;font-size:14px}.history-layout{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:24px;display:grid}.label-rows{border-collapse:collapse;width:100%}.label-rows th,.label-rows td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:6px 10px}.label-rows th{color:var(--muted-text);font-weight:600}.not-found{padding:40px 0}.not-found a{color:var(--plum);font-weight:600}
