.header{right:0;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.02)}.dropdown-categories{background:#fff;border:1px solid #f0f0f0;padding:8px 0;min-width:200px;max-height:300px;overflow-y:auto;box-shadow:0 2px 8px rgba(0,0,0,.15);border-radius:4px}.dropdown-item{padding:8px 16px;cursor:pointer;transition:background .2s}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-empty{padding:8px 16px;color:#999;font-style:italic}.header-scrolled{background:rgba(255,255,255,.98);box-shadow:0 4px 20px rgba(0,0,0,.08);backdrop-filter:blur(30px)}.header-container{max-width:1400px;margin:0 auto;padding:0 24px;width:100%}.header-content{display:flex;align-items:center;height:72px;gap:20px;width:100%;position:relative}.logo-section{cursor:pointer;transition:transform .2s ease;flex:0 0 auto;min-width:180px}.logo-section:hover{transform:scale(1.05)}.logo{display:flex;align-items:center;gap:8px}.logo-icon{font-size:28px;color:#1890ff;transition:all .3s ease}.logo-text{font-size:24px;font-weight:800;background:linear-gradient(135deg,#1890ff,#722ed1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.5px}.logo-accent{color:#faad14;font-size:20px;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(180deg)}}.navigation-desktop{gap:4px;overflow:hidden}.nav-item,.navigation-desktop{display:flex;align-items:center;flex:0 0 auto;white-space:nowrap}.nav-item{gap:6px;padding:10px 12px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;color:#555;font-weight:500;font-size:14px}.nav-item:hover{background:rgba(var(--item-color-rgb,24,144,255),.08);color:var(--item-color,#1890ff);transform:translateY(-2px)}.nav-item:active{transform:translateY(0)}.nav-icon{font-size:16px;transition:all .3s ease;flex:0 0 auto}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-label{white-space:nowrap;flex:0 0 auto}.search-section{flex:2;min-width:300px;margin:0 20px;display:flex;justify-content:center}.search-wrapper{position:relative;width:100%;max-width:800px}.search-input{height:50px;border-radius:25px;border:2px solid #f0f0f0;background:rgba(255,255,255,.95);transition:all .3s ease;font-size:15px;font-weight:500;color:#262626;width:100%}.search-input .ant-input-affix-wrapper{padding:12px 20px!important;font-size:15px!important;line-height:1.5!important;height:50px!important;border-radius:25px!important}.search-input .ant-input{font-size:15px!important;font-weight:500!important;color:#262626!important;line-height:1.5!important}.search-input:hover{border-color:#d9d9d9;box-shadow:0 4px 12px rgba(0,0,0,.05)}.search-input.ant-input-focused,.search-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.1)}.search-icon{color:#8c8c8c;font-size:16px}.search-button{color:#1890ff;font-weight:500;border-radius:16px;padding:0 12px;height:32px}.search-button:hover{background:rgba(24,144,255,.1)}.ai-search-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:all .3s ease}.ai-search-button:hover{background:rgba(24,144,255,.1);transform:scale(1.1)}.auth-section{flex:0 0 auto;min-width:180px;justify-content:flex-end}.auth-section,.user-section{gap:12px}.auth-section,.cart-badge,.cart-btn,.notification-badge,.notification-btn,.user-section{display:flex;align-items:center}.cart-btn,.notification-btn{width:40px;height:40px;border-radius:50%;justify-content:center;font-size:18px;color:#595959;transition:all .3s ease}.cart-btn:hover,.notification-btn:hover{background:rgba(24,144,255,.1);color:#1890ff;transform:scale(1.1)}.user-profile{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.user-profile:hover{background:rgba(24,144,255,.05)}.user-avatar{border:2px solid #f0f0f0;transition:all .3s ease;flex:0 0 auto}.user-profile:hover .user-avatar{border-color:#1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.1)}.user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.user-name{font-weight:600;font-size:14px;color:#262626;overflow:hidden;text-overflow:ellipsis}.user-name,.user-role{line-height:1.2;white-space:nowrap}.user-role{font-size:12px;color:#8c8c8c}.auth-buttons{display:flex;align-items:center;gap:8px}.register-btn{color:#595959;font-weight:500;height:40px;padding:0 20px;border-radius:20px;transition:all .3s ease;white-space:nowrap}.register-btn:hover{background:rgba(0,0,0,.04);color:#262626}.login-btn{height:40px;padding:0 24px;border-radius:20px;font-weight:500;background:linear-gradient(135deg,#1890ff,#722ed1);border:none;box-shadow:0 4px 12px rgba(24,144,255,.3);transition:all .3s ease;white-space:nowrap}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(24,144,255,.4)}.mobile-menu{display:none;flex:0 0 auto}.hamburger-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#595959;transition:all .3s ease}.hamburger-btn:hover{background:rgba(24,144,255,.1);color:#1890ff;transform:scale(1.1)}.mobile-drawer .ant-drawer-header{background:linear-gradient(135deg,#1890ff,#722ed1);color:white;border-bottom:none}.mobile-drawer .ant-drawer-close,.mobile-drawer .ant-drawer-header-title{color:white}.drawer-header{display:flex;align-items:center;font-weight:600;font-size:16px}.drawer-content{padding:0;height:100%;display:flex;flex-direction:column}.drawer-search{padding:20px;background:#fafafa}.drawer-search .ant-input{height:44px;border-radius:8px;border:1px solid #d9d9d9}.drawer-navigation{flex:1;padding:8px}.drawer-nav-item{display:flex;align-items:center;gap:12px;padding:16px 20px;margin:4px 0;border-radius:12px;cursor:pointer;transition:all .3s ease;color:#595959;font-weight:500}.drawer-nav-item:hover{background:rgba(var(--item-color-rgb,24,144,255),.08);color:var(--item-color,#1890ff);transform:translateX(4px)}.drawer-nav-icon{font-size:18px;width:24px;text-align:center;flex:0 0 auto}.drawer-nav-label{font-size:15px}.drawer-user-section{border-top:1px solid #f0f0f0;padding:20px;background:#fafafa}.drawer-user-logged{display:flex;flex-direction:column;gap:20px}.drawer-user-profile{display:flex;align-items:center;gap:12px;padding:16px;background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.drawer-user-info{flex:1;min-width:0}.drawer-user-name{font-weight:600;font-size:16px;color:#262626;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-user-role{font-size:14px;color:#8c8c8c}.drawer-user-actions{display:flex;flex-direction:column;gap:8px}.drawer-action-btn{height:44px;display:flex;align-items:center;justify-content:flex-start;gap:8px;border-radius:8px;font-weight:500;transition:all .3s ease}.drawer-action-btn:hover:not(.logout-btn){background:rgba(24,144,255,.1);color:#1890ff}.logout-btn:hover{background:rgba(255,77,79,.1)}.drawer-auth-section{display:flex;flex-direction:column;gap:12px}.drawer-login-btn,.drawer-register-btn{height:48px;border-radius:8px;font-weight:500;font-size:15px}.drawer-login-btn{background:linear-gradient(135deg,#1890ff,#722ed1);border:none}@media (max-width:1400px){.header-container{padding:0 20px}.header-content{gap:16px}.auth-section,.logo-section{min-width:160px}}@media (max-width:1200px){.header-content{gap:12px}.search-section{max-width:350px}.nav-label{display:none}.nav-item{padding:10px;min-width:40px;justify-content:center}.auth-section,.logo-section{min-width:140px}}@media (max-width:992px){.navigation-desktop,.search-section{display:none}.mobile-menu{display:block}.header-content{gap:16px;justify-content:space-between}.logo-section{flex:1;min-width:auto}.user-info{display:none}.auth-section{flex:1;min-width:auto;justify-content:flex-end}}@media (max-width:768px){.header-container{padding:0 16px}.header-content{height:64px;gap:12px}.logo-text{font-size:20px}.logo-icon{font-size:24px}.auth-buttons{gap:6px}.login-btn,.register-btn{height:36px;padding:0 16px;font-size:13px}.cart-btn,.notification-btn{width:36px;height:36px;font-size:16px}.user-profile{padding:4px 8px;gap:6px}}@media (max-width:576px){.header-container{padding:0 12px}.header-content{height:60px;gap:8px}.logo-text{font-size:18px}.logo-icon{font-size:22px}.auth-section .register-btn{display:none}.login-btn{height:32px;padding:0 12px;font-size:12px}.cart-btn,.notification-btn{width:32px;height:32px;font-size:14px}}@media (max-width:480px){.header-content{height:56px}.logo-text{font-size:16px}.logo-icon{font-size:20px}.hamburger-btn{width:36px;height:36px;font-size:18px}}@media (prefers-color-scheme:dark){.header{background:rgba(20,20,20,.95);border-bottom-color:rgba(255,255,255,.1)}.header-scrolled{background:rgba(20,20,20,.98);box-shadow:0 4px 20px rgba(0,0,0,.3)}.nav-item{color:#d9d9d9}.search-input{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#d9d9d9}.user-name{color:#d9d9d9}.drawer-content{background:#141414}.drawer-nav-item{color:#d9d9d9}}.header{animation:slideDown .6s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.hamburger-btn:focus,.nav-item:focus,.user-profile:focus{outline:2px solid #1890ff;outline-offset:2px}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}.header-content>*{flex-shrink:0}.header-content>.search-section{flex-shrink:1}.drawer-user-name,.user-name{max-width:120px}@media (max-width:768px){.drawer-user-name,.user-name{max-width:80px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif;background-color:#f9fafb}.header{position:fixed;top:0;left:0;width:100%;height:64px;color:white;z-index:1000}.main-content{padding-top:70px;padding-left:16px;padding-right:16px;max-width:100%;margin:0 auto}