@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{color:#27332d;font-synthesis:none;--ink:#27332d;--muted:#718077;--line:#e1e4dc;--paper:#fffefa;--green:#2f7358;--green-dark:#1f513e;--green-soft:#e8f1eb;--amber:#c17e28;--amber-soft:#fbf0de;--blue:#567f8d;--shadow:0 12px 38px #24352a0f;background:#f7f6f1;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}.app-shell{background:#f7f6f1;min-height:100vh;display:flex}.sidebar{background:#eef1e9;border-right:1px solid #e1e6dc;flex-direction:column;flex-shrink:0;width:248px;padding:25px 15px 16px;display:flex}.brand{align-items:center;gap:10px;padding:0 11px 28px;display:flex;position:relative}.brand-mark{background:var(--green);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.brand strong{letter-spacing:-.02em;font-size:14px;display:block}.brand span{color:var(--green);margin-top:-2px;font-family:Playfair Display,serif;font-size:13px;display:block}.company-switch{background:#ffffff7a;border:1px solid #dce3d7;border-radius:11px;align-items:center;gap:9px;margin:0 1px 27px;padding:10px;display:flex}.company-switch>svg{color:#849187;margin-left:auto}.company-switch small,.company-switch strong{white-space:nowrap;text-overflow:ellipsis;max-width:137px;display:block;overflow:hidden}.company-switch small{color:var(--muted);margin-bottom:3px;font-size:10px}.company-switch strong{font-size:11px}.company-icon{width:29px;height:29px;color:var(--green-dark);background:#dbeade;border-radius:8px;place-items:center;font-size:10px;font-weight:700;display:grid}.nav-label{color:#91a097;text-transform:uppercase;letter-spacing:.11em;margin:0 12px 9px;font-size:9px;font-weight:700}.nav-spacer{margin-top:28px}nav{flex:1}.nav-item{color:#66756c;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;margin-bottom:2px;padding:11px 12px;font-size:12px;transition:background .18s,color .18s;display:flex}.nav-item:hover{color:var(--ink);background:#ffffffa6}.nav-item.active{color:var(--green-dark);background:#dcebe0;font-weight:700}.nav-item em{color:var(--green-dark);background:#d2e4d8;border-radius:20px;margin-left:auto;padding:3px 7px;font-size:10px;font-style:normal}.sidebar-bottom{margin-top:auto}.help{color:#6b7d72;border-top:1px solid #dae2d7;border-bottom:1px solid #dae2d7;align-items:flex-start;gap:9px;padding:15px 10px;display:flex}.help strong,.help span,.profile strong,.profile span{display:block}.help strong{color:#4f6357;font-size:11px}.help span{margin-top:4px;font-size:10px}.profile{align-items:center;gap:9px;padding:15px 8px 1px;display:flex}.profile>div{flex:1;min-width:0}.profile strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.profile span:not(.avatar){color:var(--muted);margin-top:3px;font-size:10px}.avatar{color:var(--green-dark);background:#c7ded0;border-radius:50%;flex-shrink:0;place-items:center;width:29px;height:29px;font-size:10px;font-weight:700;display:grid}.main-content{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);background:#f7f6f1c2;justify-content:space-between;align-items:center;height:67px;padding:0 42px;display:flex}.breadcrumb{color:#9aa39d;align-items:center;gap:8px;font-size:11px;display:flex}.breadcrumb strong{color:#46574d;font-weight:600}.top-actions,.top-user{align-items:center;gap:14px;display:flex}.top-user{color:#536259;font-size:11px}.notification{position:relative}.notification i{background:#d88945;border:1px solid #f7f6f1;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.icon-button{color:#748179;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{color:var(--ink);background:#e9ede5}.page{max-width:1460px;margin:auto;padding:35px 42px 50px}.page-header{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:31px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#85938a;margin-bottom:9px;font-size:9px;font-weight:700;display:block}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;color:#294133;margin-bottom:9px;font-family:Playfair Display,serif;font-size:clamp(27px,3vw,36px);line-height:1.06}.page-header p{color:#809087;margin:0;font-size:12px}.header-actions{align-items:center;gap:10px;display:flex}.primary-button,.secondary-button,.outline-small{border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:0 14px;font-size:11px;font-weight:700;transition:transform .18s,background .18s;display:inline-flex}.primary-button{color:#fff;background:var(--green);box-shadow:0 5px 13px #2f735821}.primary-button:hover{background:var(--green-dark);transform:translateY(-1px)}.secondary-button{color:#536359;background:#edf0ea}.full{width:100%;min-height:45px}.text-button,.link-button{color:var(--green);background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;font-size:11px;font-weight:700;display:inline-flex}.text-button:hover,.link-button:hover{color:var(--green-dark)}.dashboard-grid{grid-template-columns:minmax(370px,1.1fr) minmax(320px,.9fr);gap:18px;display:grid}.metric-strip{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:3px;display:grid}.metric,.content-card,.order-summary>div,.customer-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:11px}.metric{align-items:center;gap:14px;padding:19px 21px;display:flex}.metric-icon{border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.metric-icon.green{background:var(--green-soft);color:var(--green)}.metric-icon.amber{background:var(--amber-soft);color:var(--amber)}.metric-icon.blue{color:var(--blue);background:#e7eff0}.metric span{color:#839087;margin-bottom:5px;font-size:10px;display:block}.metric strong{letter-spacing:-.04em;color:#2f4237;font-size:21px;display:block}.metric small{color:#98a39d;margin-top:4px;font-size:9px;display:block}.metric small b{color:var(--green);margin-right:3px;font-weight:700}.metric small b.amber-text{color:var(--amber)}.content-card{min-width:0;padding:22px}.card-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.card-heading .eyebrow{margin-bottom:6px}h2{color:#33473a;letter-spacing:-.025em;margin-bottom:0;font-size:16px}.attention-card{min-height:274px}.attention-row{border-top:1px solid #edf0eb;align-items:center;gap:10px;padding:13px 0;display:flex}.attention-row>div{flex:1;min-width:0}.attention-row strong,.attention-row span{display:block}.attention-row strong{color:#45564b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.attention-row span{color:#9aa49e;margin-top:4px;font-size:10px}.product-dot{color:var(--green);background:var(--green-soft);border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.outline-small{min-height:29px;color:var(--green);background:0 0;border:1px solid #d5e2d8;padding:0 10px;font-size:10px}.sales-card{min-height:274px}.period-select,.filter-button{border:1px solid var(--line);color:#748179;background:#fbfbf7;border-radius:6px;padding:8px 10px;font-size:10px}.chart{height:170px;padding-top:6px;display:flex}.chart-y{color:#a0aaa3;flex-direction:column;justify-content:space-between;width:43px;padding:0 0 20px;font-size:9px;display:flex}.chart-bars{background:repeating-linear-gradient(#0000 0 48px,#edf0eb 49px);border-bottom:1px solid #dfe5df;flex:1;justify-content:space-around;align-items:flex-end;gap:8px;padding:0 10px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.bar{background:#a6c7b3;border-radius:4px 4px 0 0;width:min(34px,60%);min-height:8px;position:relative}.bar:first-child,.bar-col:nth-child(2) .bar,.bar-col:nth-child(4) .bar{background:#d1e3d5}.bar-col:nth-child(6) .bar{background:var(--green)}.bar span{color:var(--green);white-space:nowrap;font-size:9px;position:absolute;top:-19px;left:50%;transform:translate(-50%)}.bar-col small{color:#9aa39d;font-size:9px}.orders-card{grid-column:1/-1}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:650px}th{text-transform:uppercase;letter-spacing:.1em;color:#9ba59e;text-align:left;white-space:nowrap;padding:0 13px 12px;font-size:9px;font-weight:700}td{color:#68766e;white-space:nowrap;border-top:1px solid #edf0eb;padding:14px 13px;font-size:11px}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.align-right{text-align:right}.mono{letter-spacing:-.04em;font-family:DM Mono,monospace;font-size:10px}.status{border-radius:20px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:5px;height:5px}.status.pending{color:#a97024;background:#fbf0df}.status.confirmed{color:#567e67;background:#e4f0e6}.status.completed{color:#657c91;background:#e8eef5}.fiscal-status{color:#8c9890;font-size:10px}.empty{color:#a0aaa4;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:100px;font-size:11px;display:flex}.toolbar{gap:10px;margin-bottom:17px;display:flex}.toolbar.inside{margin:0;padding:0 0 17px}.search-box{background:var(--paper);border:1px solid var(--line);color:#9aa49d;border-radius:7px;flex:1;align-items:center;gap:8px;max-width:370px;height:38px;padding:0 11px;display:flex}.search-box input{color:var(--ink);background:0 0;border:0;outline:none;width:100%;font-size:11px}.product-table-card{padding:25px 24px}.table-product{align-items:center;gap:10px;display:flex}.table-product>div{min-width:0}.table-product strong,.table-product span{display:block}.table-product strong{color:#405147;font-size:11px}.table-product span:not(.product-photo){color:#98a29d;text-overflow:ellipsis;max-width:250px;margin-top:4px;font-size:9px;overflow:hidden}.product-photo{width:34px;height:34px;color:var(--green);background:#edf4eb;border-radius:7px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.product-photo img{object-fit:cover;width:100%;height:100%}.unit-pill{color:#77857b;border:1px solid #dce5dd;border-radius:4px;padding:4px 6px;font-family:DM Mono,monospace;font-size:9px}.stock strong{color:#4a5c50;font-size:11px}.stock span{color:#96a29a;margin-left:3px;font-size:9px}.low-stock{color:#bd7929;margin-top:4px;font-size:8px;display:block}.muted-text{color:#98a39b!important}.row-more{color:#a1aaa4;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:inline-grid}.row-more:hover{color:var(--green);background:var(--green-soft)}.clickable-row{cursor:pointer}.clickable-row:hover td,.clickable-row:focus td{background:#f4f7f1}.clickable-row:focus{outline-offset:-2px;outline:2px solid #56916959}.detail-loading{color:#7f8e84;margin-top:13px;font-size:11px}.order-detail-meta{background:#f4f7f1;border:1px solid #e1e9df;border-radius:8px;grid-template-columns:1.5fr 1fr 1fr;gap:12px;padding:13px;display:grid}.order-detail-meta>div>span,.order-detail-meta small{color:#8a988f;font-size:9px;display:block}.order-detail-meta>div>strong{color:#40564a;margin-top:6px;font-size:11px;display:block}.order-detail-meta small{margin-top:4px}.detail-muted{color:#819087!important;font-size:10px!important}.detail-items{border-top:1px solid #e8ece6}.detail-item{border-bottom:1px solid #edf0eb;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.detail-item>div{min-width:0}.detail-item strong,.detail-item span{display:block}.detail-item strong{color:#40564a;font-size:11px}.detail-item span{color:#8a988f;margin-top:4px;font-size:10px}.login-page{background:#f7f6f1;grid-template-columns:minmax(390px,.84fr) 1.16fr;min-height:100vh;display:grid}.login-aside{color:#eff5ed;background:#274e3d;flex-direction:column;justify-content:space-between;padding:35px 54px;display:flex;position:relative;overflow:hidden}.login-aside:after{content:"";border:1px solid #dbefdb21;border-radius:50%;width:460px;height:460px;position:absolute;bottom:-190px;right:-210px;box-shadow:0 0 0 30px #dbefdb08,0 0 0 75px #dbefdb06}.login-brand{z-index:1;align-items:center;gap:11px;font-size:14px;display:flex;position:relative}.login-brand .brand-mark,.login-mobile-mark .brand-mark{color:var(--green-dark);background:#d4e8d5}.login-quote{z-index:1;max-width:400px;margin-top:90px;position:relative}.login-quote .eyebrow{color:#a9c6ae}.login-quote h1{color:#fff;margin-bottom:18px;font-size:clamp(33px,4vw,54px);line-height:1.07}.login-quote p{color:#b8cfbc;max-width:340px;font-size:13px;line-height:1.65}.login-aside-footer{z-index:1;color:#aed0b5;align-items:center;gap:12px;display:flex;position:relative}.login-aside-footer>span{font-family:DM Mono;font-size:11px}.login-aside-footer strong,.login-aside-footer small{display:block}.login-aside-footer strong{color:#eff5ed;font-size:11px}.login-aside-footer small{margin-top:3px;font-size:10px}.login-form-side{place-items:center;padding:45px;display:grid}.login-form-wrap{width:min(100%,360px)}.login-mobile-mark{color:var(--green-dark);align-items:center;gap:9px;margin-bottom:48px;font-size:14px;display:none}.login-form-wrap h2{letter-spacing:-.04em;color:#2d4335;margin-bottom:9px;font-family:Playfair Display,serif;font-size:29px}.form-intro{color:#8b9790;margin-bottom:29px;font-size:12px}form label{color:#536359;margin-bottom:16px;font-size:10px;font-weight:700;display:block}input,select,textarea{color:#36493d;background:#fffefa;border:1px solid #dfe4dc;border-radius:6px;outline:0;width:100%;min-height:42px;margin-top:7px;padding:0 12px;font-size:11px;font-weight:400;transition:border .2s,box-shadow .2s;display:block}textarea{resize:vertical;padding-top:10px}input:focus,select:focus,textarea:focus{border-color:#6eaa84;box-shadow:0 0 0 3px #5691691a}.password-input{position:relative}.password-input input{padding-right:72px}.password-input span{color:#a0aaa3;letter-spacing:2px;font-size:10px;position:absolute;bottom:14px;right:12px}.form-row{justify-content:space-between;align-items:center;margin:-2px 0 25px;display:flex}.check{color:#89958e;align-items:center;gap:6px;margin:0;font-weight:400;display:flex}.check input{width:14px;height:14px;min-height:14px;accent-color:var(--green);margin:0}.form-row .link-button{font-size:10px}.form-error{color:#aa5d42;background:#fff0eb;border-radius:5px;margin:-10px 0 15px;padding:10px;font-size:10px}.login-footnote{text-align:center;color:#a0aaa3;margin-top:29px;font-size:9px}.forgot-box h3{color:var(--green-dark);margin:17px 0 8px;font-size:17px}.forgot-box p{color:#87948b;font-size:12px;line-height:1.5}.success-circle{width:36px;height:36px;color:var(--green);background:var(--green-soft);border-radius:50%;place-items:center;font-weight:700;display:grid}.back{margin-top:18px}.modal-backdrop{z-index:20;background:#192a2152;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fffefa;border:1px solid #e0e6df;border-radius:13px;width:min(100%,540px);max-height:calc(100vh - 40px);padding:25px;overflow:auto;box-shadow:0 24px 70px #182d212b}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:23px;display:flex}.modal-head h2{margin-bottom:6px;font-family:Playfair Display,serif;font-size:24px}.modal-head p{color:#89958e;margin:0;font-size:11px}.dialog-field{margin-bottom:16px}.dialog-field-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.dialog-field-heading label{margin:0}.dialog-field-heading .link-button,.dialog-inline-actions .link-button{font-size:10px}.dialog-section-title{color:#506055;justify-content:space-between;align-items:center;gap:12px;margin:23px 0 11px;font-size:11px;display:flex}.dialog-inline-actions{align-items:center;gap:13px;display:flex}.dialog-section-title .link-button{font-size:10px}.item-row{grid-template-columns:1fr 76px 75px 31px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.item-row input,.item-row select{min-height:38px;margin:0}.item-total{color:#526257;text-align:right;font-size:10px}.dialog-total{color:#819087;border-top:1px solid #e8ece6;justify-content:space-between;margin-top:17px;padding:18px 0 3px;font-size:11px;display:flex}.dialog-total strong{color:var(--green-dark);font-size:18px}.dialog-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.inline-create{background:#f4f7f1;border:1px solid #dce7dc;border-radius:9px;margin:-3px 0 18px;padding:15px}.inline-create-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:13px;display:flex}.inline-create-head strong,.inline-create-head span{display:block}.inline-create-head strong{color:#40564a;font-size:11px}.inline-create-head span{color:#8b9990;margin-top:4px;font-size:10px}.inline-form-grid{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.inline-form-grid label{margin-bottom:12px}.inline-form-grid input,.inline-form-grid select{min-height:37px}.inline-create-actions{justify-content:flex-end;gap:8px;margin-top:2px;display:flex}.inline-create-actions button{min-height:34px;font-size:10px}.inline-error{color:#aa5d42;background:#fff0eb;border-radius:5px;margin-bottom:10px;padding:8px 10px;font-size:10px}.inline-empty{color:#8b9990;background:#f4f7f1;border:1px dashed #cfded0;border-radius:7px;margin-bottom:11px;padding:12px;font-size:10px}.form-grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.span-2{grid-column:span 2}.loading{color:#88958d;align-content:center;place-items:center;gap:10px;min-height:70vh;font-size:12px;display:grid}.spinner{border:2px solid #dce8de;border-top-color:var(--green);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.toast{z-index:40;color:#fff;background:#274e3d;border-radius:8px;align-items:center;gap:9px;padding:12px 15px;font-size:11px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #182d212e}.toast span{color:#254d37;background:#a5d0ae;border-radius:50%;place-items:center;width:19px;height:19px;font-weight:700;display:grid}.mobile-only{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.sidebar{width:220px}.topbar{padding:0 25px}.page{padding:29px 25px 40px}.dashboard-grid{grid-template-columns:1fr}.metric-strip,.orders-card{grid-column:auto}}@media (width<=650px){.sidebar{z-index:30;width:252px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:15px 0 30px #192d2214}.sidebar.open{transform:translate(0)}.overlay{z-index:25;background:#192a2140;position:fixed;inset:0}.mobile-only{display:grid}.close-menu{margin-left:auto}.topbar{gap:13px;height:59px;padding:0 16px}.topbar .mobile-only{flex-shrink:0}.top-user>span:not(.avatar),.top-user>svg{display:none}.breadcrumb{white-space:nowrap;overflow:hidden}.page{padding:25px 16px 35px}.page-header{flex-direction:column;align-items:flex-start;gap:17px;margin-bottom:24px}.header-actions,.header-actions .primary-button{width:100%}.metric-strip{grid-template-columns:1fr;gap:9px}.metric{padding:14px 17px}.content-card{padding:17px}.toolbar{flex-wrap:wrap}.search-box{min-width:100%;max-width:none}.filter-button{flex:1}.order-summary{grid-template-columns:repeat(3,1fr);gap:7px}.order-summary>div{padding:12px 10px}.order-summary span{font-size:9px}.order-summary strong{font-size:17px}.login-page{display:block}.login-aside{display:none}.login-form-side{place-items:start center;min-height:100vh;padding:28px 25px}.login-form-wrap{margin-top:4vh}.login-mobile-mark{display:flex}.form-row{align-items:flex-start;gap:8px}.login-footnote{margin-top:25px}.item-row{grid-template-columns:1fr 65px 70px}.item-row .icon-button{grid-column:3;justify-self:end;margin-top:-8px}.item-total{text-align:left}.form-grid,.inline-form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.modal{padding:19px}.dialog-section-title{flex-direction:column;align-items:flex-start}.dialog-inline-actions{justify-content:space-between;gap:8px;width:100%}.dialog-inline-actions .link-button{min-height:34px}.inline-create-actions{flex-direction:column-reverse}.inline-create-actions button{width:100%}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}}.order-summary{grid-template-columns:repeat(3,minmax(0,160px));gap:12px;margin-bottom:17px;display:grid}.order-summary>div{padding:16px}.order-summary span,.order-summary strong{display:block}.order-summary span{color:#8d9991;font-size:10px}.order-summary strong{color:#405247;margin-top:6px;font-size:20px}.customer-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.customer-card{padding:18px}.customer-head{justify-content:space-between;display:flex}.customer-avatar{width:38px;height:38px;font-size:11px}.customer-card h3{color:#3d5044;margin:15px 0 5px;font-size:13px}.customer-card>p{color:#98a39d;margin-bottom:17px;font-size:10px}.customer-contact{border-top:1px solid #edf0eb;padding-top:12px}.customer-contact span{color:#78857d;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;display:block;overflow:hidden}.coming-soon{background:var(--paper);border:1px solid var(--line);min-height:330px;box-shadow:var(--shadow);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.coming-soon .brand-mark{margin-bottom:17px}.coming-soon h2{font-family:Playfair Display,serif;font-size:25px}.coming-soon p{color:#87948c;max-width:390px;font-size:12px;line-height:1.6}.payment-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:13px 0 4px;display:grid}.payment-summary>div{background:#f8faf6;border:1px solid #e5ece3;border-radius:7px;min-width:0;padding:10px}.payment-summary span,.payment-summary strong{display:block}.payment-summary span{color:#8a988f;font-size:9px}.payment-summary strong{color:#40564a;margin-top:5px;font-size:12px}.payment-status{border-radius:999px;align-items:center;min-height:22px;padding:0 7px;font-size:9px;font-weight:700;display:inline-flex}.payment-status.unpaid{color:#a97024;background:#fbf0df}.payment-status.partial{color:#587c67;background:#e5f1e7}.payment-status.paid{color:#50718a;background:#e8f0f5}.payment-form{background:#f4f7f1;border:1px solid #dce7dc;border-radius:9px;margin:15px 0 18px;padding:15px}.payment-form-head{margin-bottom:13px}.payment-form-head strong,.payment-form-head span{display:block}.payment-form-head strong{color:#40564a;font-size:11px}.payment-form-head span{color:#8b9990;margin-top:4px;font-size:10px}.payment-history{margin-top:18px}.payment-history-head{color:#506055;justify-content:space-between;margin-bottom:7px;font-size:10px;display:flex}.payment-history-head span{color:#8b9990}.payment-history-row{border-top:1px solid #edf0eb;justify-content:space-between;gap:12px;padding:9px 0;display:flex}.payment-history-row strong,.payment-history-row span{display:block}.payment-history-row strong{color:#40564a;font-size:10px}.payment-history-row span{color:#8a988f;text-align:right;max-width:180px;margin-top:3px;font-size:9px}@media (width<=650px){.order-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.order-summary>div{padding:12px 10px}.order-summary span{font-size:9px}.order-summary strong{font-size:17px}.payment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-history-row{flex-direction:column;align-items:flex-start}.payment-history-row span{text-align:left;max-width:none}.customer-phone-row{grid-template-columns:1fr 1fr}.customer-phone-row input{grid-column:span 2}.customer-phone-row .primary-check{grid-column:1}.customer-phone-row .icon-button{grid-column:2;justify-self:end}}.customer-form-section{margin-top:21px}.customer-form-heading,.customer-address-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.customer-form-heading{color:#506055;margin-bottom:11px;font-size:11px}.customer-phone-row{grid-template-columns:112px minmax(0,1fr) auto 31px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.customer-phone-row input,.customer-phone-row select{min-height:38px;margin-top:0}.primary-check{color:#87948c;white-space:nowrap;align-items:center;gap:5px;margin:0;font-size:9px;font-weight:400;display:inline-flex}.primary-check input{width:14px;min-height:14px;accent-color:var(--green);margin:0}.customer-address-block{background:#f8faf6;border:1px solid #e5ece3;border-radius:8px;margin-bottom:12px;padding:13px}.customer-address-heading{color:#526257;margin-bottom:6px;font-size:10px}.customer-address-heading .icon-button{width:28px;height:28px}.address-primary{align-self:end;min-height:42px}.print-company{display:none}@media print{@page{margin:14mm}body *{visibility:hidden}.modal-backdrop,.modal-backdrop *{visibility:visible}.modal-backdrop{background:#fff;padding:0;display:block;position:absolute;inset:0}.modal{width:100%;max-width:none;max-height:none;box-shadow:none;border:0;padding:0;overflow:visible}.modal-head{margin-bottom:18px}.modal-head>.icon-button,.dialog-actions{display:none}.print-company{margin-bottom:18px;display:block}.print-company strong,.print-company span{display:block}.print-company strong{color:#274e3d;font-size:16px}.print-company span{color:#66756c;margin-top:3px;font-size:10px}.order-detail-meta{background:#fff;border-color:#dfe4dc}}