.app-layout{min-height:100vh;display:flex}.sidebar{position:sticky;top:0;width:248px;height:100vh;flex:0 0 248px;background:#17264d;padding:26px 16px;color:#fff}.sidebar-brand{display:block;color:#fff;text-decoration:none;font-weight:800;font-size:20px;letter-spacing:-.5px;padding:6px 11px 28px}.sidebar-brand span{color:#9db4ff}.sidebar-brand small{display:block;color:#aebff8;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;margin-top:5px}.sidebar-nav{display:grid;gap:5px}.sidebar-nav a{display:block;color:#d9e2ff;text-decoration:none;border-radius:8px;padding:12px 13px;font-weight:650;font-size:14px}.sidebar-nav a:hover,.sidebar-nav a.active{background:#294584;color:#fff}.sidebar-nav .logout{margin-top:18px;color:#adbbdf;border-top:1px solid rgba(255,255,255,.14);border-radius:0;padding-top:19px}.app-content{width:calc(100% - 248px);min-width:0}.app-content .shell{max-width:1240px;margin:0 auto;padding:46px 32px}@media(max-width:760px){.app-layout{display:block}.sidebar{position:static;width:100%;height:auto;padding:13px 16px;display:flex;align-items:center;gap:15px}.sidebar-brand{padding:4px 0;white-space:nowrap}.sidebar-brand small{display:none}.sidebar-nav{display:flex;gap:3px;margin-left:auto}.sidebar-nav a{padding:8px;font-size:12px}.sidebar-nav .logout{margin:0;border:0;padding:8px}.app-content{width:100%}.app-content .shell{padding:30px 16px}}