.app-layout{min-height:100vh;display:flex}.sidebar{width:242px;flex:0 0 242px;background:#0c1728;border-right:1px solid #23344e;padding:22px 13px;display:flex;flex-direction:column;transition:width .18s ease,flex-basis .18s ease;position:sticky;top:0;height:100vh;z-index:4}.brand{display:flex;align-items:center;gap:10px;padding:0 7px 24px;color:#e6edf7;font-size:.82rem;font-weight:800;line-height:1.05}.brand small{font-size:.62rem;color:#8fa4c3;font-weight:700}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;background:#38bdf8;color:#082033;font-weight:900;letter-spacing:-.08em}.sidebar nav{display:grid;gap:6px}.nav-link,.sidebar-toggle{display:flex;align-items:center;gap:12px;min-height:42px;padding:10px;border:0;border-radius:8px;color:#aebfd6;text-decoration:none;background:transparent;font-size:.82rem;font-weight:800;white-space:nowrap}.nav-link>span:first-child,.sidebar-toggle>span:first-child{font-size:1.2rem;width:18px;text-align:center}.nav-link:hover,.sidebar-toggle:hover{background:#172941;color:#e6edf7}.nav-link.active{background:#0ea5e9;color:#072035}.sidebar-bottom{margin-top:auto;border-top:1px solid #23344e;padding-top:12px}.sidebar-toggle{width:100%;cursor:pointer}.content-area{min-width:0;flex:1}.sidebar-mobile-toggle{display:none}.sidebar.collapsed{width:64px;flex-basis:64px;padding-left:10px;padding-right:10px}.sidebar.collapsed .brand,.sidebar.collapsed .nav-link,.sidebar.collapsed .sidebar-toggle{justify-content:center;padding-left:0;padding-right:0}.sidebar.collapsed .brand-text,.sidebar.collapsed .nav-text{display:none}.sidebar.collapsed .sidebar-toggle>span:first-child{transform:rotate(180deg)}
@media(max-width:750px){.sidebar{position:fixed;left:0;transform:translateX(-100%);width:242px;box-shadow:12px 0 40px #02061799}.sidebar.open{transform:translateX(0)}.sidebar.collapsed{width:242px;flex-basis:242px}.sidebar.collapsed .brand,.sidebar.collapsed .nav-link,.sidebar.collapsed .sidebar-toggle{justify-content:flex-start;padding-left:10px;padding-right:10px}.sidebar.collapsed .brand-text,.sidebar.collapsed .nav-text{display:inline}.sidebar-mobile-toggle{display:block;position:fixed;z-index:3;top:12px;left:12px;padding:7px 10px;background:#0e1a2d;color:#e6edf7;border-color:#415674}.content-area{width:100%}.content-area .shell{padding-top:58px}}