*,.banner-wrapper{box-sizing:border-box}.close-sidebar,.user-avatar{cursor:pointer;display:flex}:root{--primary-color:#D4AF37;--secondary-color:#000000;--light-bg:#ffffff;--light-text:#333333;--light-border:#ccc;--dark-bg:#1a1a1a;--dark-card:#2d2d2d;--dark-text:#fff;--dark-border:#555;--sidebar-width:280px}*{margin:0;padding:0}body{font-family:Tajawal,sans-serif;background:var(--light-bg);color:var(--light-text);transition:.3s;min-height:100vh;display:flex;flex-direction:column}body.dark-mode{background:var(--dark-bg);color:var(--dark-text)}.favorites-section,.search-container input{background-color:#fff;color:var(--light-text)}.search-container{padding:10px 20px;text-align:center}.search-container input{width:90%;max-width:400px;padding:10px;font-size:14px;border:1px solid var(--light-border);border-radius:25px;outline:0;transition:.3s}.card h2,.sidebar-header h3{font-size:20px}.card h2,.container h2,.sidebar-header h3{color:var(--primary-color)}body.dark-mode .search-container input{background-color:#2a2a2a;color:var(--dark-text);border:1px solid var(--dark-border)}.container h2{position:relative;text-align:center;font-weight:700;margin:40px 0 20px}.container h2::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background-color:var(--primary-color)}.favorites-section{padding:15px 20px;border-radius:10px;transition:background-color .3s,color .3s}body.dark-mode .favorites-section{background-color:var(--dark-card);color:var(--dark-text)}.banner-wrapper{padding:0 10px;overflow:hidden;margin-bottom:20px;margin-top:10px}.banner-swiper{width:100%;height:200px;aspect-ratio:16/5;border-radius:12px;transition:height .3s}.banner-swiper .swiper-slide img{width:100%;height:200px;object-fit:contain;border-radius:12px;display:block;transition:border-color .3s}body.dark-mode .banner-swiper .swiper-slide img{border:2px solid #333}.main-content{flex-grow:1;padding:20px;margin-top:5px;transition:margin-left .4s,background-color .3s;background-color:var(--light-bg)}body.dark-mode .main-content{background-color:#1e1e1e}.card{background:#fff;border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 3px 10px rgba(0,0,0,.05);transition:background-color .3s,box-shadow .3s}body.dark-mode .card{background:var(--dark-card);box-shadow:0 3px 10px rgba(0,0,0,.2)}.card h2{margin-bottom:15px}.sidebar{position:fixed;top:0;left:-280px;width:var(--sidebar-width);height:100vh;background:linear-gradient(135deg,var(--dark-bg) 0,var(--dark-card) 100%);box-shadow:2px 0 15px rgba(0,0,0,.2);transition:left .4s cubic-bezier(.4, 0, .2, 1);z-index:1000;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar.active{left:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.close-sidebar{font-size:24px;color:#aaa;transition:.3s;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%}.user-avatar,.user-info{transition:background-color .3s}.close-sidebar:hover{color:#fff;background:rgba(255,255,255,.1)}.user-info{padding:20px;background:rgba(0,0,0,.2);margin:15px;border-radius:10px;text-align:center}body:not(.dark-mode) .user-info{background:rgba(212,175,55,.1)}.user-avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 15px;background:var(--primary-color);align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.2);overflow:hidden;color:#fff;font-weight:700;font-size:30px}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-initial{font-size:36px;font-weight:700;color:var(--primary-color)}.user-info h4{margin:10px 0 5px;font-size:18px;color:var(--primary-color)}.user-email{font-size:14px;margin:5px 0;font-weight:700;color:#444;transition:color .3s}.company-name,.user-balance{font-size:16px;font-weight:700}body.dark-mode .user-email{color:#fff}.user-balance{color:#4caf50;margin:10px 0 0}.sidebar-menu{list-style:none;padding:0 15px;flex-grow:1}.sidebar-menu li{margin-bottom:5px}.sidebar-menu a{display:flex;align-items:center;padding:12px 15px;color:#eee;text-decoration:none;border-radius:8px;transition:.3s;font-size:15px}.sidebar-menu a:hover{background:rgba(212,175,55,.2);transform:translateX(5px);color:#fff}.sidebar-menu i{margin-right:12px;font-size:18px;width:24px;text-align:center;color:var(--primary-color)}.company-info{padding:10px;text-align:center;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.company-logo{height:80px;margin-bottom:10px}.company-name{color:var(--primary-color)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s ease-out fadeIn}@media (max-width:768px){.banner-swiper{width:100%;height:120px}.banner-swiper .swiper-slide img{width:100%;height:120px;object-fit:cover}.sidebar{width:260px;left:-260px}.sidebar.active~.main-content{margin-left:0}}