:root{--gcems-navy: #071f41;--gcems-blue: #145da0;--gcems-blue-strong: #0d477f;--gcems-sky: #d8ecff;--gcems-gold: #f5c542;--gcems-red: #b4232f;--gcems-green: #14845f;--gcems-gray: #eef2f7;--gcems-text: #142033;--gcems-muted: #607086;--ui-bg: #eef2f7;--ui-surface: #ffffff;--ui-border: #c5cfdb;--ui-border-strong: #204f90;--ui-text: #1c2734;--ui-muted: #435064;--ui-primary: var(--gcems-blue);--ui-primary-hover: var(--gcems-blue-strong);--ui-accent: var(--gcems-gold);--ui-accent-soft: #fff8d8;--ui-accent-border: #d7ba4f;--ui-accent-text: #5a4a19;--ui-danger: #a6212c;--ui-radius: 12px;--ui-shadow: 0 8px 24px rgba(32, 79, 144, .14);font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ui-text);background:var(--ui-bg)}h1,h2,h3,p{margin:0}input,button{font:inherit}input{width:100%;border:1px solid var(--ui-border);border-radius:10px;background:#f8fbfb;padding:.6rem .75rem}input[type=checkbox]{width:auto}button{cursor:pointer}.ui-shell{width:min(980px,100%);margin:0 auto;padding:1.25rem}.ui-shell-center{min-height:100dvh;display:grid;place-items:center}.ui-desktop-max{width:min(1200px,100%)}.ui-card{border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);box-shadow:var(--ui-shadow);padding:1rem}.ui-brand{display:flex;align-items:center;gap:.75rem}.ui-brand-logo{width:68px;height:68px;border-radius:999px;border:2px solid var(--ui-border);background:#fff}.ui-brand-compact .ui-brand-logo{width:52px;height:52px}.ui-brand-compact h1{font-size:1.15rem}.ui-brand-kicker{color:var(--ui-primary);font-size:.84rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.ui-card-narrow{width:min(420px,100%)}.ui-panel{border:1px solid var(--ui-border);border-radius:10px;background:#f6f9fd;padding:.85rem}.ui-order-card{width:100%;text-align:left;display:grid;gap:.35rem}.ui-stack-xs,.ui-stack-md,.ui-stack-lg{display:grid}.ui-stack-xs{gap:.4rem}.ui-stack-md{gap:.75rem}.ui-stack-lg{gap:1rem}.ui-row-between{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.ui-row-wrap{display:flex;flex-wrap:wrap;gap:.65rem}.ui-row-equal{align-items:stretch}.ui-row-start{align-items:flex-start}.ui-btn-equal{flex:1 1 0;min-width:120px}.ui-grid-2{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ui-admin-layout{align-items:start}.ui-tool-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.ui-tool-card{width:100%;text-align:left;display:grid;gap:.45rem;border:1px solid var(--ui-border);border-radius:14px;background:linear-gradient(180deg,#fff,#eef5ff);padding:1rem;box-shadow:0 8px 18px #141c2c12}.ui-tool-card:hover{border-color:var(--ui-border-strong);transform:translateY(-1px)}.ui-kpi-strip{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.ui-kpi-card{display:grid;gap:.2rem;border:1px solid var(--ui-border);border-radius:12px;background:#fff;padding:.85rem}.ui-muted{color:var(--ui-muted)}.ui-text-center{text-align:center}.ui-error{color:var(--ui-danger);font-size:.95rem}.ui-list{margin:0;padding-left:1.1rem;display:grid;gap:.4rem}.ui-btn{border:1px solid var(--ui-primary);border-radius:10px;background:var(--ui-primary);color:#fff;padding:.55rem .9rem;font-weight:600}.ui-btn:hover{background:var(--ui-primary-hover)}.ui-btn:disabled{opacity:.7;cursor:not-allowed}.ui-btn-secondary{background:var(--ui-accent-soft);border-color:var(--ui-accent-border);color:var(--ui-accent-text)}.ui-admin-tabs{position:sticky;top:.75rem;z-index:15;display:flex;gap:.5rem;overflow-x:auto;padding:.65rem}.ui-admin-tab{min-height:42px;white-space:nowrap;border:1px solid #d7e1ec;border-radius:999px;background:#fff;color:var(--gcems-blue-strong);padding:.55rem .9rem;font-weight:800}.ui-admin-tab-active{background:var(--gcems-blue);border-color:var(--gcems-blue);color:#fff}.ui-admin-section-hidden{display:none}.gcems-app-shell{min-height:100dvh;width:min(1120px,100%);margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1.25rem,env(safe-area-inset-bottom));color:var(--gcems-text)}.gcems-centered{display:grid;place-items:center}.gcems-loading-card,.gcems-panel,.gcems-topbar,.gcems-hero,.gcems-action-tile{border:1px solid rgba(20,93,160,.14);background:#fffffff5;box-shadow:0 10px 28px #071f4114}.gcems-loading-card{width:min(360px,100%);display:grid;justify-items:center;gap:.85rem;border-radius:18px;padding:1.25rem}.gcems-loading-logo{width:92px;height:92px}.gcems-topbar{position:sticky;top:.75rem;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:18px;padding:.8rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.gcems-topbar-actions,.gcems-button-row,.gcems-admin-fallback{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.gcems-user-pill,.gcems-alert-pill,.gcems-progress-pill,.gcems-module-strip span,.gcems-module-strip strong{border-radius:999px;padding:.35rem .65rem;font-size:.82rem;font-weight:800}.gcems-user-pill,.gcems-progress-pill{background:var(--gcems-sky);color:var(--gcems-navy)}.gcems-alert-pill{background:#fee2e2;color:var(--gcems-red)}.gcems-icon-btn,.gcems-button{min-height:44px;border:1px solid transparent;border-radius:14px;padding:.7rem 1rem;font-weight:800}.gcems-icon-btn,.gcems-button.secondary{background:#eef5fc;color:var(--gcems-blue-strong);border-color:#145da029}.gcems-button.primary,.gcems-action-primary{background:var(--gcems-blue);color:#fff;border-color:var(--gcems-blue)}.gcems-button.danger{background:#fff1f2;color:var(--gcems-red);border-color:#fecdd3}.gcems-screen{display:grid;gap:1rem;padding-top:1rem}.gcems-hero{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-radius:22px;padding:1.25rem}.gcems-hero h2,.gcems-flow-header h2{font-size:clamp(1.45rem,4vw,2.25rem)}.gcems-kicker{color:var(--gcems-blue);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.gcems-action-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.gcems-action-tile{min-height:132px;display:grid;align-content:space-between;border-radius:20px;padding:1.15rem;text-align:left}.gcems-action-tile span{font-weight:900}.gcems-action-tile strong{font-size:1.35rem}.gcems-workflow{padding-bottom:5rem}.gcems-flow-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.gcems-panel{display:grid;gap:1rem;border-radius:20px;padding:1rem}.gcems-form-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.gcems-panel label{display:grid;gap:.35rem;color:var(--gcems-muted);font-weight:800}.gcems-panel input,.gcems-panel select{min-height:48px;border:1px solid #cbd7e6;border-radius:14px;background:#fff;color:var(--gcems-text);padding:.7rem .8rem}.gcems-guided-card h3{font-size:clamp(1.35rem,4vw,2rem)}.gcems-module-strip{display:flex;justify-content:space-between;gap:.7rem}.gcems-module-strip span{background:#fff8d8;color:#6f5300}.gcems-module-strip strong{background:var(--gcems-gray)}.gcems-review-list{display:grid;gap:.65rem}.gcems-review-row,.gcems-count-row,.gcems-pick-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;border:1px solid #d7e1ec;border-radius:16px;background:#fff;padding:.8rem}.gcems-count-row.active{border-color:var(--gcems-blue)}.gcems-count-row div{display:grid;gap:.2rem}.gcems-count-row span,.gcems-order-card span,.gcems-quiet{color:var(--gcems-muted)}.gcems-count-row input{width:86px}.gcems-status-checked{color:var(--gcems-green)}.gcems-status-missing,.gcems-status-exception{color:var(--gcems-red)}.gcems-status-pending{color:var(--gcems-muted)}.gcems-sticky-action{position:sticky;bottom:max(.75rem,env(safe-area-inset-bottom));z-index:10}.gcems-done-card{justify-items:start;border-color:#14845f47}.gcems-toast,.gcems-busy{position:sticky;top:6.25rem;z-index:30;margin-top:.75rem;border-radius:14px;padding:.75rem .9rem;font-weight:800}.gcems-toast{background:#fff8d8;color:#5d4700;border:1px solid #f3d675}.gcems-busy{background:var(--gcems-navy);color:#fff}.gcems-order-card{display:grid;gap:.65rem;border:1px solid #d7e1ec;border-radius:18px;background:#fff;padding:1rem}.gcems-pick-line{grid-template-columns:minmax(0,1fr) auto auto}.gcems-inline-scanner{grid-column:1 / -1;display:grid;gap:.65rem}@media(max-width:700px){.gcems-app-shell{padding-inline:.75rem}.gcems-topbar{align-items:flex-start}.gcems-topbar-actions{justify-content:flex-end}.gcems-action-grid,.gcems-form-grid{grid-template-columns:1fr}.gcems-action-tile{min-height:112px}.gcems-pick-line,.gcems-review-row{grid-template-columns:1fr}}.ui-btn-secondary:hover{background:var(--ui-accent);color:var(--ui-primary)}.ui-badge{display:inline-block;border-radius:999px;border:1px solid var(--ui-accent-border);background:var(--ui-accent-soft);padding:.3rem .6rem;font-size:.85rem;color:var(--ui-accent-text)}.ui-role-pill{display:inline-flex;align-items:center;min-height:40px;padding:.35rem .85rem;border-radius:999px;border:1px solid #cbd6e5;background:linear-gradient(180deg,#f7faff,#edf3fb);color:#324255;font-size:.84rem;font-weight:700;letter-spacing:.02em}.ui-spinner{width:44px;height:44px;border:4px solid #d7e3f5;border-top-color:var(--ui-primary);border-radius:50%;margin:0 auto;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.ui-shell{padding:.9rem}.ui-row-between{flex-direction:column;align-items:flex-start}.ui-brand-logo{width:56px;height:56px}}select{width:100%;border:1px solid var(--ui-border);border-radius:10px;background:#f8fbfb;padding:.6rem .75rem;font:inherit}.ui-stack-sm{display:grid;gap:.6rem}.ui-note{border:1px solid var(--ui-border-strong);border-radius:10px;background:#ecf4ff;padding:.7rem .8rem;color:var(--ui-primary);font-weight:600}.ui-icon-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.ui-icon-card{border:1px solid var(--ui-border);border-radius:14px;background:linear-gradient(180deg,#fff,#edf5ff);color:var(--ui-text);padding:1rem .75rem;display:grid;gap:.55rem;justify-items:center;font-weight:700;min-height:150px;height:100%;align-content:start}.ui-icon-card>span{width:100%;text-align:center;overflow-wrap:anywhere}.ui-icon-card:hover{border-color:var(--ui-border-strong)}.ui-icon{width:96px;height:96px;object-fit:contain}.ui-icon-grid-home .ui-icon{width:120px;height:120px}.ui-alert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.65rem}.ui-alert-item{border:1px solid var(--ui-border);border-radius:10px;padding:.65rem;text-align:left;display:grid;gap:.35rem;width:100%;color:var(--ui-text)}.ui-alert-warning{background:#fff7ce;border-color:#d7ba4f}.ui-alert-high{background:#ffe8cf;border-color:#d79b4f}.ui-alert-critical{background:#ffd9de;border-color:#c5525d}.ui-critical-overlay{position:fixed;inset:0;z-index:20;background:#141c2ce0;display:grid;place-items:center;padding:1rem}.ui-critical-card{width:min(640px,100%);border:2px solid #a6212c;border-radius:14px;background:#fff;padding:1rem}.ui-checkline{display:flex;gap:.5rem;align-items:center}.ui-table-wrap{overflow-x:auto}.ui-table{width:100%;border-collapse:collapse;min-width:760px}.ui-table th,.ui-table td{border:1px solid var(--ui-border);padding:.45rem .55rem;text-align:left}.ui-table th{background:#f2f7fd}.ui-admin-table-row{cursor:pointer}.ui-admin-table-row:hover{background:#f8fbff}.ui-admin-table-row-selected{background:#edf4ff}.ui-badge-warning{border-color:#d7ba4f;background:#fff7ce}.ui-badge-high{border-color:#d79b4f;background:#ffe8cf}.ui-badge-critical{border-color:#c5525d;background:#ffd9de}.ui-upload-btn{position:relative;overflow:hidden}.ui-upload-btn input{position:absolute;opacity:0;inset:0;cursor:pointer}.ui-bottom-sheet-backdrop{position:fixed;inset:0;z-index:60;background:#141c2c8c;display:grid;align-items:end}.ui-bottom-sheet{background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;padding:1rem;border-top:1px solid var(--ui-border);box-shadow:0 -12px 28px #0003;display:grid;gap:.75rem;max-height:75vh;overflow-y:auto}.ui-mobile-action-sheet{max-height:88dvh}.ui-mobile-action-sheet .ui-audit-detail{border:0;box-shadow:none;background:transparent;padding:0;max-height:none}.ui-popout-backdrop{position:fixed;inset:0;z-index:70;background:#0b13218f;display:grid;place-items:center;padding:1rem}.ui-popout-card{width:min(720px,100%);max-height:min(88vh,920px);overflow-y:auto;background:linear-gradient(180deg,#fff,#f5f9ff);border:1px solid var(--ui-border);border-radius:18px;padding:1rem;box-shadow:0 24px 50px #0d182b57;animation:popout-in .24s cubic-bezier(.2,.8,.2,1)}.ui-scanner-video{width:100%;max-width:420px;border-radius:12px;border:1px solid var(--ui-border);background:#0f1720}.ui-hidden{display:none}.ui-link{color:var(--ui-primary);text-decoration:underline;font-weight:600}.ui-focus{border-color:var(--ui-border-strong);box-shadow:0 0 0 2px #204f9029}.ui-audit-workspace{display:grid;gap:.9rem;grid-template-columns:minmax(250px,320px) minmax(0,1fr);align-items:start}.ui-audit-list{display:grid;gap:.7rem;align-content:start;max-height:min(72vh,920px);overflow-y:auto;padding-right:.2rem}.ui-audit-item{width:100%;text-align:left;display:grid;gap:.7rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:.9rem 1rem;border:1px solid var(--ui-border);border-radius:14px;background:linear-gradient(180deg,#fff,#f3f8ff);box-shadow:0 8px 18px #141c2c0f}.ui-audit-item:hover{border-color:var(--ui-border-strong)}.ui-audit-detail{min-width:0;border:1px solid var(--ui-border);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 16px 32px #141c2c14;padding:1rem;max-height:min(72vh,920px);overflow-y:auto}.ui-audit-kicker{color:var(--ui-primary);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ui-audit-summary-row{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--ui-border);border-radius:12px;background:#fff;padding:.8rem .9rem}.ui-scan-sheet{width:min(760px,100%)}.ui-qr-image{width:220px;height:220px;border:1px solid var(--ui-border);border-radius:10px;background:#fff}.ui-module-screen{animation:module-in .22s ease-out}.ui-step-slide{animation:step-slide .24s ease-out}.ui-step-header{display:flex;align-items:center;gap:.75rem}.ui-step-icon{width:56px;height:56px;object-fit:contain}.ui-icon-help-btn{border:1px solid var(--ui-border-strong);color:var(--ui-primary);background:#ecf4ff;border-radius:999px;width:34px;height:34px;font-weight:700}.ui-item-thumb{width:96px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--ui-border)}.ui-chip{border-radius:999px;padding:.2rem .55rem;font-size:.78rem;font-weight:700}.ui-chip-pending{background:#ecf0f7;color:#3d4a5e}.ui-chip-active{background:#fff7ce;color:#5a4a19}.ui-chip-complete{background:#dff4e6;color:#14532d}.ui-btn-present{background:#dff4e6;border-color:#4b9f67;color:#14532d}.ui-btn-present:hover,.ui-btn-present:focus{background:#dff4e6;border-color:#4b9f67;color:#14532d}.ui-btn-missing{background:#ffd9de;border-color:#c5525d;color:#7a1121}.ui-btn-missing:hover,.ui-btn-missing:focus{background:#ffd9de;border-color:#c5525d;color:#7a1121}.ui-info-video{width:min(520px,100%);border:1px solid var(--ui-border);border-radius:10px;background:#0f1720}.ui-busy-overlay{position:fixed;inset:0;z-index:80;background:#0c152461;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;place-items:center;padding:1rem}.ui-busy-card{min-width:min(320px,calc(100vw - 2rem));border:1px solid rgba(255,255,255,.32);border-radius:22px;background:linear-gradient(180deg,#fffffff5,#f5f8fcfa);box-shadow:0 24px 56px #07122152;padding:1.25rem 1.5rem;text-align:center}.ui-busy-logo{width:84px;height:84px;object-fit:contain;margin:0 auto .25rem}.ui-workflow-screen{position:fixed;inset:.75rem;z-index:35;background:#fff;border:1px solid var(--ui-border);border-radius:14px;box-shadow:0 16px 38px #0d182b47;overflow-y:auto}@keyframes module-in{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes step-slide{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes popout-in{0%{opacity:0;transform:translateY(18px) scale(.94) rotateX(6deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}@media(min-width:700px){.ui-icon-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.ui-icon-grid-home{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:700px){.ui-workflow-screen{inset:0;border-radius:0}.ui-audit-workspace{grid-template-columns:1fr}.ui-audit-list,.ui-audit-detail{max-height:none}.ui-popout-backdrop{align-items:end;padding:0}.ui-scan-sheet{width:100%;max-height:88dvh;border-radius:22px 22px 0 0;border-left:0;border-right:0;border-bottom:0}}
