body{grid-template-columns:auto 1fr;display:grid}#sidebar{background-color:var(--bg);border-right:1px solid var(--border);min-width:250px;height:100dvh;box-shadow:var(--shadow-md);grid-template-rows:auto 1fr auto;padding:16px;display:grid;position:sticky;top:0}#sidebar .navigation a{border-radius:8px;padding:8px 16px}#sidebar .navigation a:hover{background-color:var(--bg-secondary);text-decoration:none}#sidebar a.active{background-color:var(--bg-secondary);font-weight:700}#sidebar ul{flex-direction:column;gap:8px;list-style-type:none;display:flex}#sidebar li{flex-direction:row;align-items:center;gap:8px;display:flex}#sidebar .branding{margin:12px auto 24px}#sidebar .user-info{align-items:center;gap:8px;display:flex}#sidebar .user-text{flex-direction:column;display:flex}#sidebar .user-info .user-data{color:var(--text-secondary);font-size:.85rem}#sidebar .user-info .user-name{font-weight:700}#sidebar .user-img{border:1px solid var(--border);border-radius:50%;width:36px;height:36px;overflow:hidden}#sidebar .user-img img{width:100%}@media screen and (width<800px){body{flex-direction:column-reverse;display:flex}#sidebar{height:auto;box-shadow:var(--shadow-lg);width:100%;padding:16px 8px;bottom:0}#sidebar ul{flex-direction:row;justify-content:space-around;align-items:center}#sidebar a.active{background-color:var(--accent);color:var(--bg);border-radius:10px;padding:8px;font-weight:700}#sidebar a:not(.active) .label,#sidebar .branding,#sidebar .user-info{display:none}}main{margin:36px}