:root{font-family:Inter,Noto Sans SC,system-ui,sans-serif;color:#18242c;background:#edf1ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:860px;background:radial-gradient(circle at 88% 0%,#d9e8df 0,transparent 24rem),#edf1ee}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid #557d6d;outline-offset:2px}.brand{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:9px;color:#17332e;background:#b9d760;font-weight:900}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#102a28;color:#f6fbf7}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:16px 14px;font-size:14px}.sidebar nav{display:flex;flex-direction:column;gap:4px;padding:6px;flex:1}.sidebar nav button{border:0;border-radius:10px;padding:11px 12px;background:transparent;color:#a9c0ba;text-align:left;display:grid;gap:3px}.sidebar nav button small{color:#6f8a84;font-size:11px}.sidebar nav button:hover{background:#16332f;color:#fff}.sidebar nav button.active{background:#1c423c;color:#fff;font-weight:600;box-shadow:inset 3px 0 #b9d760}.sidebar nav button.active small{color:#9db9b2}.sidebar-foot{padding:6px 12px 14px;border-top:1px solid #1e3d39;color:#6f8a84;font-size:11px;line-height:1.7}.sidebar-foot p{margin:6px 2px 0}.shell-main{flex:1;min-width:0;display:flex;flex-direction:column}.shell-content{flex:1}.topbar{height:64px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#102a28;color:#f6fbf7;position:sticky;top:0;z-index:20}.topbar-right{display:flex;align-items:center;gap:10px;min-width:0}.breadcrumb{color:#a9c0ba;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb strong{color:#fff;font-weight:700}.actor-chip{padding:7px 12px;border:1px solid #41605a;border-radius:999px;color:#c6d8d3;font-size:12px;white-space:nowrap}.private-badge{padding:7px 12px;border:1px solid #41605a;border-radius:999px;color:#c6d8d3;background:transparent;font-size:12px;white-space:nowrap}.private-badge.verified{color:#dff5a0;border-color:#789241}.workspace{max-width:1480px;margin:0 auto;padding:36px 40px 56px}.heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}.eyebrow,.login-card>small{display:block;color:#66822e;font-size:11px;font-weight:800;letter-spacing:.16em}.heading h1,.drawer-header h2,.login-card h1{letter-spacing:-.03em}.heading h1{margin:4px 0;font-size:28px}.heading p{margin:6px 0 0;color:#63706e}.ghost-button{border:1px solid #ccd4cf;border-radius:8px;background:#fff;padding:9px 14px;color:#34443f}.ghost-button:hover{border-color:#557d6d;color:#2f5d4c}.ghost-button:disabled{background:#f4f6f4;border-color:#dfe5e1;color:#98a49f;cursor:not-allowed}.heading>.ghost-button{flex-shrink:0;white-space:nowrap}.portal-foot{margin-top:34px;padding-top:16px;border-top:1px solid #dfe5e1;color:#6e7b77;font-size:12px;line-height:1.6}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:4px 0 14px}.section-head h2{margin:4px 0 0;font-size:20px;letter-spacing:-.02em}.section-note{color:#7c8985;font-size:12px;white-space:nowrap}.notice,.error{margin:16px 0;padding:13px 16px;border-radius:9px;font-size:13px;line-height:1.6}.notice{border:1px solid #e8dcb9;color:#795f25;background:#fff9e7}.notice.success{border-color:#dce7ce;color:#50632f;background:#f2f7e9}.error{border:1px solid #ecc9c3;color:#8b3f34;background:#fff0ed}.notice button{margin-left:8px;border:0;color:#65501d;background:transparent;text-decoration:underline;cursor:pointer}.hint{margin:0;color:#63706e;font-size:13px;line-height:1.6}.state{width:fit-content;padding:4px 8px;border-radius:6px;background:#e9efec;color:#31473f;font-size:12px}.state.offered{color:#845f20;background:#faf0d7}.state.accepted,.state.delivered,.state.reconciled{color:#26754c;background:#e1f4e8}.state.fulfilling{color:#2f5f8a;background:#e6f0f8}.state.rejected,.state.expired,.state.terminated{color:#845d5d;background:#f4e8e7}.state.amber{color:#845f20;background:#faf0d7;box-shadow:inset 0 0 0 1px #d9b64e}.skeleton{position:relative;overflow:hidden;display:block;height:12px;border-radius:6px;background:#e8eeea}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,#f7fbf8,transparent);transform:translate(-100%);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-card{display:grid;gap:12px;align-content:start;padding:18px 20px;border:1px solid #dfe5e1;border-radius:12px;background:#fff}.skeleton-card .bar-lg{height:34px;width:56%}.skeleton-card .bar-sm{width:78%;height:10px}tr.skeleton-row td{padding:16px;border-bottom:1px solid #edf0ee}tr.skeleton-row .skeleton{width:min(100%,140px)}@media(prefers-reduced-motion:reduce){.skeleton:after{display:none}}.empty-state{display:grid;justify-items:center;gap:9px;padding:54px 20px;text-align:center}.empty-glyph{display:grid;place-items:center;width:44px;height:44px;border:1px dashed #cdd6d1;border-radius:10px;background:#f4f6f4;color:#9aa5a0;font-size:18px}.empty-state strong{font-size:14px;color:#3c4b46}.empty-state p{margin:0;max-width:440px;color:#7c8985;font-size:13px;line-height:1.6}.empty-state .ghost-button{margin-top:4px}.state-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:14px;margin-bottom:20px}.metric{display:grid;gap:8px;align-content:start;padding:18px 20px 16px;border:1px solid #dfe5e1;border-radius:12px;background:#fff;box-shadow:inset 0 3px #cfd8d3}.metric.offered{box-shadow:inset 0 3px #d9b64e}.metric.accepted,.metric.delivered,.metric.reconciled{box-shadow:inset 0 3px #4ea377}.metric.fulfilling{box-shadow:inset 0 3px #5c93c4}.metric.rejected,.metric.expired,.metric.terminated{box-shadow:inset 0 3px #c08079}.metric-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.metric-head h2{margin:0;font-size:15px;letter-spacing:-.01em}.metric-value{display:flex;align-items:baseline;gap:10px;min-height:44px}.metric-value strong{font-size:40px;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.metric-value strong.zero{color:#a6b0ab}.metric-note{color:#7c8985;font-size:12px;line-height:1.5}.lower-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.panel{display:grid;gap:12px;align-content:start;padding:20px 22px;border:1px solid #dfe5e1;border-radius:12px;background:#fff}.panel h3{margin:0;font-size:14px;letter-spacing:-.01em}.flow-steps{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none}.flow-steps li{display:flex;align-items:center;gap:8px}.flow-steps em{color:#9aa5a0;font-style:normal}.quick-links{display:grid;gap:10px}.quick-link{display:grid;gap:2px;text-align:left;padding:12px 14px;border:1px solid #dfe5e1;border-radius:10px;background:#fbfcfb}.quick-link strong{color:#1f5a4c;font-size:14px}.quick-link small{color:#7c8985;font-size:12px}.quick-link:hover{border-color:#557d6d;background:#f2f7e9}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin:0}.account-grid div{display:grid;gap:3px;min-width:0}.account-grid dt{color:#7a8783;font-size:11px}.account-grid dd{margin:0;font-size:13px;font-weight:600;overflow-wrap:anywhere}.accept{width:100%;padding:10px 14px;border:1px solid #1f5a4c;border-radius:8px;color:#fff;background:#1f5a4c}.accept:hover{background:#1a4c40}.accept:disabled{border-color:#dfe5e1;background:#f4f6f4;color:#98a49f;cursor:not-allowed}.reject{width:100%;padding:10px 14px;border:1px solid #9a493c;border-radius:8px;color:#fff;background:#9a493c}.reject:hover{background:#853d31}.actions button:disabled,.reject:disabled,.approval-actions button:disabled{border-color:#dfe5e1;background:#f4f6f4;color:#98a49f;cursor:not-allowed}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#0e211f66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer{position:absolute;inset:0 0 0 auto;width:min(720px,86vw);overflow:auto;background:#f7f9f7;box-shadow:-18px 0 50px #0a211c24}.drawer-header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px 28px;background:#fff;border-bottom:1px solid #e2e7e4}.drawer-header h2{margin:4px 0 0}.icon-button{border:0;background:transparent;color:#5d6d68;font-size:22px;line-height:1;padding:0 2px;cursor:pointer}.detail-body{padding:24px 28px 48px}.detail-body section{margin-bottom:24px}.detail-body section:last-child{margin-bottom:0}.detail-body h3{margin:0 0 10px;font-size:14px;letter-spacing:-.01em}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.detail-grid div{padding:14px;border:1px solid #e3e8e5;border-radius:9px;background:#fff}.detail-grid label{display:block;color:#7a8783;font-size:11px;margin-bottom:7px}.detail-grid strong{font-weight:600;overflow-wrap:anywhere}.drawer-sub{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 0;color:#63706e;font-size:13px}.drawer-sub small{color:#8a9793;font-size:11px}.shipment-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 18px;border:1px solid #e3e8e5;border-radius:10px;background:#fff}.shipment-card div{display:grid;gap:4px;min-width:0}.shipment-card label{color:#7a8783;font-size:11px}.shipment-card strong{font-weight:600;overflow-wrap:anywhere}.shipment-card .shipment-plain{font-variant-numeric:tabular-nums}.shipment-card .shipment-wide{grid-column:1 / -1}.shipment-card .shipment-copy{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding-top:10px;border-top:1px solid #eef1ef}.shipment-copy small{color:#50632f;font-size:12px}.line-table tfoot td{background:#f7f9f7;color:#4c5b56;font-size:12px}.line-table tfoot td:last-child{text-align:right;font-variant-numeric:tabular-nums}.line-table .line-payable td{background:#eef3f0;color:#1f5a4c;font-weight:700;font-size:13px}.material-table{min-width:880px}.material-table th{white-space:nowrap}.material-table th:first-child,.material-table td:first-child{text-align:center}.material-table th:nth-child(n+6):nth-child(-n+9),.material-table td:nth-child(n+6):nth-child(-n+9){text-align:right;font-variant-numeric:tabular-nums}.table-shell.scroll-x{overflow-x:auto}.expanded-materials{margin-top:12px}.timeline-group{margin:14px 0 8px;padding-top:12px;border-top:1px solid #eef1ef;color:#2f5f8a;font-size:12px;font-weight:700}.timeline-list{list-style:none;margin:0 0 12px;padding:0 0 0 16px;border-left:2px solid #e3e8e5}.timeline-item{position:relative;padding-bottom:12px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-24px;top:4px;width:10px;height:10px;border:2px solid #f7f9f7;border-radius:50%;background:#2f5f8a}.timeline-item:last-child .timeline-dot{background:#26754c}.timeline-time{color:#2f5f8a;font-size:12px;font-variant-numeric:tabular-nums}.timeline-desc{color:#22322d;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.timeline-meta{color:#7a8783;font-size:11px}.drawer .notice strong{display:block}.drawer .notice p{margin:6px 0 0}.drawer-actions{display:grid;gap:12px}.actions{display:grid;gap:10px;padding-top:18px;border-top:1px solid #eef1ef}.actions label{display:grid;gap:7px;color:#61706b;font-size:12px;font-weight:700}.actions input,.actions select,.actions textarea{min-width:0;border:1px solid #d3dbd6;border-radius:8px;padding:10px 12px;background:#fbfcfb;outline:none}.actions input:focus,.actions select:focus,.actions textarea:focus{border-color:#557d6d;box-shadow:0 0 0 3px #dfeae5}.actions textarea{min-height:80px;resize:vertical}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px 0;background:radial-gradient(circle at 50% 0,#dcebe1,transparent 34rem),#edf1ee}.login-card{width:440px;padding:38px;border:1px solid #d9e1dc;border-radius:18px;background:#fff;box-shadow:0 24px 70px #14352c1c}.register-card{width:min(520px,calc(100vw - 32px));max-height:92vh;overflow:auto}.login-card .brand{margin-bottom:24px}.login-card h1{margin:6px 0 12px}.login-card p{margin:6px 0 0;color:#63706e;line-height:1.6}.login-card .notice,.login-card .error{margin:14px 0 0}.login-card label{display:grid;gap:7px;margin-top:14px;color:#61706b;font-size:12px;font-weight:700}.login-card input{min-width:0;border:1px solid #d3dbd6;border-radius:8px;padding:10px 12px;background:#fbfcfb;outline:none}.login-card input:focus{border-color:#557d6d;box-shadow:0 0 0 3px #dfeae5}.phone-field{display:flex;align-items:center;gap:8px}.phone-field span{flex:0 0 auto;padding:10px 12px;border:1px solid #d3dbd6;border-radius:8px;background:#f7f9f7;color:#5d6d68;font-weight:700}.phone-field input{flex:1}.login-card button{width:100%;margin-top:12px;padding:12px;border:1px solid #1f5a4c;border-radius:8px;color:#fff;background:#1f5a4c;font-weight:600}.login-card button:hover{background:#1a4c40}.login-card button:disabled{border-color:#dfe5e1;background:#f4f6f4;color:#98a49f;cursor:not-allowed}.login-card button.secondary{margin-top:8px;padding:10px;border:1px solid #ccd4cf;background:#fff;color:#34443f;font-weight:500}.login-card button.secondary:hover{border-color:#557d6d;color:#2f5d4c;background:#fff}.login-card button.secondary:disabled{border-color:#dfe5e1;color:#98a49f;background:#f4f6f4}.login-card em{display:block;margin-top:16px;color:#7c8985;font-size:11px;font-style:normal;line-height:1.6;text-align:center}.totp-secret{display:block;margin-top:8px;padding:9px 11px;border:1px solid #bfcfc4;border-radius:8px;background:#fff;color:#273c35;font-size:13px;overflow-wrap:anywhere}.password-panel{margin:4px 0 2px;border-top:1px solid #1e3d39}.password-panel>summary{padding:11px 12px;border-radius:10px;color:#a9c0ba;font-size:13px;font-weight:600;cursor:pointer;list-style:none}.password-panel>summary::-webkit-details-marker{display:none}.password-panel>summary:hover{background:#16332f;color:#fff}.password-change{display:grid;gap:9px;padding:10px 8px 12px}.password-change label{display:grid;gap:6px;color:#8fa8a2;font-size:11px;font-weight:700}.password-change input{min-width:0;border:1px solid #41605a;border-radius:8px;padding:9px 10px;background:#0c2321;color:#f6fbf7;outline:none}.password-change input:focus{border-color:#789241;box-shadow:0 0 0 3px #16332f}.password-change button{padding:10px;border:1px solid #1f5a4c;border-radius:8px;color:#fff;background:#1f5a4c;font-weight:600}.password-change button:hover{background:#2a6d5c}.password-change button:disabled{border-color:#41605a;background:#16332f;color:#6f8a84;cursor:not-allowed}.password-change .error{margin:0;padding:9px 11px;border-radius:8px;font-size:12px}.password-change em{color:#6f8a84;font-size:11px;font-style:normal;line-height:1.5}.order-list-card{background:#fff;border:1px solid #dfe5e1;border-radius:12px;padding-bottom:16px}.card-head{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:18px 18px 0}.card-head h2{margin:0;font-size:16px;letter-spacing:-.01em}.materials-note{margin:6px 0 0;color:#63706e;font-size:13px;line-height:1.6}.order-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:14px 18px 0}.order-toolbar .filter-draft-chip{align-self:center;padding:3px 9px;border:1px solid #e8dcb9;border-radius:999px;background:#fff9e7;color:#805f24;font-size:11px}.order-toolbar button{border:1px solid #ccd4cf;border-radius:8px;background:#fff;padding:8px 14px;color:#34443f}.order-toolbar button:hover{border-color:#557d6d;color:#2f5d4c}.order-toolbar button:disabled{color:#98a49f;background:#f4f6f4;border-color:#dfe5e1;cursor:not-allowed}.table-shell{background:#fff;border:1px solid #dfe5e1;border-radius:12px;overflow:hidden}.order-list-card .table-shell{margin:14px 18px 0}.orders-workspace .table-shell{overflow-x:auto}.orders-workspace .order-table{min-width:1180px}.orders-workspace .order-table th,.order-table .col-method,.order-table .col-status{white-space:nowrap}.order-table{width:100%;border-collapse:collapse}.order-table th{background:#f7f9f7;color:#73817c;text-align:left;font-size:12px;padding:10px 12px;border-bottom:1px solid #e3e8e5}.order-table td{padding:10px 12px;font-size:13px;vertical-align:top;border-bottom:1px solid #edf0ee}.order-table td small{display:block;margin-top:3px;color:#7c8985;font-size:12px}.order-table td small.unset{color:#98a49f}.order-table .col-order{min-width:148px}.urgent-tag{display:inline-block;margin-left:8px;padding:2px 7px;border:1px solid #ecc9c3;border-radius:6px;background:#fff0ed;color:#8b3f34;font-size:11px;font-weight:700;white-space:nowrap}.link-button{border:0;background:transparent;padding:0;color:#246454;font-weight:700;cursor:pointer}.link-button:disabled{color:#98a49f;cursor:not-allowed}.pager{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:16px 18px 0;color:#6e7b77;font-size:13px}.pager>div{display:flex;gap:8px}.pager button{border:1px solid #ccd4cf;border-radius:8px;background:#fff;padding:8px 14px;color:#34443f}.pager button:hover:not(:disabled){border-color:#557d6d;color:#2f5d4c}.pager button:disabled{opacity:.45;cursor:default}.pager .pager-note{display:inline-block;margin-left:8px;padding:1px 7px;border:1px solid #e8dcb9;border-radius:6px;background:#fff9e7;color:#805f24;font-size:11px;font-style:normal}.order-status-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:6px 18px 0;border-bottom:1px solid #e3e8e5}.order-tab{display:inline-flex;align-items:center;gap:8px;padding:12px 14px;border:0;border-bottom:2px solid transparent;background:none;color:#5d6d68;font-size:13px;cursor:pointer}.order-tab strong{padding:1px 8px;border-radius:999px;background:#eef3f0;color:#31473f;font-size:12px;font-variant-numeric:tabular-nums}.order-tab[aria-selected=true]{color:#1f5a4c;font-weight:700;border-bottom-color:#1f5a4c}.order-tab[aria-selected=true] strong{background:#dcebe1;color:#17493d}.orders-workspace>.order-filter-card{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 18px;margin:18px 18px 0;padding:16px 18px;border:1px solid #dfe5e1;border-radius:12px;background:#fff}.orders-workspace .filter-group{display:grid;gap:5px}.orders-workspace .filter-group>span{color:#61706b;font-size:12px;font-weight:700}.orders-workspace .order-filter-card select,.orders-workspace .order-filter-card input{min-width:0;border:1px solid #d3dbd6;border-radius:8px;padding:9px 11px;background:#fbfcfb;color:#34443f;outline:none}.orders-workspace .order-filter-card select:focus,.orders-workspace .order-filter-card input:focus{border-color:#557d6d;box-shadow:0 0 0 3px #dfeae5}.orders-workspace .order-search-group{flex:1 1 260px}.orders-workspace .order-search-group input{width:100%}.orders-workspace .date-pair{display:flex;align-items:center;gap:6px}.orders-workspace .date-pair em{color:#8a9793;font-style:normal}.orders-workspace .filter-actions{display:flex;gap:8px;margin-left:auto}button.order-primary{border:1px solid #1f5a4c;border-radius:8px;background:#1f5a4c;color:#fff;padding:9px 14px}button.order-primary:hover{background:#1a4c40}button.order-primary:disabled{border-color:#dfe5e1;background:#f4f6f4;color:#98a49f;cursor:not-allowed}.orders-workspace>.more-filters{margin:10px 18px 0;padding:0 18px;border:1px solid #dfe5e1;border-radius:12px;background:#fff}.more-filters summary{padding:11px 0;color:#34443f;font-size:13px;font-weight:700;cursor:pointer;list-style:none}.more-filters summary:before{content:"▸ ";color:#557d6d}.more-filters[open] summary:before{content:"▾ "}.more-filters>div{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;padding:14px 0 16px;border-top:1px solid #eef1ef}.more-filters label{display:grid;gap:5px;color:#61706b;font-size:12px;font-weight:700}.more-filters input,.more-filters select{min-width:0;border:1px solid #d3dbd6;border-radius:8px;padding:8px 10px;background:#fbfcfb;color:#34443f;outline:none}.more-filters input:focus,.more-filters select:focus{border-color:#557d6d;box-shadow:0 0 0 3px #dfeae5}.more-filters .date-pair{display:flex;align-items:center;gap:6px}.more-filters .date-pair em{color:#8a9793;font-style:normal}.order-table .col-expand,.order-table .col-select{width:36px;text-align:center}.order-table .expand-button{width:24px;height:24px;padding:0;line-height:1;border:1px solid #d3dbd6;border-radius:7px;background:#fff;color:#5d6d68}.order-table .expand-button:hover{border-color:#557d6d;color:#2f5d4c}.order-table tr.order-row.expanded td{background:#f6faf7}.order-table .col-payment-time{white-space:nowrap;font-variant-numeric:tabular-nums}.order-table .row-actions{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.order-table .row-actions .shipment-queued,.order-table .row-actions .order-row-closed{margin-top:2px}.order-table td.order-materials{min-width:200px}.order-materials{display:flex;gap:10px;align-items:flex-start}.material-thumb{flex:0 0 auto;display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px dashed #cdd6d1;border-radius:8px;background:#f4f6f4;color:#9aa5a0;font-size:15px;cursor:help}.material-summary{display:grid;gap:2px}.material-summary strong{font-size:13px}.material-summary span,.material-summary small{color:#7a8783;font-size:12px}.unset-paid{display:inline-block;padding:4px 8px;border:1px dashed #cdd6d1;border-radius:6px;color:#8a9793;font-size:12px}.unset-paid.failed{border-color:#ecc9c3;background:#fbeceb;color:#8d3b3b}tr.order-detail-row>td{padding:14px 18px 16px 46px;background:#f4f8f4}.order-expanded-detail{display:grid;gap:10px}.expanded-facts{display:flex;flex-wrap:wrap;gap:8px 22px}.expanded-facts div{display:grid;gap:2px;min-width:92px}.expanded-facts span{color:#7a8783;font-size:11px}.expanded-facts strong{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.expanded-foot{margin:0;color:#805f24;font-size:12px;line-height:1.6}.orders-scope-note{margin:12px 18px 0;color:#63706e;font-size:12px;line-height:1.6}.order-row-ship{padding:7px 12px;border:1px solid #1f5a4c;border-radius:8px;background:#1f5a4c;color:#fff;font-size:12px;font-weight:600}.order-row-ship:hover{background:#1a4c40}.order-row-ship:disabled{border-color:#dfe5e1;background:#f4f6f4;color:#98a49f;cursor:not-allowed}.order-row-closed{color:#8a9793;font-size:11px;font-style:normal}.shipment-queued{padding:2px 8px;border:1px solid #cfdad4;border-radius:999px;background:#f3f7f4;color:#31473f;font-size:11px;font-style:normal;white-space:nowrap}.orders-toast{margin:16px 18px 0}.orders-toast strong{display:block}.orders-toast p{margin:6px 0 0}.shipment-form{margin-top:12px}.shipment-form em{color:#7c8985;font-size:11px;font-style:normal;line-height:1.6}.shipment-queued-notice strong{display:block}.shipment-queued-notice p{margin:6px 0 0}.approval-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.approval-card{display:grid;gap:10px;align-content:start;padding:18px 20px;border:1px solid #dfe5e1;border-radius:12px;background:#fff}.approval-card>header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.approval-card>header small{color:#7c8985;font-size:12px}.approval-remark{margin:0;color:#4c5b56;font-size:13px;line-height:1.6}.approval-expiry{color:#7c8985;font-size:12px}.approval-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:4px;border-top:1px solid #eef1ef}.customer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.order-list-card>.customer-grid{margin:14px 18px 0}.customer-card{display:grid;gap:10px;align-content:start;padding:16px 18px;border:1px solid #dfe5e1;border-radius:12px;background:#fff}.customer-card>header{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.customer-card>header strong{font-size:15px;color:#22322d}.customer-card>header small{color:#7c8985;font-size:12px}.customer-company{margin:0;color:#4c5b56;font-size:13px}.customer-contact{display:flex;flex-wrap:wrap;gap:4px 16px;color:#63706e;font-size:12px}.order-chips{display:flex;flex-wrap:wrap;gap:6px;padding-top:6px;border-top:1px solid #eef1ef}.order-chip{padding:3px 9px;border:1px solid #cfdad4;border-radius:999px;background:#f3f7f4;color:#31473f;font-size:12px;white-space:nowrap}.stars{color:#c98a1f;font-size:13px;letter-spacing:1px;white-space:nowrap}.stars small{margin-left:6px;color:#7c8985;font-size:12px;letter-spacing:0}.order-table td.review-comment{min-width:220px;max-width:420px;line-height:1.6}@media(max-width:1180px){.sidebar{width:196px}.workspace{padding:28px 24px 48px}}@media(max-width:1020px){.app-shell{display:block}.sidebar{width:auto;height:auto;position:static}.sidebar-brand{padding:14px 18px 10px}.sidebar nav{flex-direction:row;flex-wrap:wrap;padding:0 12px 12px}.sidebar nav button{flex:1 1 160px}.sidebar-foot{padding:10px 18px 14px}.lower-grid,.approval-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-shell{overflow-x:auto}.order-table{min-width:860px}.topbar{padding:0 20px}}.parcel-row{display:grid;grid-template-columns:auto 1fr 1fr auto;gap:8px;align-items:end}.parcel-row .parcel-no{align-self:center;color:#555;font-size:13px;white-space:nowrap}.parcel-remove{padding:6px 10px}.quote-section,.quote-form{display:grid;gap:10px}.quote-form>em{color:#7c8985;font-size:11px;font-style:normal;line-height:1.6}.quote-form-table{min-width:880px}.quote-price-cell{min-width:160px}.quote-price-cell input{width:130px;border:1px solid #d3dbd6;border-radius:8px;padding:7px 9px;background:#fbfcfb;color:#34443f;outline:none;font:inherit;font-variant-numeric:tabular-nums}.quote-price-cell input:focus{border-color:#557d6d;box-shadow:0 0 0 3px #dfeae5}.quote-price-cell input[aria-invalid=true]{border-color:#c0574f;background:#fdf4f3}.quote-price-cell input[aria-invalid=true]:focus{border-color:#b3453f;box-shadow:0 0 0 3px #f6e0dd}.quote-form-table tr.is-invalid td{background:#fffaf9}.quote-line-error{display:block;margin-top:4px;color:#a83a33;font-size:12px;line-height:1.45}.quote-note-input{display:grid;gap:5px;color:#61706b;font-size:12px;font-weight:700}.quote-note-input textarea{min-height:64px;border:1px solid #d3dbd6;border-radius:8px;padding:8px 10px;background:#fbfcfb;color:#34443f;outline:none;font:inherit;resize:vertical}.quote-note-input textarea:focus{border-color:#557d6d;box-shadow:0 0 0 3px #dfeae5}.quote-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0;padding:10px 12px;border-radius:9px;background:#f3f7f4;color:#31473f;font-size:13px;font-weight:700}.quote-total strong{font-variant-numeric:tabular-nums;font-size:15px}.quote-total.is-partial{background:#f7f3e7;color:#6c5a24}.quote-supersede-hint{padding:8px 12px;border:1px solid #e8dcb9;border-radius:9px;background:#fff9e7;color:#805f24}.quote-blocked{margin:0;padding:8px 12px;border:1px solid #e8dcb9;border-radius:9px;background:#fff9e7;color:#805f24;font-size:12px;font-weight:700}.quote-notify-notice{margin:0;padding:10px 12px;border:1px solid #d9b64e;border-left:4px solid #b8860b;border-radius:9px;background:#faf0d7;color:#6f4f14;font-size:13px;font-weight:700;line-height:1.5}.quote-revise{justify-self:start}.quote-card{display:grid;gap:10px;padding:14px 16px;border:1px solid #cfdad4;border-radius:11px;background:#fff}.quote-card-state{display:inline-block;margin:0;padding:4px 10px;border:1px solid #bcd7c9;border-radius:999px;background:#eef6f1;color:#17493d;font-size:12px;font-weight:700;width:max-content}.quote-table td{font-variant-numeric:tabular-nums}.quote-table tfoot .quote-total-row td{border-top:2px solid #dce6e0;font-weight:700;color:#17493d}.quote-note{margin:0;color:#4c5b56;font-size:13px;line-height:1.6}.quote-note label{display:block;color:#7a8783;font-size:11px;margin-bottom:2px}.quote-review-card{margin-top:18px;display:grid;gap:12px}.quote-review-list{display:grid;gap:14px}.quote-review-row{display:grid;gap:10px;padding:14px 16px;border:1px solid #cfdad4;border-radius:11px;background:#fff}.quote-review-row header{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;justify-content:space-between}.quote-review-row h4{margin:0;font-size:15px;color:#17493d}.quote-review-row header small{color:#7a8783;font-size:12px}.quote-review-table{min-width:760px}.quote-review-table td{font-variant-numeric:tabular-nums}.quote-review-reason{display:grid;gap:4px;color:#7a8783;font-size:11px}.quote-review-reason textarea{font:inherit;color:#23302c;padding:8px 10px;border:1px solid #cfdad4;border-radius:9px;resize:vertical}.quote-review-actions{display:flex;flex-wrap:wrap;gap:10px}
