.loader-container{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffeb;z-index:999;opacity:0;visibility:visible;transition:opacity 1.8s ease,visibility 1.8s ease}.loader-container.visible{opacity:1}.loader-container.hidden{opacity:0;visibility:hidden}.loader{width:60px;height:40px;position:relative;display:inline-block;--base-color: #fff}.loader:before,.loader:after{content:"";position:absolute;border-radius:50%;background-repeat:no-repeat;box-sizing:border-box}.loader:before{left:0;top:0;width:36px;height:36px;background-color:#731919;background-image:radial-gradient(circle 8px at 18px 18px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 18px 0px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 0px 18px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 36px 18px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 18px 36px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 30px 5px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 5px 5px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 30px 30px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 5px 30px,var(--base-color) 100%,transparent 0);animation:rotationBack 3s linear infinite}.loader:after{left:35px;top:15px;width:24px;height:24px;background-color:#010440;background-image:radial-gradient(circle 5px at 12px 12px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 12px 0px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 0px 12px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 24px 12px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 12px 24px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 20px 3px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 3px 3px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 20px 20px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 3px 20px,var(--base-color) 100%,transparent 0);animation:rotationBack 4s linear infinite reverse}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.admin-container{display:flex;min-height:100vh;background-color:var(--bg-light)}.admin-sidebar{width:280px;background-color:var(--primary-color);color:#fff;position:fixed;height:100vh;left:0;top:0;z-index:1000;transition:all .3s;box-shadow:2px 0 10px #0003;overflow-y:auto}.admin-sidebar-collapsed{width:70px}.admin-sidebar-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.admin-sidebar-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;opacity:1;transition:opacity .3s}.admin-sidebar-collapsed .admin-sidebar-header h3{opacity:0;width:0}.admin-logo{max-height:40px;margin-right:10px}.toggle-sidebar{background:transparent;border:none;color:#fff;cursor:pointer;font-size:1.2rem;padding:5px}.admin-menu{padding:1rem 0;list-style:none;margin:0}.admin-menu-item{padding:0;margin:5px 15px;border-radius:8px;transition:all .2s}.admin-menu-item a{display:flex;align-items:center;padding:12px 20px;color:#fffc;text-decoration:none;transition:all .3s;border-radius:8px}.admin-menu-item a:hover{background-color:var(--primary-hover);color:#fff}.admin-menu-item a.active{background-color:var(--accent-color);color:#fff}.admin-menu-icon{font-size:1.1rem;margin-right:15px;width:20px;text-align:center}.admin-menu-text{white-space:nowrap;overflow:hidden;opacity:1;transition:opacity .3s}.admin-sidebar-collapsed .admin-menu-text{opacity:0;width:0}.admin-sidebar-collapsed .admin-menu-item{text-align:center;margin:5px 10px}.admin-sidebar-collapsed .admin-menu-item a{padding:12px 5px;justify-content:center}.admin-sidebar-collapsed .admin-menu-icon{margin-right:0;font-size:1.2rem}.admin-main{flex:1;margin-left:280px;padding:20px;transition:all .3s}.admin-main-expanded{margin-left:70px}.admin-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.1)}.admin-content-title{margin:0;font-size:1.8rem;font-weight:600;color:var(--dark-color)}.admin-content-action{display:flex;align-items:center}.admin-user-dropdown{position:relative}.admin-user-dropdown-toggle{background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:8px;padding:8px 15px;display:flex;align-items:center;cursor:pointer;transition:all .2s;font-weight:500}.admin-user-dropdown-toggle:hover{background-color:#0000000d}.admin-user-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:10px}.admin-user-name{margin-right:10px;font-weight:500}.admin-user-dropdown-menu{position:absolute;top:100%;right:0;margin-top:10px;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;width:200px;z-index:1000;overflow:hidden;display:none}.admin-user-dropdown-menu.show{display:block}.admin-user-dropdown-item{padding:10px 15px;display:block;text-decoration:none;color:var(--dark-color);transition:all .2s;font-weight:400}.admin-user-dropdown-item:hover{background-color:var(--bg-light)}.admin-user-dropdown-divider{height:1px;background-color:#0000001a;margin:5px 0}.admin-stats-card{background-color:#fff;border-radius:10px;padding:25px;margin-bottom:25px;box-shadow:0 4px 15px #00000014;transition:all .3s;height:100%}.admin-stats-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.admin-stats-icon{background-color:#3647a71a;color:var(--accent-color);width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:20px}.admin-stats-card.products .admin-stats-icon{background-color:#3647a71a;color:var(--accent-color)}.admin-stats-card.categories .admin-stats-icon{background-color:#7319191a;color:var(--danger-color)}.admin-stats-card.brands .admin-stats-icon{background-color:#2129341a;color:var(--dark-color)}.admin-stats-value{font-size:2.5rem;font-weight:700;margin-bottom:5px;color:var(--dark-color)}.admin-stats-label{color:#333;font-size:1rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.admin-stats-info{display:flex;align-items:center;margin-top:15px;color:#444;font-size:.95rem;font-weight:400}.admin-quick-action{margin-top:20px}.admin-quick-action-btn{display:inline-block;padding:10px 18px;background-color:var(--primary-color);color:#fff!important;border-radius:6px;text-decoration:none;transition:all .2s;border:none;cursor:pointer;font-size:1rem;font-weight:600;box-shadow:0 3px 8px #00000026;text-align:center;min-width:140px}.admin-quick-action-btn:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0003;color:#fff!important}.admin-stats-card.products .admin-quick-action-btn{background-color:var(--accent-color);color:#fff!important}.admin-stats-card.products .admin-quick-action-btn:hover{background-color:#2b3b8a;color:#fff!important}.admin-stats-card.categories .admin-quick-action-btn{background-color:var(--danger-color);color:#fff!important}.admin-stats-card.categories .admin-quick-action-btn:hover{background-color:#5e1414;color:#fff!important}.admin-stats-card.brands .admin-quick-action-btn{background-color:var(--dark-color);color:#fff!important}.admin-stats-card.brands .admin-quick-action-btn:hover{background-color:#171d28;color:#fff!important}.admin-recent-card{background-color:#fff;border-radius:10px;padding:25px;margin-bottom:25px;box-shadow:0 4px 10px #0000000d}.admin-recent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-recent-title{margin:0;font-size:1.2rem;font-weight:600;color:var(--dark-color)}.admin-recent-item{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center}.admin-recent-item:last-child{border-bottom:none}.admin-recent-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-right:15px;flex-shrink:0}.admin-recent-icon.blue{background-color:#3647a71a;color:var(--accent-color)}.admin-recent-icon.red{background-color:#7319191a;color:var(--danger-color)}.admin-recent-icon.dark{background-color:#2129341a;color:var(--dark-color)}.admin-recent-content{flex:1}.admin-recent-text{font-weight:500;color:#212529;margin:0}.admin-recent-date{color:#6c757d;font-size:.85rem;margin:0}@media (max-width: 992px){.admin-sidebar{width:70px}.admin-sidebar-header h3,.admin-menu-text{opacity:0;width:0}.admin-menu-item{text-align:center;margin:5px 10px}.admin-menu-item a{padding:12px 5px;justify-content:center}.admin-menu-icon{margin-right:0}.admin-main{margin-left:70px}.admin-sidebar.expanded{width:280px}.admin-sidebar.expanded .admin-sidebar-header h3,.admin-sidebar.expanded .admin-menu-text{opacity:1;width:auto}.admin-sidebar.expanded .admin-menu-item{text-align:left;margin:5px 15px}.admin-sidebar.expanded .admin-menu-item a{padding:12px 20px;justify-content:flex-start}.admin-sidebar.expanded .admin-menu-icon{margin-right:15px}}@media (max-width: 768px){.admin-main{padding:15px}.admin-stats-value{font-size:2rem}.admin-recent-card{padding:15px}}.admin-dashboard-header{display:none}.dashboard-logo{max-height:60px;width:auto}.admin-header-logo{max-height:40px;width:auto;transition:transform .3s ease}.login-container{background-color:#f8f9fa}.login-card{border-radius:15px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease-in-out}.login-card:hover{box-shadow:0 15px 40px #00000026}.login-logo{transition:transform .3s ease}.login-logo:hover{transform:scale(1.05)}@media (max-width: 576px){.login-card{width:95%}.dashboard-logo{max-height:50px}.admin-header-logo{max-height:30px}.admin-content-title{font-size:1.4rem}.admin-dashboard-header h1{font-size:1.8rem}}.btn-primary{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff;font-weight:500}.btn-primary:hover,.btn-primary:focus{background-color:#293380;border-color:#293380;color:#fff}.btn-success{background-color:#2a8d46;border-color:#2a8d46;color:#fff;font-weight:500}.btn-success:hover,.btn-success:focus{background-color:#236e38;border-color:#236e38;color:#fff}.btn-outline-primary{border-color:var(--accent-color);color:var(--accent-color);font-weight:500}.btn-outline-primary:hover,.btn-outline-primary:focus{background-color:var(--accent-color);color:#fff}.btn-danger,.btn-outline-danger:hover{background-color:var(--danger-color);border-color:var(--danger-color);color:#fff;font-weight:500}.btn-danger:hover,.btn-danger:focus{background-color:var(--danger-hover);border-color:var(--danger-hover);color:#fff}.admin-user-dropdown-item{color:var(--dark-color);font-weight:400}.admin-user-dropdown-toggle{border:1px solid rgba(0,0,0,.2);font-weight:500}.admin-stats-card{box-shadow:0 4px 15px #00000014}.admin-stats-label{color:#6c757d;font-weight:500}.admin-stats-info{color:#6c757d}.admin-quick-action-btn{font-weight:500;padding:10px 16px;box-shadow:0 2px 4px #0000001a}.admin-recent-text{color:#212529;font-weight:500}.admin-recent-date{color:#6c757d}.table{color:#212529}.table th{font-weight:600;background-color:#f8f9fa}.badge{font-weight:500;padding:.4em .6em}.form-label{font-weight:500;color:#333}.form-control:focus{border-color:var(--accent-color);box-shadow:0 0 0 .2rem #3647a740}.modal-title{font-weight:600}.card-title{font-weight:600;color:#333}:root{--primary-color: #010440;--primary-hover: #0a1060;--danger-color: #731919;--danger-hover: #4e0c0c;--dark-color: #212934;--light-color: #cfd6e1;--bg-light: #e9eef5;--bg-black: #1d242d;--accent-color: #3647a7;--text-muted: #bcbcbc}html{scroll-behavior:smooth;--scroll-transition-duration: 1.5s;--scroll-transition-timing: cubic-bezier(.33, 1, .68, 1)}body{font-family:Roboto,sans-serif;background-color:var(--bg-light);overflow-x:hidden;scroll-padding-top:80px;transition:background-color .5s ease}body,ul,li,p,a,label,input,div{font-family:Roboto,sans-serif;font-size:16px;font-weight:300;line-height:1.6}h1{font-family:Roboto,sans-serif;font-size:36px;font-weight:500;margin-bottom:1rem;color:var(--danger-color)}h2{font-family:Roboto,sans-serif;font-size:24px;font-weight:400;margin-bottom:1rem;color:var(--dark-color)}a{color:inherit;text-decoration:none;transition:all .3s ease}a:hover,a:visited,a:focus,a:active{color:inherit;text-decoration:none}.service-button a{color:inherit;text-decoration:none}.carousel-control-prev,.carousel-control-next{opacity:.7}.carousel-control-prev:hover,.carousel-control-next:hover{opacity:1}.logo{font-weight:500!important}.logo img{max-height:60px;transition:transform .3s;filter:none}.logo:hover img{transform:scale(1.05)}.text-light{color:var(--light-color)!important}.bg-black{background-color:var(--bg-black)!important}.navbar{box-shadow:0 2px 10px #0000001a;padding:12px 0;background-color:#fff!important}.navbar-brand{margin-left:15px}#navbarNav{margin-left:20px;margin-right:20px;justify-content:center}#navbarNav .navbar-nav{display:flex;align-items:center;width:100%;justify-content:space-between}#navbarNav a{color:var(--dark-color);font-weight:400;font-size:18px;padding:10px 15px;margin:0 8px;border-radius:6px;transition:all .3s ease-in-out;position:relative}#navbarNav a:hover{color:var(--danger-color);background-color:var(--bg-light)}#navbarNav a:after{content:"";position:absolute;width:0;height:3px;bottom:-2px;left:0;background-color:var(--danger-color);transition:width .4s ease}#navbarNav a:hover:after{width:100%}.social_links{display:flex}.social_links i{font-size:24px;margin:0 10px;transition:transform .3s ease}.social_links i:hover{transform:scale(1.2)}footer{padding-top:3rem;background-color:var(--bg-black);animation:fadeInUp 1.2s ease forwards;transform-origin:bottom;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}50%{opacity:.5}to{opacity:1;transform:translateY(0)}}footer a{color:#dcdde1;transition:all .3s ease}footer a:hover{color:var(--accent-color);padding-left:5px}footer h2{color:#fff;font-size:24px;font-weight:400}footer ul.footer-link-list{list-style:none;padding-left:0}footer ul.footer-link-list li{padding-top:10px;transition:transform .3s ease}footer ul.footer-link-list li:hover{transform:translate(5px)}footer ul.footer-link-list li i{margin-right:10px;color:var(--accent-color)}footer .border-light{border-color:#2d343f!important}footer .footer-bottom{background-color:#0003}@media (max-width: 768px){#navbarNav{margin-left:10px;margin-right:0}#navbarNav .navbar-nav{align-items:flex-start;justify-content:flex-start}#navbarNav a{font-size:16px;padding:8px 12px}body,ul,li,p,a,label,input,div{font-size:15px}h2{font-size:20px}.social_links{justify-content:center}}.scroll-smooth-container{transition:all var(--scroll-transition-duration) var(--scroll-transition-timing)}