:root{--bg:#f5f7f8;--surface:#fff;--ink:#17212b;--muted:#66737f;--line:#d9e0e5;--brand:#17324d;--brand-hover:#12283d;--nav-active:#294c68;--sidebar-border:#12283d;--sidebar-text:#f5f7f8c7;--sidebar-muted:#f5f7f88c;--primary:#176b62;--primary-hover:#12574f;--primary-soft:#e8f3f1;--accent:#176b62;--brand-soft:#e8f3f1;--pending:#c98718;--pending-bg:#fbf4e6;--pending-border:#ead4a4;--passed:#21875a;--passed-bg:#e8f5ee;--passed-border:#b9dcc8;--failed:#c43d3d;--failed-bg:#f9eaea;--failed-border:#e8b6b6;--incomplete:#66737f;--incomplete-bg:#eef1f4;--incomplete-border:#cdd5dc;--manual:#7c5cbf;--manual-bg:#f2eef8;--manual-border:#d5cbea;--authorised:#2878a5;--authorised-bg:#e8f2f8;--authorised-border:#b7d4e4;--danger:#c43d3d;--radius:6px;--font:"Source Sans 3", "Segoe UI", sans-serif;--display:"Source Serif 4", Georgia, serif;--header-h:56px;--sidebar-w:232px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.sidebar{background:var(--brand);color:#f5f7f8;border-right:1px solid var(--sidebar-border);flex-direction:column;gap:24px;padding:20px 14px;display:flex}.brand-block{padding:4px 10px 8px}.brand-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--sidebar-muted);margin-bottom:6px;font-size:11px;font-weight:600}.brand-title{font-family:var(--display);color:#fff;margin:0 0 6px;font-size:1.35rem;font-weight:700;line-height:1.15}.brand-sub{color:var(--sidebar-muted);margin:0;font-size:.82rem;line-height:1.35}.nav-links{flex-direction:column;gap:2px;display:flex}.nav-link{color:var(--sidebar-text);border-radius:4px;padding:10px 12px;font-size:.95rem;font-weight:500}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.active{background:var(--nav-active);color:#fff;font-weight:600}.portal-main{flex-direction:column;min-width:0;min-height:100vh;display:flex}.portal-header{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--line);z-index:20;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky;top:0}.portal-header-label{color:var(--muted);font-size:.88rem;font-weight:500}.role-chip{border:1px solid var(--line);background:var(--primary-soft);color:var(--primary);letter-spacing:.04em;text-transform:uppercase;border-radius:3px;padding:2px 7px;font-size:.7rem;font-weight:700;display:inline-flex}.main-panel{flex:1;padding:22px 24px 32px}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.page-title{font-family:var(--display);letter-spacing:-.01em;margin:0 0 4px;font-size:1.55rem;font-weight:700}.page-sub{color:var(--muted);margin:0;font-size:.92rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.card-pad{padding:16px 18px}.section-title{margin:0 0 12px;font-size:.98rem;font-weight:700}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.stat-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:14px 16px}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:.8rem;font-weight:600}.stat-value{color:var(--brand);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:700;line-height:1}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.input,.select{border:1px solid var(--line);background:var(--surface);min-width:160px;color:var(--ink);border-radius:4px;padding:8px 10px}.input:focus,.select:focus{border-color:var(--primary);outline:2px solid #176b6238}.btn{cursor:pointer;vertical-align:middle;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:8px 12px;font-size:.9rem;font-weight:600;line-height:1.2;display:inline-flex}.btn-sm,.btn-table{min-height:32px;padding:6px 10px;font-size:.84rem}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-secondary:hover:not(:disabled){background:#eef2f4;border-color:#c5ced6}.btn-success{background:var(--passed);color:#fff;border-color:var(--passed)}.btn-success:hover:not(:disabled){background:#1a6e49;border-color:#1a6e49}.btn-danger{background:var(--failed-bg);color:var(--failed);border-color:var(--failed-border)}.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-ghost:hover:not(:disabled){background:#eef2f4}.table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:12px;font-size:.9rem}td.col-action,th.col-action{text-align:center;white-space:nowrap;width:108px}.muted-text{color:var(--muted);font-size:.8rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:#f0f3f5;font-size:.75rem;font-weight:700;position:sticky;top:0}tbody tr:hover{background:#f8fafb}.badge{border:1px solid #0000;border-radius:3px;align-items:center;padding:2px 7px;font-size:.74rem;font-weight:700;display:inline-flex}.badge-pending{background:var(--pending-bg);color:var(--pending);border-color:var(--pending-border)}.badge-passed{background:var(--passed-bg);color:var(--passed);border-color:var(--passed-border)}.badge-failed{background:var(--failed-bg);color:var(--failed);border-color:var(--failed-border)}.badge-incomplete{background:var(--incomplete-bg);color:var(--incomplete);border-color:var(--incomplete-border)}.badge-manual{background:var(--manual-bg);color:var(--manual);border-color:var(--manual-border)}.badge-authorised{background:var(--authorised-bg);color:var(--authorised);border-color:var(--authorised-border)}.badge-none{color:var(--muted);border-color:var(--line);background:#f0f3f5}.badge-yes{background:var(--pending-bg);color:var(--pending);border-color:var(--pending-border)}.badge-no{color:var(--muted);border-color:var(--line);background:#eef2f4}.alert{border-radius:var(--radius);border:1px solid #0000;margin-bottom:14px;padding:11px 13px;font-size:.92rem;font-weight:600}.alert-pending{background:var(--pending-bg);color:var(--pending);border-color:var(--pending-border)}.alert-passed{background:var(--passed-bg);color:var(--passed);border-color:var(--passed-border)}.alert-failed{background:var(--failed-bg);color:var(--failed);border-color:var(--failed-border)}.alert-incomplete{background:var(--incomplete-bg);color:var(--incomplete);border-color:var(--incomplete-border)}.alert-manual{background:var(--manual-bg);color:var(--manual);border-color:var(--manual-border)}.alert-authorised,.alert-info{background:var(--authorised-bg);color:var(--authorised);border-color:var(--authorised-border)}.alert-success{background:var(--passed-bg);color:var(--passed);border-color:var(--passed-border)}.grid-2{grid-template-columns:1.15fr .85fr;gap:14px;display:grid}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.detail-item{border:1px solid var(--line);background:#f8fafb;border-radius:4px;padding:10px 11px}.detail-item label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;font-size:.72rem;font-weight:700;display:block}.detail-item strong{font-size:.92rem;font-weight:600}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-left:2px solid var(--line);margin-left:6px;padding:0 0 14px 18px;position:relative}.timeline li:last-child{padding-bottom:0}.timeline li:before{content:"";background:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;left:-5px}.timeline-time{color:var(--muted);margin-bottom:2px;font-size:.78rem}.row-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:inline-flex}.row-actions-inline{white-space:nowrap;flex-wrap:nowrap;justify-content:flex-start}.table-skus{table-layout:fixed;width:100%;min-width:0!important}.table-skus .col-sku{width:12%}.table-skus .col-product{width:28%}.table-skus .col-verify{width:14%}.table-skus .col-status{width:10%}.table-skus .col-date{width:16%}.table-skus .col-actions-wide{text-align:left;white-space:nowrap;width:20%}.table-skus td,.table-skus th{padding:10px 12px}.table-skus .col-product{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pagination{border-top:1px solid var(--line);background:#f8fafb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.pagination-meta{color:var(--muted);font-size:.86rem}.pagination-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagination-size{color:var(--muted);align-items:center;gap:6px;font-size:.86rem;display:inline-flex}.select-sm{min-width:72px;padding:5px 8px}.pagination-page{color:var(--ink);text-align:center;min-width:88px;font-size:.86rem;font-weight:600}.user-menu{margin-left:auto;position:relative}.user-menu-trigger{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:4px;align-items:center;gap:8px;padding:5px 10px 5px 6px;font-size:.9rem;font-weight:600;display:inline-flex}.user-menu-trigger:hover,.user-menu-trigger.open{background:#eef2f4;border-color:#c5ced6}.user-avatar{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:inline-flex}.user-menu-caret{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--muted);width:0;height:0;margin-left:2px}.user-menu-dropdown{border:1px solid var(--line);z-index:50;background:#fff;border-radius:6px;width:196px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #1a1f1c1f}.user-menu-info{border-bottom:1px solid var(--line);text-align:center;background:#f8fafb;flex-direction:column;align-items:center;gap:4px;padding:12px 12px 10px;display:flex}.user-menu-info strong{font-size:.9rem}.user-menu-info span{color:var(--muted);word-break:break-all;font-size:.78rem;line-height:1.3}.user-menu-info .role-chip{align-self:center;margin-top:4px}.user-menu-item{text-align:center;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;padding:10px 12px;font-weight:600}.user-menu-item:hover{background:#eef2f4}.empty{text-align:center;color:var(--muted);padding:24px}.error-text{color:var(--failed);margin:0 0 10px;font-size:.9rem}.success-text{color:var(--passed);margin:0 0 10px;font-size:.9rem;font-weight:600}.form-group{margin-bottom:12px}.form-group label{margin-bottom:5px;font-size:.88rem;font-weight:600;display:block}.modal-backdrop{z-index:40;background:#17212b6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);width:min(480px,100%);padding:18px}.modal h3{font-family:var(--display);margin:0 0 12px;font-size:1.2rem}.modal-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.guide-box{border:1px solid var(--line);border-left:3px solid var(--primary);background:var(--surface);border-radius:var(--radius);margin-bottom:14px;padding:14px 16px}.guide-box ol{color:var(--muted);margin:0;padding-left:18px;line-height:1.55}.guide-box li+li{margin-top:4px}.login-page-centered{background:radial-gradient(circle at top,#17324d0f,#0000 42%),linear-gradient(#f5f7f8 0%,#eef2f4 100%);place-items:center;min-height:100vh;padding:28px 16px;display:grid}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;width:min(420px,100%);padding:28px 26px 24px;box-shadow:0 10px 28px #17212b14}.login-logo-block{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:18px;padding-bottom:16px;display:flex}.login-mark{background:var(--primary);color:#fff;letter-spacing:.02em;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.95rem;font-weight:700;display:inline-flex}.login-kicker{color:var(--muted);margin-bottom:2px}.login-product-name{font-family:var(--display);color:var(--brand);margin:0;font-size:1.35rem;line-height:1.2}.login-card h2{font-family:var(--display);margin:0 0 6px;font-size:1.35rem}.login-card .login-lead{color:var(--muted);margin:0 0 18px;font-size:.92rem}.portal-header-left{align-items:center;gap:10px;min-width:0;display:flex}.menu-toggle{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:4px;flex-direction:column;justify-content:space-between;width:38px;height:34px;padding:8px 7px;display:none}.menu-toggle span{background:var(--brand);border-radius:2px;height:2px;display:block}.nav-backdrop{background:0 0;border:none;margin:0;padding:0;display:none}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}.main-panel{padding:18px}.page-title{font-size:1.4rem}}@media (width<=960px){:root{--sidebar-w:210px}.topbar{flex-direction:column;align-items:stretch}.topbar .row-actions{justify-content:flex-start}.toolbar .input,.toolbar .select{flex:160px;min-width:0}.table-skus{table-layout:auto;min-width:720px!important}.row-actions-inline{flex-wrap:wrap}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.menu-toggle{display:inline-flex}.sidebar{z-index:60;width:min(280px,86vw);padding:18px 14px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:8px 0 24px #0000002e}.app-shell.nav-open .sidebar{transform:translate(0)}.nav-backdrop{z-index:55;opacity:0;pointer-events:none;background:#10181473;transition:opacity .2s;display:block;position:fixed;inset:0}.app-shell.nav-open .nav-backdrop{opacity:1;pointer-events:auto}.nav-links{flex-flow:column}.portal-header{gap:10px;height:auto;min-height:52px;padding:8px 12px}.portal-header-label{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.user-menu-name{display:none}.user-menu-dropdown{width:180px}.main-panel{padding:14px 12px 24px}.stats-grid,.detail-grid{grid-template-columns:1fr}.page-title{font-size:1.28rem}.page-sub{font-size:.88rem}.toolbar{flex-direction:column;align-items:stretch}.toolbar .input,.toolbar .select,.toolbar .btn{width:100%;min-width:0}.topbar .row-actions{width:100%}.topbar .row-actions .btn{flex:auto}.card-pad,.guide-box{padding:12px 14px}.pagination{flex-direction:column;align-items:stretch;gap:10px}.pagination-controls{justify-content:space-between}.pagination-page{min-width:0}table{min-width:680px}.table-skus{min-width:680px!important}.modal{width:min(100%,420px);margin:0 auto}.modal-actions{flex-wrap:wrap}.modal-actions .btn{flex:auto}}@media (width<=480px){body{font-size:14px}.login-page-centered{padding:16px 12px}.login-card{border-radius:6px;padding:20px 16px 18px}.login-product-name,.login-card h2,.brand-title{font-size:1.2rem}.brand-sub{font-size:.78rem}.portal-header-label{display:none}.stat-value{font-size:1.45rem}.topbar .row-actions{flex-direction:column}.topbar .row-actions .btn{width:100%}.pagination-controls{gap:6px}.pagination-controls .btn{flex:90px}th,td{padding:9px 10px;font-size:.84rem}}@media (prefers-reduced-motion:reduce){.sidebar,.nav-backdrop{transition:none}}