.navbar-custom{z-index:1000;background:#fff;border-bottom:1px solid #e5e7eb;height:4rem;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 2px #0000000d}.navbar-content{justify-content:space-between;align-items:center;gap:1rem;height:100%;padding:0 1.5rem;display:flex}.navbar-left{align-items:center;gap:1rem;display:flex}.sidebar-toggle{color:#4b5563;padding:.5rem}.sidebar-toggle:hover{color:#1f2937}.navbar-brand{color:#1f2937;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;text-decoration:none;display:flex}.navbar-brand svg{color:#0a3764}@media (max-width:576px){.navbar-brand .brand-text{display:none}}.navbar-center{flex:1;max-width:32rem}@media (max-width:768px){.navbar-center{display:none}}.search-box{width:100%;position:relative}.search-box svg{color:#9ca3af;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{border:1px solid #e5e7eb;border-radius:.5rem;width:100%;padding:.625rem 1rem .625rem 2.75rem;font-size:.875rem;transition:all .2s}.search-input:focus{border-color:#0a3764;outline:none;box-shadow:0 0 0 3px #4f46e51a}.search-input::placeholder{color:#9ca3af}.navbar-right{align-items:center;gap:.5rem;display:flex}.navbar-icon-btn{color:#4b5563;justify-content:center;align-items:center;padding:.5rem;display:inline-flex;position:relative}.navbar-icon-btn svg{display:block}.navbar-icon-btn:hover{color:#1f2937}.notification-badge{color:#fff;text-align:center;background:#ef4444;border-radius:9999px;min-width:1.125rem;padding:.125rem .375rem;font-size:.625rem;font-weight:600;position:absolute;top:.25rem;right:.25rem}.user-menu-wrapper{margin-left:.5rem;position:relative}.user-menu-trigger{cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.75rem;padding:.375rem .75rem;transition:all .2s;display:flex}.user-menu-trigger:hover{background:#f9fafb;border-color:#d1d5db}.user-avatar{color:#fff;background:linear-gradient(135deg,#0a3764 0% 100%);border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;font-weight:600;display:flex}.user-info{text-align:left}.user-name{color:#1f2937;font-size:.875rem;font-weight:500;line-height:1.2}.user-role{color:#6b7280;font-size:.75rem;line-height:1.2}.user-menu-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;min-width:12rem;padding:.5rem;animation:.2s fadeIn;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dropdown-item{color:#374151;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;font-size:.875rem;text-decoration:none;transition:all .15s;display:flex}.dropdown-item svg{flex-shrink:0}.dropdown-item:hover{color:#1f2937;background:#f3f4f6}.dropdown-item.text-danger{color:#ef4444}.dropdown-item.text-danger:hover{background:#fef2f2}.dropdown-divider{background:#e5e7eb;height:1px;margin:.5rem 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}
.sidebar{z-index:900;background:#fff;border-right:1px solid #e5e7eb;width:16rem;transition:all .3s;position:fixed;top:4rem;bottom:0;left:0;overflow:hidden}.sidebar.collapsed{width:4.5rem}.sidebar-content{flex-direction:column;height:100%;display:flex;overflow:hidden auto}.sidebar-nav{flex:1;padding:1rem .75rem}.menu-item-wrapper{margin-bottom:.25rem}.menu-item{color:#4b5563;cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.menu-item:hover{color:#1f2937;background:#f3f4f6}.menu-item.active{color:#0a3764;background:#eef2ff}.menu-item.active .menu-icon svg{stroke:#0a3764}.menu-item .menu-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.menu-item .menu-label{white-space:nowrap;flex:1}.menu-item .menu-badge{color:#fff;text-align:center;background:#0a3764;border-radius:9999px;min-width:1.5rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.menu-item .submenu-arrow{flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}.menu-item .submenu-arrow svg{display:block}.menu-item .submenu-arrow.expanded{transform:rotate(180deg)}.submenu{border-left:2px solid #e5e7eb;margin-top:.25rem;margin-left:2.5rem;padding-left:.75rem;animation:.2s slideDown}.submenu-item{color:#6b7280;border-radius:.375rem;padding:.5rem .75rem;font-size:.8125rem;text-decoration:none;transition:all .15s;display:block}.submenu-item:hover{color:#374151;background:#f3f4f6}.submenu-item.active{color:#0a3764;background:#eef2ff;font-weight:500}.sidebar-footer{border-top:1px solid #e5e7eb;padding:1rem}.upgrade-card{text-align:center;color:#fff;background:linear-gradient(135deg,#0a3764 0% 100%);border-radius:.75rem;padding:1.25rem}.upgrade-card .upgrade-icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;margin:0 auto .75rem;display:flex}.upgrade-card .upgrade-icon svg{fill:#fff;stroke:none}.upgrade-card h4{margin:0 0 .5rem;font-size:1rem;font-weight:600}.upgrade-card p{opacity:.9;margin:0 0 1rem;font-size:.8125rem;line-height:1.4}.upgrade-card .btn-light{color:#0a3764;background:#fff;border:none;font-weight:600}.upgrade-card .btn-light:hover{background:#f9fafb}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@media (max-width:991px){.sidebar{transform:translate(-100%)}.sidebar.show{transform:translate(0)}}