:root{color-scheme:light;--sidebar-width:190px;--sidebar-collapsed-width:76px;--topbar-height:64px;--green-primary:#4ab44c;--green-primary-dark:#369c38;--green-light:#e8f5e9;--green-hover:#f1f8f1;--green-border:#c8e6c9;--green-active-text:#4ab44c;--background:#ffffff;--surface:#ffffff;--surface-muted:#f5f7fa;--surface-hover:#f0f2f5;--foreground:#1a1a1a;--text-primary:#333333;--text-secondary:#666666;--text-muted:#9aa0a6;--border:#e5e7eb;--border-light:#ececec;--danger:#d32f2f;--danger-light:#fef2f2;--shadow-sm:0 1px 6px rgba(0,0,0,0.04);--shadow-md:0 8px 24px rgba(0,0,0,0.08);--shadow-lg:0 12px 32px rgba(0,0,0,0.12);--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.35s ease-in-out}*,:after,:before{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body,html{width:100%}body{margin:0;padding:0;min-height:100vh;background:var(--background);color:var(--foreground);overflow-x:hidden}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}.dashboard-container{display:flex;width:100%;min-height:100vh;position:relative}.main-wrapper{display:flex;flex-direction:column;flex:1;min-width:0;min-height:100vh}.mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;width:100%;height:var(--topbar-height);padding:10px 16px;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);z-index:1100}.menu-icon-btn{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.menu-icon-btn:hover{background:var(--green-light);color:var(--green-primary)}.menu-icon-btn:active{transform:scale(.96)}.mobile-logo{height:36px;width:auto;max-width:150px;object-fit:contain}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;display:flex;flex-direction:column;padding:20px 20px 12px;background:var(--surface-muted);z-index:1000;transform:translateX(0);transition:transform var(--transition-slow),width var(--transition-normal),box-shadow var(--transition-normal);overflow:hidden}.sidebar-top{gap:8px;width:100%;min-height:42px;margin-bottom:12px}.sidebar-logo,.sidebar-top{display:flex;align-items:center}.sidebar-logo{min-width:0}.sidebar-logo img{width:120px;height:auto;object-fit:contain;transition:width var(--transition-normal),transform var(--transition-normal)}.sidebar-scroll{flex:1;min-height:0;width:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}.close-sidebar{margin-left:auto;width:34px;height:34px;padding:0;display:none;align-items:center;justify-content:center;background:transparent;border:0;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.close-sidebar:hover{background:var(--surface-hover);color:var(--foreground)}.menu-section{width:100%;margin-bottom:26px}.menu-title{margin:0 0 8px;font-size:11px;line-height:1.4;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap}.menu-item{width:100%;min-height:40px;display:flex;align-items:center;gap:12px;padding:8px 15px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.menu-item svg{flex:0 0 auto}.menu-item span{min-width:0;font-size:15px;font-weight:500;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item:hover{background:var(--surface-hover);color:var(--green-primary);transform:translateX(3px)}.menu-item:active{transform:translateX(2px) scale(.99)}.menu-item.menu-active{position:relative;background:var(--green-light);color:var(--green-primary-dark);transform:none}.menu-item.menu-active:before{content:"";position:absolute;top:5px;bottom:5px;border-radius:0 4px 4px 0;display:block}.menu-item.menu-active span,.menu-item.menu-active svg{color:var(--green-primary-dark)}.menu-item:hover:not(.menu-active):before{content:none}.menu-item:hover:not(.menu-active){background:var(--surface-hover);color:var(--green-primary);transform:translateX(3px)}.menu-item.menu-active:hover{background:var(--green-light);color:var(--green-primary-dark);transform:none}.menu-item.menu-active:hover:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:4px;border-radius:0 4px 4px 0;display:block}.menu-item.menu-active:hover span,.menu-item.menu-active:hover svg{color:var(--green-primary-dark)}.about-toggle{position:relative;justify-content:flex-start}.about-chevron{margin-left:auto;flex:0 0 auto;color:var(--text-muted);transition:transform var(--transition-normal)}.about-toggle.about-active{background:var(--green-light)}.about-toggle.about-active,.about-toggle.about-active span,.about-toggle.about-active svg{color:var(--green-active-text)}.about-submenu{width:100%;overflow:hidden;transition:max-height .28s ease,opacity .2s ease}.about-submenu.expanded{max-height:180px}.submenu-item{width:calc(100% - 10px);min-height:36px;margin:3px 0 0 10px;padding:7px 12px 7px 18px;border-radius:0 var(--radius-md) var(--radius-md) 0}.submenu-item span{font-size:13px!important;color:#555}.submenu-item svg{color:var(--green-primary);flex-shrink:0}.submenu-item:hover{background:var(--green-hover);transform:translateX(3px)}.submenu-item:hover span,.submenu-item:hover svg{color:var(--green-active-text)}.sidebar-user{width:calc(100% - 20px);display:flex;align-items:center;gap:12px;padding:12px;margin:10px;border-radius:var(--radius-lg);background:#f6f6f6;overflow:hidden}.user-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;object-fit:cover}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{font-size:14px;font-weight:600}.user-name,.user-role{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{margin-top:2px;font-size:12px;color:var(--text-secondary)}.menu-item.logout,.menu-item.logout span{color:var(--danger)}.menu-item.logout:hover{background:var(--danger-light);color:var(--danger)}.collapse-toggle{width:32px;height:32px;margin:8px 4px 4px auto;align-self:flex-end;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;color:#6b7280;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.collapse-toggle:hover{background:var(--green-light);color:var(--green-primary);border-color:var(--green-border)}.sidebar.collapsed{width:var(--sidebar-collapsed-width);padding:20px 10px 12px}.sidebar.collapsed .about-chevron,.sidebar.collapsed .menu-item span,.sidebar.collapsed .menu-title,.sidebar.collapsed .user-info{display:none}.sidebar.collapsed .menu-section{margin-bottom:18px}.sidebar.collapsed .menu-item{justify-content:center;padding:10px;gap:0}.sidebar.collapsed .menu-item:hover{transform:none}.sidebar.collapsed .sidebar-logo{justify-content:center;width:100%}.sidebar.collapsed .sidebar-logo img{width:32px}.sidebar.collapsed .sidebar-user{justify-content:center;width:42px;margin:10px auto;padding:0;background:transparent}.sidebar.collapsed .collapse-toggle{align-self:center;margin:8px auto 4px}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:blur(2px);z-index:950;touch-action:none;overscroll-behavior:contain}.main{flex:1;width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width);min-width:0;padding:30px;transition:margin-left var(--transition-normal),width var(--transition-normal);overflow-wrap:break-word}.dashboard-container.sidebar-collapsed .main{width:calc(100% - var(--sidebar-collapsed-width));margin-left:var(--sidebar-collapsed-width)}.app-topheader{width:calc(100% - var(--sidebar-width));min-height:var(--topbar-height);margin-left:var(--sidebar-width);padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:500;transition:margin-left var(--transition-normal),width var(--transition-normal)}.dashboard-container.sidebar-collapsed .app-topheader{width:calc(100% - var(--sidebar-collapsed-width));margin-left:var(--sidebar-collapsed-width)}.header-search{width:320px;max-width:42%;min-width:180px;height:42px;display:flex;align-items:center;gap:8px;padding:8px 14px;margin-left:20px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-muted);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.header-search:focus-within{background:#fff;border-color:var(--green-primary);box-shadow:0 0 0 3px rgba(74,180,76,.12)}.header-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:14px;color:var(--text-primary)}.header-search input::placeholder{color:var(--text-muted)}.header-actions{gap:8px;flex-shrink:0}.header-actions,.icon-btn{display:flex;align-items:center}.icon-btn{position:relative;width:38px;height:38px;flex:0 0 38px;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;color:#4b5563;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.icon-btn:hover{background:var(--green-light);color:var(--green-active-text);border-color:var(--green-border)}.icon-btn:active{transform:scale(.96)}.cart-icon-btn{position:relative}.cart-count-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;display:flex;align-items:center;justify-content:center;padding:0 4px;border-radius:999px;background:var(--green-primary);color:#fff;font-size:10px;font-weight:700;line-height:1;border:1.5px solid #fff}.notif-wrapper{position:relative}.notif-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:#ef4444;border:1.5px solid #fff;pointer-events:none}.notif-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:min(320px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:1200;animation:notifFadeIn .15s ease}@keyframes notifFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.notif-header h4{margin:0;font-size:15px;font-weight:700;color:#111827}.notif-clear{padding:0;border:0;background:transparent;color:var(--green-primary);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.notif-clear:hover{text-decoration:underline}.notif-section-label{margin:4px 0 8px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.notif-list{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto}.notif-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 8px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.notif-item:hover{background:var(--surface-muted)}.notif-title{min-width:0;font-size:13.5px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.notif-time{flex-shrink:0;margin-left:10px;font-size:12px;color:var(--text-muted)}.notif-empty{padding:24px 8px;text-align:center;color:var(--text-muted);font-size:13.5px}.header-cart-title{display:flex;align-items:center;gap:12px;min-width:0;padding-top:8px}.header-back-btn{width:36px;height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:0;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.header-back-btn:hover{background:var(--surface-hover);color:var(--green-primary)}.header-cart-heading{min-width:0;margin:0;font-size:18px;font-weight:600;line-height:1.3;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-footer{width:100%;padding:16px 24px;flex-direction:column;gap:6px;background:var(--background);border-top:1px solid var(--border)}.app-footer,.footer-links{display:flex;align-items:center}.footer-links{justify-content:center;flex-wrap:wrap;gap:12px}.footer-links button{padding:0;background:none;border:0;color:#374151;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.footer-links button:hover{color:#000}.footer-dot{color:#9ca3af;font-size:13px}.footer-copy{margin:0;text-align:center;font-size:12px;color:#9ca3af}@media (max-width:1024px){.main{padding:24px}.app-topheader{padding:0 20px}.header-search{width:280px;max-width:38%}.menu-item{padding-left:12px;padding-right:12px}}@media (max-width:900px){:root{--sidebar-width:180px}.app-topheader{gap:12px;padding:0 16px}.header-search{width:240px;max-width:36%;margin-left:8px}.main{padding:20px}}@media (max-width:768px){.mobile-topbar{display:flex}.sidebar{width:min(320px,84vw);max-width:320px;padding:calc(var(--topbar-height) + 16px) 16px 16px;transform:translate3d(-105%,0,0);visibility:hidden;pointer-events:none;box-shadow:var(--shadow-lg);z-index:1000;will-change:transform}.sidebar.open{transform:translateZ(0);visibility:visible;pointer-events:auto}.sidebar.collapsed{width:min(320px,84vw);padding:calc(var(--topbar-height) + 16px) 16px 16px}.sidebar.collapsed .about-chevron,.sidebar.collapsed .menu-item span,.sidebar.collapsed .menu-title,.sidebar.collapsed .user-info{display:initial}.sidebar.collapsed .menu-item{justify-content:flex-start;padding:8px 15px;gap:12px}.sidebar.collapsed .sidebar-logo{justify-content:flex-start}.sidebar.collapsed .sidebar-logo img{width:120px}.sidebar.collapsed .sidebar-user{width:calc(100% - 20px);margin:10px;padding:12px;background:#f6f6f6}.close-sidebar{display:inline-flex}.collapse-toggle{display:none}.app-topheader{margin-top:var(--topbar-height);position:sticky;top:var(--topbar-height);min-height:56px;height:auto;padding:10px 14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;row-gap:10px;z-index:500}.app-topheader,.dashboard-container.sidebar-collapsed .app-topheader{width:100%;margin-left:0}.header-actions{order:1;width:auto;margin:0 0 0 auto;justify-content:flex-end;gap:7px}.header-search{order:2;width:100%;max-width:none;min-width:0;height:40px;margin:0;padding:7px 12px}.icon-btn{width:36px;height:36px;flex-basis:36px}.main{padding:18px 16px 24px}.dashboard-container.sidebar-collapsed .main,.main{width:100%;margin-left:0}.header-cart-title{padding-top:4px;gap:8px}.header-cart-heading{font-size:17px}.header-back-btn{width:34px;height:34px;flex-basis:34px}.app-footer{padding:16px}}@media (max-width:600px){.mobile-topbar{padding-left:12px;padding-right:12px}.mobile-logo{height:32px;max-width:130px}.main{padding:16px 14px 24px}.app-topheader{padding-left:12px;padding-right:12px}.header-actions{gap:6px}.icon-btn{width:34px;height:34px;flex-basis:34px}.header-search{height:38px}.notif-dropdown{width:min(320px,calc(100vw - 24px));right:0}.footer-links{gap:8px}}@media (max-width:480px){:root{--topbar-height:60px}.sidebar{width:86vw;padding-top:calc(var(--topbar-height) + 14px)}.mobile-logo{height:30px;max-width:120px}.menu-item{min-height:42px;padding:9px 12px}.menu-item span{font-size:14px}.header-actions{gap:5px}.icon-btn{width:33px;height:33px;flex-basis:33px;border-radius:8px}.header-search{padding:7px 11px}.header-search input{font-size:13px}.header-cart-heading{font-size:16px}.header-back-btn{width:32px;height:32px;flex-basis:32px}.notif-dropdown{width:calc(100vw - 24px);right:-8px;padding:14px}.notif-list{max-height:220px}.app-footer{padding:14px 12px}.footer-copy{font-size:11px}}@media (max-width:380px){.mobile-topbar{padding-left:10px;padding-right:10px}.mobile-logo{height:28px;max-width:105px}.menu-icon-btn{width:36px;height:36px}.header-actions{gap:4px}.icon-btn{width:31px;height:31px;flex-basis:31px}.header-search{height:37px}.main{padding-left:12px;padding-right:12px}.header-cart-title{gap:6px}.header-cart-heading{font-size:15px}.footer-links{gap:6px}}@media (max-width:340px){.mobile-logo{max-width:90px}.header-actions{gap:3px}.icon-btn{width:29px;height:29px;flex-basis:29px}.header-search input{font-size:12px}.header-cart-heading{font-size:14px}}@media (hover:none){.collapse-toggle:hover,.header-back-btn:hover,.icon-btn:hover,.menu-item:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@supports (padding:max(0px)){.mobile-topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.app-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}}.main-wrapper>*,.main>*,code,pre,table{max-width:100%}code,pre{overflow-x:auto}input,select,textarea{max-width:100%}:root{--sidebar-premium-ease:cubic-bezier(0.22,1,0.36,1);--sidebar-premium-ease-soft:cubic-bezier(0.16,1,0.3,1)}body,button,input,select,textarea{font-family:Poppins,Inter,Segoe UI,Arial,sans-serif}.app-topheader,.app-topheader *,.sidebar,.sidebar *{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.sidebar{padding-top:18px;padding-bottom:14px;transition:transform .45s var(--sidebar-premium-ease),width .38s var(--sidebar-premium-ease),box-shadow .38s var(--sidebar-premium-ease)}.sidebar-top{min-height:48px;margin-bottom:18px;padding:0 2px}.sidebar-logo{position:relative}.sidebar-logo img{transform-origin:left center;transition:width .38s var(--sidebar-premium-ease),transform .38s var(--sidebar-premium-ease)}.sidebar-logo:hover img{transform:scale(1.025)}.menu-section{margin-bottom:22px}.menu-title{padding-left:5px;margin-bottom:9px;font-size:10px;font-weight:700;letter-spacing:.085em}.menu-item,.menu-title{font-family:Poppins,Inter,Segoe UI,Arial,sans-serif}.menu-item{isolation:isolate;min-height:44px;position:relative;padding:9px 14px;border:1px solid transparent;border-radius:10px;font-size:13.5px;font-weight:500;transform:translateZ(0);transition:background .28s var(--sidebar-premium-ease),color .28s var(--sidebar-premium-ease),border-color .28s var(--sidebar-premium-ease),transform .28s var(--sidebar-premium-ease),box-shadow .28s var(--sidebar-premium-ease)}.menu-item:after{content:"";position:absolute;inset:1px;border-radius:9px;pointer-events:none;opacity:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.35);transition:opacity .28s ease}.menu-item svg{position:relative;z-index:2;width:18px;height:18px;transition:transform .3s var(--sidebar-premium-ease),color .28s ease}.menu-item span{position:relative;z-index:2;font-family:Poppins,Inter,Segoe UI,Arial,sans-serif;font-size:13.5px;font-weight:inherit;transition:color .28s ease,transform .28s var(--sidebar-premium-ease)}.menu-item:hover:not(.menu-active){transform:translate3d(4px,-1px,0);box-shadow:var(--shadow-sm)}.menu-item:hover:not(.menu-active):after{opacity:1}.menu-item:hover:not(.menu-active) svg{transform:translate3d(1px,0,0) scale(1.05)}.menu-item:hover:not(.menu-active) span{transform:translate3d(1px,0,0)}.menu-item.menu-active{background:var(--green-primary-dark);color:#fff;border-color:var(--green-primary-dark);font-weight:600;transform:translateZ(0);box-shadow:0 7px 18px rgba(54,156,56,.16);transition:background .3s var(--sidebar-premium-ease),color .3s var(--sidebar-premium-ease),border-color .3s var(--sidebar-premium-ease),box-shadow .3s var(--sidebar-premium-ease)}.menu-item.menu-active:before{left:0;top:7px;bottom:7px;width:4px;background:var(--green-primary-dark);border-radius:0 5px 5px 0;opacity:0}.menu-item.menu-active:after{opacity:1}.menu-item.menu-active span,.menu-item.menu-active svg,.menu-item.menu-active:hover span,.menu-item.menu-active:hover svg{color:#fff}.menu-item.menu-active:hover{background:var(--green-primary-dark);color:#fff;border-color:var(--green-primary-dark);transform:translateZ(0);box-shadow:0 8px 20px rgba(54,156,56,.18)}.menu-item.menu-active:hover:before{background:var(--green-primary-dark);opacity:0}.menu-item.menu-active:hover:after{opacity:1}.menu-item.menu-active svg{transform:scale(1.02)}.menu-item:active{transition-duration:.1s}.menu-item.menu-active:active,.menu-item:active{transform:scale(.975)!important}.close-sidebar:focus-visible,.collapse-toggle:focus-visible,.icon-btn:focus-visible,.menu-icon-btn:focus-visible,.menu-item:focus-visible{outline:2px solid var(--green-primary);outline-offset:2px}.about-toggle{overflow:hidden}.about-toggle.about-active{background:var(--green-primary-dark);color:#fff;box-shadow:0 7px 18px rgba(54,156,56,.14)}.about-toggle.about-active span,.about-toggle.about-active svg{color:#fff}.about-chevron{transition:transform .38s var(--sidebar-premium-ease),color .28s ease}.about-chevron.rotated{transform:rotate(180deg)}.about-submenu{max-height:0;opacity:0;transform:translate3d(0,-5px,0);transition:max-height .42s var(--sidebar-premium-ease),opacity .28s ease,transform .42s var(--sidebar-premium-ease)}.about-submenu.expanded{max-height:190px;opacity:1;transform:translateZ(0)}.submenu-item{min-height:39px;margin-top:4px;border-left:2px solid var(--green-border);transition:background .28s var(--sidebar-premium-ease),color .28s var(--sidebar-premium-ease),transform .28s var(--sidebar-premium-ease),box-shadow .28s var(--sidebar-premium-ease)}.submenu-item:hover:not(.menu-active){transform:translate3d(4px,0,0);box-shadow:var(--shadow-sm)}.submenu-item.menu-active{background:var(--green-primary-dark);color:#fff;border-left-color:var(--green-primary-dark)}.submenu-item.menu-active span,.submenu-item.menu-active svg,.submenu-item.menu-active:hover span,.submenu-item.menu-active:hover svg{color:#fff}.submenu-item.menu-active:hover{background:var(--green-primary-dark);color:#fff;transform:translateZ(0)}.sidebar.collapsed{padding-left:10px;padding-right:10px}.sidebar.collapsed .menu-item{min-height:44px;border-radius:10px}.sidebar.collapsed .menu-item:hover:not(.menu-active){transform:translate3d(0,-1px,0) scale(1.03)}.sidebar.collapsed .menu-item.menu-active{transform:translateZ(0)}.sidebar.collapsed .menu-item.menu-active svg{transform:scale(1.05)}.sidebar.collapsed .sidebar-logo img{transform-origin:center}.sidebar.collapsed .sidebar-logo:hover img{transform:scale(1.08)}.collapse-toggle{border-radius:10px;transition:background .28s var(--sidebar-premium-ease),color .28s var(--sidebar-premium-ease),border-color .28s var(--sidebar-premium-ease),transform .28s var(--sidebar-premium-ease),box-shadow .28s var(--sidebar-premium-ease)}.collapse-toggle:hover{transform:translate3d(0,-2px,0);box-shadow:var(--shadow-sm)}.collapse-toggle:active{transform:scale(.94)}.sidebar{backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%)}.app-topheader{backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%)}.overlay{backdrop-filter:blur(5px) saturate(110%);-webkit-backdrop-filter:blur(5px) saturate(110%)}.icon-btn{transition:background .28s var(--sidebar-premium-ease),color .28s var(--sidebar-premium-ease),border-color .28s var(--sidebar-premium-ease),transform .28s var(--sidebar-premium-ease),box-shadow .28s var(--sidebar-premium-ease)}.icon-btn:hover{transform:translate3d(0,-2px,0);box-shadow:var(--shadow-sm)}.icon-btn:active{transform:scale(.93)}.cart-count-badge{animation:premiumBadgeIn .45s var(--sidebar-premium-ease)}@keyframes premiumBadgeIn{0%{opacity:0;transform:scale(.55)}70%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.header-search{transition:background .3s var(--sidebar-premium-ease),border-color .3s var(--sidebar-premium-ease),box-shadow .3s var(--sidebar-premium-ease),transform .3s var(--sidebar-premium-ease)}.header-search:hover{transform:translate3d(0,-1px,0);box-shadow:var(--shadow-sm)}.header-search:focus-within{transform:translate3d(0,-1px,0)}.notif-dropdown{transform-origin:top right;animation:premiumNotificationIn .35s var(--sidebar-premium-ease)}@keyframes premiumNotificationIn{0%{opacity:0;transform:translate3d(0,-8px,0) scale(.97)}to{opacity:1;transform:translateZ(0) scale(1)}}.notif-item{transition:background .25s var(--sidebar-premium-ease),transform .25s var(--sidebar-premium-ease)}.notif-item:hover{transform:translate3d(3px,0,0)}@media (max-width:768px){.sidebar{width:min(320px,86vw);transform:translate3d(-108%,0,0);transition:transform .48s var(--sidebar-premium-ease),box-shadow .4s var(--sidebar-premium-ease)}.sidebar.open{transform:translateZ(0);box-shadow:0 18px 45px rgba(0,0,0,.14)}.sidebar .menu-section{animation:sidebarSectionIn .5s var(--sidebar-premium-ease) both}.sidebar.open .menu-section:first-child{animation-delay:.06s}.sidebar.open .menu-section:nth-child(2){animation-delay:.11s}.sidebar.open .menu-section:nth-child(3){animation-delay:.16s}.sidebar.open .menu-section:nth-child(4){animation-delay:.21s}@keyframes sidebarSectionIn{0%{opacity:0;transform:translate3d(-10px,0,0)}to{opacity:1;transform:translateZ(0)}}.mobile-topbar{backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}.menu-item{min-height:46px}.menu-item.menu-active{box-shadow:0 7px 20px rgba(54,156,56,.16)}}@media (prefers-reduced-motion:reduce){.about-submenu,.header-search,.icon-btn,.menu-item,.menu-item *,.notif-dropdown,.sidebar,.sidebar-logo img{animation:none!important;transition:none!important}}