:root{--color-page: #f6f8fc;--color-surface: #ffffff;--color-surface-soft: #f8fafd;--color-border: #e2e8f0;--color-border-strong: #c8d6e7;--color-text: #111827;--color-muted: #6b7280;--color-primary: #0b63ce;--color-primary-hover: #074ea4;--color-primary-soft: #eaf3ff;--color-primary-ink: #0a4c9a;--color-success: #0f7a4f;--color-success-soft: #e5f7ee;--color-warning: #a76100;--color-warning-soft: #fff3d8;--color-danger: #a53a32;--color-danger-soft: #fff0ee;--shadow-card: 0 8px 22px rgba(15, 23, 42, .045);--shadow-panel: 0 18px 48px rgba(15, 23, 42, .1);--space-card: 14px;color:var(--color-text);background:var(--color-page);font-family:Noto Sans Thai,Segoe UI,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--color-page)}button,input,select{font:inherit}button{border:0;border-radius:6px;padding:9px 13px;background:var(--color-primary);color:#fff;font-weight:800;cursor:pointer}button:hover:not(:disabled){background:var(--color-primary-hover)}button:disabled{cursor:not-allowed;opacity:.55}input,select{min-height:38px;border:1px solid var(--color-border);border-radius:6px;padding:9px 11px;background:var(--color-surface);color:var(--color-text)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:6px;font-size:24px;line-height:1.18;letter-spacing:0}h2{margin-bottom:0;font-size:18px;line-height:1.3;letter-spacing:0}.admin-shell{min-height:100vh;display:grid;grid-template-columns:212px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--color-border);background:var(--color-surface);display:flex;flex-direction:column;padding:18px 14px;z-index:20}.brand{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;padding:4px 8px 22px}.logo-frame{display:grid;place-items:center;overflow:visible}.logo-frame img{display:block;width:100%;max-width:none;height:auto;max-height:100%;object-fit:contain}.logo-sidebar{width:176px;height:64px}.logo-login{width:min(250px,100%);height:92px;margin:0 auto 18px}.logo-mobile{display:none;width:132px;height:48px}.brand-subtitle,.muted{color:var(--color-muted);font-size:13px}.brand-subtitle{font-weight:800;line-height:1.2;letter-spacing:2px;text-align:center}.nav-list{display:grid;gap:14px}.nav-group{display:grid;gap:6px}.nav-section-label{color:#9aa8ba;font-size:11px;font-weight:850;padding:0 10px 4px}.nav-list a,.nav-action{display:flex;align-items:center;gap:9px;width:100%;border:0;border-radius:12px;background:transparent;color:var(--color-text);cursor:pointer;font-size:14px;font-weight:800;padding:9px 11px;text-align:left;text-decoration:none}.nav-icon,.section-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--color-primary-soft);color:var(--color-primary-ink);font-size:18px;font-weight:950}.nav-list a:hover,.nav-action:hover,.nav-action:focus-visible{background:var(--color-primary-soft);color:var(--color-primary-ink)}.safe-mode{display:grid;grid-template-columns:24px minmax(0,1fr);gap:2px 9px;margin-top:auto;border-radius:14px;background:#e9fbf2;color:var(--color-success);padding:12px}.safe-mode span{grid-row:span 2;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#22c55e;color:#fff;font-weight:950}.safe-mode strong{font-size:14px}.safe-mode small{color:#318260;font-weight:750}.nav-disabled{color:#9aa8ba!important;pointer-events:none}.scrim{display:none}.main-panel{min-width:0;padding:0 22px 24px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:54px;margin:0 -22px 18px;border-bottom:1px solid var(--color-border);background:#ffffffc2;padding:0 22px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-button{display:none;background:var(--color-surface);color:var(--color-primary-ink);border:1px solid var(--color-border)}.compact-brand{display:flex;align-items:center;gap:10px}.topbar-status,.user-box,.mode-stack,.table-actions,.pagination>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.user-box{justify-content:flex-end;min-width:0}.user-meta span{color:var(--color-muted);font-size:12px;font-weight:700}.user-meta strong{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);font-size:12px;font-weight:950}.dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;padding:0}.hero-copy{margin-bottom:0;color:var(--color-muted);line-height:1.45}.eyebrow{margin-bottom:6px;color:var(--color-primary);font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.mode-pill,.tag{display:inline-flex;align-items:center;min-height:28px;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:900;white-space:nowrap}.mode-pill{border:1px solid var(--color-border-strong);background:var(--color-primary-soft);color:var(--color-primary-ink)}.process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-self:start;align-items:center;gap:0;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);padding:8px 12px;box-shadow:var(--shadow-card)}.process-step{position:relative;display:flex;align-items:center;gap:10px}.process-step:not(:last-child):after{content:"";flex:1;height:1px;margin-left:10px;background:var(--color-border)}.process-step>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);font-size:12px;font-weight:950}.process-step-done>span{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.process-step strong,.process-step small{display:block}.process-step strong{font-size:13px}.process-step small{color:var(--color-muted);font-size:11px;font-weight:700}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:14px;margin-top:14px}.content-main{display:grid;align-items:start;grid-auto-rows:max-content;gap:10px;min-width:0}.content-side{min-width:0}.card,.alert,.warning,.success-banner{border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface)}.card{padding:var(--space-card);box-shadow:var(--shadow-card)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px}.alert,.warning,.success-banner{padding:13px 15px;font-weight:750;max-inline-size:100%;overflow-wrap:anywhere;word-break:break-word}.alert{border-color:#f0b8b3;background:var(--color-danger-soft);color:var(--color-danger)}.warning{border-color:#efd18b;background:var(--color-warning-soft);color:var(--color-warning)}.warning-compact{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;font-size:13px;line-height:1.35}.warning-compact code{border-radius:6px;background:#a761001a;padding:2px 6px;color:inherit;font-weight:900}.repreview-actions{display:flex;align-items:end;gap:8px;width:100%}.repreview-actions label{display:grid;gap:3px;min-width:min(100%,210px);font-size:11px}.repreview-actions select,.repreview-actions button{min-height:32px;font-size:12px}.reclassification-notice{border:1px solid #abd9c7;border-radius:10px;background:var(--color-success-soft);color:var(--color-success);padding:8px 10px;font-size:13px;font-weight:750}.reclassification-notice code{font-weight:900}.success-banner{display:flex;gap:12px;flex-wrap:wrap;border-color:#abd9c7;background:var(--color-success-soft);color:var(--color-success)}.upload-card{display:grid;align-self:start;grid-auto-rows:max-content;gap:7px;padding:10px}.upload-card .card-header{margin-bottom:0}.required-pill,.file-type-pill{border-radius:999px;background:var(--color-danger-soft);color:var(--color-danger);padding:6px 10px;font-size:11px;font-weight:900}.required-pill-ready,.file-type-pill{background:var(--color-primary-soft);color:var(--color-primary-ink)}.mapping-select{display:grid;gap:4px}.upload-card select{min-height:34px;padding:7px 10px}.selected-mapping{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #bfe7d2;border-radius:10px;background:#f0fff7;padding:8px 10px}.mapping-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:0;background:transparent;color:var(--color-primary-ink);font-size:11px;font-weight:950}.mapping-icon img{width:24px;height:24px;object-fit:contain}.selected-mapping strong,.selected-mapping span,.selected-mapping small{display:block}.selected-mapping span,.selected-mapping small{color:var(--color-muted);font-size:11px;font-weight:750}.selected-mapping small{border-radius:999px;background:#dcfce7;color:var(--color-success);padding:5px 8px}.upload-divider{height:1px;background:var(--color-border)}.upload-step-heading{margin-bottom:0}.mapping-select span{color:var(--color-muted);font-size:.87rem;font-weight:800}.drop-zone{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;justify-items:start;min-height:58px;padding:7px 10px;border:1px dashed #b8c5d7;border-radius:12px;background:var(--color-surface-soft);color:#42566f;cursor:pointer;text-align:left}.drop-icon{display:grid;grid-row:1 / span 2;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--color-primary-soft);color:var(--color-primary);font-size:16px;font-weight:900}.drop-zone-active{border-color:var(--color-primary);background:var(--color-primary-soft)}.drop-zone input{width:1px;height:1px;opacity:0;overflow:hidden;position:absolute}.drop-zone strong{display:block;margin-bottom:2px;color:var(--color-text);font-size:13px;line-height:1.2}.drop-zone>span:last-child{color:var(--color-muted);font-size:12px;line-height:1.2}.upload-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.preview-submit{display:flex;align-items:center;justify-content:center;gap:10px;min-height:36px;background:#94a3b8}.preview-submit:hover:not(:disabled){background:var(--color-primary)}.meta{display:grid;gap:4px}.meta span,.zort-metrics span,.history-item span{color:var(--color-muted);font-size:12px;font-weight:750}.meta strong,.zort-metrics strong{display:block;margin-top:3px;overflow-wrap:anywhere}.zort-card{display:block;align-self:start;height:auto;min-height:0;padding:0}.zort-card-empty{padding:10px 12px}.zort-empty-state{display:flex;align-items:center;gap:10px}.zort-empty-state div{display:grid;gap:3px;min-width:0}.zort-empty-state strong{color:var(--color-text);font-size:13px;line-height:1.2}.zort-empty-state small{color:var(--color-muted);font-size:11px;font-weight:750;line-height:1.35}.zort-card summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;cursor:pointer;font-weight:900}.zort-card summary span{display:inline-flex;align-items:center;gap:8px}.zort-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 12px 12px}.zort-metrics>div,.metric{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-soft);padding:8px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));align-self:start;align-items:start;gap:10px}.kpi-card{align-self:start;min-height:62px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);padding:10px 12px;text-align:left;box-shadow:var(--shadow-card)}.kpi-card span,.metric span{color:var(--color-muted);font-size:12px;font-weight:850}.kpi-card strong,.metric strong{display:block;margin-top:4px;font-size:22px;line-height:1}.kpi-neutral{border-color:#c8d4e3;background:#f8fbff}.kpi-success{border-color:#a7dcc3;background:var(--color-success-soft)}.kpi-success strong{color:var(--color-success)}.kpi-warning{border-color:#efd18b;background:var(--color-warning-soft)}.kpi-warning strong{color:var(--color-warning)}.kpi-danger{border-color:#f0b8b3;background:var(--color-danger-soft)}.kpi-danger strong{color:var(--color-danger)}.kpi-active{border-color:var(--color-primary);box-shadow:inset 0 0 0 2px #0b5fc71f,var(--shadow-card)}.table-card{min-width:0;padding:0;overflow:hidden}.table-heading,.table-toolbar,.action-row,.pagination{padding:10px 12px}.table-heading{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,auto);align-items:center;gap:12px;margin-bottom:0;border-bottom:1px solid var(--color-border)}.table-actions button,.pagination button,.user-box button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary-ink)}.table-actions button:hover:not(:disabled),.pagination button:hover:not(:disabled),.user-box button:hover:not(:disabled){background:var(--color-primary-soft)}.confirmation-bar{display:grid;grid-template-columns:max-content minmax(150px,170px) minmax(260px,320px) max-content max-content;align-items:center;justify-content:end;gap:8px 10px;max-width:100%}.confirmation-bar .selected-count{color:var(--color-primary-ink);font-size:13px;font-weight:900;white-space:nowrap}.global-payment-date{display:grid;gap:2px;min-width:0}.global-payment-date span,.global-payment-method span,.global-payment-date small{color:var(--color-muted);font-size:11px;font-weight:800}.confirmation-bar .global-payment-date{display:flex;align-items:center;gap:6px;min-width:260px}.confirmation-bar .global-payment-method{display:flex;align-items:center;gap:6px;min-width:0}.confirmation-bar .global-payment-method span{color:var(--color-muted);font-size:11px;font-weight:900;white-space:nowrap}.global-payment-method select{width:100%;min-height:34px;padding:6px 9px}.confirmation-bar .global-payment-date span{color:var(--color-muted);font-size:11px;font-weight:900;white-space:nowrap}.confirmation-bar .global-payment-date small{display:none}.global-payment-date input{width:100%;min-width:190px;min-height:34px;padding:6px 9px}.confirm-selected-button{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.confirm-selected-button:hover:not(:disabled){background:var(--color-primary-hover)}.pilot-open-button,.pilot-submit-button{border-color:var(--color-warning);background:#fff7ed;color:#9a3412;font-weight:900}.pilot-open-button:hover:not(:disabled),.pilot-submit-button:hover:not(:disabled){background:#ffedd5}.manual-review-button{min-height:30px;padding:5px 8px;border:1px solid var(--color-warning);background:#fff7ed;color:#9a3412;font-size:12px;font-weight:800}.manual-review-button:hover{background:#ffedd5}.bulk-review-bar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:10px;color:var(--color-muted);font-size:13px}.bulk-review-bar button{min-height:32px;padding:5px 9px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface);color:var(--color-primary-ink);font-weight:800}.bulk-review-bar .manual-review-button{border-color:var(--color-warning);background:#fff7ed;color:#9a3412}.bulk-review-orders{display:flex;flex-wrap:wrap;gap:6px;max-height:128px;overflow:auto;padding:14px 18px 0}.bulk-review-orders code,.bulk-review-summary code{overflow-wrap:anywhere}.bulk-review-summary{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:12px;padding:11px 13px;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;color:var(--color-primary-ink);font-size:13px}.bulk-review-summary strong{width:100%}.bulk-review-summary ul{width:100%;max-height:140px;margin:0;padding-left:18px;overflow:auto}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0f172a6b}.payment-pilot-modal{width:min(720px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:18px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 24px 60px #0f172a3d}.nav-list a.nav-active{background:var(--color-primary);color:#fff}.nav-list a.nav-active .nav-icon{background:#ffffff2e;color:#fff}.dashboard-v11{display:grid;gap:16px}.dashboard-v11-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:8px 0 2px}.dashboard-v11-header h1{margin:0 0 6px;font-size:27px;color:#16365f}.dashboard-v11-header p{margin:0;color:var(--color-muted)}.dashboard-toolbar{display:grid;justify-items:end;gap:7px}.dashboard-date{border:1px solid #dbeafe;border-radius:999px;background:#f8fbff;color:#52709a;padding:8px 11px;font-size:12px;font-weight:800;white-space:nowrap}.dashboard-date span{color:#1e9b65}.dashboard-filter-row,.dashboard-custom-range{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.dashboard-filter-row button,.dashboard-custom-range button{min-height:30px;padding:5px 9px;border:1px solid #dbe7f4;background:#fff;color:#52709a;font-size:11px}.dashboard-filter-row .dashboard-filter-active{border-color:#1d70c9;background:#eaf3ff;color:#1458a8}.dashboard-filter-row .dashboard-refresh{border-color:#1d70c9;background:#1d70c9;color:#fff}.dashboard-custom-range label{display:flex;align-items:center;gap:5px;color:var(--color-muted);font-size:11px;font-weight:800}.dashboard-custom-range input{min-height:30px;padding:4px 7px;font-size:12px}.dashboard-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.dashboard-kpi{display:flex;gap:9px;min-width:0;border:1px solid var(--color-border);border-radius:12px;background:#fff;padding:13px;box-shadow:var(--shadow-card)}.dashboard-kpi>div{min-width:0;display:grid;gap:1px}.dashboard-kpi>div>span,.dashboard-kpi small{overflow:hidden;color:var(--color-muted);font-size:11px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.dashboard-kpi strong{color:#193c6a;font-size:24px;line-height:1.15}.dashboard-kpi-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#eaf3ff;color:#0b63ce;font-weight:950}.dashboard-kpi-green .dashboard-kpi-icon,.dashboard-kpi-success .dashboard-kpi-icon{background:#e7f8ef;color:#168657}.dashboard-kpi-amber .dashboard-kpi-icon{background:#fff4d9;color:#b66b00}.dashboard-kpi-red .dashboard-kpi-icon{background:#fff0ee;color:#c24c43}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.85fr);gap:14px;align-items:start}.dashboard-primary,.dashboard-side{display:grid;gap:14px}.dashboard-card{border:1px solid var(--color-border);border-radius:13px;background:#fff;box-shadow:var(--shadow-card);padding:16px}.dashboard-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.dashboard-card .eyebrow{margin-bottom:3px;font-size:10px}.dashboard-card h2{color:#183966;font-size:17px}.dashboard-card-heading button{min-height:32px;padding:6px 10px;font-size:12px}.text-button{background:transparent!important;color:var(--color-primary)!important;padding-right:0!important}.channel-list{display:grid;gap:8px}.channel-row{display:grid;grid-template-columns:30px minmax(90px,1fr) minmax(82px,.8fr) minmax(90px,1.4fr) auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid #edf2f8;color:var(--color-muted);font-size:12px}.channel-row:first-child{border-top:0}.channel-row strong{color:#203b61;font-size:13px}.channel-row em{color:#168657;font-size:11px;font-style:normal;font-weight:850;white-space:nowrap}.channel-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#fff;font-size:12px;font-weight:950}.channel-mark.shopee{background:#ee4d2d}.channel-mark.lazada{background:#263fce}.channel-mark.tiktok{background:#151b29}.channel-progress{overflow:hidden;height:7px;border-radius:999px;background:#e8eff8}.channel-progress i{display:block;height:100%;border-radius:inherit;background:#2c82dc}.dashboard-import-list{display:grid}.dashboard-import-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #edf2f8}.dashboard-import-row strong,.dashboard-import-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-import-row strong{color:#203b61;font-size:13px}.dashboard-import-row small{margin-top:2px;color:var(--color-muted);font-size:11px}.import-status{border-radius:999px;background:#e7f8ef;color:#168657;padding:4px 7px;font-size:10px;font-weight:850;white-space:nowrap}.import-status.is-warning{background:#fff4d9;color:#aa6500}.action-card{padding-bottom:8px}.action-item{display:flex;justify-content:space-between;width:100%;border-top:1px solid #edf2f8;border-radius:0;background:transparent;color:inherit;padding:12px 0;text-align:left}.action-item:hover{background:transparent!important}.action-item strong,.action-item small{display:block}.action-item strong{color:#28466e;font-size:13px}.action-item small{margin-top:3px;color:var(--color-muted);font-size:11px}.action-item b{color:var(--color-primary);font-size:11px}.system-card{background:linear-gradient(145deg,#f8fbff,#fff)}.system-card>.eyebrow{margin-bottom:3px}.system-card h2{margin-bottom:13px}.system-line{border-top:1px solid #e9f0f7;padding:9px 0;color:#507096;font-size:12px;font-weight:700}.system-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#25ae73}.role-summary{display:flex;justify-content:space-between;margin-top:4px;border-radius:9px;background:#eaf3ff;padding:10px;color:#547198;font-size:12px}.role-summary strong{color:#1458a8}.dashboard-feedback{display:grid;justify-items:start;gap:5px;border:1px dashed #cdddec;border-radius:12px;background:#f8fbff;padding:22px;color:#537093;font-size:13px}.dashboard-feedback strong{color:#203b61;font-size:15px}.dashboard-feedback button{margin-top:5px;min-height:32px;padding:6px 10px;font-size:12px}.dashboard-error{border-color:#f0b7b2;background:#fff8f7}.dashboard-error strong{color:#a93e36}.dashboard-inline-empty{margin:0;padding:14px 0;color:var(--color-muted);font-size:12px;font-weight:750}.dashboard-skeleton{display:grid;gap:14px}.dashboard-skeleton-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.85fr);gap:14px}.dashboard-skeleton-block{min-height:180px;border-radius:13px;background:linear-gradient(90deg,#f3f7fb 20%,#e8f0f8 38%,#f3f7fb 60%);background-size:200% 100%;animation:dashboard-shimmer 1.2s ease-in-out infinite}.dashboard-skeleton-kpi{min-height:86px}@keyframes dashboard-shimmer{to{background-position:-200% 0}}.bulk-payment-modal{width:min(860px,100%)}.user-management-modal{position:relative;width:min(1080px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);box-shadow:0 24px 60px #0f172a3d;padding:20px}.user-management-modal h2{margin:2px 48px 6px 0;color:var(--color-primary-ink);font-size:22px}.modal-close{position:absolute;top:14px;right:14px;border:1px solid var(--color-border-strong);border-radius:6px;background:var(--color-surface);color:var(--color-primary-ink);font-weight:800}.modal-close:hover,.modal-close:focus-visible{background:var(--color-primary-soft)}.modal-copy{margin:0;color:var(--color-muted);font-size:13px}.user-create-form{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(190px,1fr) minmax(140px,.65fr) auto;align-items:end;gap:10px;margin:18px 0 12px;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-soft)}.user-create-form label{display:grid;gap:5px}.user-create-form label span{color:var(--color-muted);font-size:12px;font-weight:800}.user-management-message{margin:10px 0;padding:9px 11px;border:1px solid #bfdbfe;border-radius:6px;background:#eff6ff;color:var(--color-primary-ink);font-size:13px}.user-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:8px}.user-management-table{width:100%;min-width:790px;border-collapse:collapse;font-size:13px}.user-management-table th,.user-management-table td{padding:10px;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle}.user-management-table th{background:var(--color-surface-soft);color:var(--color-muted);font-size:12px}.user-management-table tr:last-child td{border-bottom:0}.user-password-reset{display:flex;gap:6px}.user-password-reset input{min-width:150px}.user-active,.user-inactive{display:inline-block;border-radius:999px;padding:3px 7px;font-size:12px;font-weight:800}.user-active{background:#dcfce7;color:#166534}.user-inactive{background:#fee2e2;color:#991b1b}.modal-header,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0;font-size:20px}.modal-header button,.modal-actions button{border:1px solid var(--color-border);background:var(--color-surface)}.pilot-order-summary,.pilot-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 18px 0}.pilot-order-summary div,.pilot-form-grid label,.pilot-safety-note,.pilot-final-confirm,.pilot-result{border:1px solid var(--color-border);border-radius:12px;background:#f8fbff;padding:10px 12px}.manual-review-content{display:grid;gap:10px;padding:16px 18px 0}.manual-review-content p{margin:0;color:var(--color-muted);font-size:13px;line-height:1.55}.manual-review-content label{display:grid;gap:4px}.manual-review-content label span{color:var(--color-muted);font-size:12px;font-weight:800}.manual-review-actions{border-top:0}.pilot-order-summary span,.pilot-form-grid span{display:block;color:var(--color-muted);font-size:12px;font-weight:800}.pilot-order-summary strong{display:block;margin-top:3px;color:var(--color-primary-ink);font-size:15px}.bulk-payment-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.bulk-payment-orders,.bulk-result-list{display:grid;gap:6px;margin:12px 18px 0}.bulk-payment-orders{max-height:180px;overflow:auto;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-soft);padding:8px}.bulk-payment-order,.bulk-result-row{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(120px,.9fr) minmax(95px,.55fr);align-items:center;gap:8px;border-radius:8px;background:var(--color-surface);padding:8px 10px;font-size:13px}.bulk-payment-order strong,.bulk-result-row strong{color:var(--color-primary-ink)}.bulk-payment-order span,.bulk-result-row small,.bulk-result-row em{color:var(--color-muted);font-style:normal;font-weight:750}.bulk-payment-result{display:grid;gap:10px;margin:12px 18px 0;border:1px solid var(--color-border);border-radius:12px;background:#f8fbff;padding:10px 12px}.payment-status-refresh-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid rgba(37,99,235,.16);border-radius:8px;background:#eff6ffdb}.payment-status-refresh-panel div{display:grid;gap:3px;min-width:0}.payment-status-refresh-panel strong{color:var(--color-ink);font-size:.92rem}.payment-status-refresh-panel span,.payment-status-refresh-panel em{color:var(--color-muted);font-size:.82rem;overflow-wrap:anywhere}.payment-status-refresh-panel em{color:var(--color-warning);font-style:normal}.payment-status-refresh-panel button{flex:0 0 auto;min-height:36px}.bulk-confirmation-single-action{padding:12px 14px}.bulk-confirmation-single-action strong,.bulk-confirmation-single-action span{display:block}.bulk-confirmation-single-action span{margin-top:4px;color:var(--color-muted);font-size:.82rem}.bulk-result-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.bulk-result-summary strong{color:var(--color-primary-ink)}.bulk-result-summary span{border-radius:999px;background:var(--color-surface);padding:4px 8px;color:var(--color-muted);font-size:12px;font-weight:900}.bulk-result-row{grid-template-columns:minmax(140px,1fr) minmax(90px,.45fr) minmax(120px,.55fr) minmax(180px,1.35fr);border:1px solid var(--color-border)}.pilot-form-grid select,.pilot-form-grid input{width:100%;margin-top:6px}.pilot-safety-note,.pilot-final-confirm,.pilot-result{margin:12px 18px 0}.pilot-final-confirm{display:flex;align-items:center;gap:10px;font-weight:900}.pilot-result{display:grid;gap:4px}.pilot-result-paid{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.pilot-result-unknown{border-color:#fed7aa;background:#fff7ed;color:#9a3412}.pilot-result-blocked{border-color:#fecaca;background:#fef2f2;color:#991b1b}.modal-actions{justify-content:flex-end;margin-top:16px;border-top:1px solid var(--color-border);border-bottom:0}.table-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,220px) minmax(130px,160px);gap:10px}.table-wrap{max-width:100%;overflow-x:auto}table{width:100%;min-width:1180px;border-collapse:separate;border-spacing:0}th,td{border-bottom:1px solid #e5edf6;padding:10px 12px;text-align:left;vertical-align:top}th{position:sticky;top:0;z-index:2;background:var(--color-surface-soft);color:#50627a;font-size:12px;font-weight:900;text-transform:uppercase}.table-check{display:inline-flex;align-items:center;gap:8px}td{color:#26364e;font-size:13px}.payment-date-cell{display:grid;gap:4px;min-width:178px}.payment-date-cell input{min-height:34px;padding:6px 8px}.payment-date-cell span{color:var(--color-muted);font-size:11px;font-weight:800}.payment-date-required input{border-color:var(--color-warning);background:var(--color-warning-soft)}.order-cell{color:var(--color-text);font-weight:900}tbody tr:hover{background:var(--color-surface-soft)}.tag-READY,.tag-READY_TO_MARK_PAID,.tag-DRY_RUN_VERIFIED{background:var(--color-success-soft);color:var(--color-success)}.tag-READY_WITH_WARNING,.tag-AMOUNT_DIFFERENCE,.tag-REVIEW_REQUIRED,.tag-AMBIGUOUS_MATCH{background:#fff1c9;color:var(--color-warning)}.tag-ALREADY_PAID{background:var(--color-primary-soft);color:var(--color-primary-ink)}.tag-NOT_FOUND,.tag-STORE_MISMATCH,.tag-PLATFORM_MISMATCH,.tag-BLOCKED{background:#ffe4dc;color:var(--color-danger)}.action-row,.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--color-muted);font-size:14px;font-weight:750}.empty-state{padding:24px 16px;color:var(--color-muted);font-weight:800}.history-panel{position:sticky;top:16px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:10px;height:min(640px,calc(100vh - 32px));padding:14px}.history-list{display:grid;align-content:start;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.history-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:8px;width:100%;border:0;border-bottom:1px solid var(--color-border);border-radius:0;background:var(--color-surface);color:var(--color-text);padding:7px 0;text-align:left;box-shadow:none}.history-item:hover{background:var(--color-surface-soft)}.history-item strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.history-item-content{display:grid;min-width:0;gap:2px}.history-item-meta{display:block;overflow:hidden;font-size:11px!important;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.history-platform{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e9fbf2;color:var(--color-success);font-size:11px;font-weight:950}.history-arrow,.history-more{color:var(--color-muted);font-weight:950}.history-search{width:100%;background:var(--color-surface-soft)}.history-all{justify-self:start;padding:2px 0;background:transparent;color:var(--color-primary);font-size:13px;font-weight:900;text-align:left;text-decoration:none}.history-all:hover:not(:disabled){background:transparent;color:var(--color-primary-hover);text-decoration:underline}.help-card{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;border-radius:12px;background:var(--color-surface-soft);padding:10px}.help-card>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);font-weight:950}.help-card strong,.help-card small{display:block}.help-card small{color:var(--color-muted);font-weight:750}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--color-page)}.login-card{width:min(420px,100%);border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);padding:24px;box-shadow:var(--shadow-panel)}.login-card label{display:grid;gap:7px;margin-bottom:13px;color:#40516a;font-size:14px;font-weight:800}.login-card input{width:100%}.login-card button{width:100%;margin-top:4px}.portal-shell{min-height:100vh;background:var(--color-page);color:var(--color-text)}.portal-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:86px;padding:12px clamp(20px,5vw,72px);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.portal-topbar .logo-sidebar{width:176px;height:56px;margin:0}.portal-user{display:flex;align-items:center;gap:12px;color:var(--color-muted);font-size:13px}.portal-user strong{color:var(--color-primary-ink);font-size:14px}.portal-user button,.portal-primary-link{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-primary-ink);cursor:pointer;font-weight:800;padding:9px 13px;text-decoration:none}.portal-content{width:min(1080px,calc(100% - 40px));margin:0 auto;padding:clamp(44px,8vw,92px) 0}.portal-content h1{margin:0 0 8px;color:var(--color-primary-ink);font-size:clamp(30px,4vw,46px)}.portal-copy{margin:0 0 28px;color:var(--color-muted);font-size:15px;font-weight:650}.portal-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.portal-app-card{display:grid;min-height:170px;align-content:space-between;gap:12px;padding:22px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow-panel);color:var(--color-text);text-decoration:none;transition:border-color .12s ease,transform .12s ease}.portal-app-card:hover,.portal-app-card:focus-visible{border-color:var(--color-primary);transform:translateY(-2px)}.portal-app-card strong{color:var(--color-primary-ink);font-size:20px}.portal-app-card span{color:var(--color-muted);line-height:1.6}.portal-app-card b{color:var(--color-primary);font-size:13px}.portal-denied{max-width:680px}.portal-page-card{max-width:none;margin:0}@media(max-width:760px){.portal-topbar{align-items:flex-start;flex-direction:column}.portal-user{flex-wrap:wrap}.portal-card-grid{grid-template-columns:1fr}}@media(max-width:1160px){.dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-shell{grid-template-columns:216px minmax(0,1fr)}.content-grid{grid-template-columns:minmax(0,1fr)}.content-side,.history-panel{position:static}.history-panel{height:min(600px,calc(100vh - 32px))}}@media(max-width:860px){.dashboard-layout{grid-template-columns:1fr}.dashboard-side{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:260px;transform:translate(-100%);transition:transform .16s ease}.sidebar-open{transform:translate(0)}.scrim{display:block;position:fixed;inset:0;z-index:10;border-radius:0;background:#13221b57;padding:0}.main-panel{padding:14px}.menu-button{display:inline-flex}.logo-mobile{display:grid}.dashboard-hero,.topbar,.card-header{grid-template-columns:1fr;align-items:flex-start}.dashboard-hero{display:grid;padding:18px}.topbar{margin:0 -14px 18px;padding:0 14px;flex-direction:column;gap:12px}.compact-brand{justify-content:space-between;width:100%}.user-box{justify-content:flex-start}.zort-metrics,.table-toolbar{grid-template-columns:1fr}.table-heading{grid-template-columns:minmax(140px,auto) minmax(0,1fr)}.confirmation-bar{grid-template-columns:max-content minmax(150px,170px) minmax(260px,1fr);justify-content:end}.confirmation-bar .confirm-selected-button{grid-column:3;justify-self:end}.action-row,.pagination{align-items:flex-start;flex-direction:column}}@media(max-width:760px){.user-management-modal{padding:16px}.user-create-form{grid-template-columns:1fr}.user-create-form button{justify-self:start}}@media(max-width:520px){.dashboard-v11-header{display:grid;align-items:start}.dashboard-date{justify-self:start;white-space:normal}.dashboard-kpis,.dashboard-side{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-kpi{padding:10px}.dashboard-kpi-icon{display:none}.dashboard-kpi strong{font-size:21px}.dashboard-side{display:grid;grid-template-columns:1fr}.system-card{grid-column:auto}.action-item{gap:12px}.action-item b{flex:0 0 auto;white-space:nowrap}.channel-row{grid-template-columns:30px minmax(0,1fr) auto}.channel-row>span:not(.channel-mark),.channel-progress{display:none}.channel-row em{grid-column:3}h1{font-size:24px}.table-heading{display:grid}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.confirmation-bar{grid-template-columns:1fr;justify-content:stretch}.confirmation-bar .selected-count{white-space:normal}.confirmation-bar .global-payment-method,.confirmation-bar .global-payment-date,.confirmation-bar .confirm-selected-button{width:100%}.confirmation-bar .global-payment-date{min-width:0}.confirmation-bar .confirm-selected-button{grid-column:auto;justify-self:stretch}.topbar-status{display:none}.logo-mobile{width:124px;height:44px}.upload-meta{grid-template-columns:1fr}}
