*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--primary:#28A745;--secondary:#007BFF;--body-bg:#F8F9FA;--nav-bg:rgb(255,255,255);--grey:#F1F0F6;--text-color:#333;--text-hover:#28A745;--sidebar-bg:#FFFFFF;--dropdown-bg:#FFFFFF;--shadow:0 4px 15px rgba(0,0,0,0.1);--border-radius:8px;--transition:all 0.3s ease}body.dark{--body-bg:#1C2526;--nav-bg:rgb(40,44,52);--grey:#242526;--text-color:#E0E0E0;--text-hover:#28A745;--sidebar-bg:#2D333B;--dropdown-bg:#2D333B}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:'Cairo',sans-serif;background:var(--body-bg);color:var(--text-color);padding-top:80px;transition:var(--transition);direction:rtl}.ndabrouha-nav{position:fixed;top:0;left:0;width:100%;height:70px;background:var(--nav-bg);box-shadow:var(--shadow);z-index:1000}.ndabrouha-nav-container{max-width:1200px;margin:0 auto;padding:0 20px;height:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}.ndabrouha-nav-logo{position:relative;display:flex;align-items:center}.ndabrouha-logo-img{width:50px;background-color:white;border-radius:var(--border-radius);transition:var(--transition)}.ndabrouha-logo-img:hover{transform:scale(1.05)}.ndabrouha-beta-label{background:#FFC107;color:#000;font-size:0.7rem;padding:3px 8px;border-radius:4px;position:absolute;top:-10px;left:40px;font-weight:bold}.ndabrouha-nav-menu{flex-grow:1;display:flex;justify-content:center}.ndabrouha-nav-links{display:flex;list-style:none;margin:0;padding:0}.ndabrouha-nav-links li{margin:0 20px}.ndabrouha-nav-links li a{font-family:'Cairo',sans-serif;font-size:1.1rem;font-weight:500;color:var(--text-color);text-decoration:none;position:relative;transition:var(--transition)}.ndabrouha-nav-links li a:hover{color:var(--text-hover)}.ndabrouha-nav-links li a::after{content:'';position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:var(--primary);transition:var(--transition);transform:translateX(-50%)}.ndabrouha-nav-links li a:hover::after{width:100%}.ndabrouha-dropdown{position:relative}.ndabrouha-dropdown-toggle{display:flex;align-items:center}.ndabrouha-dropdown-toggle i{margin-right:5px;transition:var(--transition)}.ndabrouha-dropdown:hover .ndabrouha-dropdown-toggle i{transform:rotate(180deg)}.ndabrouha-dropdown-menu{position:absolute;top:100%;right:-10px;background:var(--dropdown-bg);box-shadow:var(--shadow);border-radius:var(--border-radius);min-width:180px;opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition);z-index:100}.ndabrouha-dropdown:hover .ndabrouha-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.ndabrouha-dropdown-menu li{margin:0;padding:10px 20px}.ndabrouha-dropdown-menu li a{font-size:1rem;color:var(--text-color);display:block}.ndabrouha-dropdown-menu li a:hover{color:var(--text-hover)}.ndabrouha-nav-actions{display:flex;align-items:center}.ndabrouha-dark-mode-toggle{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:15px}.ndabrouha-dark-mode-toggle i{font-size:22px;color:var(--text-color);transition:var(--transition)}.ndabrouha-dark-mode-toggle .bx-sun{opacity:0;transform:rotate(-90deg)}.ndabrouha-dark-mode-toggle.active .bx-sun{opacity:1;transform:rotate(0)}.ndabrouha-dark-mode-toggle.active .bx-moon{opacity:0;transform:rotate(90deg)}.ndabrouha-user-actions{display:flex;align-items:center;margin-left:15px}.ndabrouha-action-btn{margin:0 5px;padding:8px 15px;font-family:'Cairo',sans-serif;font-size:0.9rem;font-weight:600;text-decoration:none;border-radius:50px;transition:var(--transition)}.ndabrouha-login-btn{color:var(--text-color);background:transparent;border:1px solid var(--primary)}.ndabrouha-login-btn:hover{background:var(--primary);color:#FFF}.ndabrouha-register-btn{background:var(--primary);color:#FFF}.ndabrouha-register-btn:hover{background:var(--secondary);transform:scale(1.05)}.ndabrouha-logout-btn{background:#DC3545;color:#FFF}.ndabrouha-logout-btn:hover{background:#C82333;transform:scale(1.05)}.ndabrouha-sidebar-toggle{display:none;font-size:28px;color:var(--text-color);cursor:pointer;transition:var(--transition);margin-left:15px}.ndabrouha-sidebar-toggle:hover{color:var(--text-hover)}.ndabrouha-sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:var(--transition);z-index:1000}.ndabrouha-sidebar-overlay.active{opacity:1;visibility:visible}.ndabrouha-sidebar{position:fixed;top:0;right:-100%;width:280px;height:100%;background:var(--sidebar-bg);box-shadow:var(--shadow);padding:20px;transition:right 0.4s ease;z-index:1001}.ndabrouha-sidebar.active{right:0}.ndabrouha-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ndabrouha-sidebar-logo img{width:60px;border-radius:var(--border-radius);background-color:white}.ndabrouha-sidebar-close{font-size:28px;color:var(--text-color);cursor:pointer;transition:var(--transition)}.ndabrouha-sidebar-close:hover{color:var(--text-hover)}.ndabrouha-sidebar-links{list-style:none;margin:0;padding:0}.ndabrouha-sidebar-links li{margin:15px 0}.ndabrouha-sidebar-links li a{font-family:'Cairo',sans-serif;font-size:1.1rem;color:var(--text-color);text-decoration:none;transition:var(--transition)}.ndabrouha-sidebar-links li a:hover{color:var(--text-hover)}.ndabrouha-sidebar-dropdown .ndabrouha-dropdown-toggle{display:flex;align-items:center}.ndabrouha-sidebar-dropdown-menu{display:none;padding-right:20px}.ndabrouha-sidebar-dropdown.active .ndabrouha-sidebar-dropdown-menu{display:block}.ndabrouha-sidebar-actions{margin-top:20px}.ndabrouha-sidebar-btn{display:block;padding:10px;margin:5px 0;text-align:center;border-radius:var(--border-radius);text-decoration:none;font-family:'Cairo',sans-serif;font-size:1rem;transition:var(--transition)}.ndabrouha-sidebar-btn.ndabrouha-login-btn{background:var(--primary);color:#FFF}.ndabrouha-sidebar-btn.ndabrouha-register-btn{background:var(--secondary);color:#FFF}.ndabrouha-sidebar-btn.ndabrouha-logout-btn{background:#DC3545;color:#FFF}.ndabrouha-sidebar-actions .ndabrouha-dark-mode-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:10px auto;cursor:pointer}.ndabrouha-sidebar-actions .ndabrouha-dark-mode-toggle i{font-size:22px;color:var(--text-color);transition:var(--transition)}.ndabrouha-sidebar-actions .ndabrouha-dark-mode-toggle .bx-sun{opacity:0;transform:rotate(-90deg)}.ndabrouha-sidebar-actions .ndabrouha-dark-mode-toggle.active .bx-sun{opacity:1;transform:rotate(0)}.ndabrouha-sidebar-actions .ndabrouha-dark-mode-toggle.active .bx-moon{opacity:0;transform:rotate(90deg)}@media (max-width:992px){.ndabrouha-nav-links li{margin:0 15px}}@media (max-width:768px){.ndabrouha-sidebar-toggle{display:block}.ndabrouha-nav-menu{display:none}.ndabrouha-nav-actions .ndabrouha-dark-mode-toggle,.ndabrouha-nav-actions .ndabrouha-user-actions{display:none}.ndabrouha-sidebar-actions .ndabrouha-dark-mode-toggle{display:flex}.ndabrouha-beta-label{right:40px;color:red!important;background-color:transparent!important}}@media (max-width:576px){.ndabrouha-nav-container{padding:0 10px}.ndabrouha-logo-img{width:40px;background-color:white}.ndabrouha-sidebar{width:250px}}@media (max-width:320px){.ndabrouha-sidebar{width:200px}}