:root{color:#242a30;background:#f7f7f5;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #242a30;--muted: #56635f;--accent: #2d5140;--accent-soft: #eaf1ec;--line: #d8dcd7;--surface: #fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:0;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:var(--accent)}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid #175e3a;outline-offset:3px}.app{min-height:100vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;z-index:5;top:-70px;left:16px;padding:12px 16px;border:2px solid var(--accent);border-radius:4px;background:var(--surface);color:var(--ink);font-weight:700}.skip-link:focus{top:12px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(20px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line);background:var(--surface);font-size:13px}.topbar a{color:var(--ink);text-decoration:none}.topbar>a:last-child{font-weight:700}.wordmark{font-size:20px;font-weight:850;letter-spacing:-.07em}.wordmark span{color:#627b70}.top-meta{color:var(--muted)}.page{width:min(1240px,100%);margin:0 auto;padding:56px 24px 28px}.intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.intro-copy{max-width:760px}.eyebrow{color:#496253;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin:14px 0 12px;font-size:clamp(2.35rem,5.8vw,4.15rem);line-height:1.04;letter-spacing:-.065em}h2{margin:8px 0 10px;font-size:clamp(1.65rem,3.2vw,2.35rem);line-height:1.15;letter-spacing:-.045em}h3{margin:8px 0 18px;font-size:21px;line-height:1.2;letter-spacing:-.035em}.intro p,.section-intro>p,.methodology p{max-width:63ch;margin-bottom:0;color:var(--muted);line-height:1.65}.environment{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #b8cfc0;border-radius:4px;background:#edf4ef;color:#244f36;font-size:11px;font-weight:800;letter-spacing:.06em}.case-nav{display:flex;gap:24px;align-items:center;padding:14px 0;margin-bottom:34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-nav a{font-size:13px;font-weight:700;text-underline-offset:4px}.sandbox-section{scroll-margin-top:18px}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-intro>p{max-width:50ch;font-size:13px}.panel{min-width:0;padding:25px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.welcome{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:20px}.welcome-mark{display:grid;width:54px;height:54px;place-items:center;border-radius:5px;background:var(--accent-soft);color:var(--accent);font-size:17px;font-weight:850;letter-spacing:-.05em}.welcome h3{margin:6px 0 7px}.welcome p{max-width:63ch;margin:0;color:var(--muted);font-size:14px;line-height:1.55}button:not(.tabs button):not(.secondary):not(.link-button){min-height:44px;padding:11px 16px;border:1px solid #244634;border-radius:4px;background:var(--accent);color:#fff;font-weight:750}button:not(:disabled):hover{filter:brightness(.94)}button.secondary{min-height:40px;padding:9px 13px;border:1px solid #819388;border-radius:4px;background:#fff;color:#294537;font-size:13px;font-weight:750}button.danger{border-color:#a83d32;color:#81291f}.workspace{display:grid;gap:17px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line)}.tabs button{min-height:44px;padding:11px 16px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:700}.tabs button.active{border-bottom-color:var(--accent);color:var(--ink)}.role{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.role select,.side-panel input,.side-panel select,.filter-label input{min-height:44px;padding:10px 11px;border:1px solid #87958c;border-radius:4px;background:#fff;color:var(--ink)}.operations-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:17px}.operations-grid>*{min-width:0}.section-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:15px}.section-head h3{margin-bottom:0}.section-note{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.filter-label{display:grid;grid-template-columns:auto minmax(150px,260px);align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;color:var(--muted);font-size:13px;font-weight:650}.filter-label input{width:100%}.table-wrap{width:100%;min-width:0}table{width:100%;border-collapse:collapse}th,td{padding:13px 10px;border-bottom:1px solid #e4e8e4;text-align:left;font-size:13px}th{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}tbody tr:last-child td{border-bottom:0}.orders-table th:first-child,.orders-table td:first-child{padding-left:0}.orders-table th:last-child,.orders-table td:last-child{text-align:right}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.amount,.available{font-variant-numeric:tabular-nums}.status{display:inline-flex;padding:5px 8px;border-radius:3px;background:#edf0ed;color:#35413b;font-size:12px;font-weight:750;text-transform:capitalize}.status-confirmed{background:#e9f2ec;color:#244f36}.status-fulfilled{background:#e8eef5;color:#304b68}.status-cancelled{background:#f6ecea;color:#81291f}.side-panel form{display:grid;gap:15px}.side-panel label{display:grid;gap:7px;font-size:13px;font-weight:700}.side-panel input,.side-panel select{width:100%}.field-help{color:var(--muted);font-size:12px;font-weight:500;line-height:1.45}.side-panel form>button{margin-top:2px}.empty{padding:12px 0;margin:0;color:var(--muted);font-size:13px;line-height:1.5}.detail{margin-top:0;scroll-margin-top:20px}.detail h3:focus{outline:3px solid #175e3a;outline-offset:3px}.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.cancel-confirm{flex:1 1 100%;padding:14px;border:1px solid #d8aaa4;border-radius:4px;background:#fbefed}.cancel-confirm h4{margin:0 0 5px;color:#70251e;font-size:15px}.cancel-confirm h4:focus{outline:3px solid #175e3a;outline-offset:3px}.cancel-confirm p{margin:0 0 12px;color:#70251e;font-size:13px;line-height:1.5}.cancel-confirm .confirm-cancel{margin-left:8px}.notice{padding:13px 16px;margin:16px 0 0;border-left:3px solid;line-height:1.5}.notice.success{border-color:#527d5d;background:#edf3ee;color:#244f36}.notice.error{border-color:#b34338;background:#fbefed;color:#70251e}.methodology{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:27px 0;margin-top:42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-margin-top:20px}.methodology h2{font-size:clamp(1.4rem,2.8vw,1.9rem)}.methodology p{max-width:67ch;font-size:13px}.method-link{flex:0 0 auto;font-size:13px;font-weight:750;text-underline-offset:4px}.footer{padding:25px 0 10px;color:var(--muted);font-size:12px}@media(max-width:850px){.page{padding-top:38px}.operations-grid{grid-template-columns:minmax(0,1fr)}.side-panel{max-width:none}.section-intro{align-items:start;flex-direction:column}}@media(max-width:600px){.page{padding:29px 16px 20px}.topbar{padding:14px 16px}.top-meta{display:none}.intro{align-items:start;flex-direction:column;gap:15px}.case-nav{gap:15px;flex-wrap:wrap;margin-bottom:25px}.case-nav a{font-size:12px}.welcome{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;padding:18px}.welcome-mark{width:44px;height:44px}.welcome>button{grid-column:1 / -1;width:100%}.toolbar{align-items:stretch;flex-direction:column;gap:12px}.tabs{width:100%}.tabs button{flex:1}.role{justify-content:space-between}.role select{min-width:145px}.panel{padding:17px}.section-head{gap:9px}.filter-label{grid-template-columns:minmax(0,1fr);gap:6px}.orders-table thead,.inventory-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.orders-table,.inventory-table,.orders-table tbody,.inventory-table tbody{display:block;width:100%}.orders-table tr,.inventory-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:0 12px;padding:11px 0;border-bottom:1px solid #e4e8e4}.orders-table tr:last-child,.inventory-table tr:last-child{border-bottom:0}.orders-table td,.inventory-table td{display:flex;min-width:0;justify-content:space-between;gap:8px;padding:6px 0;border:0;overflow-wrap:anywhere}.orders-table td:before,.inventory-table td:before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:700}.orders-table td:first-child,.inventory-table td:first-child{padding-left:0}.orders-table td:last-child,.orders-table td:nth-child(3){text-align:left}.orders-table td:first-child,.orders-table td:nth-child(2){grid-column:1 / -1}.orders-table td:last-child{grid-column:1 / -1;justify-content:flex-end}.inventory-table td{align-items:baseline}.inventory-table td:first-child{grid-column:1 / -1}.methodology{align-items:start;flex-direction:column;gap:15px;margin-top:30px}}@media(max-width:360px){.page{padding-right:12px;padding-left:12px}.panel{padding:14px}.case-nav{gap:10px}.case-nav a{font-size:11px}h1{font-size:2.2rem}.section-head .secondary{padding-right:9px;padding-left:9px}}@media(forced-colors:active){:focus-visible{outline:3px solid Highlight}.status,.environment,.notice,.welcome-mark{border:1px solid CanvasText}.tabs button.active{border-bottom-color:Highlight}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}