:root{--navy:#173b73;--navy-deep:#102c58;--navy-soft:#eaf0f8;--lime:#b4d33f;--lime-dark:#7f9b20;--paper:#fcfbf7;--surface:#fff;--ink:#172033;--muted:#687386;--line:#dde3ec;--danger:#bd3434;--warning:#a96800;--success:#19704a;--shadow:0 12px 34px #142f5514}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}:focus-visible{outline-offset:2px;outline:3px solid #173b7347}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:radial-gradient(circle at 18% 12%,#b4d33f38,#0000 28%),linear-gradient(145deg,#f9faf5,#edf3fa);place-items:center;min-height:100vh;padding:28px 18px;display:grid}.login-page:after{content:"";aspect-ratio:1;background:var(--navy);opacity:.055;border-radius:50%;width:48vw;position:fixed;inset:auto -8vw -20vw auto}.login-card{z-index:1;background:#fffffff5;border:1px solid #173b731a;border-radius:24px;width:min(100%,480px);padding:42px;position:relative;box-shadow:0 24px 70px #122d5621}.login-logo{object-fit:contain;width:190px;height:auto;margin-bottom:34px}.login-heading h1{color:var(--navy-deep);letter-spacing:-.04em;margin-bottom:8px;font-size:clamp(2rem,5vw,2.65rem)}.login-heading p{color:var(--muted);line-height:1.55}.login-help{color:var(--muted);text-align:center;margin:22px 0 0;font-size:.83rem}.eyebrow{color:var(--lime-dark);letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-size:.74rem;font-weight:800;display:block}.form-stack{gap:17px;margin-top:26px;display:grid}.field{color:#344054;gap:7px;font-size:.85rem;font-weight:700;display:grid}.field input,.field select,.date-input input{width:100%;min-height:45px;color:var(--ink);background:#fff;border:1px solid #cfd7e3;border-radius:10px;outline:none;padding:10px 12px}.field input:focus,.field select:focus,.date-input:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px #173b731a}.field-hint{color:var(--muted);margin:-8px 0 0;font-size:.79rem}.input-wrap{color:#768196;border:1px solid #cfd7e3;border-radius:11px;align-items:center;min-height:48px;padding-left:13px;transition:all .16s;display:flex}.input-wrap:focus-within{color:var(--navy);border-color:var(--navy);box-shadow:0 0 0 3px #173b731a}.input-wrap input{min-width:0;box-shadow:none;border:0}.input-wrap input:focus{box-shadow:none}.icon-button{width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:9px;flex:none;place-items:center;padding:0;display:inline-grid}.icon-button:hover{color:var(--navy);background:var(--navy-soft)}.icon-button.danger:hover{color:var(--danger);background:#fff0f0}.primary-button,.secondary-button{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:10px 16px;font-size:.88rem;font-weight:800;transition:transform .14s,background .14s;display:inline-flex}.primary-button{color:#fff;background:var(--navy);border:1px solid var(--navy)}.primary-button:hover{background:var(--navy-deep);transform:translateY(-1px)}.secondary-button{color:var(--navy);background:#fff;border:1px solid #cbd5e2}.secondary-button:hover{background:var(--navy-soft)}.full-button{width:100%}.app-frame{min-height:100vh}.topbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;grid-template-columns:180px 1fr auto;align-items:center;min-height:68px;padding:0 max(24px,50vw - 720px);display:grid;position:sticky;top:0}.brand{align-items:center;gap:10px;width:fit-content;display:flex}.brand img{object-fit:contain;width:125px;height:auto}.brand span{color:var(--navy);background:var(--navy-soft);border-radius:6px;padding:3px 7px;font-size:.68rem;font-weight:900}.main-nav{justify-content:center;gap:5px;display:flex}.nav-link{color:#526077;border-radius:9px;align-items:center;gap:7px;padding:10px 13px;font-size:.87rem;font-weight:700;display:flex}.nav-link:hover{color:var(--navy);background:#f4f7fb}.nav-link.active{color:var(--navy);background:var(--navy-soft)}.account{color:var(--muted);align-items:center;gap:7px;font-size:.82rem;display:flex}.mobile-menu{display:none}.page-shell{width:min(1440px,100%);margin:0 auto;padding:34px 28px 60px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.page-heading h1{color:var(--navy-deep);letter-spacing:-.035em;margin-bottom:6px;font-size:clamp(1.8rem,4vw,2.5rem)}.page-heading p{color:var(--muted);margin-bottom:0}.heading-actions{gap:10px;display:flex}.date-input{min-height:43px;color:var(--navy);background:#fff;border:1px solid #cbd5e2;border-radius:10px;align-items:center;gap:8px;padding-left:12px;display:flex}.date-input input{min-height:40px;box-shadow:none;border:0}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.panel-title{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.panel-title h2{color:var(--navy-deep);margin-bottom:3px;font-size:1.15rem}.panel-title p{color:var(--muted);margin:0;font-size:.79rem}.alert{border:1px solid;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:.86rem;line-height:1.45;display:flex}.alert svg{flex:none}.alert .icon-button{margin:-8px -7px -8px auto}.alert-error{color:#8f2525;background:#fff3f2;border-color:#f0c5c1}.alert-warning{color:#87590a;background:#fff9e8;border-color:#eedba0}.alert-info{color:#254e7e;background:#f0f6fd;border-color:#c9dcef}.sale-grid{grid-template-columns:minmax(0,1.65fr) minmax(330px,.8fr);align-items:start;gap:22px;display:grid}.product-picker,.cart-panel{padding:22px}.cart-panel{position:sticky;top:91px}.search-box{color:#7b8798;background:#f8fafc;border:1px solid #d7dee8;border-radius:11px;align-items:center;gap:10px;min-height:49px;padding:0 14px;display:flex}.search-box:focus-within{color:var(--navy);border-color:var(--navy);background:#fff;box-shadow:0 0 0 3px #173b7314}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:13px 0}.product-results{gap:7px;min-height:280px;max-height:calc(100vh - 292px);margin-top:14px;display:grid;overflow:auto}.product-result{width:100%;color:inherit;text-align:left;background:#fff;border:1px solid #0000;border-bottom-color:#edf0f4;border-radius:10px;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;gap:18px;padding:13px 12px;display:grid}.product-result:hover:not(:disabled){background:#f8fbff;border-color:#cedbec}.product-main,.product-meta{gap:4px;display:grid}.product-main strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-main small,.product-meta small,.muted{color:var(--muted);font-size:.76rem}.product-meta{text-align:right}.product-result>svg{color:var(--navy)}.stock-low{font-weight:700;color:var(--warning)!important}.customer-card{width:100%;color:inherit;text-align:left;background:#f7f9fc;border:1px solid #dce3ed;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;padding:12px 13px;display:flex}.customer-card:hover{border-color:#b4c5da}.customer-card span{gap:2px;display:grid}.customer-card small{color:var(--muted);font-size:.73rem}.customer-card strong{font-size:.9rem}.cart-lines{gap:4px;min-height:110px;max-height:330px;margin-bottom:16px;display:grid;overflow:auto}.cart-line{border-bottom:1px solid #edf0f4;padding:12px 0}.cart-line-head,.cart-line-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.cart-line-head span{gap:3px;min-width:0;display:grid}.cart-line-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.cart-line-head small{color:var(--muted);font-size:.71rem}.cart-line-foot{margin-top:9px}.stepper{border:1px solid #d4dce7;border-radius:8px;grid-template-columns:32px 42px 32px;display:grid;overflow:hidden}.stepper button{height:31px;color:var(--navy);background:#f7f9fc;border:0;place-items:center;padding:0;display:grid}.stepper input{text-align:center;border:0;border-inline:1px solid #d4dce7;outline:0;width:100%;min-width:0;padding:0}.total-row{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;margin:18px 0 15px;padding-top:15px;display:flex}.total-row span{color:var(--muted);font-weight:700}.total-row strong{color:var(--navy-deep);letter-spacing:-.035em;font-size:1.65rem}.sale-button{min-height:50px}.sale-button span{letter-spacing:.04em;font-size:.68rem}.empty-state{color:#8792a2;text-align:center;align-content:center;place-items:center;gap:8px;min-height:220px;display:grid}.empty-state p{margin:0;font-size:.85rem}.empty-state.compact{min-height:110px}.success-toast{z-index:40;color:#164f37;background:#effbf5;border:1px solid #a7dec2;border-radius:14px;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:13px;max-width:650px;padding:15px;display:grid;position:fixed;bottom:26px;right:26px;box-shadow:0 18px 50px #134d342e}.success-toast>svg{color:var(--success)}.success-toast div{gap:3px;display:grid}.success-toast span{font-size:.8rem}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a172b7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(100%,630px);max-height:min(850px,100vh - 40px);padding:25px;overflow:auto;box-shadow:0 28px 80px #08172e40}.modal-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.modal-head h2{color:var(--navy-deep);margin:0;font-size:1.45rem}.customer-result{width:100%;color:inherit;text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:13px 14px;display:flex}.customer-result.featured{color:var(--navy);background:var(--navy-soft);border-color:#cbd8e9}.customer-result span{gap:4px;display:grid}.customer-result small{color:var(--muted)}.inline-search{gap:8px;margin:18px 0 10px;display:flex}.inline-search input{border:1px solid #cfd7e3;border-radius:10px;flex:1;min-width:0;padding:11px 12px}.link-button{color:var(--navy);background:0 0;border:0;align-items:center;gap:8px;margin-top:15px;padding:8px 0;font-weight:800;display:flex}.link-button.compact-link{margin:0;padding:6px;font-size:.76rem}.danger-text{color:var(--danger)}.customer-result.favorite{color:var(--navy-deep);border-left:4px solid var(--lime)}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-grid .full{grid-column:1/-1}.modal-actions{justify-content:flex-end;gap:9px;margin-top:23px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.stat-card{color:var(--navy);text-align:left;border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 5px 16px #142f550b}.stat-card>svg{background:var(--navy-soft);border-radius:10px;width:40px;height:40px;padding:9px}.stat-card span{gap:2px;display:grid}.stat-card small{color:var(--muted)}.stat-card strong{font-size:1.25rem}.stat-card.warning{color:var(--warning)}.stat-card.danger{color:var(--danger)}.stat-card.selected{border-color:currentColor;box-shadow:inset 0 0 0 2px}.table-panel{overflow:hidden}.table-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:17px;display:flex}.table-toolbar .search-box{flex:1;max-width:650px}.responsive-table{position:relative;overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:#687386;letter-spacing:.05em;text-align:left;text-transform:uppercase;border-bottom:1px solid var(--line);background:#f8fafc;padding:12px 16px;font-size:.71rem;font-weight:800}td{vertical-align:middle;border-bottom:1px solid #edf0f4;padding:14px 16px;font-size:.86rem}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfe}td>small{color:var(--muted);margin-top:4px;font-size:.72rem;display:block}.stock-pill,.status-pill{color:var(--success);background:#e9f8f0;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:800;display:inline-block}.stock-pill.low,.status-pill.verification_required,.status-pill.draft,.status-pill.sending{color:var(--warning);background:#fff5d9}.stock-pill.soldout,.status-pill.failed,.status-pill.rejected{color:var(--danger);background:#fff0f0}.table-loading{min-height:180px;color:var(--navy);background:#ffffffd9;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.product-detail{width:min(100%,690px)}.detail-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;display:grid}.detail-grid div{background:#f7f9fc;border-radius:10px;padding:13px}.detail-grid dt,.detail-description small{color:var(--muted);font-size:.72rem}.detail-grid dd{margin:5px 0 0;font-weight:800}.detail-description{border:1px solid var(--line);border-radius:10px;margin-top:13px;padding:14px}.detail-description p{margin:5px 0 0;line-height:1.5}.warehouse-list{margin-top:18px}.warehouse-list h3{margin-bottom:8px;font-size:.92rem}.warehouse-list div{border-bottom:1px solid #edf0f4;justify-content:space-between;padding:10px 2px;display:flex}.sales-summary{color:#fff;background:linear-gradient(110deg, var(--navy-deep), var(--navy));box-shadow:var(--shadow);border-radius:15px;grid-template-columns:2fr 1fr 1fr;margin-bottom:18px;display:grid;overflow:hidden}.sales-summary div{border-right:1px solid #ffffff26;gap:5px;padding:20px 24px;display:grid}.sales-summary small{color:#ffffffb8;font-weight:700}.sales-summary strong{font-size:1.45rem}.view-tabs{gap:6px;margin-bottom:12px;display:flex}.view-tabs button{color:var(--muted);background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:10px 13px;font-weight:800;display:flex}.view-tabs button.active{color:var(--navy);background:var(--navy-soft)}.progress{background:#e8edf3;border-radius:10px;width:100px;height:7px;margin-right:7px;display:inline-block;overflow:hidden}.progress span{background:var(--lime-dark);border-radius:inherit;height:100%;display:block}@media (max-width:920px){.topbar{grid-template-columns:1fr auto auto;padding-inline:18px}.mobile-menu{width:40px;height:40px;color:var(--navy);background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.main-nav{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:10px;display:none;position:absolute;top:67px;left:12px;right:12px}.main-nav-open{display:grid}.account span{display:none}.sale-grid{grid-template-columns:1fr}.cart-panel{position:static}.product-results{max-height:520px}.stats-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.page-shell{padding:24px 14px 50px}.page-heading{flex-direction:column;align-items:stretch}.page-heading>.secondary-button{align-self:flex-start}.heading-actions{flex-direction:column;align-items:stretch}.product-picker,.cart-panel{padding:16px}.product-result{grid-template-columns:minmax(0,1fr) auto;gap:10px}.product-result>svg{display:none}.product-meta strong{font-size:.82rem}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:12px}.table-toolbar{flex-direction:column;align-items:stretch}.table-toolbar .muted{line-height:1.4}.sales-summary{grid-template-columns:1fr 1fr}.sales-summary div:first-child{grid-column:1/-1}.view-tabs{grid-template-columns:1fr;display:grid}.form-grid,.detail-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.inline-search{flex-direction:column}.success-toast{grid-template-columns:auto 1fr;bottom:12px;left:12px;right:12px}.success-toast .primary-button{grid-column:1/-1}.login-card{padding:30px 23px}}