@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--accent-primary:#6366f1;--accent-hover:#4f46e5;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border-color:#e2e8f0;--border-highlight:#cbd5e1;--bg-hover:#0000000a;--font-sans:"Inter", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--header-height:72px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-highlight)}
.Header-module__lnUIdW__header{z-index:50;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background-color:#ffffffd9;transition:transform .3s cubic-bezier(.4,0,.2,1);position:sticky;top:0}.Header-module__lnUIdW__headerHidden{transform:translateY(-100%)}.Header-module__lnUIdW__inner{max-width:1400px;height:var(--header-height);align-items:center;gap:24px;margin:0 auto;padding:0 32px;display:flex}.Header-module__lnUIdW__logo{letter-spacing:-.03em;white-space:nowrap;color:var(--text-primary);flex-shrink:0;align-items:center;font-size:1.35rem;font-weight:700;text-decoration:none;display:flex}.Header-module__lnUIdW__logoAccent{color:var(--accent-primary)}.Header-module__lnUIdW__logoImage{width:auto;height:38px;display:block}.Header-module__lnUIdW__searchContainer{width:100%;max-width:340px;margin-left:auto;position:relative}.Header-module__lnUIdW__searchIcon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.Header-module__lnUIdW__searchInput{background-color:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-size:.9rem;font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:100px;padding:10px 16px 10px 42px}.Header-module__lnUIdW__searchInput:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #6366f126}.Header-module__lnUIdW__searchInput::placeholder{color:var(--text-muted)}.Header-module__lnUIdW__nav{flex-shrink:0;align-items:center;gap:4px;display:flex}.Header-module__lnUIdW__navLink{border-radius:var(--radius-md);color:var(--text-secondary);text-transform:capitalize;transition:all var(--transition-fast);padding:8px 14px;font-size:.9rem;font-weight:500;text-decoration:none;position:relative}.Header-module__lnUIdW__navLink:after{content:"";background:var(--accent-primary);height:2px;transition:transform var(--transition-normal);border-radius:2px;position:absolute;bottom:2px;left:14px;right:14px;transform:scaleX(0)}.Header-module__lnUIdW__navLink:hover{color:var(--text-primary);background-color:var(--bg-hover)}.Header-module__lnUIdW__navLink:hover:after{transform:scaleX(1)}.Header-module__lnUIdW__navLinkActive{color:var(--text-primary);background-color:var(--bg-hover)}.Header-module__lnUIdW__navLinkActive:after{transform:scaleX(1)}.Header-module__lnUIdW__navPlaceholder{height:38px}.Header-module__lnUIdW__mobileCategoryRow{display:none}.Header-module__lnUIdW__authSection{flex-shrink:0;align-items:center;gap:8px;display:flex}.Header-module__lnUIdW__authLink{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:500;text-decoration:none;display:flex}.Header-module__lnUIdW__authLink:hover{background-color:var(--bg-hover);color:var(--text-primary)}.Header-module__lnUIdW__loginBtn{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-primary), #a855f7);color:#fff;transition:opacity var(--transition-fast);align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.Header-module__lnUIdW__loginBtn:hover{opacity:.9}.Header-module__lnUIdW__logoutBtn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.Header-module__lnUIdW__logoutBtn:hover{color:#ef4444;background-color:#ef44441a}@media (max-width:900px){.Header-module__lnUIdW__nav{display:none}.Header-module__lnUIdW__searchContainer{max-width:unset}.Header-module__lnUIdW__mobileCategoryRow{white-space:nowrap;border-top:1px solid var(--border-color);scrollbar-width:none;background-color:#fffffff2;align-items:center;gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.Header-module__lnUIdW__mobileCategoryRow::-webkit-scrollbar{display:none}.Header-module__lnUIdW__mobileTab{color:var(--text-secondary);background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:all var(--transition-fast);border-radius:100px;padding:6px 14px;font-size:.825rem;font-weight:600;text-decoration:none}.Header-module__lnUIdW__mobileTabActive{color:#fff;background:linear-gradient(135deg, var(--accent-primary), #a855f7);border-color:#0000}}@media (max-width:600px){.Header-module__lnUIdW__inner{gap:12px;padding:0 16px}.Header-module__lnUIdW__authLink span{display:none}}.Header-module__lnUIdW__avatarContainer{align-items:center;display:flex;position:relative}.Header-module__lnUIdW__avatarButton{cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;border-radius:100px;align-items:center;gap:6px;padding:4px;display:flex}.Header-module__lnUIdW__avatarButton:hover{background-color:var(--bg-hover)}.Header-module__lnUIdW__avatarCircle{background:linear-gradient(135deg, var(--accent-primary), #a855f7);color:#fff;border:2px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;font-weight:700;display:flex;position:relative;overflow:hidden}.Header-module__lnUIdW__avatarImg{object-fit:cover;width:100%;height:100%}.Header-module__lnUIdW__avatarChevron{color:var(--text-muted);transition:transform var(--transition-fast)}.Header-module__lnUIdW__avatarChevronOpen{transform:rotate(180deg)}.Header-module__lnUIdW__dropdownMenu{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);z-index:100;flex-direction:column;gap:4px;width:240px;padding:8px;animation:.2s cubic-bezier(.4,0,.2,1) Header-module__lnUIdW__slideDown;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px #0000001a}.Header-module__lnUIdW__dropdownHeader{border-bottom:1px solid var(--border-color);flex-direction:column;gap:2px;margin-bottom:4px;padding:12px;display:flex}.Header-module__lnUIdW__userName{color:var(--text-primary);font-size:.95rem;font-weight:600}.Header-module__lnUIdW__userEmail{color:var(--text-muted);word-break:break-all;font-size:.8rem}.Header-module__lnUIdW__dropdownItem{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:.875rem;text-decoration:none;display:flex}.Header-module__lnUIdW__dropdownItem:hover{background-color:var(--bg-hover);color:var(--text-primary)}.Header-module__lnUIdW__dropdownLogout{color:#ef4444}.Header-module__lnUIdW__dropdownLogout:hover{color:#ef4444;background-color:#ef444414}.Header-module__lnUIdW__avatarSpinner{color:#fff;background:#0006;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@keyframes Header-module__lnUIdW__slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.Header-module__lnUIdW__welcomeText{color:var(--text-secondary);white-space:nowrap;font-size:.85rem;font-weight:600}
.layout-module__L5FxyW__main{max-width:1400px;margin:0 auto;padding:0 32px 32px}