.app-layout{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:"header header header"
 "sidebar main notifications"
 "footer footer footer";height:100vh;width:100vw;overflow:hidden}.app-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0.5rem 1rem;background-color:#4b4b4b;border-bottom:1px solid #7a7a7a;height:60px;box-sizing:border-box}.app-sidebar{grid-area:sidebar;background-color:#2a2a2a;border-right:1px solid #7a7a7a;width:250px;overflow-y:auto;transition:width 0.3s ease, margin-left 0.3s ease;box-sizing:border-box}.app-sidebar.collapsed{width:0;margin-left:-250px;border-right:none}.app-sidebar .nav-section-label{margin-top:0.75rem;margin-bottom:0.25rem;font-size:0.75rem;letter-spacing:0.05em;opacity:0.7}.app-sidebar .nav-section-label:first-child{margin-top:0.25rem}.app-sidebar .e-list-item:has(.e-list-wrapper.active){background-color:rgba(var(--bs-primary-rgb), 0.1);border-left:3px solid var(--bs-primary);padding-left:calc(1rem - 3px)}.app-sidebar .e-list-wrapper.active .e-icons{color:var(--bs-primary)}.app-main{grid-area:main;overflow-y:auto;overflow-x:hidden;padding:1rem;background-color:var(--bs-body-bg);box-sizing:border-box}.app-notifications{grid-area:notifications;background-color:#2a2a2a;border-left:1px solid #7a7a7a;width:320px;overflow-y:auto;transition:width 0.3s ease, margin-right 0.3s ease;box-sizing:border-box}.app-notifications.collapsed{width:0;margin-right:-320px;border-left:none}.app-footer{grid-area:footer;display:flex;align-items:center;justify-content:center;background-color:#4b4b4b;border-top:1px solid #7a7a7a;height:20px;box-sizing:border-box}.ui-kit-header{background-color:#4b4b4b;border-bottom:1px solid #7a7a7a;box-sizing:border-box}.ui-kit-sidebar{background-color:#2a2a2a;border-right:1px solid #7a7a7a;width:250px;box-sizing:border-box}.ui-kit-sidebar.collapsed{width:60px}.ui-kit-footer{background-color:#4b4b4b;height:20px;border-top:1px solid #7a7a7a;box-sizing:border-box}.notification-panel{background-color:#2a2a2a;border-left:1px solid #7a7a7a;width:320px;box-sizing:border-box}.notification-panel.collapsed{width:0;overflow:hidden}main.flex-grow-1{box-sizing:border-box}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999}.user-profile-wrapper{position:relative}.user-profile-wrapper .user-profile-card-popup{position:absolute;top:calc(100% + 8px);right:0;width:280px;z-index:1050;animation:fadeInDown 0.2s ease-in-out}.user-profile-wrapper .user-profile-card{background:#4b4b4b;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.3);border:1px solid #7a7a7a}.user-profile-wrapper .user-profile-card .list-group-item{background-color:transparent;color:var(--bs-body-color);padding:0.75rem 1rem;transition:background-color 0.15s ease}.user-profile-wrapper .user-profile-card .list-group-item:hover{background-color:#7a7a7a}.user-profile-wrapper .user-profile-card .list-group-item.text-danger:hover{background-color:rgba(220,53,69,0.1)}@keyframes fadeInDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}