:root{--brand:#0f172a;--accent:#f97316;--accent2:#fb923c;--glass:#ffffffb8;--radius:14px;--shadow:0 8px 32px #0f172a1a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.85)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes badgePop{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse-ring{0%{box-shadow:0 0 #f9731673}70%{box-shadow:0 0 0 8px #f9731600}to{box-shadow:0 0 #f9731600}}.header-root{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--shadow);z-index:999;background:#fff;border-bottom:1px solid #0f172a14;animation:.45s cubic-bezier(.22,1,.36,1) slideDown;position:sticky;top:0}.header-inner{grid-template-columns:auto minmax(320px,1fr) auto;align-items:center;gap:clamp(10px,2vw,24px);width:100%;height:72px;padding:0 clamp(12px,3vw,24px);display:grid}.logo-wrap{cursor:pointer;justify-self:start;align-items:center;transition:transform .2s;display:flex}.search-wrap{justify-self:center;width:100%;max-width:560px;position:relative}.search-inner{background:#fff;border:1.5px solid #e2e8f0;border-radius:50px;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:visible}.search-inner:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #f973161f}.search-icon{color:#94a3b8;pointer-events:none;font-size:14px;transition:color .2s;position:absolute;left:16px}.search-inner:focus-within .search-icon{color:var(--accent)}.search-input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;padding:11px 16px 11px 40px;font-size:14px}.search-input::placeholder{color:#94a3b8}.search-btn{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:50px;margin:4px;padding:8px 20px;font-size:13px;font-weight:600;transition:opacity .15s,transform .15s}.search-btn:hover{opacity:.88;transform:scale(1.03)}.search-btn:active{transform:scale(.97)}.search-dropdown{border-radius:var(--radius);z-index:200;background:#fff;border:1px solid #f1f5f9;animation:.2s slideDown;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow:hidden;box-shadow:0 20px 60px #0f172a24}.dropdown-item{cursor:pointer;color:inherit;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;transition:background .15s;display:flex}.dropdown-item:hover{background:#fef9f6}.dropdown-item+.dropdown-item{border-top:1px solid #f8fafc}.dropdown-img{-o-object-fit:cover;object-fit:cover;background:#f1f5f9;border-radius:8px;flex-shrink:0;width:44px;height:44px}.dropdown-name{color:#1e293b;font-size:14px;font-weight:500}.dropdown-cat{color:#94a3b8;margin-top:2px;font-size:12px}.dropdown-status{color:#94a3b8;text-align:center;padding:14px 16px;font-size:13px}.right-section{justify-self:end;align-items:center;gap:6px;display:flex}.icon-btn{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;transition:background .15s,transform .15s;display:flex;position:relative}.icon-btn:hover{color:var(--accent);background:#fff5f0;transform:translateY(-1px)}.icon-btn svg{font-size:22px;transition:color .15s}.icon-label{letter-spacing:.3px;font-size:10px;font-weight:500}.badge{background:var(--accent);color:#fff;border:2px solid #fff;border-radius:99px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;animation:.35s cubic-bezier(.34,1.56,.64,1) badgePop;display:flex;position:absolute;top:4px;right:6px}.vdivider{background:#e2e8f0;width:1px;height:32px;margin:0 4px}.account-wrap{position:relative}.account-btn{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:50px;align-items:center;gap:8px;padding:7px 14px;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex}.account-btn:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 0 0 4px #f973161a}.account-avatar{background:linear-gradient(135deg,var(--accent),#fbbf24);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.account-name{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:13px;font-weight:600;overflow:hidden}.account-mobile{color:#94a3b8;font-size:11px;font-weight:400}.account-chevron{color:#94a3b8;font-size:10px;transition:transform .2s}.account-chevron.open{transform:rotate(180deg)}.account-dropdown{border-radius:var(--radius);z-index:300;background:#fff;border:1px solid #f1f5f9;width:200px;animation:.2s popIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 20px 60px #0f172a24}.account-dropdown-header{background:linear-gradient(135deg,#fff5f0,#fff);border-bottom:1px solid #fee2e2;padding:14px 16px}.account-dropdown-name{color:#1e293b;font-size:14px;font-weight:700}.account-dropdown-sub{color:#94a3b8;margin-top:2px;font-size:11px}.account-menu-item{color:#475569;cursor:pointer;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.account-menu-item:hover{color:var(--accent);background:#fef9f6}.account-menu-item.danger:hover{color:#ef4444;background:#fef2f2}.account-menu-divider{background:#f1f5f9;height:1px}.login-btn{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:700;transition:opacity .15s,transform .15s,box-shadow .15s;animation:2s infinite pulse-ring;display:flex;box-shadow:0 4px 16px #f973164d}.login-btn:hover{opacity:.92;transform:translateY(-2px);box-shadow:0 8px 24px #f9731666}.brand-shimmer{background:linear-gradient(90deg,var(--brand)25%,var(--accent)50%,var(--brand)75%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;animation:4s linear infinite shimmer}