:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#171717;background:#f3f6f2;--deep-red:#4f0710;--red:#c30c2f;--red-soft:#72101d;--gold:#ffd21a;--green:#25c96b;--ink:#0d2b2d;--muted:#526467;--line:#d8dfdc}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}select{font:inherit}.login-page{min-height:100vh;display:grid;grid-template-columns:45.5% 54.5%;background:#fff}.login-brand-panel{position:relative;overflow:hidden;min-height:100vh;padding:82px 10.4%;color:#fff;background:var(--deep-red)}.brand-logo{display:block;width:232px;height:96px;object-fit:contain;border-radius:9px;background:#fff}.login-brand-copy{position:absolute;left:10.4%;top:41.4%;z-index:2;max-width:545px}.eyebrow{margin:0 0 22px;color:var(--gold);font-size:14px;line-height:1;font-weight:800;letter-spacing:1.3px}.login-brand-copy h1{margin:0 0 24px;font-size:clamp(48px,3.45vw,66px);line-height:.99;letter-spacing:-2px}.login-brand-copy>p:last-child{margin:0;max-width:520px;font-size:18px;line-height:1.55}.portal-label{position:absolute;left:10.4%;bottom:81px;z-index:2;margin:0;color:#f4dce0;font-size:14px}.brand-ring{position:absolute;width:610px;height:610px;object-fit:contain;right:-312px;bottom:-100px;opacity:.42}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:48px}.login-form{width:min(420px,100%)}.login-form .eyebrow{margin-bottom:14px;color:var(--red)}.login-form h2{margin:0 0 14px;color:var(--ink);font-size:34px;line-height:1.1;letter-spacing:-1px}.form-intro{margin:0 0 36px;color:var(--muted);font-size:17px;line-height:1.5}.login-form label{display:block;margin:0 0 7px;font-size:14px;font-weight:700}.login-form input{width:100%;height:51px;margin:0 0 21px;padding:0 14px;border:1px solid #c6d0df;border-radius:10px;outline:none}.login-form input:focus{border-color:var(--red);box-shadow:0 0 0 3px #c30c2f1f}.primary-button{width:100%;height:50px;border:0;border-radius:10px;color:#fff;background:var(--red);font-weight:800}.primary-button:hover{background:#a50928}.primary-button:disabled{cursor:wait;opacity:.72}.security-note{margin:23px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.form-error{margin:-9px 0 12px;color:#b42318;font-size:13px}.dashboard-shell{min-height:100vh;background:#f2f6f2}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:247px;padding:21px 17px;color:#fff;background:#430a13}.sidebar-logo{width:211px;height:87px;margin-bottom:36px}.sidebar-logo .brand-logo{width:100%;height:100%}.nav-section{margin-bottom:28px}.nav-section>p{margin:0 12px 8px;color:#f5ba42;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.nav-section button{display:flex;align-items:center;gap:12px;width:100%;height:42px;padding:0 12px;border:0;border-radius:8px;color:#fff;background:transparent;font-size:14px;font-weight:700;text-align:left}.nav-section button:hover,.nav-section button.active{background:var(--red-soft)}.nav-section button.active{box-shadow:inset 4px 0 0 var(--gold)}.nav-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#94a4b8}.nav-section button.active .nav-dot{background:var(--gold)}.drawer-close,.drawer-scrim{display:none}.topbar{position:fixed;z-index:20;top:0;right:0;left:247px;height:73px;display:flex;align-items:center;justify-content:space-between;padding:0 37px 0 54px;border-bottom:1px solid #d8dfdc;background:#fff}.desktop-title{display:flex;align-items:center;gap:12px;font-weight:800}.desktop-title span{width:5px;height:15px;border-radius:4px;background:var(--red)}.signout-button{min-width:97px;height:40px;padding:0 19px;border:0;border-radius:10px;color:#fff;background:var(--deep-red);font-weight:800}.menu-button,.mobile-brand{display:none}.dashboard-content{min-height:100vh;margin-left:247px;padding:116px 37px 48px 54px}.overview-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:29px}.overview-heading h1,.coming-soon h1{margin:0 0 10px;color:var(--ink);font-size:40px;line-height:1.1;letter-spacing:-1.4px}.overview-heading p,.section-intro,.coming-soon>p:last-child{margin:0;color:var(--muted);font-size:17px}.api-status{display:flex;align-items:center;gap:9px;color:#178836;font-size:14px;font-weight:800}.api-status span{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #25c96b1f}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.metric-card{min-height:136px;padding:22px;border:1px solid var(--line);border-top:3px solid #e3b222;border-radius:12px;background:#fff;box-shadow:0 8px 20px #192c260a}.metric-card h2{margin:0 0 13px;color:#536568;font-size:14px}.metric-card strong{display:block;margin-bottom:9px;color:var(--ink);font-size:31px;line-height:1}.metric-card p{margin:0;color:#8d97b3;font-size:13px}.integration-section{margin-top:48px}.integration-section .eyebrow{margin-bottom:15px;color:var(--red)}.integration-section>h2{margin:0 0 10px;color:var(--ink);font-size:40px;line-height:1.1;letter-spacing:-1.2px}.integration-grid{display:grid;grid-template-columns:minmax(400px,565px) minmax(650px,1fr);gap:20px;margin-top:24px}.panel{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}.panel-title{min-height:61px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line)}.panel-title h3{margin:0;color:var(--ink);font-size:18px}.panel-title span{color:var(--muted);font-size:11px}.sync-table-heading,.sync-row{display:grid;grid-template-columns:1.2fr 1.7fr 1fr;gap:14px;padding:15px 16px}.sync-table-heading{color:#56666a;background:#f8faf9;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.sync-row{align-items:start;font-size:13px}.sync-row strong,.sync-row small{display:block}.sync-row small{margin-top:4px;color:var(--muted);line-height:1.35}.success-pill{display:inline-block;padding:5px 10px;border-radius:999px;color:#217b37;background:#e3f5e7;font-size:11px;font-weight:800}.batch-row{min-height:49px;display:grid;grid-template-columns:1.6fr .6fr .7fr 1.2fr;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);font-size:13px}.batch-row span:first-child{font-weight:700}.batch-head{min-height:43px;color:#56666a;background:#f8faf9;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.coming-soon{padding-top:28px}.loading-screen{min-height:100vh;display:grid;place-items:center;color:var(--ink);background:#fff;font-weight:700}.module-page{max-width:1550px}.module-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}.module-heading>div{max-width:840px}.module-heading .eyebrow{margin-bottom:14px;color:var(--red)}.module-heading h1{margin:0 0 10px;color:var(--ink);font-size:42px;font-weight:750;line-height:1.08;letter-spacing:-1.5px}.module-heading p:last-child{margin:0;color:var(--muted);font-size:16px;line-height:1.55}.module-toolbar{display:flex;align-items:flex-end;gap:18px;margin-bottom:18px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.module-toolbar label{display:grid;gap:7px;color:var(--ink);font-size:13px;font-weight:800}.module-toolbar label:last-child{flex:1}.module-toolbar input,.module-toolbar select,.user-form input,.user-form select{width:100%;height:43px;padding:0 12px;border:1px solid #c8d2d0;border-radius:8px;color:var(--ink);background:#fff;outline:none}.module-toolbar input:focus,.module-toolbar select:focus,.user-form input:focus,.user-form select:focus{border-color:var(--red);box-shadow:0 0 0 3px #c30c2f1a}.inventory-filters{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(190px,.65fr) minmax(300px,1.5fr)}.inventory-filters label:last-child{width:auto}.data-panel{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 10px 28px #192c260b}.stock-row{min-height:60px;display:grid;grid-template-columns:1fr 1.7fr .58fr .58fr .58fr .72fr .72fr .62fr;align-items:center;gap:12px;padding:9px 18px;border-bottom:1px solid var(--line);color:#31484b;font-size:13px}.stock-row>span:nth-child(n+3):nth-child(-n+7){font-variant-numeric:tabular-nums;font-weight:650}.stock-row>span:first-child strong,.stock-row>span:first-child small{display:block}.stock-row small,.user-row small{margin-top:4px;color:#7d8c8f}.stock-head{min-height:46px;color:#586a6d;background:#f8faf9;font-size:11px;font-weight:800;letter-spacing:.65px;text-transform:uppercase}.status-pill{display:inline-block;padding:5px 10px;border-radius:999px;color:#6b7280;background:#eef0f2;font-size:11px;font-weight:800;text-transform:capitalize}.empty-state{margin:0;padding:42px 35px;color:var(--muted);line-height:1.5;text-align:center}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:15px;color:var(--muted);font-size:13px}.pagination>div{display:flex;align-items:center;gap:12px}.pagination button{padding:8px 12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;font-weight:700}.pagination button:disabled{cursor:not-allowed;opacity:.45}.admin-grid{display:grid;grid-template-columns:minmax(300px,410px) minmax(540px,1fr);gap:20px;align-items:start}.user-form{padding:23px}.form-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.user-form h2{margin:0;color:var(--ink)}.form-title button,.edit-button{padding:7px 11px;border:1px solid var(--line);border-radius:7px;color:var(--deep-red);background:#fff;font-size:12px;font-weight:800}.user-form label{display:grid;gap:7px;margin-bottom:16px;color:var(--ink);font-size:13px;font-weight:800}.user-form label small{color:var(--muted);font-weight:400;line-height:1.4}.user-form .primary-button{margin-top:4px}.module-error,.module-success{margin:0 0 14px;padding:11px 13px;border-radius:8px;font-size:13px}.module-error{color:#9f1239;background:#fff1f2}.module-success{color:#166534;background:#ecfdf3}.user-list .panel-title{padding:0 18px}.user-row{min-height:66px;display:grid;grid-template-columns:1.6fr 1fr auto auto;align-items:center;gap:16px;padding:10px 18px;border-bottom:1px solid var(--line);font-size:13px}.user-row strong,.user-row small{display:block}.user-row>span:nth-child(2){color:var(--muted);text-transform:capitalize}.password-reset-section{margin:22px -23px 18px;padding:20px 23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbfa}.password-reset-section h3{margin:0 0 6px;color:var(--ink);font-size:16px}.password-reset-section>p{margin:0 0 17px;color:var(--muted);font-size:12px;line-height:1.45}.password-reset-section>small{display:block;margin:-3px 0 14px;color:#7a5b13;font-size:12px;line-height:1.45}.reset-password-button{width:100%;height:42px;border:1px solid #c30c2f;border-radius:8px;color:#a50928;background:#fff;font-weight:800}.reset-password-button:hover{background:#fff1f3}.reset-password-button:disabled{cursor:not-allowed;opacity:.5}@media(max-width:1200px)and (min-width:761px){.metric-grid{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:minmax(300px,390px) minmax(420px,1fr)}.dashboard-content,.topbar{padding-right:28px;padding-left:36px}}@media(max-width:760px){.login-page{display:block}.login-brand-panel{min-height:273px;padding:32px 24px}.login-brand-panel .brand-logo{width:155px;height:68px}.login-brand-copy{left:24px;top:174px}.login-brand-copy .eyebrow,.login-brand-copy>p:last-child,.portal-label{display:none}.login-brand-copy h1{font-size:34px;line-height:1.03;letter-spacing:-1px}.brand-ring{width:390px;height:390px;right:-190px;bottom:-185px;opacity:.48}.login-form-panel{align-items:flex-start;min-height:calc(100vh - 273px);padding:47px 24px 54px}.login-form{width:100%}.login-form .eyebrow{margin-bottom:16px}.login-form h2{font-size:35px}.form-intro{margin-bottom:35px;font-size:17px}.login-form input{height:51px}.sidebar{transform:translate(-102%);width:min(82vw,300px);transition:transform .2s ease;box-shadow:14px 0 35px #00000038}.sidebar.open{transform:translate(0)}.drawer-close{display:grid;place-items:center;position:absolute;top:18px;right:14px;width:42px;height:42px;border:0;border-radius:9px;color:#fff;background:var(--red-soft);font-size:24px}.drawer-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;border:0;background:#00000061}.topbar{left:0;height:73px;padding:0 15px}.menu-button{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;padding:0;border:0;border-radius:11px;color:#fff;background:var(--deep-red);font-size:25px}.mobile-brand{display:flex;align-items:center;gap:14px;margin-left:18px;margin-right:auto}.mobile-brand .brand-logo{width:71px;height:34px;border-radius:0;background:transparent}.mobile-brand strong{color:var(--ink);font-size:14px}.desktop-title{display:none}.signout-button{min-width:75px;height:40px;padding:0 12px;font-size:13px}.dashboard-content{margin-left:0;padding:104px 20px 34px}.overview-heading{display:block;margin-bottom:29px}.overview-heading h1{margin-bottom:10px;font-size:29px;letter-spacing:-.8px}.overview-heading p{font-size:16px;line-height:1.55}.api-status{margin-top:17px}.metric-grid{grid-template-columns:1fr;gap:14px}.metric-card{min-height:128px;padding:21px}.integration-section{margin-top:38px}.integration-section>h2{font-size:31px}.integration-section .section-intro{line-height:1.5}.integration-grid{grid-template-columns:1fr;gap:15px}.panel{border-radius:11px}.panel-title{min-height:57px;padding:0 17px}.panel-title h3{font-size:16px}.sync-table-heading{display:none}.sync-row{grid-template-columns:1fr;gap:14px;padding:17px}.batches-panel{overflow:visible}.batch-table{min-width:0}.batch-head{display:none}.batch-row:not(.batch-head){display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin:12px;padding:13px 14px;min-height:0;border:1px solid var(--line);border-radius:9px;background:#fafbfa}.batch-row:not(.batch-head)>span{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #e7ece9;font-weight:600;text-align:right}.batch-row:not(.batch-head)>span:before{content:attr(data-label);color:#6b7b7e;font-size:10px;font-weight:800;letter-spacing:.45px;text-transform:uppercase}.batch-row:not(.batch-head)>span:first-child{grid-column:1/-1;font-size:14px}.batch-row:not(.batch-head)>span:nth-last-child(-n+2){border-bottom:0}.module-heading{display:block}.module-heading h1{font-size:31px}.module-toolbar,.inventory-filters{display:grid;grid-template-columns:1fr;align-items:stretch;padding:15px}.module-toolbar label:last-child{width:100%}.inventory-filters label{width:100%}.data-panel{overflow:visible}.stock-head{display:none}.stock-row:not(.stock-head){min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-bottom:14px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 7px 20px #192c260b}.stock-row:not(.stock-head)>span{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:11px 0;border-bottom:1px solid #edf0ee;text-align:right}.stock-row:not(.stock-head)>span:before{content:attr(data-label);flex:0 0 auto;color:#66777a;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.stock-row:not(.stock-head)>span:first-child,.stock-row:not(.stock-head)>span:nth-child(2){grid-column:1/-1;display:block;text-align:left}.stock-row:not(.stock-head)>span:first-child:before,.stock-row:not(.stock-head)>span:nth-child(2):before{display:block;margin-bottom:7px}.stock-row:not(.stock-head)>span:first-child strong{color:var(--ink);font-size:16px}.stock-row:not(.stock-head)>span:nth-child(2){color:var(--muted);line-height:1.45}.stock-row:not(.stock-head)>span:nth-child(6),.stock-row:not(.stock-head)>span:nth-child(7){white-space:nowrap;font-size:12.5px}.stock-row:not(.stock-head)>span:nth-last-child(-n+2){border-bottom:0}.admin-grid{grid-template-columns:1fr;gap:15px}.user-form{padding:20px}.password-reset-section{margin-right:-20px;margin-left:-20px;padding-right:20px;padding-left:20px}.user-list{min-width:0;overflow:visible}.user-list .panel-title{padding:0 16px}.user-row{display:grid;grid-template-columns:1fr auto;gap:12px 16px;margin:12px;padding:15px;min-height:0;border:1px solid var(--line);border-radius:9px;background:#fafbfa}.user-row>div{grid-column:1/-1}.user-row>span:not(.success-pill):not(.status-pill){display:flex;justify-content:space-between;gap:10px;color:var(--ink)}.user-row>span[data-label]:before{content:attr(data-label);color:#6b7b7e;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.user-row>.success-pill,.user-row>.status-pill{justify-self:start}.user-row .edit-button{grid-column:1/-1;width:100%;height:38px}.pagination{align-items:flex-start;gap:12px;flex-wrap:wrap}.pagination>div{display:grid;grid-template-columns:auto 1fr auto;width:100%;text-align:center}.pagination>div>span{align-self:center}}@media(max-width:350px){.dashboard-content{padding-right:14px;padding-left:14px}.mobile-brand{gap:8px;margin-left:10px}.mobile-brand .brand-logo{width:61px}.stock-row:not(.stock-head){grid-template-columns:1fr}.stock-row:not(.stock-head)>span:nth-last-child(-n+2){border-bottom:1px solid #edf0ee}.stock-row:not(.stock-head)>span:last-child{border-bottom:0}}