:root{--bg:#f5f7fb;--ink:#172236;--muted:#7d879b;--border:#e4e9f1;--white:#fff;--cyan:#00aad4;--navy:#0d1727;--navy2:#19283d;--radius:16px;--shadow:0 8px 35px rgba(24,39,62,.045)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink)}body{margin:0;background:var(--bg);font-size:14px}button,input,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}[hidden]{display:none!important}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(0,170,212,.23);outline-offset:2px}.app-shell{display:flex;min-height:100vh}
.sidebar{background:var(--navy);color:#b6c5d9;width:255px;flex:0 0 255px;min-height:100vh;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:30px 17px 22px;z-index:5}.brand{display:flex;align-items:center;gap:11px;margin:4px 9px 55px}.brand-icon{width:38px;height:38px;border-radius:10px;background:var(--cyan);color:white;display:grid;place-items:center;box-shadow:0 6px 17px rgba(0,170,212,.25);font-size:12px;font-weight:900;letter-spacing:-1px}.brand-name{font-weight:800;color:white;font-size:12.5px;letter-spacing:-.55px;white-space:nowrap}.brand-name span{color:#53cdea}.brand-caption{font-weight:650;color:#6f839f;letter-spacing:2.4px;font-size:8px;margin-top:7px}.side-section-label{font-size:10px;letter-spacing:1.7px;color:#6d809a;font-weight:800;margin:0 14px 13px}.side-link{display:flex;align-items:center;gap:11px;padding:13px 13px;border-radius:9px;color:#dce8f6;font-weight:650}.side-link.active{background:linear-gradient(95deg,rgba(0,170,212,.19),rgba(0,170,212,.04));color:#fff;border-left:2px solid #16b9e3}.side-icon{font-size:24px;line-height:16px;color:#58cfee}.side-count{margin-left:auto;font-size:10px;color:#8da2b9}.history-label{margin-top:42px}.history{overflow-y:auto;flex:1;min-height:130px}.history-empty{color:#637790;padding:8px 14px;font-size:12px}.history-item{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:9px;padding:11px 12px;color:#bdcce0;margin-bottom:4px;transition:background .15s}.history-item:hover,.history-item.selected{background:#1b2b41}.history-item span{display:block;font-weight:650;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.history-item small{display:block;margin-top:5px;color:#738aa6;font-size:10.5px}.side-footer{border-top:1px solid #2a394c;padding:23px 6px 0;display:flex;align-items:center;gap:8px;font-size:10.5px;color:#97aabf}.live-dot,.tiny-dot{width:7px;height:7px;border-radius:50%;background:#f3b658;flex:0 0 auto}.live-dot.ok{background:#3ac6a4}.live-dot.fail{background:#f47c86}.side-footer .icon-button{margin-left:auto;background:transparent;color:#cce0f1;border:0;font-size:18px}
.main{min-width:0;flex:1}.topbar{height:72px;border-bottom:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(26px,4.6vw,78px)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:21px}.breadcrumbs{font-weight:800;letter-spacing:1.5px;color:#a7b0c1;font-size:10px}.breadcrumbs span{padding:0 12px;color:#c6cfdb}.store-pill{display:flex;align-items:center;gap:8px;border:1px solid #e6edf2;padding:9px 13px;border-radius:999px;font-size:11px;font-weight:650;color:#5c6d83}.store-pill .tiny-dot{background:#40cba9}.avatar{background:#e7f8fc;color:#1695b8;border-radius:9px;padding:10px 9px;font-weight:900;font-size:10px}.menu-toggle{display:none;border:0;background:transparent;font-size:19px}.content{max-width:1450px;margin:0 auto;padding:48px clamp(26px,4.6vw,78px) 20px}.heading{display:flex;justify-content:space-between;position:relative;min-height:154px}.eyebrow,.card-eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--cyan);font-weight:850}.eyebrow .line{display:inline-block;vertical-align:middle;width:38px;height:1px;background:#b5dfea;margin-left:9px}.heading h1{font-size:clamp(34px,4vw,49px);letter-spacing:-2px;line-height:1.15;margin:13px 0 12px;font-weight:850}.head-period{color:var(--cyan)}.heading p{font-size:14px;color:#758196;line-height:1.6;margin:0}.heading-decoration{position:absolute;right:35px;top:6px;opacity:.55}.dec-ring{height:105px;width:105px;border:1px dashed #bcd7e1;border-radius:50%;display:grid;place-items:center;outline:1px solid #e1ecf1;outline-offset:14px}.dec-ring span{font-size:54px;font-weight:100;color:#a4c8d5}
.search-card,.table-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.search-card{padding:32px 36px 27px}.card-title-row,.results-heading{display:flex;justify-content:space-between;align-items:center}.card-title-row{padding-bottom:28px;border-bottom:1px solid var(--border);margin-bottom:27px}.card-eyebrow{font-size:9px}.card-title-row h2{margin:6px 0 0;font-size:22px;letter-spacing:-.7px}.read-only{font-size:11px;color:#58a591;background:#e8f8f1;border-radius:99px;padding:8px 12px;font-weight:750}.read-only span{font-size:14px;margin-right:3px}.form-field{display:flex;flex-direction:column;min-width:0}.form-field label{color:#3c4960;font-size:12px;font-weight:800;margin:0 0 10px}.form-field label>span:not(.optional){color:#08a6cf}.form-field input{padding:14px 15px;border:1px solid #dfe6ee;border-radius:9px;background:#fbfcfe;outline:none;width:100%;height:48px;color:#263953;transition:border .2s,box-shadow .2s}.form-field input:focus{border-color:#10a9d0;box-shadow:0 0 0 3px rgba(0,170,212,.09)}.form-field input::placeholder{color:#a6b1c0}.field-help{font-size:11px;color:#99a3b3;margin-top:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.optional{color:#adb8c7;font-size:9px;letter-spacing:1px;margin-left:7px}.advanced-header{display:flex;align-items:center;justify-content:space-between;font-weight:750;color:#53627b;font-size:12px;cursor:pointer;margin-top:26px;padding-bottom:18px;border-bottom:1px solid var(--border)}.advanced-header #advancedArrow{font-size:19px}.sliders{font-size:16px;color:#93a2b5;margin-right:6px}.advanced-content{padding:12px 0}.toggle-row{display:flex;align-items:center;gap:14px;padding:9px 0;cursor:pointer}.toggle-row>input{position:absolute;opacity:0;width:1px;height:1px}.switch{background:#d6dfeb;width:36px;height:21px;border-radius:20px;position:relative;flex:0 0 36px}.switch:after{content:"";position:absolute;width:15px;height:15px;top:3px;left:3px;background:white;border-radius:50%;transition:transform .2s}.toggle-row>input:checked+.switch{background:var(--cyan)}.toggle-row>input:checked+.switch:after{transform:translateX(15px)}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:12px}.toggle-row small{font-size:11px;color:#8996aa;margin-top:4px}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:24px}.small-note{font-size:11px;color:#8b98ab;max-width:430px;line-height:1.7}.small-note span{color:#61a3b7;font-size:14px;margin-right:5px}.primary-button{background:#00aad4;color:white;border:1px solid #00aad4;padding:14px 24px;border-radius:9px;font-weight:750;box-shadow:0 6px 18px rgba(0,170,212,.18);white-space:nowrap;transition:background .2s}.primary-button:hover{background:#048fb6}.primary-button:disabled{opacity:.6;cursor:not-allowed}.primary-button>span:first-child{font-size:19px;vertical-align:-1px;margin-right:5px}.primary-button .arrow{margin-left:18px;font-size:16px}
.results-section{margin-top:45px}.results-heading h2{font-size:24px;margin:8px 0;letter-spacing:-.8px}.results-heading p{color:#8692a4;font-size:12px;margin:0}.results-actions{display:flex;gap:10px}.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:white;border:1px solid #dae3ed;color:#374861;padding:11px 14px;border-radius:8px;font-size:12px;font-weight:750}.outline-button:hover{border-color:#00aad4;color:#088eb0}.outline-button.danger{color:#c25e64}.progress-card{background:#edf9fc;border:1px solid #d1ecf3;border-radius:10px;margin-top:23px;padding:16px 20px}.progress-info,.progress-text{display:flex;align-items:center;gap:10px}.progress-info{justify-content:space-between;color:#4e7d89;font-size:11px}.progress-text strong{color:#1c7794;font-size:12px}.progress-track{height:4px;background:#d7e7ed;border-radius:10px;overflow:hidden;margin-top:12px}.progress-track>div{height:100%;background:#00aad4;width:35%;border-radius:10px;animation:load 2s ease-in-out infinite alternate}@keyframes load{from{transform:translateX(-70%)}to{transform:translateX(230%)}}.pulse-dot{height:8px;width:8px;background:#00aad4;border-radius:50%;box-shadow:0 0 0 4px rgba(0,170,212,.13)}.progress-card.success{background:#eff9f4;border-color:#d4ede1}.progress-card.success .progress-track>div{animation:none;width:100%;transform:none;background:#3ac6a4}.progress-card.failed{background:#fff2f2;border-color:#f4d1d1}.progress-card.failed .progress-track>div{animation:none;width:100%;background:#e66c77}.error-message{margin-top:12px;color:#bc434c;white-space:pre-wrap;word-break:break-word}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 32px}.stat{border:1px solid var(--border);border-radius:12px;background:white;padding:21px 21px 18px;position:relative;overflow:hidden}.stat-label{font-size:9px;color:#8693a9;font-weight:850;letter-spacing:1.1px}.stat-value{font-size:31px;letter-spacing:-1px;font-weight:850;margin-top:14px}.stat-bottom{font-size:10.5px;color:#9ba6b5;margin-top:5px}.stat-glyph{font-size:37px;position:absolute;right:15px;top:25px;color:#e2eff4;font-weight:200}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--border)}.tab{background:transparent;border:0;padding:0 2px 15px;font-weight:700;font-size:12px;color:#94a0b1;border-bottom:2px solid transparent}.tab.active{color:#0e93ba;border-bottom-color:#00aad4}.tab-count{font-size:10px;margin-left:4px;border-radius:99px;background:#edf6f9;color:#529cad;padding:3px 7px}.table-card{border-top-left-radius:0;margin-bottom:25px}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px 19px}.table-toolbar-heading strong{display:block;font-size:15px}.table-toolbar-heading span{display:block;margin-top:4px;font-size:11px;color:#99a4b3}.table-filters{display:flex;align-items:center;gap:18px}.table-search{background:#fafbfd;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:10px;padding:8px 12px;color:#94a2b3}.table-search span{font-size:20px}.table-search input{border:0;background:transparent;width:225px;font-size:11px;outline:none;color:#344860}.small-check{display:flex;align-items:center;gap:7px;font-size:11px;color:#7a899d;white-space:nowrap}.small-check input{accent-color:#00aad4}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:870px}th{background:#f9fbfd;border-top:1px solid #edf0f6;border-bottom:1px solid #edf0f6;font-weight:800;font-size:9px;color:#92a0b2;letter-spacing:1px;padding:15px 20px;white-space:nowrap}td{padding:17px 20px;border-bottom:1px solid #eef1f5;font-size:12px;color:#687990;vertical-align:middle}tbody tr:hover{background:#fcfdff}.order-link{font-size:12px;color:#168fb4;font-weight:800}.order-link:hover{text-decoration:underline}.customer{color:#3a4c64;font-weight:750}.spot-badge{font-size:11px;border-radius:6px;background:#e8f8fd;color:#097ca0;font-weight:750;padding:6px 8px;white-space:nowrap;display:inline-block}.spot-badge.missing{color:#b2773b;background:#fff4e8}.product-name{color:#65768d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:330px;display:block}.quantity-tag{display:inline-block;background:#f2f5f9;color:#61718a;padding:6px 9px;border-radius:6px;font-weight:800}.table-empty{text-align:center;padding:55px 20px;color:#9aa8b8}.table-empty span{display:block;font-size:55px;font-weight:100;color:#c6dae2}.table-empty strong{display:block;color:#4d5b72;margin:9px}.table-empty p{font-size:12px}.table-footer{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9aa4b5}.pager{display:flex;align-items:center;gap:13px}.pager button{border:1px solid var(--border);background:white;width:29px;height:29px;font-size:18px;color:#68819a;border-radius:7px}.pager button:disabled{opacity:.3;cursor:not-allowed}.spot-panel{padding:24px}.spot-panel-title{margin-bottom:25px}.spot-panel-title strong{font-size:15px}.spot-panel-title p{font-size:11px;color:#919eaf;margin-top:7px}.spot-chart{display:grid;gap:16px}.spot-chart-row{display:grid;grid-template-columns:minmax(100px,215px) minmax(40px,1fr) 50px;align-items:center;gap:15px}.spot-chart-row label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;color:#53647b}.spot-track{background:#f0f4f8;height:10px;border-radius:6px;overflow:hidden}.spot-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#24bbdf,#00aad4)}.spot-amount{text-align:right;font-weight:750;color:#516276}.main-footer{display:flex;justify-content:space-between;margin-top:48px;color:#a7b1c0;font-size:9px;letter-spacing:1.3px;font-weight:800}.toast{position:fixed;right:22px;bottom:26px;z-index:30;padding:13px 18px;background:#16293c;border-radius:10px;color:white;box-shadow:0 10px 35px #0b1f3444;font-size:12px;transition:all .2s;opacity:0;transform:translateY(20px);pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1190px){.sidebar{width:225px;flex-basis:225px}.content{padding:36px 26px 20px}.topbar{padding:0 26px}.stats-grid{gap:10px}.stat{padding:17px}.stat-value{font-size:27px}.form-bottom{align-items:flex-start}}
@media(max-width:870px){.sidebar{position:fixed;transform:translateX(-100%);transition:transform .25s}.sidebar.open{transform:translateX(0);box-shadow:15px 0 50px #07162666}.menu-toggle{display:block}.heading-decoration{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-bottom{flex-direction:column}.primary-button{align-self:stretch}.table-toolbar{flex-direction:column;align-items:stretch}.table-filters{justify-content:space-between}.table-search{flex:1}.table-search input{width:100%}}
@media(max-width:550px){.content{padding:27px 15px 14px}.topbar{height:60px;padding:0 15px}.topbar-left,.topbar-right{gap:10px}.breadcrumbs{font-size:9px}.breadcrumbs span{padding:0 4px}.store-pill{padding:7px 10px}.avatar{display:none}.heading{min-height:148px}.heading h1{font-size:37px}.heading p{font-size:12px}.search-card{padding:23px 18px}.read-only{display:none}.form-grid{grid-template-columns:1fr;gap:20px}.results-heading{align-items:flex-start;gap:12px;flex-direction:column}.results-actions{width:100%}.outline-button{flex:1}.stats-grid{gap:9px;margin:15px 0 25px}.stat{padding:16px 12px}.stat-value{font-size:26px}.stat-label{font-size:8px}.stat-glyph{font-size:25px;right:8px;top:22px}.table-filters{flex-direction:column;align-items:stretch}.table-toolbar{padding:18px}.spot-chart-row{grid-template-columns:minmax(70px,110px) minmax(30px,1fr) 30px;gap:7px}.spot-chart-row label{font-size:10px}.main-footer{gap:15px;font-size:8px}.topbar-right .store-pill{font-size:9px}}