*,:before,:after{box-sizing:border-box}body{margin:0}:root{--sidebar-width:240px}.dashboard-shell{min-height:100vh;display:flex}.dashboard-sidebar{width:var(--sidebar-width);border-right:1px solid #eee;flex-shrink:0;padding:1rem}.dashboard-content{flex:1;min-width:0;padding:2rem}.dashboard-topbar,.drawer-scrim,.drawer-close{display:none}.drawer-hamburger{cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:6px;padding:.25rem .6rem;font-size:1rem;line-height:1}.topbar-title{color:#222;font-size:1rem;font-weight:700}@media (max-width:767px){.dashboard-shell{flex-direction:column;min-height:auto}.dashboard-content{padding:1rem}.dashboard-topbar{border-bottom:1px solid #eee;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.dashboard-sidebar{inset-block:0;z-index:50;background:#fff;border-bottom:none;border-right:1px solid #eee;width:80vw;max-width:320px;transition:transform .2s;position:fixed;left:0;overflow-y:auto;transform:translate(-100%)}.dashboard-shell[data-drawer-open] .dashboard-sidebar{transform:translate(0)}.drawer-scrim{z-index:40;background:#0006;position:fixed;inset:0}.dashboard-shell[data-drawer-open] .drawer-scrim{display:block}.drawer-close{cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:6px;padding:.25rem .5rem;font-size:.875rem;line-height:1;display:inline-block}.drawer-close:after{content:"✕"}.sidebar-toggle{display:none}}@media (prefers-reduced-motion:reduce){.dashboard-sidebar{transition:none}}.sidebar-toggle:after{content:"◀"}.dashboard-shell[data-sidebar-collapsed] .sidebar-toggle:after{content:"▶"}@media (min-width:768px){.dashboard-shell[data-sidebar-collapsed]{--sidebar-width:56px}.dashboard-shell[data-sidebar-collapsed] .sidebar-title,.dashboard-shell[data-sidebar-collapsed] .sidebar-device{display:none}.dashboard-shell[data-sidebar-collapsed] .nav-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}