html,body,#root{height:100%}:root{--paper:#eae3d2;--card:#f7f3e8;--ink:#1e2420;--ink-faint:#4b5248;--rule:#c7bca0;--pine:#2b4a32;--pine-dark:#1c3223;--brass:#6b4e1a}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,sans-serif}.app-shell{min-height:100vh}.app-header{background:var(--card);border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:.75rem 2rem;padding:1rem 2rem;display:flex}.brand-lockup{align-items:center;gap:.65rem;font-size:1.25rem;font-weight:700;display:inline-flex}.brand-accent{color:var(--brass)}.logo-mark{flex:none;width:2.25rem;height:2.25rem}.brand-lockup-compact .logo-mark{width:2rem;height:2rem}.auth-logo{margin:0 0 1.5rem}.auth-logo .brand-lockup{font-size:1.75rem}.auth-logo .logo-mark{width:3rem;height:3rem}.app-header nav{flex-wrap:wrap;flex:1;gap:.5rem;min-width:200px;display:flex}.app-header nav button{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;padding:.4rem .8rem}.app-header nav button.active{border-color:var(--rule);background:var(--paper)}.user-info{align-items:center;gap:.75rem;display:flex}.screen{max-width:960px;margin:0 auto;padding:2rem}.screen-narrow{max-width:360px}@media (width<=480px){.screen{padding:1rem}.app-header{padding:.75rem 1rem}.stat-row{flex-wrap:wrap}.stat-card{flex:calc(50% - .5rem);min-width:0}}form{flex-direction:column;gap:.75rem;display:flex}.inline-form{flex-flow:wrap;align-items:center;margin-bottom:1.5rem}label{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}input,select,button{border:1px solid var(--rule);border-radius:3px;min-height:44px;padding:.65rem .9rem;font-size:.95rem}button{background:var(--pine);color:var(--card);cursor:pointer;border:none}button:hover{background:var(--pine-dark)}button:disabled{background:var(--rule);color:var(--ink-faint);cursor:not-allowed}.link-button{min-height:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--rule);padding:.5rem}.mono{font-family:Courier New,monospace}.error{color:#a33}.notice{color:var(--brass)}.pending-row{opacity:.7;font-style:italic}.subtitle{color:var(--ink-faint)}.link-button{color:var(--pine);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.stat-row{gap:1rem;margin-bottom:2rem;display:flex}.stat-card{background:var(--card);border:1px solid var(--rule);border-radius:4px;flex-direction:column;gap:.25rem;min-width:140px;padding:1rem 1.5rem;display:flex}.stat-label{color:var(--ink-faint);font-size:.85rem}.stat-value{font-size:1.5rem;font-weight:700}.low-stock-row{color:#a33}.bar-chart{background:var(--card);border:1px solid var(--rule);border-radius:4px;align-items:flex-end;gap:.5rem;height:160px;margin-bottom:2rem;padding:.5rem;display:flex;overflow-x:auto}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:32px;height:100%;display:flex}.bar{background:var(--pine);border-radius:2px 2px 0 0;width:100%;min-height:2px}.bar-label{color:var(--ink-faint);white-space:nowrap;margin-top:.25rem;font-size:.7rem}