body{background-color:#f5f6fa}.sidebar{min-height:100vh;background:#1e2a3a;color:#c8d0dc;width:240px;flex-shrink:0;transition:transform .3s ease,margin-left .3s ease,width .3s ease;position:relative;z-index:1030}.sidebar .brand{padding:1.25rem 1.5rem;font-size:1.1rem;font-weight:600;color:#fff;border-bottom:1px solid #2d3f55;display:flex;align-items:center;white-space:nowrap;overflow:hidden;transition:padding .3s ease}.sidebar .nav-link{color:#c8d0dc;padding:.6rem 1.5rem;border-radius:0;font-size:.9rem;white-space:nowrap;overflow:hidden;display:flex;align-items:center;transition:padding .3s ease}.sidebar .nav-link:hover,.sidebar .nav-link.active{color:#fff;background:#2d3f55}.sidebar .nav-link i{margin-right:.5rem;flex-shrink:0;transition:margin-right .3s ease}.sidebar .brand-text,.sidebar .nav-link-text{display:inline-block;max-width:180px;opacity:1;overflow:hidden;white-space:nowrap;transition:max-width .3s ease,opacity .2s ease .1s}.sidebar.sidebar-collapsed{width:64px}.sidebar.sidebar-collapsed .brand{padding:1.25rem 0;justify-content:center}.sidebar.sidebar-collapsed .brand-text,.sidebar.sidebar-collapsed .nav-link-text{max-width:0;opacity:0;transition:max-width .3s ease,opacity .15s ease}.sidebar.sidebar-collapsed .nav-link{padding:.6rem 0;justify-content:center}.sidebar.sidebar-collapsed .nav-link i{margin-right:0}.sidebar.sidebar-collapsed .sidebar-collapse-btn{padding:.4rem}.sidebar.sidebar-collapsed .sidebar-collapse-btn .nav-link-text{max-width:0;opacity:0}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;background:rgba(0,0,0,0);border:1px solid #4a5f78;color:#c8d0dc;border-radius:6px;padding:.35rem .5rem;font-size:.85rem;cursor:pointer;white-space:nowrap;overflow:hidden;transition:background .2s,color .2s}.sidebar-collapse-btn:hover{background:#2d3f55;color:#fff;border-color:#6a8aaa}.main-content{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e0e3ea;padding:.75rem 1.5rem}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:#1e2a3a;cursor:pointer;padding:0;margin-right:1rem}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1029}.sidebar-overlay.active{display:block}@media(max-width: 767.98px){.sidebar{position:fixed;top:0;left:0;height:100vh;transform:translateX(-100%)}.sidebar.active{transform:translateX(0)}.sidebar.sidebar-collapsed{width:240px}.sidebar.sidebar-collapsed .brand{padding:1.25rem 1.5rem;justify-content:flex-start}.sidebar.sidebar-collapsed .brand-text,.sidebar.sidebar-collapsed .nav-link-text{display:inline-block;max-width:180px;opacity:1;overflow:visible}.sidebar.sidebar-collapsed .nav-link{padding:.6rem 1.5rem;justify-content:flex-start;display:flex}.sidebar.sidebar-collapsed .nav-link i{margin-right:.5rem}.sidebar-collapse-btn{display:none !important}.menu-toggle{display:block}.main-content{width:100%}}