*{padding:0;margin:0;box-sizing:border-box}:root{--main-color: #0055a6;--bg-color: #e1e5e8;--text-description-color: #d6d8eb;--sidebar-width: 200px;--layout-gap: 24px}body{width:100%;height:100vh;background-color:var(--bg-color);font-family:sans-serif}#root{height:100%}.nav-link{text-decoration:none;color:#00000080;padding:4px 8px;border-radius:8px}.nav-link.active{text-decoration:none;font-weight:700;color:var(--main-color);background:#f7f7f7}.nav-link:not(.active):hover{color:#000}.mb-16{margin-bottom:16px}