.layout{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;align-self:flex-start;width:220px;padding:24px 16px;background-color:#f0f2f5;border-right:1px solid #ddd}.brand{margin-bottom:20px}.brand-btn{display:inline-block;width:100%;text-align:center;font-weight:700;text-decoration:none;padding:10px 12px;border-radius:8px;background:#fff;border:1px solid #ddd;transition:transform .05s ease,box-shadow .2s ease;color:#333}.brand-btn:hover{box-shadow:0 2px 8px #00000014}.brand-btn:active{transform:translateY(1px)}.side-nav ul{list-style:none}.side-nav .muted .navlink{opacity:.9}.navlink{display:block;padding:10px 12px;border-radius:6px;text-decoration:none;color:#333;font-weight:600;transition:background-color .15s ease,color .15s ease}.navlink:hover{background-color:#e8eaee}.navlink.active{background-color:#dfe6f6;color:#1a3d7c;border:1px solid #c9d6f7}.side-nav ul{list-style:none;padding:0;margin:0}.side-nav li+li{margin-top:8px}.content{flex:1;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.content main{flex:1 0 auto}.content footer{margin-top:auto}@media (max-width: 768px){.layout{flex-direction:column}.sidebar{position:static;width:100%;min-height:auto;border-right:none;border-bottom:1px solid #ddd;display:block}.brand-btn{width:auto}}