@font-face{font-family:Be;font-display:swap;src:url(/fonts/be-vietnam-pro-400-vietnamese.woff2)}@font-face{font-family:Be;font-display:swap;src:url(/fonts/be-vietnam-pro-600-vietnamese.woff2);font-weight:600}@font-face{font-family:Be;font-display:swap;src:url(/fonts/be-vietnam-pro-700-vietnamese.woff2);font-weight:700}@font-face{font-family:serif;font-display:swap;src:url(/fonts/noto-serif-normal.woff2)}:root{color:#183048;font-synthesis:none;background:#f8fbfd;font-family:Be,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}input,select{color:#183048}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em}h2{letter-spacing:-.025em}small{font-size:12px}.eyebrow{color:#7690a3;letter-spacing:.16em;margin-bottom:10px;font-size:10px;font-weight:700}.eyebrow.light{color:#c9dcdf}.primary,.secondary{white-space:nowrap;border:1px solid #0000;border-radius:9px;padding:11px 16px;font-weight:700}.primary{color:#1d3448;background:#f4db8a;box-shadow:0 2px 5px #d3b35724}.secondary{color:#264159;background:#fff;border-color:#d9e3e9}.wide{justify-content:space-between;width:100%;display:flex}.alert,.success{border-radius:9px;justify-content:space-between;gap:12px;margin:0 0 18px;padding:12px 16px;display:flex}.alert{color:#a33b35;background:#fff0ed;border:1px solid #e9bcb4}.success{color:#276b4b;background:#e9f6ef;border:1px solid #b3ddc8}.alert button,.success button{color:inherit;background:0 0;border:0;font-size:18px}.loading{color:#647d8e;place-items:center;height:100vh;display:grid}.login-shell{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:#172c40;flex-direction:column;justify-content:space-between;padding:7vh 6vw;display:flex;position:relative;overflow:hidden}.login-brand:before{content:"";border:1px solid #ffffff18;border-radius:50%;width:65vw;height:65vw;position:absolute;bottom:-40vw;left:-20vw}.login-brand>*{position:relative}.brand-lockup{align-items:center;gap:13px;display:flex}.brand-mark{color:#172c40;background:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-family:serif,Georgia;font-size:28px;font-weight:700;display:grid}.brand-lockup strong{font:25px/1 serif,Georgia;display:block}.brand-lockup span{letter-spacing:.03em;opacity:.78;margin-top:4px;font-size:11px;display:block}.login-intro h1{color:#f9faf8;letter-spacing:-.04em;font:400 clamp(38px,4vw,68px)/1.22 serif,Georgia}.login-intro p:last-child{color:#c8d4dd;max-width:440px;font-size:16px;line-height:1.7}.login-brand small{color:#b4c4d1}.login-panel{background:#fbfcfd;place-items:center;padding:50px;display:grid}.login-form{width:min(390px,100%)}.login-form h2{margin:0 0 8px;font-size:34px}.login-form>.muted{margin-bottom:34px}.login-form label{margin-bottom:18px;font-size:13px;font-weight:700;display:block}.login-form input{background:#fff;border:1px solid #d5e0e6;border-radius:9px;width:100%;margin-top:7px;padding:14px;display:block}.login-form .primary{margin-top:10px}.app-shell{min-height:100vh;display:flex}.sidebar{color:#dbe5ee;z-index:5;background:#172c40;flex-direction:column;width:246px;min-width:246px;height:100vh;padding:26px 15px 18px;display:flex;position:sticky;top:0}.sidebar-top{border-bottom:1px solid #ffffff1a;padding:0 12px 25px}.sidebar .brand-mark{width:35px;height:35px;font-size:23px}.sidebar .brand-lockup strong{font-size:20px}.sidebar .brand-lockup span{font-size:9px}.sidebar nav{flex:1;padding-top:16px;overflow:auto}.nav-group p{letter-spacing:.13em;color:#819caf;margin-bottom:7px;padding:0 12px;font-size:9px}.nav-group a{text-align:left;color:#bfceda;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;margin-bottom:2px;padding:10px 12px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.nav-group a.active{color:#fff;background:#2c455b;box-shadow:inset 3px 0 #f2d98a}.nav-icon{color:#c4d4de;width:21px;font-size:18px;line-height:1}.sidebar-foot{border-top:1px solid #ffffff1c;align-items:center;gap:10px;padding:17px 7px 2px;display:flex}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:11px}.sidebar-foot small{color:#9eb1c2;text-transform:capitalize}.avatar{color:#245744;background:#dceae5;border-radius:50%;place-items:center;width:35px;min-width:35px;height:35px;font-size:11px;font-weight:700;display:grid}.avatar.small{width:30px;min-width:30px;height:30px}.logout{color:#c6d6df;background:0 0;border:0;margin-left:auto;font-size:22px}.main-column{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e9eff3;justify-content:space-between;align-items:center;height:67px;padding:0 38px;display:flex}.breadcrumb{color:#798b9a;font-size:12px;font-weight:600}.breadcrumb span{color:#bdcbd4;padding:0 9px}.topbar-right{color:#8194a3;align-items:center;gap:10px;font-size:11px;display:flex}.topbar-right .avatar{margin-left:12px}.online-dot{background:#63ae8d;border-radius:50%;width:7px;height:7px}.workspace{max-width:1650px;margin:auto;padding:36px clamp(24px,3vw,52px) 70px}.page-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:30px;display:flex}.page-head h1{margin:0;font-size:32px;line-height:1.18}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.stat,.panel{background:#fff;border:1px solid #e4ecf1;border-radius:13px;box-shadow:0 3px 16px #1f405509}.stat p{color:#738696;margin:0 0 20px;font-size:12px;font-weight:600}.stat strong{letter-spacing:-.05em;white-space:nowrap;font-size:27px}.stat small{color:#8fa0ad;margin-top:7px;display:block}.dashboard-grid,.two-panels{grid-template-columns:1.45fr 1fr;gap:16px;margin-bottom:18px;display:grid}.panel-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.panel-head h2{margin:0;font-size:16px}.panel-head p{color:#94a1ad;margin:4px 0 0;font-size:11px}.action-row{text-align:left;color:#1c354b;background:0 0;border:0;border-top:1px solid #eef2f5;align-items:center;gap:13px;width:100%;padding:17px 0;display:flex}.action-row:hover{color:#155177}.action-row span:nth-child(2){flex:1}.action-row strong,.action-row small{display:block}.action-row strong{font-size:12px}.action-row small{color:#8a9dab;margin-top:4px}.action-icon{border-radius:8px;place-items:center;width:35px;height:35px;font-size:18px;display:grid}.action-icon.blue{background:#e8f1f5}.action-icon.green{background:#e9f7ef}.feature-panel{background:#f4f8f9;padding:29px}.feature-panel h2{margin-bottom:15px;font:400 28px serif,Georgia}.feature-panel>p:not(.eyebrow){color:#688093;font-size:12px;line-height:1.75}.feature-panel ol{margin:0;padding:10px 0 0;list-style:none}.feature-panel li{color:#2d4458;border-bottom:1px solid #dce8ed;padding:9px 0;font-size:12px}.feature-panel li span{color:#9daab3;margin-right:15px;font-size:10px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:600px}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:#8c9ca9;background:#f8fafb;padding:12px 14px;font-size:10px;font-weight:700}td{color:#4e6476;border-bottom:1px solid #eef2f5;padding:14px;font-size:11px}td strong{color:#253d50;font-weight:700}.mono{font-family:ui-monospace,SFMono-Regular,monospace}.pill{color:#60798b;background:#eef3f6;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-block}.text-button{color:#456a82;background:0 0;border:0;font-size:11px;font-weight:700}.text-button:hover{text-decoration:underline}.empty{text-align:center;color:#8ba0ac;border:1px dashed #d8e4e9;border-radius:10px;padding:36px;font-size:12px}.head-actions{gap:9px;display:flex}.search{width:220px}.field{color:#526b7c;flex-direction:column;gap:6px;min-width:0;font-size:11px;font-weight:700;display:flex}.field input,.field select,.search{background:#fff;border:1px solid #d6e2e8;border-radius:8px;outline:none;width:100%;padding:10px 11px;font-size:12px}.field input:focus,.field select:focus,.search:focus{border-color:#91b7c8;box-shadow:0 0 0 3px #bfdbe344}.inline-form{background:#f8fafb;border:1px solid #e7edf1;border-radius:9px;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));align-items:end;gap:12px;margin-bottom:20px;padding:16px;display:grid}.stack-form{gap:13px;display:grid}.stack-form button{justify-self:start;margin-top:7px}.form-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.order-line{border-top:1px solid #ecf0f3;grid-template-columns:30px 2fr 100px 140px 130px;align-items:end;gap:13px;padding:15px 0;display:grid}.line-number{color:#9aadb9;padding-bottom:12px;font-size:11px}.line-total{text-align:right;padding-bottom:11px;font-size:13px;font-weight:700}.remove-line{color:#b6554e;background:0 0;border:0;grid-column:5;justify-self:end;font-size:22px}.order-summary{color:#6b8190;border-top:1px solid #e6eef1;justify-content:flex-end;align-items:baseline;gap:24px;padding-top:20px;font-size:12px;display:flex}.order-summary strong{color:#1d3448;font-size:22px}.form-actions{align-items:center;gap:18px;display:flex}.form-actions p{color:#8b9da9;margin:0;font-size:11px}.tabs{border-bottom:1px solid #dce6eb;gap:5px;margin-bottom:16px;display:flex}.tabs button{color:#8296a5;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 15px;font-size:12px;font-weight:700}.tabs button.active{color:#214a60;border-color:#2b5369}.notice-inline{color:#718b9c;background:#f6f9fa;border-radius:8px;padding:13px;font-size:11px;line-height:1.6}.requirement{border-top:1px solid #e8eff2;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.requirement strong,.requirement small{display:block}.requirement strong{font-size:11px}.requirement small{color:#8aa0ac;margin-top:4px}.debit{color:#356b85;font-weight:700}.credit{color:#3d8b69;font-weight:700}.detail-overlay{z-index:9;background:#0c22367a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.detail-panel{background:#fff;border-radius:14px;width:min(1380px,100vw - 32px);height:calc(100vh - 32px);padding:32px 38px;overflow:auto;box-shadow:0 20px 60px #0e263a36}.detail-panel h2{margin-bottom:4px;font-size:28px}.detail-close{float:right;color:#577487;background:#f1f5f7;border:0;border-radius:7px;width:36px;height:36px;font-size:24px}.detail-separator{border-top:1px solid #e6eef1;margin:23px 0 8px}.detail-line{border-bottom:1px solid #edf1f3;justify-content:space-between;gap:20px;padding:14px 0;font-size:13px;display:flex}.detail-line small{color:#708697;margin-top:5px;font-size:12px;display:block}.detail-total{justify-content:space-between;padding:25px 0;font-size:14px;display:flex}.detail-total strong{font-size:23px}.detail-panel h3{margin-top:20px;font-size:16px}.detail-panel .wide{margin:20px 0}.document-section{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:0 24px;display:grid}.document-section>:not(.document-preview){grid-column:1}.document-section .document-preview{grid-area:1/2/span 30;gap:10px;min-width:0;display:grid}.document-preview iframe{background:#f7f9fa;border:1px solid #d9e3e9;border-radius:8px;width:100%;height:min(78vh,900px);display:block}.document-preview .secondary{justify-self:start;text-decoration:none}.detail-panel .requirement,.detail-panel .requirement strong{font-size:12px}.menu-button,.close-drawer,.scrim{display:none}@media (width<=900px){.document-section{display:block}.document-preview{margin-top:18px}.document-preview iframe{height:65vh}.detail-panel{width:calc(100vw - 16px);height:calc(100vh - 16px);padding:22px}}.document-history{border-top:1px solid #e6eef1;margin-top:8px;padding-top:10px}.document-history summary{cursor:pointer;color:#52728a;padding:8px 0;font-size:12px;font-weight:700}.mini-list{margin-top:22px}.stocktake-card{border:1px solid #e1eaf0;border-radius:9px;gap:10px;margin-top:18px;padding:14px;display:grid}.stocktake-card>strong{font-size:12px}.stocktake-card>small{color:#8498a6}.card-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.report-exports{margin-top:20px}.report-exports a{align-items:center;text-decoration:none;display:inline-flex}.account-form{max-width:460px}.product-images{border-top:1px solid #e1eaf0;margin-top:22px;padding-top:22px}.image-gallery{flex-wrap:wrap;gap:12px;display:flex}.image-gallery a{color:#264159;gap:5px;max-width:150px;text-decoration:none;display:grid}.image-gallery img{object-fit:cover;border:1px solid #d9e3e9;border-radius:9px;width:150px;height:120px}.image-gallery small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.allocation-list{border-top:1px solid #e1eaf0;gap:10px;padding-top:14px;display:grid}.allocation-list .card-actions{justify-content:space-between;align-items:center}.allocation-list strong{font-size:13px}.address-panel{border-top:1px solid #e1eaf0;margin-top:22px;padding-top:18px}.address-panel .card-actions{justify-content:space-between;align-items:center;margin-bottom:12px}.address-panel h3{margin:0}.address-panel input[type=checkbox]{width:20px;height:20px}.requirement .card-actions{flex-shrink:0;justify-content:flex-end;align-items:center}.requirement .card-actions input{color:#253d50;background:#fff;border:1px solid #d6e2e8;border-radius:8px;width:96px;min-height:36px;padding:8px 10px;font-size:12px}.requirement .card-actions button{margin:0}@media (width<=620px){.requirement{flex-direction:column;align-items:flex-start}.requirement .card-actions{justify-content:flex-start}}.report-filter{color:#8297a5;align-items:center;gap:8px;font-size:11px;display:flex}.report-filter input{color:#183048;background:#fff;border:1px solid #d6e2e8;border-radius:8px;padding:9px}.report-stats{margin-bottom:0}@media (width<=1100px){.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.two-panels{grid-template-columns:1fr}.order-line{grid-template-columns:25px 2fr 90px 110px}.line-total{grid-area:2/4}.remove-line{grid-area:2/1}.order-line .field:last-of-type{grid-column:2/4}}@media (width<=760px){.sidebar{transition:transform .2s;position:fixed;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.scrim{z-index:4;background:#0a243974;border:0;display:block;position:fixed;inset:0}.close-drawer{color:#fff;background:0 0;border:0;margin-left:auto;font-size:27px;display:block}.sidebar-top{display:flex}.menu-button{color:#224259;background:0 0;border:0;margin-right:12px;font-size:19px;display:block}.topbar{justify-content:flex-start;height:60px;padding:0 19px}.topbar-right{margin-left:auto;font-size:0}.topbar-right .online-dot{display:none}.workspace{padding:27px 18px 50px}.page-head{align-items:start}.page-head h1{font-size:27px}.page-head .primary{padding:9px;font-size:10px}.stats{gap:10px}.stat{min-height:120px;padding:17px}.stat strong{font-size:20px}.stat p{margin-bottom:13px;font-size:10px}.stat small{font-size:10px}.panel{padding:17px}.form-grid{grid-template-columns:1fr}.head-actions{flex-direction:column}.search{width:150px}.order-line{grid-template-columns:25px 1fr 1fr}.order-line .field:nth-child(2),.order-line .field:last-of-type{grid-column:2/4}.line-total{text-align:left;grid-area:auto/2/auto/4}.remove-line{grid-area:auto/1}.form-actions{flex-direction:column;align-items:start}.report-filter{flex-wrap:wrap}.report-filter input{max-width:135px}.login-shell{grid-template-columns:1fr}.login-brand{min-height:250px;padding:30px}.login-intro h1{font-size:36px}.login-brand small{display:none}.login-panel{min-height:470px}.login-form h2{font-size:28px}}.order-line{grid-template-columns:25px repeat(2,minmax(0,1fr));align-items:end;gap:14px;padding:18px 0;display:grid}.order-line .field:last-of-type{grid-column:auto}.order-line>.line-number{grid-area:1/1;align-self:center;padding:0}.order-line>label:nth-child(2){grid-area:1/2/auto/4}.order-line .calculated-field{background:#f7fafc;border:1px solid #e6eef2;border-radius:8px;flex-direction:column;justify-content:center;gap:6px;min-height:58px;padding:9px 12px;display:flex}.calculated-field small{color:#738999;font-size:11px}.calculated-field strong{color:#17374c;font-size:14px}.order-line.area>label:nth-child(3){grid-area:2/2}.order-line.area>label:nth-child(4){grid-area:2/3}.order-line.area>label:nth-child(5){grid-area:3/2}.order-line.area>:nth-child(6){grid-area:3/3}.order-line.area>:nth-child(7){grid-area:4/2}.order-line.area>label:nth-child(8){grid-area:4/3}.order-line.area>.line-amount{grid-area:5/2/auto/4}.order-line.area>.remove-line{grid-area:5/1}.order-line.manual>label:nth-child(3){grid-area:2/2}.order-line.manual>:nth-child(4){grid-area:2/3}.order-line.manual>label:nth-child(5){grid-area:3/2}.order-line.manual>.line-amount{grid-area:3/3}.order-line.manual>.remove-line{grid-area:3/1}.order-line .remove-line{align-self:center;padding:8px;font-size:20px}.order-line .line-amount{background:#eef5f7}.order-line .line-amount strong{font-size:18px}@media (width>=1280px){.order-line{grid-template-columns:25px repeat(4,minmax(0,1fr))}.order-line.area>label:nth-child(2){grid-area:1/2/auto/4}.order-line.area>label:nth-child(3){grid-area:1/4}.order-line.area>label:nth-child(4){grid-area:1/5}.order-line.area>label:nth-child(5){grid-area:2/2}.order-line.area>:nth-child(6){grid-area:2/3}.order-line.area>:nth-child(7){grid-area:2/4}.order-line.area>label:nth-child(8){grid-area:2/5}.order-line.area>.line-amount{grid-area:3/2/auto/5}.order-line.area>.remove-line{grid-area:3/5}.order-line.manual>label:nth-child(2){grid-area:1/2/auto/4}.order-line.manual>label:nth-child(3){grid-area:1/4}.order-line.manual>:nth-child(4){grid-area:1/5}.order-line.manual>label:nth-child(5){grid-area:2/2/auto/4}.order-line.manual>.line-amount{grid-area:2/4}.order-line.manual>.remove-line{grid-area:2/5}}.order-line .order-extra{grid-column:2/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:3px;display:grid}.order-line.area>.order-extra{grid-row:6}@media (width>=1280px){.order-line.area>.order-extra{grid-row:4}}@media (width<=760px){.order-line .order-extra{grid-template-columns:1fr}}.picker-stack{gap:6px;min-width:0;display:grid}.picker-stack input,.picker-stack select{width:100%;min-width:0}.discount-hints{gap:8px;margin:14px 0;display:grid}.discount-hints .notice-inline{color:#3c596b;background:#edf6f8;border:1px solid #d5e9ed}.discount-hints small{color:#667f8e}.discount-hints .text-button{font-size:inherit;padding:0 2px}.order-line{grid-template-columns:25px repeat(4,minmax(0,1fr));align-items:end}.order-line.area:not(.roller){grid-template-areas:"number product product quantity quantity"".width height cm cm"".area mass price price"".discount amount amount remove"".duplicate extra extra extra"}.order-line.area.roller{grid-template-areas:"number product product quantity quantity"".width height cm cm"".rail tube area mass"".price discount amount amount"".duplicate extra extra remove"}.order-line.manual{grid-template-areas:"number product product quantity quantity"".price mass amount amount"".duplicate. .remove"}.order-line>.line-number{grid-area:number!important}.order-line>.order-product{grid-area:product!important}.order-line>.order-quantity{grid-area:quantity!important}.order-line>.order-width{grid-area:width!important}.order-line>.order-height{grid-area:height!important}.order-line>.order-cm{grid-area:cm!important}.order-line>.order-rail{grid-area:rail!important}.order-line>.order-tube{grid-area:tube!important}.order-line>.order-area{grid-area:area!important}.order-line>.order-mass{grid-area:mass!important}.order-line>.order-price{grid-area:price!important}.order-line>.order-discount{grid-area:discount!important}.order-line>.order-amount{grid-area:amount!important}.order-line>.order-remove{justify-self:center;grid-area:remove!important}.order-line>.order-duplicate{white-space:nowrap;writing-mode:horizontal-tb;justify-self:start;grid-area:duplicate!important}.order-line>.order-extra{grid-area:extra!important}@media (width<=1250px){.order-line{grid-template-columns:25px repeat(2,minmax(0,1fr))}.order-line.area:not(.roller){grid-template-areas:"number product product"".quantity quantity"".width height"".cm cm"".area mass"".price discount"".amount amount"".duplicate remove"".extra extra"}.order-line.area.roller{grid-template-areas:"number product product"".quantity quantity"".width height"".cm cm"".rail tube"".area mass"".price discount"".amount amount"".duplicate remove"".extra extra"}.order-line.manual{grid-template-areas:"number product product"".quantity quantity"".price mass"".amount amount"".duplicate remove"}.order-line .order-extra{grid-template-columns:1fr}}.order-extra .size-warning{color:#82620f;background:#fffaf0;border:1px solid #eed7ab;border-radius:8px;grid-column:1/-1;margin:0;padding:9px 12px;font-size:11px}@media (width>=761px) and (width<=1100px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.order-customer-context{color:#456578;background:#f4f9fa;border:1px solid #d8e8ed;border-radius:9px;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px 22px;padding:13px 15px;font-size:12px;display:flex}.order-customer-context strong{color:#1d4055}.order-customer-context small{color:#688494;margin-left:auto}.label-reprints{border-top:1px solid #e6eef1;margin-top:15px;padding-top:15px}.label-reprints strong{color:#27465c;margin-bottom:9px;font-size:12px;display:block}.label-reprints .secondary{padding:8px 11px;font-size:11px;text-decoration:none;display:inline-flex}.nav-icon{flex:none;place-items:center;display:grid}.nav-icon svg{display:block}.nav-group button.active .nav-icon{color:#f5df9f}.customer-form .field small{color:#8294a0;font-size:10px;font-weight:400;line-height:1.5}.customer-form .primary{align-self:end}.customer-picker-field{grid-column:1/-1}.customer-picker-row{align-items:stretch;gap:9px;display:flex}.customer-picker-row .combobox{flex:1}.customer-picker-row .secondary{flex:none}.quick-customer{background:#f8fbfc;border:1px solid #dbe8ed;border-radius:10px;grid-column:1/-1;gap:13px;padding:17px;display:grid}.quick-customer>strong{color:#244157;font-size:12px}.quick-customer>.secondary{justify-self:start}.combobox{min-width:0;position:relative}.combobox>input{color:#183048;background:#fff;border:1px solid #d6e2e8;border-radius:8px;outline:none;width:100%;height:40px;padding:10px 11px;font-size:12px}.combobox>input:focus{border-color:#91b7c8;box-shadow:0 0 0 3px #bfdbe344}.combobox-list{z-index:20;background:#fff;border:1px solid #dce7ed;border-radius:9px;max-height:270px;padding:5px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 35px #15374b22}.combobox-list button{text-align:left;color:#26465d;white-space:normal;background:#fff;border:0;border-radius:6px;width:100%;padding:10px 11px;font-size:11px;display:block}.combobox-list button:hover,.combobox-list button.active{background:#edf5f8}.combobox-empty{color:#8398a5;padding:12px;font-size:11px}.order-sheet-scroll{background:#fff;border:1px solid #dfe9ee;border-radius:10px;overflow-x:auto}.order-sheet-row{grid-template-columns:39px minmax(230px,2.3fr) 70px 86px 86px 108px 121px 95px 126px 84px;align-items:center;gap:8px;padding:9px 11px;display:grid}.order-sheet-head span{color:#667f90;text-transform:uppercase;letter-spacing:.025em;font-size:10px;font-weight:700}.order-sheet-entry{border-bottom:1px solid #e4edf1;position:relative}.order-sheet-entry:last-child{border-bottom:0}.order-sheet-entry:has(.combobox-list){z-index:3;padding-bottom:240px}.order-sheet-row input:not([type=checkbox]){color:#1d394e;background:#fff;border:1px solid #d6e2e8;border-radius:7px;outline:none;width:100%;min-width:0;height:38px;padding:7px 8px;font-size:12px}.order-sheet-row input:focus{border-color:#91b7c8;box-shadow:0 0 0 3px #bfdbe344}.order-sheet-row .combobox>input{height:38px}.sheet-index{color:#8ca0af;font-size:11px;font-weight:700}.sheet-empty{color:#a9bac4;text-align:center}.sheet-computed{color:#3c5b6f;white-space:nowrap;font-size:11px;font-weight:700}.sheet-total{color:#193b54;white-space:nowrap;text-align:right;font-size:12px}.sheet-actions{justify-content:flex-end;align-items:center;gap:2px;display:flex}.sheet-actions .text-button{padding:4px 7px;font-size:17px}.sheet-actions .danger{color:#b26460}.order-sheet-detail{background:#f9fbfc;border-top:1px solid #edf2f4;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:10px 15px;padding:11px 18px 14px 58px;display:grid}.order-sheet-detail .field{font-size:10px}.order-sheet-detail .field input,.order-sheet-detail .field select{height:36px}.order-sheet-detail .field input[type=checkbox]{width:20px;height:20px}.sheet-hint{color:#607a8a;grid-column:1/-1;margin:0;font-size:10px}.order-sheet-detail .size-warning{color:#82620f;background:#fffaf0;border:1px solid #eed7ab;border-radius:7px;grid-column:1/-1;margin:0;padding:8px 10px;font-size:10px}.bundle-status{color:#31576d;background:#f5fafb;border:1px solid #d9e7ed;border-radius:8px;gap:7px;margin:12px 0;padding:11px 13px;font-size:11px;display:grid}.bundle-status progress{accent-color:#467b94;width:100%;height:8px}.bundle-error{color:#9f433d}.document-browser{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.document-browser:has(.document-browser-preview){grid-template-columns:minmax(380px,1fr) minmax(440px,1.2fr)}.document-browser>div{min-width:0}.document-browser-preview{align-self:start;gap:12px;min-width:0;display:grid;position:sticky;top:18px}.document-browser-preview>.card-actions{justify-content:space-between;align-items:center}.document-browser-preview iframe{background:#f7f9fa;border:1px solid #d9e3e9;border-radius:8px;width:100%;height:76vh}.document-browser-preview>.secondary{justify-self:start;text-decoration:none}.document-browser td .card-actions{flex-wrap:nowrap}.document-browser td .text-button{white-space:nowrap}@media (width<=1250px){.document-browser:has(.document-browser-preview){grid-template-columns:minmax(0,1fr)}.document-browser-preview{position:static}.document-browser-preview iframe{height:70vh}}@media (width<=760px){.customer-picker-row{flex-direction:column}.customer-picker-row .secondary{align-self:flex-start}.order-sheet-detail{grid-template-columns:repeat(2,minmax(0,1fr))}}.order-sheet{min-width:1480px}.order-sheet-row{grid-template-columns:35px 112px 145px 145px 48px 100px 95px 95px 84px 78px 110px 115px 128px;gap:6px;padding:7px 9px}.order-sheet-head{background:#fff1c9;border-bottom:1px solid #c8b47c;min-height:60px}.order-sheet-head span{color:#443a23;text-transform:none;letter-spacing:0;text-align:center;line-height:1.2}.order-sheet-row select{color:#1d394e;background:#fff;border:1px solid #d6e2e8;border-radius:7px;width:100%;min-width:0;height:38px;padding:6px;font-size:12px}.order-sheet-row .sheet-product-name{text-align:center;font-size:11px;line-height:1.3}.order-sheet-row .sheet-computed,.order-sheet-row .sheet-index{text-align:center}.order-sheet-row>:first-child{z-index:2;background:#fff;position:sticky;left:0}.order-sheet-row>:nth-child(2){z-index:2;background:#fff;position:sticky;left:41px;box-shadow:4px 0 7px #18304812}.order-sheet-head>:first-child,.order-sheet-head>:nth-child(2){z-index:3;background:#fff1c9}.order-sheet-entry{border-bottom:1px solid #d9e2e7}.order-sheet-tools{grid-template-columns:max-content max-content 1fr;align-items:center;gap:3px 14px;padding:1px 12px 8px 52px;display:grid}.order-sheet-tools>.text-button{padding:5px 0;font-size:10px}.order-sheet-tools>.danger{color:#ad514c}.order-sheet-options{justify-self:start}.order-sheet-options summary,.order-discounts summary{cursor:pointer;color:#5a7586;font-size:10px;font-weight:700}.order-sheet-options[open]{grid-column:1/-1;justify-self:stretch;width:100%}.order-sheet-options[open] summary{margin:5px 0 8px}.order-sheet-options .order-sheet-detail{border:1px solid #e7edf1;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));padding:13px}.order-sheet-entry>.sheet-hint,.order-sheet-entry>.size-warning{margin:0 12px 8px 52px;font-size:10px}.order-sheet-entry>.size-warning{color:#82620f;background:#fffaf0;border:1px solid #eed7ab;border-radius:6px;padding:7px 9px}.order-discounts{padding:12px 0}.order-customer-identity{color:#567187;grid-column:1/-1;margin:-8px 0 0;font-size:11px}.order-meta-options{grid-column:1/-1;margin-top:-3px}.order-meta-options summary{cursor:pointer;color:#5a7586;font-size:11px;font-weight:700}.order-meta-options .form-grid{margin-top:12px}@media (width<=760px){.order-sheet-options .order-sheet-detail{grid-template-columns:repeat(2,minmax(0,1fr))}}.pagination{color:#667d8b;border-top:1px solid #e5edf0;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:14px;font-size:12px;display:flex}.pagination>div{gap:8px;display:flex}.pagination button{padding:8px 12px}.detail-panel{width:min(1520px,100vw - 32px);padding:30px 36px 36px}.detail-close{z-index:5;float:right;cursor:pointer;transition:background .18s,color .18s,transform .18s;position:sticky;top:0}.detail-close:hover{color:#173c54;background:#dfeaf0;transform:scale(1.05)}.document-section{background:#f7fafb;border:1px solid #dbe5e9;border-radius:14px;margin:26px 0;padding:22px;display:block}.document-section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.document-section-heading .eyebrow{margin:0 0 5px}.document-section-heading h3{margin:0 0 5px;font-size:20px}.document-section-heading .muted{margin:0}.document-section-heading .card-actions{justify-content:flex-end;margin:0}.document-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.document-list{align-content:start;gap:8px;min-width:0;display:grid}.document-list-title{color:#557082;margin:2px 0 5px;font-size:12px}.document-card{background:#fff;border:1px solid #dce7ec;border-radius:10px;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden}.document-card:hover{border-color:#a8c6d3;transform:translateY(-1px);box-shadow:0 7px 18px #153a4e12}.document-card.selected{border-color:#527f95;box-shadow:0 0 0 2px #d9eaf0}.document-card-main{text-align:left;color:#23435a;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:13px;display:flex}.document-card-main:disabled{cursor:default;opacity:.7}.document-card-main>span:nth-child(2){flex:1;min-width:0}.document-card-main strong,.document-card-main small{display:block}.document-card-main strong{font-size:12px}.document-card-main small{color:#7b91a0;margin-top:4px;font-size:10px}.document-card-main>span:last-child{color:#7997a7;font-size:18px}.document-card-actions{border-top:1px solid #edf2f4;flex-wrap:wrap;gap:8px;padding:8px 13px;display:flex}.document-card-actions a,.document-card-actions button{color:#376d88;cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:11px;font-weight:700;text-decoration:none}.document-card-actions a:hover,.document-card-actions button:hover{text-decoration:underline}.document-layout>.document-preview{background:#fff;border:1px solid #dce7ec;border-radius:12px;grid-area:auto;min-width:0;padding:10px;display:block;position:sticky;top:8px}.document-preview-head{color:#23445a;justify-content:space-between;align-items:center;gap:12px;padding:3px 5px 11px;font-size:13px;display:flex}.document-preview-head a{color:#376d88;font-size:11px;font-weight:700;text-decoration:none}.document-layout .document-preview iframe{border-radius:7px;height:min(72vh,900px)}.document-preview-empty{color:#8ba0ae;place-content:center;justify-items:center;gap:12px;min-height:360px;font-size:12px;display:grid}.document-history{border:0;margin:8px 0 0;padding:0}.document-history summary{background:#ebf2f5;border-radius:8px;padding:11px}.document-history .document-card{margin-top:8px}.page-head,.workspace>.panel,.workspace>.stats,.workspace>.dashboard-grid,.workspace>.two-panels,.detail-panel{animation:.24s ease-out both oms-enter}@keyframes oms-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.sidebar a,.action-row,.primary,.secondary,.panel{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}.primary:hover:not(:disabled),.secondary:hover:not(:disabled){transform:translateY(-1px)}@media (width<=1050px){.document-layout{grid-template-columns:1fr}.document-layout>.document-preview{position:static}.document-section-heading{flex-direction:column;align-items:flex-start}.document-section-heading .card-actions{justify-content:flex-start}}@media (width<=760px){.detail-panel{width:calc(100vw - 12px);height:calc(100vh - 12px);padding:20px}.document-section{padding:13px}.pagination{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.page-head,.workspace>.panel,.workspace>.stats,.workspace>.dashboard-grid,.workspace>.two-panels,.detail-panel{animation:none}.sidebar a,.action-row,.primary,.secondary,.panel,.detail-close,.document-card{transition:none}}.sidebar{transition:width .25s,min-width .25s}.sidebar-top{align-items:center;gap:7px;display:flex}.sidebar-top .brand-lockup{flex:1;min-width:0}.sidebar-toggle{color:#c7d6df;cursor:pointer;background:#ffffff0c;border:1px solid #ffffff24;border-radius:7px;flex:none;place-items:center;width:30px;height:30px;display:grid}.sidebar-toggle:hover{background:#ffffff1c}.sidebar.collapsed{width:72px;min-width:72px;padding-inline:9px}.sidebar.collapsed .sidebar-top{flex-wrap:wrap;justify-content:center;padding:0 0 20px}.sidebar.collapsed .brand-lockup{justify-content:center}.sidebar.collapsed .brand-copy,.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-user,.sidebar.collapsed .nav-group p{display:none}.sidebar.collapsed nav{padding-top:9px}.sidebar.collapsed .nav-group{border-bottom:1px solid #ffffff19;margin-bottom:11px;padding-bottom:9px}.sidebar.collapsed .nav-group a{justify-content:center;padding:11px 0}.sidebar.collapsed .nav-icon{width:auto}.sidebar.collapsed .sidebar-foot{flex-wrap:wrap;justify-content:center;padding:15px 0 0}.sidebar.collapsed .logout{margin:0}.main-column,.workspace,.workspace>.panel,.workspace>.two-panels,.two-panels>.panel{min-width:0}.workspace{width:100%}.panel-head{flex-wrap:wrap}.head-actions{flex-wrap:wrap;min-width:0}.row-actions{flex-wrap:wrap;align-items:center;gap:4px 12px;min-width:155px;display:flex}.row-actions .text-button{white-space:nowrap;padding:5px 0}.customer-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.customer-form>.field{min-height:81px}.customer-form>.field small{min-height:15px}.customer-form>.primary{align-self:end}.customer-edit-row td,.catalog-edit-row td{background:#f3f8fa;padding:15px}.customer-edit-row .customer-form,.catalog-edit-row .catalog-row-form{margin:0}.catalog-row-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;display:grid}.catalog-row-actions{align-self:end;gap:8px;display:flex}.catalog-row-actions button{white-space:nowrap}.pagination button{justify-content:center;align-items:center;gap:4px;display:inline-flex}.dashboard-home{animation:.28s ease-out both oms-enter}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.dashboard-metric{text-align:left;color:#183249;cursor:pointer;background:#fff;border:1px solid #dbe7ec;border-radius:13px;flex-direction:column;align-items:stretch;min-width:0;min-height:167px;padding:21px 22px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #1f405508}.dashboard-metric:hover{border-color:#a8c6d1;transform:translateY(-3px);box-shadow:0 12px 24px #1f405516}.dashboard-metric:before{content:"";background:#6b9caa;width:4px;position:absolute;inset:0 auto 0 0}.dashboard-metric.gold:before{background:#d5b85e}.dashboard-metric i{color:#e7eff3;opacity:.6;pointer-events:none;font:700 72px Georgia,serif;position:absolute;bottom:-20px;right:17px}.metric-top,.metric-bottom{z-index:1;justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.metric-top{color:#627c8e;font-size:12px;font-weight:700}.dashboard-metric strong{z-index:1;letter-spacing:-.055em;white-space:nowrap;margin:auto 0 11px;font-size:clamp(21px,2.2vw,30px);display:block;position:relative}.metric-bottom{color:#8499a7;font-size:11px}.metric-bottom small{font-size:11px}.dashboard-analytics{grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:16px;display:grid}.dashboard-analytics .panel{min-width:0;margin-bottom:16px}.dashboard-chart .panel-head{align-items:start}.dashboard-chart .panel-head>strong{white-space:nowrap;font-size:20px}.dashboard-chart .eyebrow,.dashboard-status .eyebrow,.dashboard-next .eyebrow{color:#7593a3;margin:0 0 5px;font-size:10px}.sales-chart{border-bottom:1px solid #dce8ec;align-items:end;gap:5px;height:220px;padding-top:16px;display:flex}.sales-day{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:8px;min-width:0;height:100%;display:flex}.sales-bar-track{background:linear-gradient(#fff,#f0f5f7);border-radius:4px 4px 0 0;width:100%;height:175px;display:block;position:relative}.sales-bar{background:linear-gradient(#e0c773,#c8a64f);border-radius:4px 4px 0 0;min-height:0;transition:height .45s;position:absolute;bottom:0;left:11%;right:11%}.sales-day small{white-space:nowrap;color:#91a1ac;height:16px;font-size:9px}.status-total{align-items:baseline;gap:9px;margin:24px 0 17px;display:flex}.status-total strong{letter-spacing:-.07em;font-size:42px;line-height:1}.status-total span{color:#7f93a2;font-size:12px}.status-track{background:#eaf0f3;border-radius:99px;width:100%;height:12px;display:flex;overflow:hidden}.status-track span:first-child{background:#e7c872}.status-track span:nth-child(2){background:#4f8191}.status-track span:nth-child(3){background:#85b39c}.status-legend{gap:13px;margin:25px 0;display:grid}.status-legend>span{color:#617989;align-items:center;gap:9px;font-size:12px;display:flex}.status-legend i{background:#e7c872;border-radius:50%;width:10px;height:10px}.status-legend>span:nth-child(2) i{background:#4f8191}.status-legend>span:nth-child(3) i{background:#85b39c}.status-legend strong{color:#1f3c51;margin-left:auto}.dashboard-status>.text-button{align-items:center;gap:5px;display:flex}.dashboard-next{background:#f9fbfb;border:1px solid #dce7eb;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;padding:20px 23px;display:flex}.dashboard-next h2{margin:0}.dashboard-next-links{flex-wrap:wrap;gap:8px;display:flex}.dashboard-next-links button{color:#24445a;cursor:pointer;background:#fff;border:1px solid #d7e4e9;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:11px;font-weight:700;display:flex}.detail-panel{flex-direction:column;padding:0;display:flex;overflow:hidden}.detail-header{background:#fff;border-bottom:1px solid #e9eef1;flex:none;justify-content:space-between;align-items:start;gap:20px;padding:23px 30px 14px;display:flex}.detail-header h2{margin:2px 0 4px}.detail-header .muted{margin:0}.detail-header .eyebrow{color:#7895a5;margin:0}.detail-close{float:none;flex:none;position:static}.detail-tabs{background:#fff;border-bottom:1px solid #e2ebef;flex:none;align-items:center;gap:4px;padding:0 30px;display:flex}.detail-tabs button{color:#718898;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:7px;padding:13px 16px;font-size:12px;font-weight:700;display:flex}.detail-tabs button.active{color:#203d50;border-bottom-color:#d6b95e}.detail-tabs span{color:#557386;background:#e9f1f4;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;display:grid}.detail-scroll{scroll-behavior:smooth;flex:1;min-height:0;padding:21px 30px 36px;overflow:auto}.detail-scroll>h3:first-child{margin-top:0}.detail-scroll .detail-action{margin-top:18px}.detail-scroll .detail-action button{margin-top:12px}.detail-footer{color:#668091;background:#fff;border-top:1px solid #e0e9ed;flex:none;justify-content:space-between;align-items:center;gap:14px;padding:12px 30px;font-size:12px;font-weight:700;display:flex}.detail-footer>div{gap:9px;display:flex}.detail-cancel{color:#a4453f;cursor:pointer;background:#fff9f7;border:1px solid #dbb7b2;border-radius:8px;padding:9px 13px;font-weight:700}.detail-cancel:hover{background:#fcebe8}.document-section{margin:0;padding:19px}.document-layout .document-preview iframe{background:#fff;height:min(64vh,760px)}.document-card-main>span:last-child{font-size:0}.document-card-main>span:last-child:after{content:"›";font-size:18px}.document-preview iframe,.document-browser-preview iframe,.template-modal iframe{background:#fff}.ui-modal-backdrop{z-index:30;backdrop-filter:blur(3px);background:#10283bbc;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ui-modal{background:#fff;border-radius:14px;width:min(600px,100%);max-height:calc(100vh - 32px);padding:24px;animation:.22s ease-out both oms-enter;overflow:auto;box-shadow:0 28px 70px #0a26394d}.ui-modal-header{border-bottom:1px solid #e5edf0;justify-content:space-between;align-items:start;gap:15px;padding-bottom:17px;display:flex}.ui-modal-header .eyebrow{color:#7691a1;margin:0}.ui-modal-header h2{margin:4px 0;font-size:23px}.ui-modal-header p:last-child{color:#718798;margin:0;font-size:12px}.icon-button{color:#416278;cursor:pointer;background:#f6f9fa;border:1px solid #dde8ec;border-radius:8px;flex:none;width:34px;height:34px;font-size:23px}.ui-modal-fields{grid-template-columns:1fr 1fr;gap:15px;margin:20px 0;display:grid}.ui-modal-fields .field:last-child{grid-column:1/-1}.ui-modal-actions{justify-content:flex-end;gap:9px;display:flex}.template-modal{flex-direction:column;width:min(1050px,100vw - 24px);height:calc(100vh - 28px);display:flex}.template-modal iframe{border:1px solid #d9e5e9;border-radius:8px;flex:1;width:100%;min-height:0;margin-top:15px}.report-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.report-stats .stat{min-width:0}.report-stats .stat strong{white-space:normal;overflow-wrap:anywhere;font-size:clamp(18px,2vw,26px)}.report-exports{flex-wrap:wrap;gap:8px;display:flex}.report-exports a{white-space:normal;max-width:100%}.report-filter{flex-wrap:wrap;min-width:0}.report-filter input{min-width:0;max-width:150px}.two-panels{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.two-panels .table-wrap{max-width:100%}@media (width<=1300px){.dashboard-metrics,.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1000px){.dashboard-analytics,.two-panels{grid-template-columns:minmax(0,1fr)}.dashboard-next{flex-direction:column;align-items:start}.customer-form,.catalog-row-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.sidebar.collapsed{width:246px;min-width:246px;padding:26px 15px 18px}.sidebar.collapsed .brand-copy,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-group p,.sidebar.collapsed .sidebar-user{display:block}.sidebar.collapsed .nav-group{border:0;margin-bottom:22px;padding:0}.sidebar.collapsed .nav-group a{justify-content:start;padding:10px 12px}.sidebar.collapsed .sidebar-top{flex-wrap:nowrap;padding:0 12px 25px}.sidebar-toggle{display:none}.dashboard-metrics{gap:9px}.dashboard-metric{min-height:143px;padding:16px}.dashboard-metric strong{white-space:normal;font-size:20px}.metric-top,.metric-bottom small{font-size:10px}.dashboard-chart .panel-head>strong{font-size:16px}.detail-panel{width:calc(100vw - 10px);height:calc(100vh - 10px)}.detail-header{padding:17px 17px 12px}.detail-header h2{font-size:22px}.detail-tabs{padding:0 9px;overflow:auto}.detail-tabs button{white-space:nowrap;padding:12px 9px}.detail-scroll{padding:17px 15px 30px}.detail-footer{padding:10px 15px}.document-section{padding:12px}.document-layout .document-preview iframe{height:65vh}.customer-form,.catalog-row-form{grid-template-columns:1fr}.customer-form>.field{min-height:auto}.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.report-stats .stat{min-height:110px}.report-stats .stat strong{font-size:17px}.report-filter{width:100%}.report-filter input{max-width:140px}.ui-modal-fields{grid-template-columns:1fr}.ui-modal-fields .field:last-child{grid-column:auto}}@media (width<=460px){.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-metric strong{font-size:18px}.report-stats{grid-template-columns:1fr}.page-head .primary{max-width:135px}.detail-footer>span{display:none}}@media (prefers-reduced-motion:reduce){.sidebar,.dashboard-home,.dashboard-metric,.sales-bar,.ui-modal{transition:none;animation:none}}.head-actions .search{flex:0 220px;width:220px}.customer-form>.primary,.customer-form>.secondary{min-width:0}.customer-form>.secondary{align-self:end}@media (width<=760px){.head-actions .search{flex:auto;width:100%}.sidebar.collapsed .brand-lockup{justify-content:flex-start}.sidebar.collapsed .sidebar-foot{flex-wrap:nowrap;justify-content:flex-start;padding:17px 7px 2px}.sidebar.collapsed .logout{margin-left:auto}}.customer-card-list{gap:10px;display:grid}.customer-mobile-card{background:#fff;border:1px solid #dde8eb;border-radius:10px;padding:14px 16px}.customer-card-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.customer-card-heading>div{gap:4px;display:grid}.customer-card-heading .mono{color:#8499a6;font-size:10px}.customer-card-heading strong{color:#19364a;font-size:14px}.customer-card-heading>b{white-space:nowrap;color:#376d83;font-size:13px}.customer-card-details{color:#5b7485;gap:4px;margin:12px 0;font-size:11px;display:grid}.customer-mobile-card>.row-actions{border-top:1px solid #edf1f3;min-width:0;padding-top:9px}.customer-mobile-card>.row-actions .text-button{background:#f3f7f9;border-radius:5px;padding:6px 8px;font-size:12px}.customer-card-edit{border-top:1px solid #dfe9ed;margin-top:13px;padding-top:13px}.customer-card-edit .customer-form{margin:0}.catalog-materials+.panel .table-wrap table{min-width:760px}.page-head-title{align-items:center;gap:12px;min-width:0;display:flex}.page-head-title h1{min-width:0}.topbar{background:#24475b;border-bottom-color:#1c3c50;height:58px;padding-inline:clamp(18px,2.4vw,38px)}.breadcrumb{color:#bbced8}.breadcrumb span{color:#799bab}.breadcrumb strong{color:#fff}.topbar-right{color:#d4e5e8}.topbar-right .avatar{color:#2b5444;background:#e8efdc}.online-dot{background:#8ecab0}.menu-button{color:#fff}.workspace{padding:24px clamp(18px,2.4vw,38px) 54px}.page-head{margin-bottom:20px}.page-head h1{font-size:30px}.page-head .eyebrow{margin-bottom:6px}.stats{gap:12px;margin-bottom:14px}.stat{min-height:118px;padding:17px}.stat p{margin-bottom:14px}.dashboard-grid,.two-panels{gap:14px;margin-bottom:14px}th{padding:10px 12px}td{padding:11px 12px}.form-grid{gap:12px}.inline-form{margin-bottom:14px;padding:14px}.sidebar{padding-top:20px}.sidebar-top{padding-bottom:18px}.sidebar nav{padding-top:12px}.nav-group{margin-bottom:16px}.nav-group a{padding-block:9px}.sidebar.collapsed .brand-lockup{display:none}.sidebar.collapsed .sidebar-top{padding-bottom:14px}.sidebar.collapsed .sidebar-toggle{margin:0}.sidebar.collapsed .sidebar-top{justify-content:center}.dashboard-metrics{gap:10px;margin-bottom:12px}.dashboard-metric{min-height:128px;padding:16px 18px}.dashboard-metric strong{margin:17px 0 6px;font-size:clamp(19px,1.9vw,27px)}.dashboard-analytics{gap:14px}.dashboard-analytics .panel{margin-bottom:14px}.dashboard-chart h2,.dashboard-status h2,.dashboard-next h2{font-size:17px}.dashboard-chart .panel-head>strong{font-size:18px}.sales-chart{height:175px;padding-top:10px}.sales-bar-track{height:136px}.status-total{margin:17px 0 14px}.status-total strong{font-size:36px}.status-legend{gap:10px;margin:17px 0}.dashboard-next{gap:15px;padding:16px 19px}@media (width<=1220px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1221px) and (width<=1300px){.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=760px){.workspace{padding:20px 15px 44px}.page-head{flex-wrap:wrap;align-items:center;margin-bottom:17px}.page-head h1{font-size:26px}.page-head-title{flex:180px;gap:9px}.page-head .menu-button{color:#24475b;background:#fff;border:1px solid #d7e3e9;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;margin:0;padding:0;display:grid}.panel{padding:16px}.stat{min-height:104px;padding:15px}.sidebar.collapsed .brand-lockup{display:flex}.sidebar.collapsed .brand-mark{display:none}.sidebar.collapsed .sidebar-top{justify-content:space-between;padding-bottom:18px}.dashboard-metric{min-height:122px;padding:14px}.dashboard-metric strong{white-space:normal;overflow-wrap:anywhere;margin:15px 0 6px;font-size:19px}.sales-chart{height:160px}.sales-bar-track{height:120px}}:root{--oms-ink:#24324a;--oms-forest:#202c42;--oms-forest-raised:#344b69;--oms-teal:#4a6284;--oms-accent:#355f92;--oms-accent-hover:#294d78;--oms-accent-light:#a5bde1;--oms-accent-pale:#e9eff8;--oms-canvas:#f3f6fa;--oms-surface:#fff;--oms-surface-soft:#f0f2f6;--oms-line:#d9e2ec;--oms-muted:#52647b;color:var(--oms-ink);background:var(--oms-canvas)}body,.main-column{background:var(--oms-canvas)}.login-brand{background:var(--oms-forest)}.login-brand .brand-mark{color:var(--oms-forest)}.login-panel{background:var(--oms-canvas)}.sidebar{background:var(--oms-forest);color:#e7eaf2}.sidebar .brand-mark{color:var(--oms-forest)}.nav-group p{color:#a5afc5}.nav-group a{color:#ccd5e5}.nav-group a:hover{color:#fff;background:#ffffff15}.nav-group a.active{background:var(--oms-forest-raised);box-shadow:inset 3px 0 var(--oms-accent-light)}.nav-group a.active .nav-icon,.nav-group button.active .nav-icon{color:var(--oms-accent-light)}.nav-icon,.sidebar-toggle,.logout{color:#d5dceb}.sidebar-foot small{color:#b0bbce}.avatar{color:var(--oms-forest);background:#e7eaf1}.workspace{--workspace-gutter:clamp(18px, 2.4vw, 38px);padding:0 var(--workspace-gutter) 54px}.page-head{z-index:3;min-height:76px;margin:0 calc(-1 * var(--workspace-gutter)) 18px;padding:16px var(--workspace-gutter);border-bottom:1px solid var(--oms-line);-webkit-backdrop-filter:blur(12px);background:#f3f6faf5;animation:none;position:sticky;top:0}.page-head h1{color:var(--oms-ink)}.primary{background:var(--oms-accent);color:#fff;box-shadow:0 4px 12px #273f6a27}.primary:hover{background:var(--oms-accent-hover)}.primary:focus-visible{outline:3px solid var(--oms-accent-light);outline-offset:2px}.secondary{background:var(--oms-surface);border-color:var(--oms-line);color:#344b70}.secondary:hover{background:var(--oms-surface-soft);border-color:#a4b1c9}.text-button{color:#385783}.panel,.stat,.dashboard-metric,.customer-mobile-card{background:var(--oms-surface);border-color:var(--oms-line);box-shadow:0 4px 18px #29334d0b}.panel-head h2,.dashboard-chart h2,.dashboard-status h2,.dashboard-next h2{color:var(--oms-ink)}.eyebrow{color:#66758e}.muted{color:var(--oms-muted)}.dashboard-chart .eyebrow,.dashboard-status .eyebrow,.dashboard-next .eyebrow{color:#66758e}.dashboard-metric{color:var(--oms-ink)}.dashboard-metric:hover{border-color:#a8b5cc;box-shadow:0 10px 25px #29334d17}.dashboard-metric:before{background:var(--oms-teal)}.dashboard-metric.accent:before{background:#819bc6}.dashboard-metric.mint:before{background:#8599ae}.dashboard-metric.slate:before{background:#64728f}.metric-top,.stat p{color:#687792}.metric-top svg{color:#7588a3}.metric-bottom,.metric-bottom small,.stat small,.panel-head p{color:#75839b}.dashboard-next{background:var(--oms-surface-soft);border-color:var(--oms-line)}.dashboard-next-links button{border-color:var(--oms-line);color:#354b70}.dashboard-next-links button:hover{border-color:#a3b2cb}.sales-bar-track{background:linear-gradient(#fff,#eef1f6)}.sales-day:hover .sales-bar{background:var(--oms-teal)}.status-track{background:#e8ecf2}.status-track span:nth-child(2),.status-legend>span:nth-child(2) i{background:#4b6285}.status-legend>span{color:var(--oms-muted)}.status-legend strong{color:var(--oms-ink)}th{color:#65758d;background:#f0f2f6}td{color:#526179;border-bottom-color:#e8ecf2}td strong,.order-summary strong{color:var(--oms-ink)}.pill{color:#4e6280;background:#eaf0f6}.field{color:#526581}.field input,.field select,.search,.report-filter input{border-color:var(--oms-line);color:var(--oms-ink)}.field input:focus,.field select:focus,.search:focus,.report-filter input:focus{border-color:#8296b7;box-shadow:0 0 0 3px #a6b7d13d}.inline-form,.notice-inline,.order-line .calculated-field{border-color:var(--oms-line);background:#f4f6f9}.tabs,.pagination{border-color:var(--oms-line)}.tabs button.active{border-color:var(--oms-teal);color:#344e73}.detail-header,.detail-tabs,.detail-footer,.ui-modal{background:var(--oms-surface)}.detail-tabs button.active{border-bottom-color:var(--oms-accent);color:var(--oms-ink)}.action-icon.gold,.order-sheet-head,.order-sheet-head>:first-child,.order-sheet-head>:nth-child(2){background:var(--oms-accent-pale)}.order-sheet-head{border-bottom-color:#cbd7e8}.order-sheet-head span{color:#354763}.order-extra .size-warning,.order-sheet-detail .size-warning,.order-sheet-entry>.size-warning{color:#8c4a3e;background:#fff2ef;border-color:#e8c1ba}.sheet-alert{color:#a5554a}.ui-modal-backdrop{background:#171e33b9}.page-head .menu-button{color:var(--oms-forest);border-color:var(--oms-line)}@media (width<=760px){.workspace{--workspace-gutter:15px;padding:0 var(--workspace-gutter) 44px}.page-head{min-height:66px;padding:13px var(--workspace-gutter);margin-bottom:16px}.page-head .menu-button{border-color:var(--oms-line);color:var(--oms-forest);background:#fff}}.customer-card-heading strong{color:var(--oms-ink)}.customer-card-heading .mono,.customer-card-details{color:var(--oms-muted)}.customer-card-heading>b,.customer-card-aside>b{color:#3b577c}.customer-card-aside{flex-direction:column;flex:none;align-items:flex-end;gap:9px;display:flex}.customer-card-edit-button{border:1px solid var(--oms-line);background:var(--oms-surface-soft);white-space:nowrap;border-radius:7px;padding:6px 11px}.customer-card-details{margin-bottom:0}.catalog-products+.panel .table-wrap table{min-width:1040px}.catalog-products+.panel th:first-child,.catalog-products+.panel td.catalog-thumb-cell{z-index:1;text-align:center;width:74px;min-width:74px;position:sticky;left:0}.catalog-products+.panel th:first-child{z-index:2;background:#f0f2f6}.catalog-products+.panel td.catalog-thumb-cell{background:#fff;padding:6px 9px}.catalog-thumb-button{color:#5d7192;background:#f1f3f7;border:1px dashed #b8c3d4;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:52px;height:52px;display:flex;position:relative;overflow:hidden}.catalog-thumb-button:hover{background:#e9edf5;border-color:#647ea6}.catalog-thumb-button small{white-space:nowrap;font-size:8px;line-height:1.1}.catalog-thumb-button img{object-fit:cover;width:100%;height:100%}.catalog-thumb-button.has-image{border-style:solid;padding:0}.catalog-thumb-overlay{color:#fff;background:#222b43da;border-radius:5px;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:2px;right:2px}.catalog-create-modal{width:min(620px,100%)}.catalog-create-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:20px;display:grid}.catalog-create-form .ui-modal-actions{grid-column:1/-1;margin-top:8px}.catalog-image-modal{width:min(680px,100%)}.catalog-image-gallery{grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:12px;max-height:43vh;margin:20px 0;display:grid;overflow:auto}.catalog-image-gallery a{color:#415778;gap:5px;min-width:0;text-decoration:none;display:grid}.catalog-image-gallery img{aspect-ratio:1;object-fit:cover;border:1px solid var(--oms-line);border-radius:9px;width:100%;display:block}.catalog-image-gallery small{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.catalog-image-empty{border:1px dashed var(--oms-line);background:var(--oms-surface-soft);min-height:160px;color:var(--oms-muted);border-radius:9px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:9px;font-size:12px;display:flex}.catalog-image-upload{border-top:1px solid var(--oms-line);align-items:end;gap:12px;padding-top:18px;display:flex}.catalog-image-upload .field{flex:1}@media (width<=620px){.catalog-create-form{grid-template-columns:1fr}.catalog-image-upload{flex-direction:column;align-items:stretch}}:root{--oms-radius:10px;--oms-focus:#355f92;font-size:14px;line-height:1.5}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--oms-focus);outline-offset:3px}.sidebar :where(button,a):focus-visible{outline-color:#b7d4ff}.skip-link{z-index:100;color:var(--oms-accent);background:#fff;border-radius:8px;padding:12px 16px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.app-shell,.login-shell{min-height:100dvh}.sidebar{height:100dvh}.nav-group a{min-height:40px;font-size:13px}.nav-group a.active .nav-icon{color:#c1d9ff}.sidebar-user strong{font-size:12px}.sidebar-foot small{font-size:11px}.page-head{align-items:center}.page-head h1{letter-spacing:-.035em;font-size:28px;line-height:1.35}.primary,.secondary{min-height:42px;box-shadow:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;line-height:1.5;transition:background-color .15s,border-color .15s;display:inline-flex}button:disabled{opacity:.55}.panel,.stat,.dashboard-metric{border-radius:var(--oms-radius);box-shadow:0 2px 6px #24324a05}.panel{margin-bottom:18px;padding:22px}.panel-head{margin-bottom:18px}.panel-head h2{font-size:17px;line-height:1.4}.panel-head p,.stat small,.metric-bottom small{color:var(--oms-muted);font-size:12px}.eyebrow{letter-spacing:.06em}.table-wrap{border:1px solid var(--oms-line);scrollbar-color:#a4b5cb #eef2f7;border-radius:8px}th{text-transform:none;letter-spacing:0;color:#4b5e77;white-space:nowrap;padding:12px 14px;font-size:12px}td{color:#425670;padding:14px;font-size:13px;line-height:1.5}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f7faff}tbody tr:focus-within{background:#f0f5fc}td a{color:var(--oms-accent);text-underline-offset:3px}.mono,.stat strong,.dashboard-metric strong,.sheet-total{font-variant-numeric:tabular-nums}.pill{padding:4px 10px;font-size:11px;line-height:1.6}.pill.draft{color:#865a13;background:#fff3d9}.pill.confirmed{color:#28577f;background:#e8f1fc}.pill.completed{color:#246341;background:#e7f5ec}.pill.cancelled,.pill.failed{color:#9d3932;background:#fcecea}.text-button{text-underline-offset:3px;min-height:32px;font-size:12px}.field{color:#455a74;gap:7px;font-size:12px}.field input,.field select,.field textarea,.search,.combobox>input,.report-filter input{min-height:42px;color:var(--oms-ink);background:#fff;border:1px solid #c8d5e4;border-radius:7px;padding:10px 12px;font-size:13px;font-weight:400;line-height:1.5}.field input[type=checkbox]{min-height:auto}input::placeholder,textarea::placeholder{color:#6a7c92;opacity:1}.field input:focus,.field select:focus,.search:focus,.combobox>input:focus{border-color:var(--oms-focus);box-shadow:0 0 0 3px #355f9214}.combobox-list button{padding:11px 12px;font-size:13px}.combobox-list button.active{color:#294d78;background:#eaf2fc}.inline-form{gap:16px;padding:18px}.inline-form button{height:auto}.form-grid,.stack-form{gap:16px}.tabs{scrollbar-width:thin;overflow-x:auto}.tabs button{white-space:nowrap;min-height:44px;font-size:13px}.empty{color:var(--oms-muted);background:#f8fafc;padding:32px 20px;font-size:13px}.notice-inline,.form-actions p{color:var(--oms-muted);font-size:12px}.form-actions{flex-wrap:wrap;gap:12px}.form-actions p{flex-basis:100%;margin:0}.order-sheet-help{margin:-5px 0 14px;font-size:12px}.order-sheet-scroll{scrollbar-color:#a4b5cb #eef2f7}.order-sheet-head span{font-size:11px;line-height:1.4}.order-sheet-row input:not([type=checkbox]),.order-sheet-row select{min-height:40px;font-size:13px}.order-sheet-row .sheet-product-name,.order-sheet-row .sheet-computed{font-size:12px}.order-sheet-tools{gap:6px 16px;padding-block:5px 10px}.order-sheet-tools>.text-button,.order-sheet-options summary,.order-discounts summary{font-size:11px}.order-summary{margin-top:8px;padding-top:18px}.order-summary strong{font-size:24px}.dashboard-metric{min-height:138px}.dashboard-metric i{display:none}.dashboard-metric:hover{background:#f9fbff;transform:none;box-shadow:0 2px 6px #24324a05}.sales-bar{background:#658bbd}.sales-day small{color:var(--oms-muted);font-size:10px}.status-legend>span,.status-total span{font-size:13px}.status-track span:first-child,.status-legend i{background:#dab265}.status-track span:nth-child(3),.status-legend>span:nth-child(3) i{background:#68a48a}.customer-card-details{font-size:13px;line-height:1.6}.customer-card-details span:last-child{color:var(--oms-muted)}.customer-card-heading .mono{font-size:11px}.pagination{color:var(--oms-muted);font-size:12px}.detail-tabs button{font-size:13px}.detail-panel,.ui-modal{max-height:calc(100dvh - 24px)}.detail-scroll{overscroll-behavior:contain}.detail-footer{flex-wrap:wrap}.query-loading,.query-error{min-height:160px;color:var(--oms-muted);background:var(--oms-surface);border:1px solid var(--oms-line);border-radius:var(--oms-radius);justify-content:center;align-items:center;gap:12px;margin-bottom:18px;padding:24px;font-size:13px;display:flex}.query-error{color:#9d3932;flex-direction:column}.query-error p{text-align:center;margin:0}.loading-spinner{border:2px solid #d9e2ec;border-top-color:var(--oms-accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite oms-spin}@keyframes oms-spin{to{transform:rotate(360deg)}}@media (width<=760px){.workspace{--workspace-gutter:14px}.page-head{gap:10px}.page-head h1{font-size:23px}.panel{margin-bottom:14px;padding:16px}.panel-head{align-items:flex-start;gap:12px}.head-actions{width:100%}.primary,.secondary,.menu-button,.icon-button{min-height:44px}.field input,.field select,.search,.combobox>input{min-height:44px;font-size:16px}.dashboard-metric{min-height:132px}.dashboard-metric strong{font-size:21px}.form-actions{align-items:stretch}.form-actions>button{white-space:normal;width:100%}.customer-card-aside{max-width:48%}.customer-card-aside>b{white-space:normal;text-align:right}.detail-tabs{gap:0}.detail-footer>div{flex-wrap:wrap}.detail-panel{height:calc(100dvh - 12px)}.pagination{flex-wrap:wrap;align-items:flex-start;gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.primary,.secondary,.loading-spinner{transition:none;animation:none}}.dashboard-home,.workspace>.panel,.workspace>.stats,.workspace>.dashboard-grid,.workspace>.two-panels{animation:none}
