:root{color:#18261f;font-synthesis:none;background:#f4f7f5;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}a{color:#12673e}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{color:#eaf8ef;background:#103b29;height:100vh;padding:1.25rem;position:sticky;top:0}.brand{letter-spacing:.03em;margin:.5rem 0 2rem;font-weight:800}.brand span{color:#a9e8c5;margin-left:.35rem;font-size:.72rem}nav{gap:.7rem;display:grid}.nav-group p{color:#9cc8ac;letter-spacing:.08em;text-transform:uppercase;margin:0 .8rem .25rem;font-size:.68rem;font-weight:700}.nav-link{color:#d8eee0;border-radius:.45rem;padding:.6rem .8rem;text-decoration:none;display:block}.nav-link:hover,.nav-link.active{color:#fff;background:#216548}main{min-width:0}.topbar{background:#fff;border-bottom:1px solid #dce7e0;justify-content:space-between;align-items:center;gap:1rem;min-height:72px;padding:1rem 1.5rem;display:flex}.topbar strong,.topbar span{display:block}.topbar span{color:#64756b;margin-top:.15rem;font-size:.82rem}.session{align-items:center;gap:.65rem;display:flex}.session>span{margin:0}.content{max-width:1280px;margin:auto;padding:1.5rem}.page-header{justify-content:space-between;gap:1rem;margin-bottom:1.5rem;display:flex}h1,h2,p{margin-top:0}h1{margin-bottom:.35rem;font-size:clamp(1.55rem,3vw,2.1rem)}.page-header p{color:#62736a}.card{background:#fff;border:1px solid #dce7e0;border-radius:.8rem;padding:1.25rem;box-shadow:0 3px 12px #163d2708}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.eyebrow{color:#317356;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:700}.badge{color:#155c38;background:#d7f2e1;border-radius:1rem;padding:.22rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.status-rejected,.status-cancelled{color:#9d3333;background:#ffe2e2}.status-dispatched{color:#275d9a;background:#dbeafe}.status-received,.status-fulfilled,.status-accepted{color:#155c38;background:#d7f2e1}.quick-links{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.quick-links a{background:#fff;border:1px solid #dce7e0;border-radius:.5rem;padding:.75rem 1rem;text-decoration:none}.button{color:#fff;cursor:pointer;background:#176943;border:0;border-radius:.45rem;padding:.6rem .9rem}.button:focus-visible,.input:focus-visible,.nav-link:focus-visible{outline-offset:2px;outline:3px solid #8fd4ae}.button:disabled{opacity:.6;cursor:wait}.input{background:#fff;border:1px solid #bfcfc5;border-radius:.45rem;width:100%;margin:.35rem 0 .8rem;padding:.65rem .7rem}.scope-bar,.actions{flex-wrap:wrap;align-items:end;gap:.8rem;margin-bottom:1rem;display:flex}.scope-bar label{min-width:230px}.state{background:#fff;border:1px solid #dce7e0;border-radius:.6rem;padding:1rem}.state.error{color:#962c2c;background:#fff8f8;border-color:#f0b9b9}.login-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{width:min(100%,420px)}.login-card form{display:grid}.table-shell{background:#fff;border:1px solid #dce7e0;border-radius:.6rem;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #edf2ee;padding:.7rem}.pagination{color:#66776d;margin-top:1rem;font-size:.9rem}.confirm{z-index:5;background:#0006;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.confirm .card{width:min(100%,520px)}.muted{color:#64756b;margin-top:1rem}.toast{color:#fff;background:#143d2a;border-radius:.5rem;padding:.8rem 1rem;position:fixed;bottom:1rem;right:1rem;box-shadow:0 4px 18px #0003}.modal-shell{background:#0005;place-items:center;display:grid;position:fixed;inset:0}.nav-toggle,.scrim{display:none}.detail-list{grid-template-columns:minmax(130px,.4fr) 1fr;gap:.8rem 1rem;margin:0;display:grid}.detail-list dt{color:#64756b;font-weight:700}.detail-list dd{overflow-wrap:anywhere;margin:0}@media (width<=760px){.app-shell{display:block}.sidebar{z-index:3;width:248px;transition:transform .18s;position:fixed;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.nav-toggle{background:0 0;border:0;font-size:1.35rem;display:inline-block}.scrim{z-index:2;background:#0006;border:0;display:block;position:fixed;inset:0}.topbar{padding:.8rem 1rem}.session>span{display:none}.content{padding:1rem}.dashboard-grid{grid-template-columns:1fr}}
