:root{--sidebar-width: 240px;--sidebar-bg: #f8f9fa;--sidebar-brand-height: 64px}.sidebar{width:var(--sidebar-width);min-height:100vh;background:var(--sidebar-bg);border-right:1px solid #dee2e6;position:sticky;top:0}.sidebar-brand{height:var(--sidebar-brand-height);padding:.75rem 1rem;border-bottom:1px solid #dee2e6;display:flex;align-items:center}.sidebar-logo{width:36px;height:36px;object-fit:contain;border-radius:6px}.sidebar-logo-placeholder{width:36px;height:36px;background:#6c757d;color:#fff;font-weight:700;font-size:14px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-brand-text{font-size:14px;font-weight:600;color:#212529;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .nav-pills .nav-link{border-radius:0;padding:.6rem 1rem;color:#495057;font-size:14px;display:flex;align-items:center;gap:10px;transition:background-color .15s}.sidebar .nav-pills .nav-link:hover{background-color:#e9ecef}.sidebar .nav-pills .nav-link.active{background-color:#0d6efd;color:#fff}.sidebar .nav-pills .nav-link svg{flex-shrink:0}.sidebar .dropdown-toggle:after{margin-left:auto}.sidebar hr{margin:.5rem 1rem}.main-content{min-height:100vh;background:#f5f5f5;overflow-x:hidden}.top-bar{min-height:56px;background:#fff}.sidebar-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#adb5bd;padding:.5rem 1rem .25rem;pointer-events:none}.sidebar-divider{height:1px;background:#dee2e6;margin:.25rem 1rem}@media(max-width:767.98px){.sidebar{position:fixed;z-index:1050;transform:translate(-100%);transition:transform .2s ease}.sidebar.collapse.show{transform:translate(0)}.sidebar.collapse:not(.show){display:block;transform:translate(-100%)}}