:root{color-scheme:light;font-family:Arial,sans-serif;color:#17212b;background:#f5f7f8}*{box-sizing:border-box}body{margin:0}a{color:inherit}.brand-link{text-decoration:none}main{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:32px 0}nav{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:14px 24px;background:#fff;border-bottom:1px solid #dce2e6}.nav-role{margin-left:auto}.nav-signout{margin:0}.nav-signout button{width:auto;min-height:32px;padding:4px 10px;color:#334e68;background:#fff;border-color:#aebbc3}.panel{background:#fff;border:1px solid #dce2e6;border-radius:6px;padding:20px}.stack{display:grid;grid-gap:16px;gap:16px}label{display:grid;grid-gap:6px;gap:6px;font-weight:600}button,input,select,textarea{width:100%;min-height:42px;border:1px solid #aebbc3;border-radius:5px;padding:8px 12px;font:inherit;background:#fff}button{cursor:pointer;color:#fff;background:#176b5b;border-color:#176b5b;font-weight:700}.danger{background:#a11d2f;border-color:#a11d2f}.success{background:#176b5b;border-color:#176b5b}.secondary{color:#334e68;background:#fff;border-color:#8da0aa}.button-link{display:inline-flex;align-items:center;min-height:42px;padding:8px 14px;color:#fff;background:#176b5b;border-radius:5px;text-decoration:none;font-weight:700}.muted{color:#5e6b73}.error{color:#a11d2f}table{width:100%;border-collapse:collapse;background:#fff}td,th{padding:12px;border-bottom:1px solid #e2e7ea;text-align:left}.table-wrap{overflow-x:auto}.page-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.form-section{min-width:0;margin:4px 0 0;padding:18px 0 0;border:0;border-top:1px solid #dce2e6}.form-section legend{padding:0 10px 0 0;font-weight:700}.form-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.segmented-control{display:inline-grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:2px;padding:2px;border:1px solid #aebbc3;border-radius:5px;background:#edf1f3}.segmented-control button{min-height:36px;padding:6px 12px;color:#334e68;border:0;background:transparent}.segmented-control button[aria-pressed=true]{color:#fff;background:#176b5b}.span-2{grid-column:1/-1}.inline-form{display:grid;grid-template-columns:minmax(180px,2fr) minmax(140px,1fr) minmax(140px,2fr) auto;grid-gap:12px;gap:12px;align-items:flex-end}.inline-form button{width:auto}.top-gap{margin-top:16px}.actions{display:flex;justify-content:flex-end}.actions button{width:auto}.balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:12px;gap:12px}.balance-item{background:#fff;border:1px solid #dce2e6;border-radius:6px;padding:16px}.balance-item>div{display:flex;justify-content:space-between;gap:12px}.balance-item dl{display:grid;grid-gap:10px;gap:10px;margin:16px 0 0}.balance-item dl div{display:flex;justify-content:space-between;gap:12px}.balance-item dd,.balance-item dt{margin:0}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.kpi-item{min-height:112px;padding:18px;background:#fff;border:1px solid #dce2e6;border-radius:6px;display:grid;align-content:start;grid-gap:10px;gap:10px}.kpi-item>strong{font-size:28px;line-height:1.2}.kpi-item>.kpi-date{font-size:17px}.kpi-currency{width:max-content;padding:3px 7px;border-radius:4px;color:#fff;background:#334e68;font-weight:700}.kpi-details{display:grid;grid-gap:9px;gap:9px;margin:0}.kpi-details div{display:flex;justify-content:space-between;gap:16px}.kpi-details dd,.kpi-details dt{margin:0}.kpi-details dd{font-weight:700;text-align:right}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.section-heading h2{margin-bottom:4px}.section-heading p{margin-top:0}.search-form{display:grid;grid-template-columns:minmax(240px,1fr) auto;grid-gap:12px;gap:12px;align-items:flex-end}.search-form button{width:auto}.table-panel{padding:0}.stock{display:inline-flex;min-width:54px;justify-content:center;padding:3px 7px;border-radius:4px;font-size:13px;font-weight:700}.stock-enough{color:#0f5132;background:#dff3e8}.stock-limited{color:#704b00;background:#fff0c7}.stock-out{color:#842029;background:#f8d7da}.status-badge{display:inline-flex;align-items:center;width:max-content;padding:3px 8px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}.status-success{color:#0f5132;background:#dff3e8}.status-danger{color:#842029;background:#f8d7da}.status-warning{color:#704b00;background:#fff0c7}.status-info{color:#084298;background:#dbeafe}.status-neutral{color:#46545c;background:#edf1f3}.row-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.row-actions form{margin:0}.row-actions .button-link{min-height:34px;padding:5px 10px}.help-text{margin:0;color:#5e6b73;font-size:13px;font-weight:400}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:8px 16px;gap:8px 16px}summary{cursor:pointer}.order-picker{border:1px solid #dce2e6;border-radius:5px;padding:14px}.check-row{display:grid;grid-template-columns:22px 1fr;align-items:center;font-weight:400;padding:8px 0}.check-row input{width:18px;min-height:18px;margin:0}.shipment-pick-row{display:grid;grid-template-columns:minmax(220px,1fr) 120px auto;grid-gap:12px;gap:12px;align-items:flex-end;padding:12px 0;border-top:1px solid #e2e7ea}.shipment-pick-row p{margin:4px 0 0}.shipment-pick-row button{width:auto}.status-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.status-actions button{width:auto}.compact-form button{width:auto;min-height:34px;padding:5px 10px}.timeline{display:grid;grid-gap:12px;gap:12px;padding-left:24px}.timeline li{padding-left:6px}.timeline p{margin:6px 0}@media (max-width:720px){main{width:min(100% - 20px,1120px);padding:20px 0}nav{padding:12px;gap:12px}.form-grid,.form-section-grid,.inline-form,.search-form,.shipment-pick-row{grid-template-columns:1fr}.segmented-control{width:100%}.span-2{grid-column:auto}.page-heading{align-items:flex-start}.kpi-details div{display:grid;grid-gap:3px;gap:3px}.kpi-details dd{text-align:left}}