:root{--bg: #dfe6ee;--bg-elev: rgba(240, 244, 248, .35);--bg-elev-solid: #e9eef3;--panel: rgba(244, 247, 250, .55);--panel2: rgba(244, 247, 250, .72);--panel3: #f4f7fa;--panel-solid: #eef2f6;--panel2-solid: #e6ecf2;--line: rgba(15, 40, 70, .1);--line2: rgba(15, 40, 70, .18);--field: rgba(244, 247, 250, .7);--glass-blur: blur(18px) saturate(160%);--glass-edge: inset 0 1px 0 rgba(255, 255, 255, .6);--lift: -5px;--ink: #0f1e2e;--ink-soft: #33475b;--mut: #5f7389;--acc: #12a385;--acc-ink: #ffffff;--acc-dim: rgba(18, 163, 133, .12);--acc-glow: rgba(18, 163, 133, .28);--acc2: #0a7fd1;--acc2-dim: rgba(10, 127, 209, .1);--warn: #c77a12;--warn-ink: #ffffff;--warn-dim: rgba(217, 138, 30, .13);--danger: #d63451;--danger-dim: rgba(214, 52, 81, .1);--ok: var(--acc);--ink-dim: rgba(15, 30, 46, .06);--acc-hover: #0f8f75;--acc-disabled: rgba(18, 163, 133, .16);--acc-disabled-ink: #6b8f86;--acc2-ink: #ffffff;--warn-line: rgba(199, 122, 18, .45);--glow-1: rgba(56, 140, 210, .2);--glow-2: rgba(110, 96, 200, .12);--glow-3: rgba(40, 160, 140, .16);--bar-bg: linear-gradient(180deg, rgba(240, 244, 248, .7), rgba(240, 244, 248, .35));--bar-bg-desktop: rgba(236, 241, 246, .75);--chip-over-photo: rgba(255, 255, 255, .88);--viewer-bg: rgba(223, 230, 238, .97);--shadow-panel: 0 10px 30px rgba(20, 45, 80, .08);--shadow-lift: 0 18px 44px rgba(20, 45, 80, .16);--shadow: var(--shadow-panel);--radius-sm: 12px;--radius: 16px;--radius-lg: 20px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--s-2: var(--space-2);--s-3: var(--space-3);--s-4: var(--space-4);--s-5: var(--space-5);--s-6: var(--space-6);--pad: 16px;--touch: 48px;--touch-lg: 56px;--tap: var(--touch);--app-max: 480px;--font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--dur-press: .14s;--dur-state: .18s;--dur-enter: .22s;--dur-fill: .6s;--enter-shift: 8px;--enter-scale: .98;color-scheme:light}:root[data-theme=dark]{--bg: #060d17;--bg-elev: rgba(10, 20, 33, .55);--bg-elev-solid: #0b1624;--panel: rgba(255, 255, 255, .045);--panel2: rgba(255, 255, 255, .075);--panel3: rgba(255, 255, 255, .12);--panel-solid: #0f1d2d;--panel2-solid: #142638;--line: rgba(255, 255, 255, .09);--line2: rgba(255, 255, 255, .16);--field: rgba(4, 12, 22, .55);--glass-blur: blur(18px) saturate(140%);--glass-edge: inset 0 1px 0 rgba(255, 255, 255, .07);--ink: #eaf2fb;--ink-soft: #c9d8e8;--mut: #8aa6c2;--acc: #2fc4a3;--acc-ink: #04241c;--acc-dim: rgba(47, 196, 163, .16);--acc-glow: rgba(47, 196, 163, .28);--acc2: #38b6ff;--acc2-dim: rgba(56, 182, 255, .16);--warn: #f0a341;--warn-ink: #2a1a04;--warn-dim: rgba(240, 163, 65, .16);--danger: #ff5d73;--danger-dim: rgba(255, 93, 115, .14);--ink-dim: rgba(234, 242, 251, .06);--acc-hover: #3fd6b4;--acc-disabled: #1b3a34;--acc-disabled-ink: #5e887c;--acc2-ink: #042033;--warn-line: rgba(240, 163, 65, .4);--glow-1: rgba(56, 182, 255, .22);--glow-2: rgba(124, 92, 255, .16);--glow-3: rgba(47, 196, 163, .18);--bar-bg: linear-gradient(180deg, rgba(24, 50, 74, .45), transparent);--bar-bg-desktop: rgba(12, 24, 38, .82);--chip-over-photo: rgba(10, 20, 32, .78);--viewer-bg: rgba(4, 10, 16, .94);--shadow-panel: 0 12px 40px rgba(0, 0, 0, .32);--shadow-lift: 0 18px 48px rgba(0, 0, 0, .42);color-scheme:dark}@media (prefers-reduced-motion: reduce){:root{--enter-shift: 0px;--enter-scale: 1;--lift: 0px}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);min-height:100dvh;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(720px 520px at 10% -8%,var(--glow-1),transparent 62%),radial-gradient(640px 520px at 96% 16%,var(--glow-2),transparent 60%),radial-gradient(780px 580px at 70% 110%,var(--glow-3),transparent 60%)}.panel,.identification-card,.supplier-row,.task-row,.stat,.notice,.moderation-task-card,.tab-bar,.repair-verdict,.perm-table-wrap,.empty-ico,.filters button,.live-camera,.capture-slot{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-edge),var(--shadow-panel)}.filters button,.empty-ico{box-shadow:var(--glass-edge)}button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,p,figure,dl,dd,ul{margin:0}img{max-width:100%;display:block}a{color:var(--acc2)}.mono{font-family:var(--mono)}.muted{color:var(--mut)}.tiny{font-size:12px;line-height:1.45}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:var(--s-3)}.row{display:flex;gap:var(--s-3)}.row>*{min-width:0}.wrap-row{flex-wrap:wrap}.center-y{align-items:center}.app-shell{position:relative;z-index:1;width:100%;max-width:var(--app-max);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-elev);border-left:1px solid var(--line);border-right:1px solid var(--line)}.app-shell--center{justify-content:center}.screen-body{padding:var(--pad) calc(var(--pad) + env(safe-area-inset-right)) var(--pad) calc(var(--pad) + env(safe-area-inset-left));padding-bottom:calc(28px + env(safe-area-inset-bottom));min-width:0;display:flex;flex-direction:column;gap:var(--s-4);flex:1}.screen-body--tight{gap:var(--s-3)}.page-head h1{font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.15}.page-head p{margin-top:6px;color:var(--mut);font-size:14px;line-height:1.45}.kicker{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc2);margin-bottom:6px}.section-label{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin-bottom:10px}.app-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:calc(14px + env(safe-area-inset-top)) var(--pad) 12px;border-bottom:1px solid var(--line);background:var(--bar-bg);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.bar-right{flex:1 1 0;display:flex;align-items:center;justify-content:flex-end;gap:var(--s-3);min-width:0}.theme-toggle{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line);color:var(--ink-soft);transition:transform var(--dur-press) var(--ease),color var(--dur-state) ease,border-color var(--dur-state) ease}.theme-toggle:active{transform:scale(.94)}.brand-mark{width:36px;height:36px;flex:0 0 auto;border-radius:var(--radius-sm);background:var(--acc-dim);border:1px solid rgba(47,196,163,.35);display:grid;place-items:center}.brand-name{font-weight:800;font-size:15px;line-height:1.15;white-space:nowrap}.brand-name span{display:block;font-weight:600;font-size:11px;color:var(--mut);letter-spacing:.06em;text-transform:uppercase}.role-stack{text-align:right;min-width:0;flex:0 1 auto}.role-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 var(--s-2);border-radius:var(--radius-pill);background:var(--acc-dim);color:var(--acc);font-size:11px;font-weight:700}.role-pill i{width:6px;height:6px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 3px var(--acc-dim)}.role-pill--info{background:var(--acc2-dim);color:var(--acc2)}.role-pill--info i{background:var(--acc2);box-shadow:0 0 0 3px var(--acc2-dim)}.role-sub{margin-top:4px;font-size:11px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-bar{flex-wrap:wrap;row-gap:10px}.bar-nav{flex:1 0 100%;display:flex;flex-wrap:wrap;gap:6px}.bar-nav button{flex:0 0 auto;height:32px;padding:0 12px;border-radius:var(--radius-pill);background:var(--panel2);border:1px solid var(--line);color:var(--ink-soft);font-size:13px;font-weight:700;white-space:nowrap}.bar-nav button.is-active{background:var(--acc2-dim);border-color:transparent;color:var(--acc2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--touch-lg);padding:0 18px;border-radius:var(--radius);font-size:16px;font-weight:800;text-decoration:none;transition:transform var(--dur-press) var(--ease),background-color var(--dur-state) ease,border-color var(--dur-state) ease}.btn:active{transform:scale(.97)}.btn:disabled{cursor:not-allowed}.btn:disabled:active{transform:none}.btn--primary{background:var(--acc);color:var(--acc-ink);box-shadow:0 8px 28px var(--acc-glow)}.btn--primary:disabled{background:var(--acc-disabled);color:var(--acc-disabled-ink);box-shadow:none}.btn--ghost{background:var(--panel2);color:var(--ink);border:1px solid var(--line2)}.btn--warn{background:var(--warn);color:var(--warn-ink)}.btn--acc2{background:var(--acc2);color:var(--acc2-ink)}.btn--danger{background:var(--danger-dim);color:var(--danger);border:1px solid rgba(255,93,115,.35)}.btn--ghost:disabled,.btn--warn:disabled,.btn--acc2:disabled,.btn--danger:disabled{opacity:.45}.btn--block{width:100%}.btn--sm{min-height:44px;font-size:14px;border-radius:var(--radius-sm);padding:0 var(--s-3)}.btn--link{min-height:32px;padding:0;color:var(--acc2);font-size:13px;font-weight:700;justify-content:flex-start}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn-row--one{grid-template-columns:1fr}.pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 var(--s-2);border-radius:var(--radius-pill);font-size:11px;font-weight:700;background:var(--panel2);color:var(--mut);white-space:nowrap}.pill--ok{background:var(--acc-dim);color:var(--acc)}.pill--info{background:var(--acc2-dim);color:var(--acc2)}.pill--warn{background:var(--warn-dim);color:var(--warn)}.pill--danger{background:var(--danger-dim);color:var(--danger)}.pill--mono{font-family:var(--mono)}.banner{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel2);font-size:13px;line-height:1.45;color:var(--ink-soft);animation:enter-up var(--dur-enter) var(--ease) both}.banner b{display:block;color:var(--ink);margin-bottom:2px}.banner--warn{background:var(--warn-dim);border-color:#f0a34159}.banner--danger{background:var(--danger-dim);border-color:#ff5d7359}.banner--info{background:var(--acc2-dim);border-color:#38b6ff4d}.banner--ok{background:var(--acc-dim);border-color:#2fc4a34d}.banner-ico{flex:0 0 auto;width:20px;height:20px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);min-width:0}.row-between>b{min-width:0;overflow:hidden;text-overflow:ellipsis}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:var(--touch);padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--line2);background:var(--field);color:var(--ink);font-size:16px}.field input:focus,.field select:focus{outline:2px solid var(--acc);outline-offset:1px}.capture-slot{position:relative;background:var(--panel);width:100%;min-width:0;transition:border-color var(--dur-state) ease;border:1.5px dashed var(--line2);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--mut)}.capture-slot--primary{min-height:248px;padding:18px}.capture-slot--sec{min-height:118px;padding:10px}.capture-slot.is-filled{border-style:solid;border-color:#2fc4a38c}.capture-slot.is-drop-target{border-style:solid;border-color:var(--acc);background:var(--acc-dim)}.drop-hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;display:grid;place-items:center;padding:8px;text-align:center;background:var(--acc-dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:enter-scale var(--dur-enter) var(--ease) both}.drop-hint span{padding:6px 12px;border-radius:var(--radius-pill);background:var(--acc);color:var(--acc-ink);font-weight:800;font-size:13px;box-shadow:0 6px 20px var(--acc-glow)}.slot-preview[draggable=true]{cursor:grab}.slot-preview[draggable=true]:active{cursor:grabbing}.slot-corners span{position:absolute;width:22px;height:22px;border:2px solid var(--acc)}.slot-corners span:nth-child(1){top:10px;left:10px;border-right:0;border-bottom:0}.slot-corners span:nth-child(2){top:10px;right:10px;border-left:0;border-bottom:0}.slot-corners span:nth-child(3){bottom:10px;left:10px;border-right:0;border-top:0}.slot-corners span:nth-child(4){bottom:10px;right:10px;border-left:0;border-top:0}.slot-req{position:absolute;top:12px;left:12px;z-index:2;background:var(--warn);color:var(--warn-ink);font-size:10px;font-weight:800;letter-spacing:.06em;padding:3px 7px;border-radius:var(--radius-pill)}.slot-req--hint{background:var(--acc2-dim);color:var(--acc2);font-weight:700}.slot-empty{position:relative;z-index:1;max-width:100%;min-width:0}.slot-empty--fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--mut);text-align:center;padding:10px}.slot-title,.slot-sub{max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-title{font-size:15px;font-weight:800;color:var(--ink)}.slot-sub{font-size:12px;margin-top:4px}.capture-slot--primary .slot-sub{white-space:normal}.slot-add{max-width:100%;min-width:0;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);transition:transform var(--dur-press) var(--ease),border-color var(--dur-state) ease,background-color var(--dur-state) ease}.slot-add:active{transform:scale(.97)}.slot-add-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-add-glyph{flex:0 0 auto;border-radius:50%;border:1.5px solid currentColor;background:linear-gradient(currentColor,currentColor) center / 50% 1.5px no-repeat,linear-gradient(currentColor,currentColor) center / 1.5px 50% no-repeat}.slot-add--primary{margin-top:14px;min-height:var(--touch);padding:0 18px;background:var(--acc);color:var(--acc-ink);border:0;font-weight:800;font-size:15px;box-shadow:0 8px 28px var(--acc-glow)}.slot-add--primary .slot-add-glyph{width:20px;height:20px}.slot-add--sec{margin-top:8px;min-height:34px;padding:0 10px;background:var(--panel2);color:var(--ink);border:1px solid var(--line2);font-weight:700;font-size:12px}.slot-add--sec .slot-add-glyph{width:15px;height:15px}@media (max-width: 360px){.slot-add--sec .slot-add-glyph{display:none}.slot-add--sec{gap:0}}.slot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.slot-preview{position:absolute;top:0;right:0;bottom:0;left:0;animation:enter-scale var(--dur-enter) var(--ease) both}.slot-preview img{width:100%;height:100%;object-fit:cover}.slot-actions{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:6px}.recapture{min-width:0;flex:0 1 auto;height:32px;padding:0 10px;border-radius:var(--radius-pill);background:var(--chip-over-photo);border:1px solid var(--line);color:var(--ink);font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform var(--dur-press) var(--ease),border-color var(--dur-state) ease}.recapture:active{transform:scale(.97)}.capture-slot--sec .recapture{height:28px;padding:0 8px;font-size:11px}.capture-slot--sec .slot-actions{left:6px;right:6px;bottom:6px;gap:4px}.quality-note{margin-top:-2px}.quality-note .tiny{margin-top:4px}.live-camera{position:relative;background:#000;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line2)}.live-camera video{width:100%;max-height:60vh;display:block}.live-camera .btn-row{padding:10px}.confidence-meter{--val: 0;width:86px;flex:0 0 auto;text-align:center}.confidence-meter svg{width:78px;height:78px;transform:rotate(-90deg)}.cm-track{fill:none;stroke:var(--panel3);stroke-width:3.2}.cm-val{fill:none;stroke:var(--acc);stroke-width:3.2;stroke-linecap:round;stroke-dasharray:var(--val) 100;animation:ring-fill var(--dur-fill) var(--ease) both}.confidence-meter--mid .cm-val{stroke:var(--warn)}.confidence-meter--low .cm-val{stroke:var(--danger)}.cm-center{margin-top:-62px;margin-bottom:8px;display:flex;flex-direction:column;align-items:center}.cm-center b{font-size:18px;font-weight:800}.cm-center b small{font-size:11px;color:var(--mut)}.cm-center span{font-size:8px;color:var(--mut);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.identification-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--s-4);position:relative;overflow:hidden;animation:enter-up var(--dur-enter) var(--ease) both}.identification-card:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--acc),var(--acc2))}.id-top{display:flex;gap:var(--s-3);align-items:flex-start}.id-top h2{font-size:20px;font-weight:800;letter-spacing:-.03em;line-height:1.2}.id-type{margin-top:4px;color:var(--acc2);font-size:13px;font-weight:700}.id-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px var(--s-3);margin-top:14px}.id-field span{display:block;font-size:11px;color:var(--mut);letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px}.id-field b{font-size:13px;font-weight:700;line-height:1.35}.id-field b.mono{font-weight:600;overflow-wrap:anywhere}.id-field--wide{grid-column:1 / -1}.id-mark{margin-top:var(--s-3);background:var(--field);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px}.id-mark span{display:block;font-size:11px;color:var(--mut);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.id-mark code{font-family:var(--mono);font-size:14px;color:var(--acc);overflow-wrap:anywhere}.id-caveat{margin-top:var(--s-3);font-size:12px;color:var(--mut);line-height:1.45}.tab-bar{display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:4px;gap:4px}.tab-bar button{min-height:40px;border-radius:10px;font-size:13px;font-weight:700;color:var(--mut);transition:color var(--dur-state) ease,background-color var(--dur-state) ease,box-shadow var(--dur-state) ease,transform var(--dur-press) var(--ease)}.tab-bar button:active{transform:scale(.97)}.tab-bar button.is-active{background:var(--panel3);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2)}.codes{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.code-cell{background:var(--field);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;min-width:0}.code-cell span{display:block;font-size:11px;color:var(--mut);margin-bottom:4px}.code-cell b{font-family:var(--mono);font-size:14px;color:var(--acc2);overflow-wrap:anywhere}.supplier-row{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.supplier-row.is-best{border-color:#2fc4a373}.sup-logo{width:40px;height:40px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--panel2);color:var(--acc2);font-weight:800;font-size:12px}.sup-name{font-weight:700;font-size:14px}.sup-meta{margin-top:3px;display:flex;flex-wrap:wrap;gap:6px}.sup-price{text-align:right}.sup-price b{display:block;font-size:16px;font-weight:800;font-family:var(--mono);white-space:nowrap}.sup-price b.is-na{font-family:var(--font);font-size:13px;color:var(--mut)}.sup-price span{font-size:11px;color:var(--mut)}.sup-link{grid-column:1 / -1}.repair-verdict{background:linear-gradient(180deg,rgba(240,163,65,.12),transparent 42%),var(--panel);border:1px solid rgba(240,163,65,.35);border-radius:var(--radius-lg);padding:var(--s-4)}.repair-verdict--ok{background:linear-gradient(180deg,var(--acc-dim),transparent 42%),var(--panel);border-color:#2fc4a359}.repair-verdict--unknown{background:var(--panel);border-color:var(--line)}.repair-verdict h2{font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1.2}.verdict-stamp{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border:2px solid var(--warn);color:var(--warn);border-radius:var(--radius-sm);font-weight:800;letter-spacing:.08em;text-transform:uppercase;transform:rotate(-2deg);margin-bottom:10px}.verdict-stamp--ok{border-color:var(--acc);color:var(--acc)}.verdict-stamp--unknown{border-color:var(--line2);color:var(--mut)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);margin-top:14px}.compare-col{background:var(--field);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px}.compare-col.is-pick{border-color:var(--warn)}.compare-col.is-pick-ok{border-color:var(--acc)}.compare-col h3{font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.05em}.compare-col b{display:block;margin-top:6px;font-size:18px;font-family:var(--mono)}.compare-col b.is-na{font-family:var(--font);font-size:14px;color:var(--mut)}.compare-col ul{margin:var(--s-2) 0 0;padding-left:var(--s-4);color:var(--mut);font-size:12px;line-height:1.45}.disclaimer{margin-top:14px;padding:12px;border-radius:var(--radius-sm);background:var(--warn-dim);border:1px dashed var(--warn-line);font-size:12px;line-height:1.5;color:var(--ink-soft)}.disclaimer strong{display:block;margin-bottom:4px;color:var(--warn);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3)}.stat{--stat-acc: var(--acc2);position:relative;overflow:hidden;display:flex;flex-direction:column-reverse;justify-content:space-between;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 14px 12px;transition:transform var(--dur-state) var(--ease),box-shadow var(--dur-state) ease,border-color var(--dur-state) ease}.stat:before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--stat-acc),transparent)}.stat:nth-child(1){--stat-acc: var(--danger)}.stat:nth-child(2){--stat-acc: var(--warn)}.stat:nth-child(3){--stat-acc: var(--acc)}.stat b{display:block;font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1.1}.stat span{font-size:12px;color:var(--mut);font-weight:600}.task-row{display:grid;grid-template-columns:1fr auto;gap:var(--s-2);align-items:center;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:14px;width:100%;text-align:left}.task-row.is-current{border-color:var(--acc2)}.task-row h3{font-size:14px;font-weight:700}.task-row,.candidate,.filters button,.demo-switch button,.supplier-row,.notice{transition:transform var(--dur-state) var(--ease),box-shadow var(--dur-state) ease,border-color var(--dur-state) ease,background-color var(--dur-state) ease}.task-row:active,.candidate:active,.filters button:active,.demo-switch button:active{transform:scale(.98)}.moderation-task-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.mtc-photos{display:grid;grid-template-columns:1.3fr 1fr 1fr;height:110px}.mtc-photos>div{background:var(--field);border-right:1px solid var(--line);position:relative;overflow:hidden}.mtc-photos>div:last-child{border-right:0}.mtc-photos img{width:100%;height:100%;object-fit:cover}.mtc-photos label{position:absolute;left:6px;bottom:6px;font-size:10px;font-weight:700;color:var(--ink);background:var(--chip-over-photo);padding:2px 6px;border-radius:6px}.mtc-body{padding:14px;display:flex;flex-direction:column;gap:var(--s-3)}.candidate{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--field);width:100%;text-align:left}.candidate.is-pick{border-color:var(--acc);background:var(--acc-dim)}.candidate b{font-size:13px;font-weight:700}.radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--line2);flex:0 0 auto;margin-top:2px}.candidate.is-pick .radio{border-color:var(--acc);box-shadow:inset 0 0 0 4px var(--acc)}.filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters button{min-height:36px;padding:0 var(--s-3);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--panel);color:var(--mut);font-size:12px;font-weight:700;white-space:nowrap;flex:0 0 auto}.filters button.is-active{color:var(--acc);border-color:var(--acc);background:var(--acc-dim)}.photo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2)}.photo-strip figure{margin:0;background:var(--field);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;height:78px;position:relative}.photo-strip img{width:100%;height:100%;object-fit:cover}.photo-strip figcaption{position:absolute;left:6px;bottom:6px;font-size:10px;font-weight:700;color:var(--ink);background:var(--chip-over-photo);padding:2px 6px;border-radius:6px}.empty-state{text-align:center;padding:36px var(--s-4);color:var(--mut)}.empty-ico{width:72px;height:72px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);color:var(--mut)}.empty-state h2{color:var(--ink);font-size:18px;margin-bottom:6px}.empty-state p{font-size:13px;line-height:1.5}.skeleton{background:var(--panel2);border-radius:10px;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--ink-dim),transparent);animation:shimmer 1.4s infinite}.sk-line{height:12px;margin-bottom:var(--s-2)}.sk-title{height:22px;width:70%;margin-bottom:var(--s-3)}.sk-block{height:84px}.progress-steps{display:flex;flex-direction:column;gap:var(--s-2)}.pstep{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mut);animation:enter-up var(--dur-enter) var(--ease) both;transition:color var(--dur-state) ease}.pstep:nth-child(2){animation-delay:60ms}.pstep:nth-child(3){animation-delay:.12s}.pstep.is-done{color:var(--acc)}.pstep.is-run{color:var(--ink)}.pstep .dot{width:10px;height:10px;border-radius:50%;background:var(--line2);flex:0 0 auto;transition:background-color var(--dur-state) ease,box-shadow var(--dur-state) ease}.pstep.is-done .dot{background:var(--acc)}.pstep.is-run .dot{background:var(--acc2);box-shadow:0 0 0 4px var(--acc2-dim);animation:pulse 1.2s infinite}.scan-panel{position:relative;overflow:hidden;min-height:168px}.scan-line{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--acc),transparent);box-shadow:0 0 12px var(--acc);animation:scan 2.2s var(--ease-in-out) infinite alternate;will-change:transform}@keyframes shimmer{0%{transform:translate(-60%)}to{transform:translate(60%)}}@keyframes pulse{50%{opacity:.45}}@keyframes scan{0%{transform:translateY(14px)}to{transform:translateY(148px)}}@keyframes enter-up{0%{opacity:0;transform:translateY(var(--enter-shift))}}@keyframes enter-scale{0%{opacity:0;transform:scale(var(--enter-scale))}}@keyframes ring-fill{0%{stroke-dasharray:0 100}}.notice-list{display:flex;flex-direction:column;gap:var(--s-2)}.notice{display:flex;gap:var(--s-3);align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px}.notice.is-read{opacity:.55}.login{padding:var(--s-6) var(--pad);display:flex;flex-direction:column;gap:var(--s-4)}.login__head{display:flex;align-items:center;gap:10px}.demo-switch{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--s-3)}.demo-switch button{min-height:34px;padding:0 10px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--field);color:var(--mut);font-size:12px;font-weight:700}.demo-switch button.is-active{color:var(--ink);border-color:var(--acc2);background:var(--acc2-dim)}.perm-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel)}.perm-table{width:100%;border-collapse:collapse;font-size:13px;min-width:760px}.perm-table th,.perm-table td{padding:8px 10px;border-bottom:1px solid var(--line)}.perm-table thead th{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);text-align:center;background:var(--panel2-solid)}.perm-table thead th:first-child,.perm-table tbody th{text-align:left}.perm-table tbody th{font-weight:600;color:var(--ink-soft);position:sticky;left:0;background:var(--panel-solid);z-index:1}.perm-title{margin-right:6px}.perm-section th{background:var(--panel2-solid)!important;color:var(--acc2)!important;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.perm-cell{text-align:center}.perm-cell select{min-height:34px;padding:0 8px;border-radius:8px;border:1px solid var(--line2);background:var(--field);color:var(--ink);font-size:13px}.perm-toggle{width:40px;height:32px;border-radius:8px;border:1px solid var(--line2);background:var(--field);color:var(--mut);font-weight:800;font-size:14px;transition:background-color var(--dur-state) ease,color var(--dur-state) ease}.perm-toggle.is-on{background:var(--acc-dim);border-color:#2fc4a380;color:var(--acc)}.perm-cell.is-changed select,.perm-cell.is-changed .perm-toggle{outline:2px solid var(--warn);outline-offset:1px}.perm-cell.is-locked{opacity:.7}.perm-toggle:disabled,.perm-cell select:disabled{cursor:not-allowed}.perm-actions{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center}.perm-diff{margin:0;padding-left:var(--s-4);font-size:13px;line-height:1.7}.perm-mobile{display:none}@media (max-width: 767px){.perm-matrix{display:none}.perm-mobile{display:flex;flex-direction:column;gap:var(--s-3)}.perm-roles{display:flex;flex-wrap:wrap;gap:6px}.perm-roles button{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--radius-pill);background:var(--panel2);border:1px solid var(--line);color:var(--ink-soft);font-size:14px;font-weight:700}.perm-roles button.is-active{background:var(--acc2-dim);border-color:transparent;color:var(--acc2)}.perm-roles__count{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--warn);color:#1a1205;font-size:11px;display:grid;place-items:center}.perm-list{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);overflow:hidden}.perm-list__title{padding:8px 12px;background:var(--panel2-solid);color:var(--acc2);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.perm-list__row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:10px 12px;border-top:1px solid var(--line);min-height:52px}.perm-list__name{font-size:14px;font-weight:600;color:var(--ink-soft);min-width:0}.perm-list__name .pill{margin-left:6px}.perm-list .perm-cell{flex:0 0 auto}.perm-list .perm-cell select{min-height:38px;max-width:150px;font-size:14px}.perm-list .perm-toggle{width:48px;height:36px}.perm-actions .btn--sm{flex:1 1 140px}}.slot-image,.photo-open{display:block;width:100%;height:100%;padding:0;cursor:zoom-in}.slot-image img,.photo-open img{width:100%;height:100%;object-fit:cover}.slot-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;text-align:center;padding:12px;background:var(--panel2);color:var(--mut);font-size:12px}.slot-fallback b{color:var(--ink);font-size:13px}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--viewer-bg);display:flex;flex-direction:column;animation:enter-scale var(--dur-enter) var(--ease) both}.viewer__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:calc(10px + env(safe-area-inset-top)) var(--pad) 10px;color:var(--ink);font-weight:700;font-size:14px}.viewer__close{width:var(--touch);height:var(--touch);border-radius:50%;background:var(--panel2);color:var(--ink);font-size:18px}.viewer__stage{flex:1;min-height:0;display:grid;place-items:center;padding:0 var(--pad) calc(var(--pad) + env(safe-area-inset-bottom))}.viewer__stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-sm);box-shadow:var(--shadow-panel)}.viewer__fallback{max-width:420px;text-align:center;color:var(--mut);line-height:1.5}.viewer__nav{position:absolute;top:50%;transform:translateY(-50%);width:var(--touch-lg);height:var(--touch-lg);border-radius:50%;background:var(--chip-over-photo);color:var(--ink);box-shadow:var(--shadow-panel);font-size:30px;line-height:1}.viewer__nav--prev{left:12px}.viewer__nav--next{right:12px}.admin-toolbar{display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center}.admin-toolbar .field{min-width:180px}@media (max-width: 767px){.admin-toolbar .field{flex:1 0 100%;min-width:0}.admin-toolbar .btn{flex:1 1 0}}.file-help summary{cursor:pointer;color:var(--acc2);font-weight:700;width:max-content}.file-help p{margin-top:6px}.admin-grid{display:grid;grid-template-columns:1fr;gap:var(--s-3)}.admin-table{min-width:560px}.admin-table td{color:var(--ink-soft)}.admin-table td.mono{color:var(--acc2);white-space:nowrap}@media (max-width: 767px){.admin-table.perm-table{min-width:0}.admin-table thead{display:none}.admin-table,.admin-table tbody{display:block}.admin-table tbody tr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"code name edit" "imo type edit";column-gap:10px;row-gap:2px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}.admin-table tbody tr:last-child{border-bottom:0}.admin-table tbody td{padding:0;border:0;min-width:0}.admin-table .vessel-cell--code{grid-area:code}.admin-table .vessel-cell--name{grid-area:name;color:var(--ink);font-weight:700;overflow-wrap:anywhere}.admin-table td.vessel-cell--imo{grid-area:imo;font-size:12px;color:var(--mut)}.admin-table .vessel-cell--imo:before{content:"IMO ";font-family:var(--font)}.admin-table .vessel-cell--type{grid-area:type;font-size:12px}.admin-table .vessel-cell--edit{grid-area:edit}.admin-table .vessel-cell--edit .btn{min-height:36px;padding:0 4px}.admin-table tbody tr.admin-row--form{display:block}}.vessel-form{display:grid;grid-template-columns:1fr;gap:var(--s-3)}.check{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:var(--ink-soft)}.check input{width:18px;height:18px;accent-color:var(--acc)}.vessel-picker{display:flex;flex-direction:column;gap:var(--s-2)}.vessel-list{max-height:360px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--field);padding:4px}.vessel-option{display:flex;gap:10px;align-items:center;min-height:40px;padding:4px 8px;border-radius:8px;font-size:13px;color:var(--ink-soft);cursor:pointer}.vessel-option input{width:18px;height:18px;accent-color:var(--acc);flex:0 0 auto}.vessel-option .mono{color:var(--acc2);flex:0 0 auto}.vessel-option.is-on{background:var(--acc-dim);color:var(--ink)}@media (min-width: 768px){.admin-grid{grid-template-columns:1fr 1fr}.vessel-form{grid-template-columns:2fr 1fr 1fr;align-items:end}.vessel-form .row{grid-column:1 / -1}}@media (hover: hover) and (pointer: fine){.vessel-option:hover{background:var(--panel2)}}.catalog-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}.catalog-form-grid--codes{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr)}@media (max-width: 420px){.catalog-form-grid--codes{grid-template-columns:1fr}}.export-grid{display:grid;grid-template-columns:1fr;gap:var(--s-3)}.export-card h2{font-size:17px;font-weight:800;margin-bottom:4px}@media (min-width: 768px){.export-grid{grid-template-columns:repeat(2,minmax(0,360px))}}.app-layout,.app-content{flex:1;display:flex;flex-direction:column;min-width:0}.side-nav{display:none}.capture-layout,.capture-col,.queue-layout,.queue-list,.queue-detail{display:flex;flex-direction:column;gap:var(--s-4);min-width:0}.report-layout,.report-aside,.report-main{display:flex;flex-direction:column;gap:var(--s-3);min-width:0}@media (min-width: 768px){:root{--app-max: 720px;--pad: 24px}.capture-slot--primary{min-height:320px}.capture-slot--sec{min-height:150px}.photo-strip figure{height:120px}.mtc-photos{height:170px}}@media (min-width: 1024px){:root{--app-max: none;--pad: 32px}.app-shell{border-left:0;border-right:0;background:transparent}.app-bar{padding:14px var(--pad);background:var(--bar-bg-desktop)}.role-stack{display:flex;align-items:center;gap:var(--s-4)}.role-sub{margin-top:0;font-size:13px;max-width:320px}.bar-nav,.bar-logout{display:none}.app-layout{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start}.side-nav{display:flex;flex-direction:column;gap:var(--s-5);position:sticky;top:65px;height:calc(100dvh - 65px);padding:var(--s-5) var(--s-4);border-right:1px solid var(--line);background:var(--bg-elev);overflow-y:auto}.side-nav__group{display:flex;flex-direction:column;gap:4px}.side-nav__title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);padding:0 var(--s-3);margin-bottom:4px}.side-nav__item{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);min-height:44px;padding:0 var(--s-3);border-radius:var(--radius-sm);font-size:14px;font-weight:700;color:var(--ink-soft);text-align:left;transition:background-color var(--dur-state) ease,color var(--dur-state) ease}.side-nav__item.is-active{background:var(--panel3);color:var(--ink);box-shadow:inset 3px 0 0 var(--acc)}.side-nav__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-nav__foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--s-3);padding-top:var(--s-4);border-top:1px solid var(--line)}.side-nav__user{display:flex;gap:10px;align-items:center}.side-nav__user b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-nav__avatar{width:36px;height:36px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:var(--acc2-dim);color:var(--acc2);font-size:13px;font-weight:800}.side-nav__vessels .side-nav__title{padding:0}.side-nav__vessels .tiny{color:var(--ink-soft)}.screen-body{padding:28px var(--pad) 40px;gap:var(--s-5)}.screen-body>.btn--link:first-child{display:none}.page-head h1{font-size:32px}.page-head p{font-size:15px;max-width:640px}.screen-body>.panel{max-width:640px}.capture-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--s-6);align-items:start}.capture-slot--primary{min-height:440px}.capture-slot--sec{min-height:200px}.live-camera video{max-height:70vh}.report-layout{display:grid;grid-template-columns:minmax(360px,32%) minmax(0,1fr);gap:var(--s-6);align-items:start}.report-aside{position:sticky;top:93px}.report-main{gap:var(--s-4)}.tab-bar{max-width:520px}.codes{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-strip figure{height:160px}.id-grid{grid-template-columns:1fr 1fr}.stat-row{max-width:560px}.queue-layout.has-open{display:grid;grid-template-columns:minmax(340px,30%) minmax(0,1fr);gap:var(--s-6);align-items:start}.queue-detail{position:sticky;top:93px}.mtc-photos{height:240px}.app-shell--login{max-width:480px}.login{padding:var(--s-6) 0}}@media (hover: hover) and (pointer: fine){.btn--primary:not(:disabled):hover{background:var(--acc-hover)}.btn--ghost:not(:disabled):hover,.btn--danger:not(:disabled):hover{border-color:var(--acc2)}.btn--link:hover,.bar-nav button:hover{text-decoration:underline}.side-nav__item:not(.is-active):hover{background:var(--panel);color:var(--ink)}.theme-toggle:hover{color:var(--ink);border-color:var(--line2)}.task-row:hover,.candidate:hover,.supplier-row:hover{border-color:var(--line2)}.stat:hover,.task-row:hover,.supplier-row:hover,.notice:hover{transform:translateY(var(--lift));box-shadow:var(--glass-edge),var(--shadow-lift);border-color:var(--line2)}.tab-bar button:not(.is-active):hover,.filters button:not(.is-active):hover{color:var(--ink)}.capture-slot:not(.is-filled):hover{border-color:var(--acc)}}@media (prefers-reduced-motion: reduce){.scan-line,.skeleton:after{display:none}.pstep.is-run .dot,.cm-val{animation:none}.btn:active,.slot-add:active,.recapture:active,.tab-bar button:active,.task-row:active,.candidate:active,.filters button:active,.demo-switch button:active,.theme-toggle:active{transform:none}}.mobile-toggle{display:none}@media (min-width: 1024px){.theme-toggle.mobile-toggle{display:grid}.btn.mobile-toggle{display:inline-flex;align-self:center}}.mobile-preview{height:100dvh;display:flex;flex-direction:column;align-items:center}.mobile-preview__bar{align-self:stretch;height:52px;flex:0 0 auto;display:flex;align-items:center;gap:var(--s-3);padding:0 var(--pad, 24px);background:var(--bar-bg);border-bottom:1px solid var(--line)}.mobile-preview__title{font-weight:800;margin-right:auto}.mobile-preview__frame{flex:1;max-width:100%;border:0;display:block;box-sizing:content-box;border-left:1px solid var(--line);border-right:1px solid var(--line);background:transparent}html{scrollbar-gutter:stable}html.in-frame{scrollbar-gutter:auto;scrollbar-width:none}html.in-frame::-webkit-scrollbar{display:none}