:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--background: #f5f6f8;--surface: #ffffff;--surface-strong: #f0f2f5;--text: #171717;--muted: #676b73;--muted-strong: #424650;--border: #dfe3e8;--red: #d8232a;--red-soft: #fff0f1;--yellow: #ffc72c;--yellow-soft: #fff8df;--green: #1c8c56;--green-soft: #eaf8f0;--shadow: 0 16px 42px rgb(17 24 39 / .08);background:var(--background);color:var(--text)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--background)}button,input,textarea{font:inherit}button,label.button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:#101114;color:#fff;border-right:1px solid rgb(255 255 255 / .08)}.brand{display:flex;align-items:center;gap:12px;padding:6px 6px 26px}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:linear-gradient(145deg,var(--red),#9d1117);color:var(--yellow);font-weight:850}.brand strong,.brand span{display:block}.brand span{margin-top:3px;color:#ffffffa3;font-size:.86rem}.nav-list{display:grid;gap:8px}.nav-item{display:flex;min-height:44px;width:100%;align-items:center;gap:10px;border:0;border-radius:8px;background:transparent;color:#ffffffb8;padding:0 12px;text-align:left}.nav-item:hover,.nav-item.active{background:#ffffff1a;color:#fff}.workspace{width:min(100%,1440px);margin:0 auto;padding:30px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}h1,h2,p{margin:0}h1{font-size:clamp(2rem,3vw,3.25rem);line-height:1.02}h2{font-size:1.08rem;line-height:1.25}p{color:var(--muted);line-height:1.55}.topbar p{margin-top:8px;max-width:660px}.topbar-actions,.form-actions,.scanner-actions,.settings-actions,.row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:9px;border-radius:8px;border:1px solid transparent;padding:0 15px;font-weight:760;text-decoration:none}.button.primary{background:var(--red);color:#fff}.button.secondary{background:#171717;color:#fff}.button.ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.button.danger{background:#fff0f1;color:#a70d14;border-color:#ffd5d8}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric-card{min-height:96px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:18px;box-shadow:0 10px 28px #1118270a}.metric-card span,.field span{display:block;color:var(--muted);font-size:.84rem;font-weight:720}.metric-card strong{display:block;margin-top:8px;font-size:2rem;line-height:1}.metric-card.red{background:var(--red-soft);border-color:#ffd7d9}.metric-card.yellow{background:var(--yellow-soft);border-color:#f6dea0}.metric-card.green{background:var(--green-soft);border-color:#c7efd8}.scan-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.8fr);gap:18px;align-items:start}.mock-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(360px,.8fr);gap:18px;align-items:start}.scanner-column{display:grid;gap:18px}.scanner-panel,.panel,.queue-panel{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.scanner-panel{padding:14px}.scanner-frame{position:relative;display:grid;min-height:420px;place-items:center;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,rgb(216 35 42 / .12),transparent 34%),linear-gradient(315deg,rgb(255 199 44 / .24),transparent 40%),#16181d}.scanner-frame video{width:100%;height:100%;min-height:420px;object-fit:cover}.scanner-placeholder{position:absolute;display:grid;width:min(70%,260px);place-items:center;gap:8px;padding:10px;color:#fff;text-align:center}.scanner-placeholder strong{font-size:1.35rem}.scanner-placeholder span{max-width:260px;color:#ffffffad}.scan-corners{position:absolute;width:clamp(180px,50%,320px);aspect-ratio:1;border:2px solid rgb(255 255 255 / .9);border-radius:8px;box-shadow:0 0 0 999px #0000001f}.scanner-actions{justify-content:space-between;padding-top:14px}.scanner-actions p{min-width:min(100%,320px);text-align:right}.panel,.queue-panel{padding:18px}.panel-heading,.table-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.panel-heading p,.table-toolbar p{margin-top:4px;font-size:.92rem}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.field{display:grid;gap:7px}.field.wide{grid-column:1 / -1}.field input,.field textarea,.search-box input{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface-strong);color:var(--text);outline:none}.field input,.search-box input{min-height:44px;padding:0 12px}.field textarea{resize:vertical;padding:12px}.field input:focus,.field textarea:focus,.search-box input:focus{border-color:var(--red);box-shadow:0 0 0 4px #d8232a1f}.form-actions{margin-top:16px}.queue-panel{position:sticky;top:22px;max-height:calc(100vh - 44px);overflow:hidden}.queue-list{display:grid;gap:10px;max-height:620px;overflow:auto;padding-right:2px}.queue-list.compact{max-height:none}.mock-agent-panel{display:grid;gap:16px}.warning-box{border:1px solid #f6dea0;border-radius:8px;background:var(--yellow-soft);padding:14px}.warning-box strong,.mock-selected strong,.demo-code span,.demo-code strong,.rating-grid span,.rating-grid strong{display:block}.warning-box p{margin-top:4px}.mock-selected{display:flex;min-width:0;align-items:center;gap:12px;border:1px solid var(--border);border-radius:8px;padding:12px}.mock-selected>div{min-width:0}.mock-selected strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-result{display:grid;gap:14px}.demo-code{border:1px solid #ffd7d9;border-radius:8px;background:var(--red-soft);padding:16px}.demo-code span,.rating-grid span{color:var(--muted);font-size:.8rem;font-weight:760;text-transform:uppercase}.demo-code strong{margin-top:6px;font-family:SFMono-Regular,Consolas,monospace;font-size:1.35rem}.rating-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rating-grid div,.mock-answers p,.demo-disclaimer{border:1px solid var(--border);border-radius:8px;background:var(--surface-strong);padding:12px}.rating-grid strong{margin-top:4px;font-size:1.25rem}.mock-answers{display:grid;gap:8px}.demo-disclaimer{color:#a70d14;font-weight:720}.survey-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:10px}.survey-row.active{border-color:var(--red);box-shadow:0 0 0 4px #d8232a14}.survey-row>.status-chip{justify-self:end}.survey-main{display:flex;min-width:0;align-items:center;gap:10px;border:0;background:transparent;color:inherit;padding:0;text-align:left}.survey-main>span{min-width:0}.survey-main strong,.survey-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.survey-main small{margin-top:3px;color:var(--muted)}.receipt-number{display:grid;width:52px;height:42px;flex:0 0 auto;place-items:center;border-radius:8px;background:#16181d;color:var(--yellow);font-weight:850}.status-chip{display:inline-flex;min-height:28px;align-items:center;justify-content:center;border-radius:999px;padding:0 10px;font-size:.78rem;font-weight:820}.status-chip.new{background:var(--red-soft);color:#a90e15}.status-chip.opened{background:var(--yellow-soft);color:#765200}.status-chip.logged{background:var(--green-soft);color:#0d6d3d}.icon-button{display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted-strong)}.icon-button:hover{border-color:#c1c8d1;color:var(--text)}.danger-text{color:var(--red)}.search-box{display:flex;min-width:min(100%,300px);align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface-strong);padding-left:12px;color:var(--muted)}.search-box input{border:0;background:transparent;box-shadow:none}.dashboard-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px}.dashboard-panel{min-height:300px}.progress-row{height:12px;overflow:hidden;border-radius:999px;background:var(--surface-strong)}.progress-row div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--red),var(--yellow))}.status-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.status-columns div{border:1px solid var(--border);border-radius:8px;padding:14px}.status-columns strong,.status-columns span{display:block}.status-columns strong{font-size:1.7rem}.status-columns span{margin-top:5px;color:var(--muted)}.upload-panel{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:18px}.upload-drop{display:grid;min-height:360px;place-items:center;align-content:center;gap:12px;border:1px dashed #c7cdd6;border-radius:8px;background:var(--surface-strong);padding:26px;text-align:center}.upload-drop p{max-width:380px}.result-list{display:grid;align-content:start;gap:10px}.upload-result{border:1px solid var(--border);border-radius:8px;padding:14px}.upload-result span{display:inline-flex;min-height:26px;align-items:center;border-radius:999px;padding:0 9px;font-size:.78rem;font-weight:800;text-transform:capitalize}.upload-result .found{background:var(--green-soft);color:var(--green)}.upload-result .missing{background:var(--yellow-soft);color:#765200}.upload-result strong{display:block;margin-top:8px}.empty-state{border:1px solid var(--border);border-radius:8px;padding:16px}.table-panel{overflow:hidden}.table-wrap{overflow:auto}table{width:100%;min-width:900px;border-collapse:collapse}th,td{border-bottom:1px solid var(--border);padding:13px 10px;text-align:left;vertical-align:middle}th{color:var(--muted);font-size:.78rem;text-transform:uppercase}.code-cell{font-family:SFMono-Regular,Consolas,monospace;font-size:.9rem}.settings-panel{max-width:760px}.settings-actions{align-items:stretch}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(prefers-color-scheme:dark){:root{--background: #111214;--surface: #191b1f;--surface-strong: #22252b;--text: #f7f7f8;--muted: #a9adb6;--muted-strong: #d1d5dc;--border: #30343c;--red-soft: #361316;--yellow-soft: #3d3217;--green-soft: #133121;--shadow: 0 16px 42px rgb(0 0 0 / .28)}.button.ghost,.icon-button{background:var(--surface-strong)}.button.secondary{background:#f7f7f8;color:#111214}}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:14px}.nav-list{grid-template-columns:repeat(6,minmax(0,1fr))}.nav-item{justify-content:center}.nav-item span{display:none}.workspace{padding:22px}.topbar,.scan-layout,.mock-layout,.dashboard-grid,.upload-panel{grid-template-columns:1fr}.topbar,.panel-heading,.table-toolbar{display:grid}.queue-panel{position:static;max-height:none}}@media(max-width:760px){.workspace{padding:16px}.metric-strip,.form-grid,.rating-grid{grid-template-columns:1fr}.topbar-actions,.form-actions,.scanner-actions,.settings-actions{display:grid}.button{width:100%}.scanner-frame,.scanner-frame video{min-height:320px}.scanner-actions p{text-align:left}.survey-row{grid-template-columns:minmax(0,1fr) auto}.survey-row>.icon-button{grid-column:2}}