.sidebar{color:#fff;z-index:1000;background:#111827;width:280px;height:100vh;transition:all .35s;position:fixed;top:0;left:0;overflow-y:auto}.sidebarCollapsed{width:85px}.sidebarLogo{border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;height:75px;font-size:24px;font-weight:700;display:flex}.sidebarMenus{padding:20px 10px}.sidebarLink{color:#d1d5db;border-radius:12px;align-items:center;gap:15px;height:55px;margin-bottom:10px;padding:0 16px;text-decoration:none;transition:all .3s;display:flex}.sidebarLink:hover{color:#fff;background:#4f46e5}.sidebarIcon{min-width:22px;font-size:18px}@media (width<=992px){.sidebar{width:280px;left:-100%}.sidebarMobileOpen{left:0}.sidebarCollapsed{width:280px}}.topbar{z-index:998;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:calc(100% - 280px);height:75px;padding:0 25px;transition:all .35s;display:flex;position:fixed;top:0;right:0}.topbarCollapsed{width:calc(100% - 85px)}.topbarLeft{align-items:center;gap:20px;display:flex}.topbarMenuBtn{cursor:pointer;background:#eef2ff;border:none;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;margin-left:30px;font-size:18px;display:flex}.topbarRight{align-items:center;gap:20px;display:flex}.topbarBell{cursor:pointer;font-size:20px;position:relative}.topbarBell span{background:red;border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-3px}.topbarProfile{position:relative}.topbarProfileBox{cursor:pointer;align-items:center;gap:10px;display:flex}.topbarProfileBox img{object-fit:cover;border-radius:50%;width:45px;height:45px}.topbarDropdown{opacity:0;visibility:hidden;background:#fff;border-radius:15px;width:220px;transition:all .3s;position:absolute;top:65px;right:0;transform:translateY(15px);box-shadow:0 15px 40px #00000026}.topbarDropdownActive{opacity:1;visibility:visible;transform:translateY(0)}.topbarDropdown button{cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;height:50px;padding:0 20px;display:flex}.topbarDropdown button:hover{background:#f3f4f6}@media (width<=992px){.topbar,.topbarCollapsed{width:100%}.topbarLeft h3{display:none}}.mainLayout{background:#f5f7fb;min-height:100vh;display:flex}.mainLayoutContent{flex:1;margin-left:280px;transition:all .35s}.mainLayoutContentCollapsed{margin-left:85px}.mainLayoutPage{padding:90px 25px 25px}.mainLayoutOverlay{z-index:999;background:#0006;position:fixed;inset:0}@media (width<=992px){.mainLayoutContent,.mainLayoutContentCollapsed{margin-left:0}.mainLayoutPage{padding:85px 15px 15px}}