:root{--sidebar-expanded: 260px;--sidebar-collapsed: 70px;--header-height: 60px;--footer-height: 50px;--brand-height: 60px;--sidebar-w: var(--sidebar-expanded)}html.sidebar-collapsed-init,html.sidebar-collapsed,.app-wrapper.sidebar-collapsed{--sidebar-w: var(--sidebar-collapsed)}.app-wrapper{display:flex;min-height:100vh}.app-container{display:flex;flex-direction:column;flex:1;min-width:0;min-height:100vh;overflow:hidden}.app-main{flex:1 0 auto;display:flex;flex-direction:column;min-width:0;padding-top:var(--header-height)}.app-content{padding:1.5rem;padding-top:calc(var(--header-height) + 1.5rem)}.app-sidebar{width:var(--sidebar-w);height:100vh;position:sticky;top:0;z-index:1050;overflow:hidden;flex-shrink:0;transition:width var(--sidebar-transition-duration, .25s) cubic-bezier(.4,0,.2,1)}.app-sidebar .sidebar-wrapper{position:relative;z-index:1;height:calc(100% - var(--brand-height));margin-top:var(--brand-height);overflow-y:auto;overflow-x:hidden}.app-wrapper.sidebar-collapsed .app-sidebar,.app-wrapper.sidebar-collapsed .app-sidebar .sidebar-wrapper{overflow:visible}@media(min-width:992px){.app-sidebar .sidebar-wrapper{margin-top:0}}.brand-link{display:flex;align-items:center;justify-content:flex-start;position:sticky;top:0;left:0;width:100%;height:var(--brand-height);padding:var(--spacing-md);box-sizing:border-box;z-index:10;background-color:var(--sidebar-bg-primary);transition:width .25s cubic-bezier(.4,0,.2,1),left .25s cubic-bezier(.4,0,.2,1),right .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}[dir=rtl] .brand-link{left:auto;right:0}.app-header{height:var(--header-height);position:fixed;top:0;left:var(--sidebar-w);right:0;z-index:1040;flex-shrink:0;transition:left var(--sidebar-transition-duration, .25s) cubic-bezier(.4,0,.2,1),right var(--sidebar-transition-duration, .25s) cubic-bezier(.4,0,.2,1)}.app-header .sidebar-toggle{position:relative;z-index:1070}html.sidebar-collapsed-ready .app-sidebar,html.sidebar-collapsed-ready .brand-link{width:var(--sidebar-collapsed)}html.sidebar-collapsed-ready .brand-name,html.sidebar-collapsed-ready .brand-text,html.sidebar-collapsed-ready .user-info,html.sidebar-collapsed-ready .sidebar-user-name,html.sidebar-collapsed-ready .menu-text{display:none}html.sidebar-collapsed-ready .header-user-name{display:inline}html.sidebar-collapsed-ready .nav-link,html.sidebar-collapsed-ready .sidebar-wrapper .nav-link,html.sidebar-collapsed-ready .app-sidebar .nav-link{padding:.8rem 0;justify-content:center}.app-wrapper.sidebar-collapsed .brand-name,.app-wrapper.sidebar-collapsed .brand-text,.app-wrapper.sidebar-collapsed .user-info,.app-wrapper.sidebar-collapsed .sidebar-user-name,.app-wrapper.sidebar-collapsed .menu-text,.app-wrapper.sidebar-collapsed .user-panel .user-info{display:none}.app-wrapper.sidebar-collapsed .sidebar-wrapper .nav-link,.app-wrapper.sidebar-collapsed .app-sidebar .nav-link{padding:.8rem 0;justify-content:center;margin:var(--spacing-xs) 0}[dir=rtl] .app-sidebar{right:0;left:auto}[dir=rtl] .app-container .app-header{left:0;right:var(--sidebar-w)}html.sidebar-collapsed[dir=rtl] .app-container .app-header,[dir=rtl] .app-wrapper.sidebar-collapsed .app-header{left:0;right:var(--sidebar-collapsed)}[dir=rtl] .header-actions{flex-direction:row}.header-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-actions-end{display:flex;align-items:center;gap:.75rem;margin-inline-start:auto}[dir=rtl] .header-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .header-actions-end{margin-inline-start:auto;margin-inline-end:0}[dir=rtl] .user-btn{padding:.375rem 1rem .375rem .375rem}[dir=rtl] .notification-badge,[dir=rtl] .dropdown-menu{right:auto;left:0}[dir=rtl] .dropdown-menu-end{right:0;left:auto}[dir=rtl] .d-none.d-md-block.ms-3{margin-left:0;margin-right:1rem}[dir=rtl] .nav-link.active:before{left:auto;right:0;border-radius:2px 0 0 2px}[dir=rtl] .userAccountMenu{left:auto;right:auto}[dir=rtl] .userAccountMenuHeader,[dir=rtl] .user-details{text-align:right}@media(max-width:991.98px){.app-wrapper .app-sidebar{position:fixed;top:0;bottom:0;width:var(--sidebar-expanded);z-index:1130;left:calc(var(--sidebar-expanded) * -1);transition:left .25s ease,right .25s ease}[dir=rtl] .app-wrapper .app-sidebar{left:auto;right:calc(var(--sidebar-expanded) * -1)}body.sidebar-open .app-sidebar{left:0}[dir=rtl] body.sidebar-open .app-sidebar{right:0;left:auto}.app-header{left:0;right:0;z-index:1120}[dir=rtl] .app-header{right:0;left:0}.brand-link{position:absolute;top:0;left:0;width:100%;z-index:10}[dir=rtl] .brand-link{right:0;left:auto}.app-header{flex-wrap:nowrap}.header-center{position:static;transform:none;flex:1;display:flex;justify-content:center;margin:0}.header-actions-end{flex-shrink:0;gap:.75rem}.sidebar-toggle,.notification-btn,.user-btn{flex-shrink:0}[dir=rtl] .header-center{right:auto;left:auto;transform:none;flex:1;display:flex;justify-content:center;margin:0}[dir=rtl] .header-actions-end{flex-shrink:0;gap:.75rem}}@media(max-width:768px){.userAccountMenu{min-width:240px}.userAccountMenuHeader{padding:.875rem}.userAccountMenuItem{padding:.5rem 1rem;font-size:.8125rem}}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1040}body.sidebar-open .sidebar-backdrop{display:block}.nav-tooltip{display:none;position:fixed;bottom:auto;top:0;left:calc(var(--sidebar-collapsed) + 12px);transform:translateY(-50%);background-color:var(--sidebar-bg-primary);color:var(--sidebar-text-gold);padding:6px 12px;font-size:var(--font-size-sm);font-family:var(--font-family-ar);border-radius:var(--radius-md);white-space:nowrap;z-index:9999;box-shadow:0 4px 12px #0000001a;border:1px solid var(--sidebar-border);opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);pointer-events:none}.nav-tooltip:after{content:"";position:absolute;top:50%;left:-6px;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid var(--sidebar-bg-primary)}[dir=rtl] .nav-tooltip{left:auto;right:calc(var(--sidebar-collapsed) + 12px)}[dir=rtl] .nav-tooltip:after{left:auto;right:-6px;border-right:none;border-left:6px solid var(--sidebar-bg-primary)}.app-wrapper.sidebar-collapsed .nav-link:hover .nav-tooltip{display:block;opacity:1}.app-wrapper:not(.sidebar-collapsed) .nav-tooltip{display:none}
