:root{--sidebar-width:252px}
.section-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.section-actions button{min-height:44px;font:600 15px Barlow,Arial,sans-serif;text-transform:none;letter-spacing:0}
.section-actions button[aria-pressed=true]{background:#ff4d1c18;border-color:var(--accent);color:#ff865f}
#products{grid-template-columns:minmax(0,1fr);gap:0}
#products>#productEditor,#clients>#clientFormPanel{max-width:1000px;width:100%}
#productDirectory #productList{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}
#productList .record{margin:14px 0 0}
.admin-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);z-index:60;background:#0d1015;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:26px 18px 18px;overflow-y:auto}
.sidebar-brand{display:block;padding:0 2px 24px;border-bottom:1px solid var(--line)}
.sidebar-brand img{width:100%;height:auto;display:block}
.sidebar-caption{color:var(--muted);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;margin:18px 10px 12px}
.sidebar-nav{display:flex;flex-direction:column;gap:6px}
.sidebar-link{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;text-align:left;background:transparent;color:var(--muted);border:1px solid transparent;font:500 15px Barlow,Arial,sans-serif;text-transform:none;letter-spacing:0;padding:12px;border-radius:9px}
.sidebar-link svg{width:20px;height:20px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sidebar-link:hover{background:var(--surface2);color:var(--text)}
.sidebar-link[aria-current=page]{background:#ff4d1c18;color:#ff865f;border-color:#ff4d1c50;box-shadow:inset 3px 0 var(--accent)}
.sidebar-link:focus-visible,.sidebar-trigger:focus-visible,.sidebar-close:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sidebar-bottom{margin-top:auto;padding-top:24px}
.sidebar-bottom p{font-size:12px;color:var(--gray);padding:0 12px;line-height:1.5}
body>.wrap{max-width:none;margin-left:var(--sidebar-width);padding:24px 28px}
.admin-top-title h1{margin:0;font:800 26px 'Barlow Condensed',Arial,sans-serif;letter-spacing:.4px}
.admin-top-title p{margin:4px 0 0;color:var(--muted);font-size:14px}
.admin-top-start{display:flex;align-items:center;gap:12px}
.top{align-items:flex-start;flex-wrap:wrap;gap:20px}
.sidebar-trigger,.sidebar-close{display:none;background:var(--surface2);color:var(--text);border:1px solid var(--line);font-size:20px;min-width:44px;min-height:44px;padding:8px}
.sidebar-overlay{position:fixed;inset:0;background:#000a;z-index:55}
@media(min-width:901px) and (max-width:1250px){.layout{grid-template-columns:1fr}}
@media(max-width:900px){body>.wrap{margin-left:0;padding:18px 14px}.admin-sidebar{visibility:hidden;transform:translateX(-100%);transition:transform .2s,visibility .2s;width:min(290px,85vw)}.admin-sidebar.is-open{visibility:visible;transform:translateX(0)}.sidebar-trigger,.sidebar-close{display:block}.sidebar-close{align-self:flex-end;margin-bottom:16px}.top{flex-direction:column}.layout{grid-template-columns:minmax(0,1fr)}.top>.actions{width:100%}.top>.actions button{flex:1 1 140px}.sidebar-brand{padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){.admin-sidebar{transition:none}}
@media print{.admin-sidebar,.sidebar-overlay,.sidebar-trigger{display:none!important}}