:root{--primary-color:#4361ee;--secondary-color:#3f37c9;--accent-color:#4895ef;--dark-color:#1a1a2e;--light-color:#f8f9fa;--success-color:#4cc9f0;--warning-color:#f8961e;--danger-color:#f72585;--sidebar-width:250px;--sidebar-collapsed-width:80px;--header-height:70px}body{font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:100px 0}.main{width:100%;margin-top:70px;min-height:100vi}.Home{width:100%;height:100vh}.row{display:flex;flex-wrap:wrap}.col{width:100%;padding:10px}@media (min-width:567px){.col{width:100%}}@media (min-width:768px){.col{width:50%}}@media (min-width:992px){.col{width:33.33%}}@media (min-width:1200px){.col{width:25%}}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.admin-container{display:flex;min-height:100vh;background-color:#f5f7fa}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:hsla(0,0%,100%,.8)}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-sidebar{background-color:var(--dark-color);color:#fff;height:100vh;position:fixed;transition:all .3s ease;z-index:1000;display:flex;flex-direction:column}.admin-sidebar.open{width:var(--sidebar-width)}.admin-sidebar.closed{width:var(--sidebar-collapsed-width)}.sidebar-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1)}.sidebar-header h2{color:#fff;font-size:1.2rem;white-space:nowrap;overflow:hidden}.toggle-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.sidebar-nav ul{list-style:none}.sidebar-nav li a{display:flex;align-items:center;padding:12px 20px;color:hsla(0,0%,100%,.8);text-decoration:none;transition:all .3s;white-space:nowrap;overflow:hidden}.sidebar-nav li a:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.sidebar-nav li a.active{background-color:var(--primary-color);color:#fff;border-left:4px solid var(--accent-color)}.admin-sidebar.closed .sidebar-nav li a{justify-content:center;padding:15px 0}.admin-sidebar.closed .sidebar-nav li a span{display:none}.sidebar-footer{padding:20px;border-top:1px solid hsla(0,0%,100%,.1)}.user-info{margin-bottom:15px}.username{display:block;font-weight:700;margin-bottom:5px}.role{display:block;font-size:.8rem;color:hsla(0,0%,100%,.6);background-color:var(--primary-color);padding:3px 8px;border-radius:10px;width:-moz-fit-content;width:fit-content}.logout-btn{width:100%;padding:8px;background-color:var(--danger-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.logout-btn:hover{background-color:#d31665}.admin-main{flex:1 1;margin-right:var(--sidebar-collapsed-width);transition:margin-right .3s ease}.admin-sidebar.open~.admin-main{margin-right:var(--sidebar-width)}.admin-header{background-color:#fff;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.1);height:var(--header-height);display:flex;align-items:center}.admin-header h1{color:var(--dark-color);font-size:1.5rem}.content-wrapper{padding:20px;min-height:calc(100vh - var(--header-height))}@media (max-width:768px){.admin-sidebar{transform:translateX(-100%)}.admin-sidebar.open{transform:translateX(0);width:80%}.admin-main,.admin-sidebar.open~.admin-main{margin-right:0}}.navbarBeforLogin_navContainer__BNBt4{width:100%;background-color:#2f2f50;position:fixed;top:0;z-index:1000;transition:all .3s ease}.navbarBeforLogin_scrolled__tAMs3{background-color:rgba(47,47,80,.9);box-shadow:0 2px 10px rgba(0,0,0,.1)}.navbarBeforLogin_navbar__5xW97{color:#f0f8ff;display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:80px}.navbarBeforLogin_logoContainer__QoQem{z-index:1001}.navbarBeforLogin_navbar__5xW97 ul{list-style-type:none;display:flex;gap:30px}.navbarBeforLogin_navbar__5xW97 ul li a{color:#f0f8ff;text-decoration:none;font-size:1.1rem;transition:color .3s ease;padding:5px 10px;border-radius:5px}.navbarBeforLogin_navbar__5xW97 ul li a:hover{color:#ccc;background-color:hsla(0,0%,100%,.1)}.navbarBeforLogin_loginBtn__MNBC2{padding:10px 25px;border:none;color:#fff;background-color:#3f3f6e;border-radius:5px;cursor:pointer;transition:all .3s ease;font-size:1rem}.navbarBeforLogin_loginBtn__MNBC2:hover{background-color:#2a2a57;transform:translateY(-2px)}.navbarBeforLogin_hamburger__sgLvP{display:none;cursor:pointer;z-index:1001}.navbarBeforLogin_line__lBtb_{width:25px;height:3px;background-color:#fff;margin:5px;transition:all .3s ease}.navbarBeforLogin_line1__OEW__.navbarBeforLogin_active__JgEJS{transform:rotate(-45deg) translate(-5px,6px)}.navbarBeforLogin_line2__f_bxl.navbarBeforLogin_active__JgEJS{opacity:0}.navbarBeforLogin_line3__XEdrI.navbarBeforLogin_active__JgEJS{transform:rotate(45deg) translate(-5px,-6px)}@media (max-width:768px){.navbarBeforLogin_hamburger__sgLvP{display:block}.navbarBeforLogin_navLinks__T1f9c{position:fixed;top:0;right:0;height:100vh;width:70%;background-color:#2f2f50;flex-direction:column;align-items:center;justify-content:center;transform:translateX(100%);transition:transform .5s ease-in-out;z-index:1000;gap:40px}.navbarBeforLogin_navLinks__T1f9c.navbarBeforLogin_active__JgEJS{transform:translateX(0)}.navbarBeforLogin_loginBtn__MNBC2{display:none}.navbarBeforLogin_navLinks__T1f9c.navbarBeforLogin_active__JgEJS+.navbarBeforLogin_loginBtn__MNBC2{display:block;position:fixed;bottom:30px;right:50%;transform:translateX(50%);padding:12px 30px;z-index:1001}}@media (max-width:480px){.navbarBeforLogin_navbar__5xW97{padding:0 15px}.navbarBeforLogin_navLinks__T1f9c{width:80%}}.navbarAfterLogin_navbar__diPzL{width:100%;height:70px;background-color:rgba(27,106,151,.925);display:flex;justify-content:space-between;padding:0 15px;align-items:center;position:fixed;top:0;z-index:1000}.navbarAfterLogin_menuButton__C2ceg{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;z-index:1001;display:none;padding:8px;border-radius:4px;transition:background-color .3s}.navbarAfterLogin_menuButton__C2ceg:hover{background-color:hsla(0,0%,100%,.1)}.navbarAfterLogin_Logo__SijxC{z-index:1001;flex-shrink:0}.navbarAfterLogin_Logo__SijxC img{transition:transform .3s}.navbarAfterLogin_Logo__SijxC:hover img{transform:scale(1.05)}.navbarAfterLogin_rightSection__9pfmc{display:flex;justify-content:center;align-items:center;gap:20px;z-index:1001}.navbarAfterLogin_menuContainer__1L0kr{display:flex;align-items:center;gap:25px;margin:0 auto}.navbarAfterLogin_navLink__NtP20{color:#fff;text-decoration:none;font-size:16px;padding:8px 15px;border-radius:6px;transition:all .3s;font-weight:500}.navbarAfterLogin_navLink__NtP20.navbarAfterLogin_active__1sbl_{background-color:hsla(0,0%,100%,.2);border-bottom:2px solid #ff0}.navbarAfterLogin_navLink__NtP20:hover{background-color:hsla(0,0%,100%,.15);transform:translateY(-2px)}.navbarAfterLogin_desktopCart__d3Teq{color:#fff;font-size:18px;position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:all .3s;text-decoration:none}.navbarAfterLogin_desktopCart__d3Teq:hover{background-color:hsla(0,0%,100%,.1)}.navbarAfterLogin_desktopCart__d3Teq.navbarAfterLogin_active__1sbl_{background-color:hsla(0,0%,100%,.2)}.navbarAfterLogin_cartLink__dS2Nf{font-size:20px;position:relative;display:flex;width:50px;height:50px;transition:all .3s;display:none}.navbarAfterLogin_badge__d4jGd,.navbarAfterLogin_cartLink__dS2Nf{color:#fff;align-items:center;justify-content:center;border-radius:50%}.navbarAfterLogin_badge__d4jGd{position:absolute;top:-5px;right:-5px;background-color:#ff4757;width:20px;height:20px;padding:10px;display:flex;font-size:11px;font-weight:700;border:3px solid #0b3c74}.navbarAfterLogin_overlay__q8_Vg{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998;display:none}.navbarAfterLogin_floatingMenuBtn__wxv_E{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background-color:#0b3c74;color:#fff;border:none;box-shadow:0 4px 15px rgba(0,0,0,.3);cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .3s;display:none}@media (max-width:991px){.navbarAfterLogin_menuButton__C2ceg{display:flex;align-items:center;justify-content:center}.navbarAfterLogin_menuContainer__1L0kr{position:fixed;bottom:-60%;left:0;width:100%;background-color:#0b3c74;padding:40px 0;display:flex;flex-direction:column;align-items:center;gap:20px;transition:all .4s ease;z-index:999;box-shadow:0 -5px 15px rgba(0,0,0,.3)}.navbarAfterLogin_menuContainer__1L0kr.navbarAfterLogin_menuOpen___YOpI{bottom:0}.navbarAfterLogin_navLink__NtP20{font-size:18px;padding:12px 20px;width:200px;text-align:center;border-bottom:none}.navbarAfterLogin_navLink__NtP20.navbarAfterLogin_active__1sbl_{border-left:3px solid #ff0;border-bottom:none}.navbarAfterLogin_cartLink__dS2Nf{display:flex}.navbarAfterLogin_desktopCart__d3Teq{display:none}.navbarAfterLogin_overlay__q8_Vg{display:block}.navbarAfterLogin_floatingMenuBtn__wxv_E{display:flex}.navbarAfterLogin_rightSection__9pfmc{gap:15px}}@media (max-width:576px){.navbarAfterLogin_Logo__SijxC img{width:60px;height:60px}.navbarAfterLogin_menuContainer__1L0kr{padding:30px 0;gap:15px}.navbarAfterLogin_navLink__NtP20{font-size:16px;padding:10px 15px;width:180px}}@keyframes navbarAfterLogin_slideInUp__I9bhT{0%{bottom:-60%;opacity:0}to{bottom:0;opacity:1}}@keyframes navbarAfterLogin_slideOutDown__VePhg{0%{bottom:0;opacity:1}to{bottom:-60%;opacity:0}}@media (max-width:991px){.navbarAfterLogin_menuContainer__1L0kr.navbarAfterLogin_menuOpen___YOpI{animation:navbarAfterLogin_slideInUp__I9bhT .4s ease forwards}.navbarAfterLogin_menuContainer__1L0kr:not(.navbarAfterLogin_menuOpen___YOpI){animation:navbarAfterLogin_slideOutDown__VePhg .4s ease forwards}}.navbarAfterLogin_loadingDot__Jb4BN{font-size:12px;color:#666;margin-left:4px;animation:navbarAfterLogin_blink__SkmF8 1.5s infinite}@keyframes navbarAfterLogin_blink__SkmF8{0%,50%{opacity:1}51%,to{opacity:.3}}.navProfile_menuProfile__96eGv{top:70px;width:200px;padding:10px 5px;right:0;position:absolute;background-color:#0b3c74;box-shadow:inset 0 0 10px rgba(0,0,0,.1);border-radius:0 0 0 7px}.navProfile_menuProfile__96eGv i{color:#f0f8ff}.navProfile_menuProfile__96eGv p a{color:#f0f8ff;text-decoration:none;display:block;padding:10px;transition:background-color .3s ease}.navProfile_OpenMenuProfile__W3Y6E{color:#f0f8ff;right:20px;position:absolute;top:23px}.navProfile_OpenMenuProfile__W3Y6E:hover{cursor:pointer}.navProfile_menuProfile__96eGv button{padding:5px 12px;border:none;border-radius:4px}.navProfile_menuProfile__96eGv button:hover{background-color:brown;cursor:pointer;color:#f0f8ff}