@media(min-width:1000px){
 main{max-width:1580px;padding:0 28px;margin:26px auto}
 header{padding:17px max(28px,calc((100% - 1524px)/2));min-height:72px}
 header .brand{width:185px}
 .app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:start}
 .app-sidebar{position:sticky;top:18px;display:flex;flex-direction:column;min-height:calc(100vh - 118px);background:#fff;border:1px solid #e0e4e9;border-radius:14px;padding:20px 12px;box-shadow:0 3px 14px #17263608}
 .app-sidebar .account{justify-content:flex-start;gap:12px;padding:0 8px 18px;border-bottom:1px solid #e0e4e9}
 .app-sidebar .account p{margin:0;line-height:1.3}.app-sidebar .account strong,.app-sidebar .account small{display:block}.app-sidebar .account small{margin-top:4px;color:#526477}
 .avatar{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:50%;background:#e8edf3;color:#163a61;font-weight:700}
 .app-sidebar nav{display:flex;flex-direction:column;align-items:stretch;gap:3px;border:0;padding:14px 0;margin:0}
 .app-sidebar nav a{display:grid;grid-template-columns:28px 1fr;align-items:center;min-height:43px;padding:9px 12px;color:#243a55;font-weight:500;border-left:3px solid transparent}
 .app-sidebar nav a span{font-size:20px;text-align:center;line-height:1}
 .app-sidebar nav a:hover,.app-sidebar nav a.selected{background:#fce9ed;color:#a71935;border-left-color:#d92542}
 .sidebar-logout{margin-top:auto;padding:15px 6px 0;border-top:1px solid #e0e4e9}.sidebar-logout button{width:100%;text-align:left}
 .app-content{min-width:0}.app-content>h1:first-of-type{font-size:2.15rem;margin-top:4px}
 .status-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:0;margin-bottom:24px}.status-tabs a{flex:1;text-align:center;padding:14px 10px;border-radius:0;border-bottom:3px solid transparent;white-space:nowrap}.status-tabs a.selected{background:#fff;color:#bd1735;border-bottom-color:#d92542}
 .home-search{display:grid;grid-template-columns:minmax(300px,1fr) auto auto;gap:14px;align-items:end;margin-bottom:18px}.home-search label{margin:0}.home-search button{margin-bottom:0}.home-search p{margin:0 0 11px;white-space:nowrap;color:#526477}
 .order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:transparent;border:0;box-shadow:none;padding:0}.order-grid article{background:#fff;border:1px solid #dde4eb;border-radius:12px;padding:20px;min-height:190px;box-shadow:0 3px 12px #17263608}.order-grid>p{grid-column:1/-1;background:#fff;border:1px solid #dde4eb;border-radius:12px;padding:28px}
 .order-card-head,.order-card-foot{display:flex;align-items:center;gap:12px}.order-card-head{justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #e6eaf0}.order-card-head strong{font-size:1.08rem}.state-badge{padding:5px 9px;border-radius:999px;background:#edf1f5;color:#41546a;font-size:.78rem;font-weight:700}.state-draft{background:#fff0d9;color:#8a5500}.state-unresolved,.state-cancelled{background:#fdecef;color:#a71935}.state-closed,.state-confirmed,.state-billed{background:#e6f5ef;color:#146748}
 .order-card dl{margin:14px 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.order-card dl div{min-width:0}.order-card dt,.order-card small{display:block;color:#66788a;font-size:.74rem;margin-bottom:3px}.order-card dd{margin:0;font-weight:600;overflow-wrap:anywhere}.order-card-foot{margin-top:auto;padding-top:14px;border-top:1px solid #e6eaf0;align-items:flex-end}.order-card-foot>span{flex:1;min-width:0}.order-card-foot .button{margin:0;white-space:nowrap}
 footer{max-width:1524px;margin-left:auto;margin-right:auto}
 body:has(.week-grid) main{max-width:1740px}
}
@media(min-width:1500px){.order-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:999px){
 .app-shell{display:block}.app-sidebar{margin-bottom:18px}.app-sidebar .account{display:flex;justify-content:flex-start;gap:10px}.app-sidebar .account p{margin:0}.app-sidebar .account strong,.app-sidebar .account small{display:block}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e8edf3;font-weight:700}
 .app-sidebar nav{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding:10px 0}.app-sidebar nav a{display:flex;align-items:center;gap:6px;white-space:nowrap;min-height:40px;padding:9px 11px}.app-sidebar nav a span{font-size:18px}.sidebar-logout{margin-bottom:16px}.sidebar-logout button{width:100%}
 .status-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap}.status-tabs a{flex:0 0 auto;white-space:nowrap;padding:11px 13px}
 .home-search p{color:#526477;line-height:1.45}.order-grid{padding:0;display:grid;gap:12px}.order-grid article{padding:16px;min-height:0}.order-card-head{align-items:flex-start;flex-wrap:wrap;gap:8px;padding-bottom:12px}.order-card-head strong{font-size:1rem}.state-badge{margin-left:auto;line-height:1.2}
 .order-card dl{display:block;margin:13px 0}.order-card dl div+div{margin-top:11px}.order-card dt,.order-card small{font-size:.75rem;margin-bottom:4px}.order-card dd{font-size:.94rem;line-height:1.35}
 .order-card-foot{display:grid;grid-template-columns:1fr;gap:11px;align-items:stretch;padding-top:13px}.order-card-foot>span{display:block;line-height:1.35}.order-card-foot .button{display:block;width:100%;text-align:center;margin:2px 0 0;padding:11px}
}