@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";:root{--red: #cf0a2c;--red-dark: #a90022;--ink: #151515;--muted: #707070;--line: #e7e7e7;--soft: #f4f4f2;--paper: #fbfbf9;--white: #ffffff;--green: #1b7f52;--amber: #a65d00;--danger: #b42318;--sidebar: 238px;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar);min-height:100vh;background:#111;color:#fff;padding:25px 16px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:30}.side-head{display:flex;justify-content:space-between;align-items:center;padding:0 9px 35px}.logo-mark{display:flex;align-items:baseline;gap:7px}.logo-n{display:inline-flex;width:35px;height:35px;align-items:center;justify-content:center;background:var(--red);color:#fff;font-family:Barlow Condensed;font-weight:700;font-size:25px;letter-spacing:-2px}.logo-wms{font-size:12px;font-weight:800;letter-spacing:1.4px;color:#fff}.side-label{font-size:9px;letter-spacing:1.8px;color:#777;font-weight:800;padding:0 10px;margin:18px 0 7px}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar nav button{border:0;background:transparent;color:#a9a9a9;display:flex;align-items:center;gap:11px;text-align:left;padding:11px 10px;border-radius:4px;font-size:12px;font-weight:700;position:relative}.sidebar nav button:hover{color:#fff;background:#1b1b1b}.sidebar nav button.active{color:#fff;background:#222}.nav-dot{margin-left:auto;width:5px;height:5px;background:var(--red);border-radius:50%}.side-spacer{flex:1}.side-user{display:flex;align-items:center;gap:9px;border-top:1px solid #2b2b2b;padding:15px 6px 12px}.avatar{width:31px;height:31px;background:#2b2b2b;display:grid;place-items:center;overflow:hidden;flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.user-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.user-meta strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta span{color:#777;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-icon,.mobile-close{background:none;border:0;color:#777;padding:4px}.logout-icon:hover{color:#fff}.side-footer{border-top:1px solid #2b2b2b;padding:11px 7px 0;display:flex;justify-content:space-between;color:#555;font-size:8px;font-weight:800;letter-spacing:1px}.main{margin-left:var(--sidebar);flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);background:#fbfbf9eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 42px;position:sticky;top:0;z-index:20}.top-eyebrow,.eyebrow{display:block;font-size:9px;font-weight:800;letter-spacing:1.8px;color:#8b8b8b}.topbar h2{margin:3px 0 0;font-family:Barlow Condensed;font-size:24px;text-transform:uppercase;letter-spacing:.3px}.top-status{font-size:9px;letter-spacing:1.5px;font-weight:800;display:flex;gap:7px;align-items:center}.online-dot{width:6px;height:6px;background:#25a466;border-radius:50%;box-shadow:0 0 0 3px #25a4661f}.mobile-menu,.mobile-close{display:none}.page{padding:42px;max-width:1550px;margin:0 auto}.hero-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.hero-row.compact{margin-bottom:26px;align-items:center}.hero-row h1{margin:5px 0 3px;font-family:Barlow Condensed;font-size:52px;line-height:.95;text-transform:uppercase;letter-spacing:-.6px}.hero-row p{margin:0;color:var(--muted);font-size:12px}.red-dot{color:var(--red)}.primary-btn,.secondary-btn,.ghost-btn{border:0;min-height:40px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:10px;letter-spacing:1.2px;font-weight:800;white-space:nowrap}.primary-btn{background:var(--red);color:#fff}.primary-btn:hover{background:var(--red-dark)}.primary-btn.small{min-height:35px;padding:0 12px}.primary-btn.wide{width:100%}.secondary-btn{background:#161616;color:#fff}.secondary-btn:hover{background:#2b2b2b}.ghost-btn{background:transparent;color:#555;padding:0}.ghost-btn:hover{color:var(--red)}.live-chip,.count-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);padding:9px 11px;font-size:9px;letter-spacing:1.2px;font-weight:800;background:#fff}.count-chip{color:#666}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:48px}.stat-card{background:#fff;border:1px solid var(--line);padding:18px 20px 19px;min-height:132px;position:relative;overflow:hidden}.stat-card.accent{border-top:3px solid var(--red);padding-top:16px}.stat-top{display:flex;justify-content:space-between;color:#777;font-size:9px;letter-spacing:1.1px;font-weight:800}.stat-icon{color:#a0a0a0}.stat-value{font-family:Barlow Condensed;font-size:43px;line-height:1;margin-top:20px}.stat-sub{color:#999;font-size:9px;margin-top:8px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.section-heading h3{margin:5px 0 0;font-family:Barlow Condensed;text-transform:uppercase;font-size:27px}.table-card{background:#fff;border:1px solid var(--line);overflow:auto}.table-head,.table-row{min-width:760px;display:grid;grid-template-columns:1.2fr .9fr .7fr .7fr 1fr .8fr;align-items:center}.table-head{padding:11px 17px;background:#f3f3f1;color:#8a8a8a;font-size:8px;letter-spacing:1.2px;font-weight:800}.table-row{padding:13px 17px;border-top:1px solid #eeeeec;font-size:10px}.table-row strong{font-weight:800}.muted{color:#888}.status-pill{display:inline-flex;width:max-content;align-items:center;border:1px solid #dcdcdc;padding:4px 7px;font-size:7px;letter-spacing:1px;font-weight:800}.status-pill.normal,.status-pill.override{color:var(--green);border-color:#bfe2d1;background:#f1faf5}.status-pill.mismatch{color:var(--danger);border-color:#f0c6c1;background:#fff5f4}.status-pill.already-in-wms,.status-pill.duplicate{color:var(--amber);border-color:#edd5ae;background:#fff9ef}.form-card,.summary-card,.result-card{background:#fff;border:1px solid var(--line)}.form-card{padding:23px;margin-bottom:12px}.card-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:24px}.card-title h3{margin:4px 0 0;font-family:Barlow Condensed;font-size:28px;text-transform:uppercase}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.wide{grid-column:1 / -1}.field span{font-size:8px;font-weight:800;letter-spacing:1.2px;color:#888}.field input,.carton-row input{border:1px solid #ddd;background:#fbfbfa;height:42px;padding:0 12px;outline:none;color:#111;font-size:11px}.field input:focus,.carton-row input:focus,.searchbar-card input:focus{border-color:#888;background:#fff}.segmented{display:flex;border:1px solid var(--line);padding:2px;background:#f5f5f3}.segmented button{border:0;background:transparent;padding:8px 10px;font-size:8px;font-weight:800;letter-spacing:.8px;color:#888;display:flex;gap:6px;align-items:center}.segmented button.active{background:#111;color:#fff}.receive-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:12px;align-items:start}.paste-box{border:1px solid #dededc;background:#f8f8f6}.paste-head,.paste-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}.paste-head{border-bottom:1px solid #e2e2df}.paste-head strong{display:block;font-size:10px}.paste-head span{display:block;margin-top:4px;color:#999;font-size:8px;letter-spacing:.7px}.paste-hint{font-size:8px!important;margin:0!important}.paste-box textarea{display:block;width:100%;min-height:280px;resize:vertical;border:0;outline:0;background:#fff;padding:17px;font:12px/1.8 SFMono-Regular,Consolas,monospace;color:#222}.paste-footer{border-top:1px solid #e2e2df;color:#999;font-size:8px}.carton-table{border:1px solid #dededc;overflow:auto}.carton-table-head,.carton-row{min-width:570px;display:grid;grid-template-columns:44px 1.5fr 1fr 1fr 44px;align-items:center}.carton-table-head{background:#f3f3f1;color:#888;font-size:8px;font-weight:800;letter-spacing:1px;padding:9px 10px}.carton-row{min-height:56px;padding:7px 10px;border-top:1px solid #eee;position:relative}.carton-row.invalid{background:#fff8f7}.carton-row input{height:38px;margin:0 4px}.row-number{color:#aaa;font-size:9px;font-weight:800}.icon-btn{border:0;background:transparent;display:grid;place-items:center;width:30px;height:30px;color:#888}.icon-btn:hover{background:#f1f1ef;color:#111}.icon-btn.danger:hover{color:var(--red)}.row-warning{position:absolute;right:50px;font-size:7px;color:var(--danger);font-weight:800;letter-spacing:.7px}.add-row{margin-top:9px;border:1px dashed #ccc;background:transparent;width:100%;height:37px;color:#777;font-size:8px;letter-spacing:1px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px}.add-row:hover{border-color:#999;color:#111}.receive-side{position:sticky;top:98px}.summary-card{padding:21px}.big-number{font-family:Barlow Condensed;font-size:64px;line-height:.9;margin-top:18px}.big-label{font-size:9px;font-weight:800;letter-spacing:1.2px;color:#555;margin:6px 0 23px}.summary-line{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #eee;font-size:9px;letter-spacing:.6px;color:#888}.summary-line strong{color:#111;font-size:10px}.summary-line strong.red{color:var(--red)}.summary-divider{height:12px}.security-note{display:flex;gap:7px;color:#8b8b8b;font-size:8px;line-height:1.5;margin-top:13px}.result-card{margin-top:10px;padding:17px;display:flex;flex-direction:column;gap:8px}.result-card>strong{font:18px Barlow Condensed}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:7px}.result-grid span{background:#f6f6f4;padding:8px;color:#888;font-size:7px;letter-spacing:.6px}.result-grid b{display:block;color:#111;font-size:14px;margin-top:3px}.notice{margin-bottom:12px;padding:11px 13px;border:1px solid;display:flex;align-items:center;gap:8px;font-size:10px}.notice.success{background:#f2faf5;border-color:#c6e6d3;color:#17643f}.notice.warning{background:#fff9ee;border-color:#ecd8b5;color:#8d5400}.notice.error{background:#fff5f4;border-color:#f0cbc7;color:#a32118}.notice span{flex:1}.notice button{border:0;background:transparent;color:inherit;padding:2px}.searchbar-card{height:50px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;gap:10px;padding:0 14px;margin-bottom:12px;color:#999}.searchbar-card input{border:0;outline:0;flex:1;font-size:11px;background:transparent}.table-head.cartons,.table-row.cartons{grid-template-columns:1.1fr .8fr .6fr .6fr 1.2fr 1fr 1.2fr;min-width:900px}.table-head.history,.table-row.history{grid-template-columns:1.3fr 1.1fr .9fr .7fr 1fr 1.2fr 1.3fr;min-width:1000px}.filter-row{display:flex;gap:4px;margin-bottom:13px}.filter-row button{border:1px solid var(--line);background:#fff;color:#888;padding:8px 11px;font-size:8px;letter-spacing:1px;font-weight:800}.filter-row button.active{background:#111;color:#fff;border-color:#111}.mono{font-family:SFMono-Regular,Consolas,monospace;font-size:9px;color:#777}.empty-state{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#999}.empty-state strong{color:#555;font-size:11px}.empty-state span{font-size:9px}.empty-icon{width:39px;height:39px;background:#f1f1ef;display:grid;place-items:center;color:#888;margin-bottom:3px}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#111}.auth-panel{background:var(--paper);padding:48px clamp(30px,7vw,105px);display:flex;flex-direction:column;justify-content:center}.auth-brand{display:flex;align-items:center;gap:14px}.auth-brand-title{font-size:10px;font-weight:800;letter-spacing:1.8px}.auth-copy{margin-top:95px;max-width:560px}.auth-copy h1{font-family:Barlow Condensed;text-transform:uppercase;font-size:76px;line-height:.84;margin:10px 0 20px;letter-spacing:-1px}.auth-copy h1 em{color:var(--red);font-style:normal}.auth-copy p{max-width:390px;color:#777;font-size:12px;line-height:1.7}.google-btn{margin-top:35px;height:48px;background:#111;color:#fff;border:0;display:flex;align-items:center;gap:11px;justify-content:center;width:min(390px,100%);font-size:9px;font-weight:800;letter-spacing:1.3px}.google-btn:hover{background:#222}.google-g{background:#fff;color:#4285f4;width:21px;height:21px;display:grid;place-items:center;font-weight:800;font-size:12px}.google-btn svg{margin-left:auto;margin-right:12px}.auth-error{width:min(390px,100%);margin-top:12px;color:#a32118;background:#fff4f3;border:1px solid #f0cbc7;padding:10px;font-size:9px;line-height:1.5}.auth-foot{display:flex;gap:7px;align-items:center;margin-top:18px;color:#999;font-size:8px}.auth-visual{position:relative;overflow:hidden;background:#171717;color:#fff;display:flex;align-items:flex-end;padding:65px}.auth-noise{position:absolute;pointer-events:none}.visual-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#777 1px,transparent 1px),linear-gradient(90deg,#777 1px,transparent 1px);background-size:60px 60px;transform:perspective(400px) rotateX(55deg) scale(1.6);transform-origin:bottom}.visual-copy{position:relative;z-index:1}.visual-copy span{color:#aaa;font-size:10px;letter-spacing:2px;font-weight:800}.visual-copy strong{display:block;font-family:Barlow Condensed;font-size:100px;line-height:.77;letter-spacing:-2px;margin-top:18px}.visual-copy i{color:var(--red);font-style:normal}.visual-number{position:absolute;right:55px;top:45px;font:120px Barlow Condensed;color:#252525}.boot-screen{min-height:100vh;display:grid;place-items:center;background:#111;color:#777;gap:10px;font-size:9px;letter-spacing:2px}.boot-mark{width:46px;height:46px;display:grid;place-items:center;background:var(--red);color:#fff;font:32px Barlow Condensed}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.receive-layout{grid-template-columns:1fr}.receive-side{position:static}}@media(max-width:800px){:root{--sidebar: 0px}.sidebar{width:280px;transform:translate(-100%);transition:transform .22s ease;box-shadow:10px 0 40px #0000002e}.sidebar.open{transform:translate(0)}.mobile-close,.mobile-menu{display:grid;place-items:center}.mobile-backdrop{position:fixed;inset:0;background:#0006;z-index:25}.main{margin-left:0}.topbar{padding:0 18px;gap:12px}.mobile-menu{border:0;background:transparent;color:#111}.topbar>div:first-of-type{flex:1}.page{padding:25px 18px}.hero-row{align-items:flex-start;flex-direction:column}.hero-row h1{font-size:44px}.stats-grid{grid-template-columns:1fr 1fr}.auth-screen{grid-template-columns:1fr}.auth-panel{min-height:100vh;padding:35px 26px}.auth-visual{display:none}.auth-copy{margin-top:75px}.auth-copy h1{font-size:61px}.card-title{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-card{min-height:112px}.segmented{width:100%}.segmented button{flex:1;justify-content:center}.primary-btn,.hero-row .primary-btn{width:100%}}