.app-shell{min-height:100dvh}.sidebar{background:#1e3025;color:#e9f1eb;width:228px;position:fixed;inset:0 auto 0 0;padding:30px 18px 22px;display:flex;flex-direction:column;z-index:3;overflow:auto}.sidebar-bottom{margin-top:auto;padding-top:30px}.workspace{margin-left:228px;padding:36px 38px;max-width:1800px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.topbar .eyebrow{margin-bottom:6px}@media(min-width:1600px){.workspace{padding:42px 58px}}@media(max-width:1150px){.sidebar{width:200px;padding:24px 13px}.workspace{margin-left:200px;padding:28px 24px}.topbar-actions>.muted{display:none}.stats{gap:12px}.stat{padding:16px}.kanban{gap:12px}.lane{padding:12px}.table-grid{grid-template-columns:repeat(3,1fr)}.order-layout{grid-template-columns:1fr 1fr;gap:18px}}@media(max-width:850px){.sidebar{position:relative;width:100%;padding:16px 20px;display:block;overflow:visible}.brand{font-size:1.35rem}.brand-mark{font-size:30px}.brand-mark span{font-size:34px}.brand small{font-size:.5625rem}.sidebar-label,.sidebar-bottom,.nav-separator{display:none}#navigation{display:flex;gap:5px;margin-top:16px;overflow-x:auto;padding-bottom:2px}.nav-link{flex:none;padding:9px 12px;font-size:.8125rem;margin:0}.nav-icon{width:16px;height:16px}.workspace{margin-left:0;padding:24px 20px}.topbar{margin-bottom:24px}.topbar h1{font-size:1.5rem}.stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.kanban{gap:10px}.lane{padding:10px}.order-card{padding:13px}.order-head{gap:7px;flex-wrap:wrap}.table-grid{grid-template-columns:repeat(3,1fr)}.login-story{padding:50px 9%}.login-story h1{font-size:2.4rem}.order-layout{grid-template-columns:1fr}.product-picker{max-height:150px}}@media(max-width:600px){.workspace{padding:22px 15px}.topbar-actions{gap:7px}.topbar-actions #refresh{font-size:0;padding:10px}.topbar-actions #refresh:after{content:'↻';font-size:18px}.topbar-actions button{font-size:.8125rem;padding:11px 12px}.topbar .eyebrow{max-width:190px;font-size:.625rem;letter-spacing:.08em}.stats{gap:10px}.stat{padding:15px}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}.kanban{grid-template-columns:1fr}.lane{min-height:130px;padding:14px}.lane .empty{padding:20px 10px}.grid-two{grid-template-columns:1fr;gap:0}.table-grid{grid-template-columns:repeat(2,1fr);gap:12px}.table-tile{padding:20px;min-height:140px}.panel{padding:20px}.form-grid{grid-template-columns:1fr}.recipe-row,.recipe-head{grid-template-columns:1.3fr .7fr 1fr 32px;gap:5px}.recipe-row input,.recipe-row select{padding:9px 5px;font-size:.8125rem}.modal-head{padding:20px}.modal-body{padding:20px}.form-actions{flex-wrap:wrap}.form-actions button{flex:1}.toolbar .tabs{width:100%}.toolbar .tabs button{flex:1;padding:8px 5px}.section-head{align-items:flex-start}.login-layout{grid-template-columns:1fr}.login-story{padding:32px}.login-story h1{font-size:2rem}.login-story .brand-mark{font-size:40px;margin-bottom:25px}.login-rule,.login-story>p:last-child{display:none}.login-form{padding:35px 30px}.login-story>p{font-size:.875rem}.login-story h1{margin-bottom:16px}.order-total{font-size:1.2rem}}@media(prefers-reduced-motion:no-preference){.order-card,.table-tile,.primary{transition:background .15s,border-color .15s,box-shadow .15s}dialog[open]{animation:show .12s ease-out}@keyframes show{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}