:root{--sidebar-bg-primary: #ffffff;--sidebar-bg-secondary: #f8f9fa;--sidebar-bg-dark: #f1f3f4;--sidebar-bg-light: #ffffff;--sidebar-bg-hover: #f8f9fa;--sidebar-bg-active: #f1f3f4;--sidebar-accent-gold: #b8860b;--sidebar-accent-gold-dark: #733b09;--sidebar-accent-gold-light: #c9a961;--sidebar-accent-brown: #8b6f47;--sidebar-accent-red: #c1272d;--sidebar-text-primary: #333333;--sidebar-text-secondary: #555555;--sidebar-text-muted: #999999;--sidebar-text-gold: #733b09;--sidebar-border: #e8e8e8;--sidebar-border-light: #f5f5f5;--sidebar-shadow: 0 0 15px rgba(0, 0, 0, .05);--font-family-ar: "Cairo", "Tajawal", sans-serif;--font-family-en: "Nunito", sans-serif;--font-size-base: .9375rem;--font-size-sm: .8125rem;--font-size-lg: 1rem;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px}.app-sidebar{background-color:var(--sidebar-bg-primary);box-shadow:var(--sidebar-shadow);border-right:1px solid var(--sidebar-border)}.brand-link{background-color:var(--sidebar-bg-primary);color:var(--sidebar-text-primary);transition:color .2s cubic-bezier(.4,0,.2,1)}.brand-link:hover{color:var(--sidebar-text-gold)}.sidebar-brand,.user-panel{padding:var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid rgb(229,229,229);overflow:hidden;white-space:nowrap;position:sticky;top:0;z-index:10}.sidebar-brand{display:flex;align-items:center;justify-content:flex-start;background-color:var(--sidebar-bg-primary)}.user-panel{padding:var(--spacing-lg);background-color:#f5f5f5;border-bottom:1px solid rgb(229,229,229);display:flex;align-items:center;gap:var(--spacing-md)}.user-panel .user-image-wrapper{line-height:0;flex-shrink:0}.user-panel .user-image{width:35px;height:35px}.user-panel .user-info{flex-grow:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.user-panel .user-name{font-size:.9rem;font-weight:600;color:var(--sidebar-text-secondary);font-family:var(--font-family-ar)!important;line-height:1.3}.user-panel .user-type{font-size:.75rem;color:var(--sidebar-text-muted);font-family:var(--font-family-ar)!important;line-height:1.2}.user-status-dot{position:absolute;bottom:2px;right:4px;width:6px;height:6px;border-radius:50%;background-color:#28a745;outline-style:solid;outline-width:2px;outline-color:#fff;z-index:1}.user-status-dot.active{background-color:#28a745}.user-status-dot.deactive{background-color:#ffc107}.user-status-dot.suspended{background-color:#dc3545}.user-duct-status-dot-active{outline-color:#20933b}.user-duct-status-dot-deactive{outline-color:#946f01}.user-duct-status-dot-suspended{outline-color:#bf0115}.app-wrapper.sidebar-collapsed .user-panel{text-align:center;overflow:visible;padding:var(--spacing-sm);min-height:auto;justify-content:center;z-index:100}.app-wrapper.sidebar-collapsed .user-panel .user-image-wrapper{display:inline-block;margin:0 auto}.app-wrapper.sidebar-collapsed .user-panel img{margin:0 auto;display:block}.app-wrapper.sidebar-collapsed .user-panel .user-status-dot{display:block;visibility:visible;bottom:-3px;right:49.5%;transform:translate(50%)}.brand-link .brand-image{flex-shrink:0}.app-wrapper.sidebar-collapsed .brand-link{justify-content:center;padding:var(--spacing-md);margin:0}.brand-image,.user-image{width:35px;height:35px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;margin:0;display:inline-block;vertical-align:middle;box-shadow:0 2px 8px #00000014;border:1px solid var(--sidebar-border)}.app-wrapper.sidebar-collapsed .brand-image,.app-wrapper.sidebar-collapsed .user-image{margin:0 auto;display:block}.brand-name,.brand-text{font-size:1.25rem;font-weight:600;color:var(--sidebar-text-primary);font-family:var(--font-family-en)}.user-name{font-size:.9rem;color:var(--sidebar-text-secondary);font-family:var(--font-family-en)}html[dir=rtl] .brand-name,html[dir=rtl] .brand-text,html[dir=rtl] .user-name,html[dir=rtl] .menu-text,body.rtl .brand-name,body.rtl .brand-text,body.rtl .user-name,body.rtl .menu-text{font-family:var(--font-family-ar)!important}.sidebar-nav{margin-top:var(--spacing-md)}.sidebar-nav .nav.flex-column{padding:0;margin:0;list-style:none}.sidebar-nav .nav-item{margin:0}.sidebar-menu{padding:0;margin:0;list-style:none;display:flex;flex-direction:column}.sidebar-menu .nav-item{margin:0}.sidebar-wrapper .nav-link,.app-sidebar .nav-link{display:flex;align-items:center;min-width:0;padding:var(--spacing-xs) var(--spacing-sm);color:var(--sidebar-text-secondary);white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;background:transparent;border:0;font-size:var(--font-size-base);position:relative;margin:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md)}.sidebar-wrapper .nav-link .menu-text,.app-sidebar .nav-link .menu-text{margin-inline-start:var(--spacing-sm)}.sidebar-wrapper .nav-link .menu-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.sidebar-wrapper .nav-link .arrow-icon,.app-sidebar .nav-link .arrow-icon{transition:transform .3s ease;font-size:.75rem;cursor:pointer}.sidebar-wrapper .nav-item.has-treeview>.nav-link,.app-sidebar .nav-item.has-treeview>.nav-link{cursor:pointer}.sidebar-wrapper .nav-item.menu-open>.nav-link .arrow-icon,.app-sidebar .nav-item.menu-open>.nav-link .arrow-icon{transform:rotate(90deg)}.sidebar-wrapper .nav-link .arrow-icon,.app-sidebar .nav-link .arrow-icon{margin-inline-start:auto}html[dir=rtl] .app-sidebar .nav-link .arrow-icon,body.rtl .app-sidebar .nav-link .arrow-icon{transform:rotate(180deg)}html[dir=rtl] .app-sidebar .nav-item.menu-open>.nav-link .arrow-icon,body.rtl .app-sidebar .nav-item.menu-open>.nav-link .arrow-icon{transform:rotate(90deg)}.sidebar-wrapper .nav-link:hover,.app-sidebar .nav-link:hover{background-color:var(--sidebar-bg-hover);color:var(--sidebar-text-gold)}.sidebar-wrapper .nav-link.active,.app-sidebar .nav-link.active{background-color:var(--sidebar-bg-active);color:var(--sidebar-text-gold);font-weight:var(--font-weight-semibold)}.sidebar-wrapper .nav-link.active:before,.app-sidebar .nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background-color:var(--sidebar-accent-gold);border-radius:0 2px 2px 0}[dir=rtl] .sidebar-wrapper .nav-link.active:before,[dir=rtl] .app-sidebar .nav-link.active:before{left:auto;right:0;border-radius:2px 0 0 2px}.sidebar-wrapper .nav-link i,.app-sidebar .nav-link i{width:35px;display:flex;justify-content:center;font-size:1.125rem;flex-shrink:0}.app-wrapper.sidebar-collapsed .nav-link i{margin:0}.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}.sidebar-treeview{display:none;padding:0;margin:0;list-style:none;flex-direction:column}.nav-item.menu-open>.sidebar-treeview{display:flex}.sidebar-treeview .nav-link{padding:var(--spacing-sm) var(--spacing-lg);color:var(--sidebar-text-muted);font-size:.875rem}.sidebar-treeview .nav-link:hover{color:var(--sidebar-text-gold);background-color:var(--sidebar-bg-hover)}.sidebar-treeview .nav-link.active{color:var(--sidebar-text-gold);background-color:var(--sidebar-bg-active)}.sidebar-treeview .nav-link i{color:var(--sidebar-accent-red);margin-inline-end:var(--spacing-sm)}.app-wrapper.sidebar-collapsed .nav-item.menu-open>.sidebar-treeview{display:flex;padding-left:0;padding-right:0;flex-direction:column}.app-wrapper.sidebar-collapsed .sidebar-treeview .menu-text{display:none}.app-wrapper.sidebar-collapsed .nav-item.has-treeview>.nav-link{justify-content:center;cursor:pointer}.app-wrapper.sidebar-collapsed .nav-item.menu-open .sidebar-treeview .nav-link{justify-content:center;padding:var(--spacing-sm);cursor:pointer}.app-wrapper.sidebar-collapsed .nav-item.has-treeview>.nav-link .arrow-icon{display:none}.app-wrapper.sidebar-collapsed .nav-item.has-treeview.menu-open>.nav-link{background-color:var(--sidebar-bg-hover)}.badge{display:inline-block;padding:.35em .65em;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.375rem;letter-spacing:.5px}.badge-custom{background-color:var(--sidebar-accent-gold);color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden;font-size:.7rem;padding:.35em .65em;transition:opacity .2s,width .2s;white-space:nowrap;position:absolute;right:5px}[dir=rtl] .badge-custom{left:5px;right:auto}.app-wrapper.sidebar-collapsed .nav-link .badge-custom{position:absolute;top:4px;right:50%;transform:translate(50%);font-size:.6rem;padding:.2em .4em;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;opacity:1;width:auto;margin:0;z-index:10;background-color:var(--sidebar-accent-gold)}.app-header{box-shadow:0 1px 3px #0000001a;background-color:#fff}.app-header .sidebar-toggle{color:#6c757d;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;transition:background .2s}.app-header .sidebar-toggle:hover{color:#343a40;background-color:#f0f2f5}.header-actions{display:flex;align-items:center;gap:.75rem}.notification-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease;position:relative}.notification-btn:hover{background-color:#f1f5f9;color:#334155}.notification-btn i{font-size:1.25rem}.notification-badge{position:absolute;top:3px;right:0;min-width:18px;height:18px;background-color:#ef4444;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;font-size:.65rem;font-weight:700;color:#fff;border:2px solid #fff;z-index:1}.notification-badge .countNotifs{font-size:.65rem;font-weight:700;line-height:1}.user-dropdown{position:relative;z-index:1100}.user-btn{display:flex;align-items:center;gap:.75rem;padding:.375rem .375rem .375rem 1rem;background-color:#f1f5f980;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease}.user-btn:hover{background-color:#e2e8f080}.user-btn .header-user-name{font-size:.875rem;font-weight:600;color:#475569}.user-min-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--sidebar-accent-gold),var(--sidebar-accent-gold-light));display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.user-min-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-min-avatar .avatar-initials{font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase}.userAccountMenu{position:fixed;background-color:#fff;box-shadow:0 1px 5px #0003;border:1px solid #dbdbdb;z-index:1120;min-width:260px;border-radius:.25rem;padding:0}.userAccountMenuHeader{padding:.625rem 1.125rem;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.userAccountMenuDivider{margin:0;border-top:1px solid #e2e8f0;background:transparent}.userAccountMenuItem{display:flex;align-items:center;gap:.625rem;padding:.625rem 1.125rem;color:#334155;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background-color .15s ease;border-left:2px solid transparent;cursor:pointer;width:100%;background:none;border-top:none;border-bottom:none;border-right:none;font-family:inherit;text-align:left}[dir=rtl] .userAccountMenuItem{border-left:none;border-right:2px solid transparent;text-align:right}.userAccountMenuItem i{font-size:1rem;width:18px;text-align:center;color:#64748b;flex-shrink:0}.userAccountMenuItem:hover{background-color:#f8fafc;color:#0f172a;border-left-color:#cbd5e1}[dir=rtl] .userAccountMenuItem:hover{border-left-color:transparent;border-right-color:#cbd5e1}.userAccountMenuItem.active{background-color:#f1f5f9;color:#0f172a;border-left-color:#94a3b8;font-weight:600}[dir=rtl] .userAccountMenuItem.active{border-left-color:transparent;border-right-color:#94a3b8}.userAccountMenuItem.active i{color:#0f172a}.userAccountMenuItem.logout-button{color:#dc2626!important;border-top:1px solid #e2e8f0}.userAccountMenuItem.logout-button i{color:#dc2626}.userAccountMenuItem.logout-button:hover{background-color:#fef2f2!important;color:#b91c1c!important;border-left-color:#fca5a5!important}[dir=rtl] .userAccountMenuItem.logout-button:hover{border-left-color:transparent!important;border-right-color:#fca5a5!important}.userAccountMenuItem.logout-button:hover i{color:#b91c1c}.nav-tooltip{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);box-shadow:0 4px 12px #0000001a;border:1px solid var(--sidebar-border)}.app-footer{font-size:.875rem;color:#6c757d}.app-footer dir{display:block;list-style-type:disc;padding:.5rem;margin:0;padding-inline-start:1rem;unicode-bidi:isolate;background-color:var(--sidebar-bg-secondary)}.app-footer .nav-item{color:var(--sidebar-text-primary);padding:.25rem .5rem}.app-footer .nav-item:hover{color:var(--sidebar-accent-red);background:transparent}.app-content{background-color:transparent}