.inventory-page{background-color:#f8f9fb;flex-direction:column;min-height:100vh;display:flex}.inventory-hero{text-align:center;justify-content:center;align-items:center;width:100%;margin-top:77px;padding:32px 24px;display:flex;position:relative}.inventory-hero-bg{background-color:#1a1a2e;background-image:url(https://images.unsplash.com/photo-1552519507-da3b142c6e3d?q=80&w=2000&auto=format&fit=crop);background-position:50%;background-size:cover;position:absolute;inset:0}.inventory-hero-overlay{background:linear-gradient(#1a1a2ecc 0%,#1a1a2e99 100%);position:absolute;inset:0}.inventory-hero-content{z-index:2;flex-direction:column;align-items:center;gap:8px;max-width:640px;animation:.8s ease-out forwards fadeUp;display:flex;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.inventory-hero-label{color:#60a5fa;letter-spacing:1.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2563eb33;border:1px solid #2563eb66;border-radius:100px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.inventory-hero-title{color:#fff;letter-spacing:-.02em;margin:0;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.1}.inventory-hero-sub{color:#fff;margin:0;font-size:16px;line-height:1.5}.inventory-main{box-sizing:border-box;flex:1;align-items:flex-start;gap:32px;width:100%;max-width:1440px;margin:0 auto;padding:48px 80px;display:flex}.inventory-content{flex-direction:column;flex:1;gap:24px;min-width:0;display:flex}.inventory-search-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.inventory-search-box{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:12px;width:360px;padding:12px 16px;display:flex}.inventory-search-input{color:#1a1a2e;background-color:#0000;border:none;outline:none;flex:1;font-size:14px}.inventory-count{color:#6b7280;font-size:14px}.inventory-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.inventory-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 0;display:flex}.inventory-empty-text{color:#6b7280;font-size:16px}.inventory-reset-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:600}.inventory-reset-btn:hover{background-color:#1d4ed8}.inventory-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 0;font-size:14px;display:flex}.inventory-sidebar-wrapper{display:contents}.inventory-sidebar-mobile-header,.inventory-sidebar-close-btn,.inventory-sidebar-backdrop,.inventory-filter-toggle-btn{display:none}.inventory-search-actions{flex-shrink:0;align-items:center;gap:16px;display:flex}.inventory-sort-wrapper{position:relative}.inventory-sort-box{width:180px;height:40px;padding-right:12px}.inventory-sort-dropdown{z-index:10;margin-top:4px;position:absolute;top:100%;left:0;right:0}@media (max-width:1200px){.inventory-main{gap:24px;padding:40px}.inventory-grid{grid-template-columns:repeat(2,1fr)}.inventory-search-box{flex:1;width:auto}}@media (max-width:1024px){.inventory-main{flex-direction:column;padding:32px 24px}.inventory-sidebar-wrapper{z-index:200;max-height:85dvh;padding:0 0 env(safe-area-inset-bottom,0);background-color:#fff;border-radius:20px 20px 0 0;transition:transform .35s cubic-bezier(.32,.72,0,1);display:block;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -8px 40px #0000002e}.inventory-sidebar-wrapper.is-open{transform:translateY(0)}.inventory-sidebar-mobile-header{justify-content:space-between;align-items:center;padding:16px 20px 0;display:flex}.inventory-sidebar-mobile-title{color:#1a1a2e;font-size:16px;font-weight:700}.inventory-sidebar-close-btn{cursor:pointer;color:#1a1a2e;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.inventory-sidebar-wrapper .filter-sidebar{box-shadow:none;border:none;border-radius:0}.inventory-sidebar-wrapper .filter-sidebar .filter-sidebar-title,.inventory-sidebar-wrapper .filter-sidebar .filter-sidebar-title+.filter-sidebar-divider{display:none}.inventory-sidebar-backdrop{z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:block;position:fixed;inset:0}.inventory-filter-toggle-btn{color:#1a1a2e;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background-color .2s,border-color .2s;display:flex}.inventory-filter-toggle-btn:hover{background-color:#f3f4f6;border-color:#d1d5db}.inventory-grid{grid-template-columns:repeat(2,1fr)}.inventory-search-box{flex:1;width:auto}}@media (max-width:768px){.inventory-hero{margin-top:65px}.inventory-main{padding:24px 16px}.inventory-hero-sub{font-size:14px}.inventory-search-row{flex-wrap:wrap;gap:12px}.inventory-search-box{order:2;width:100%}.inventory-filter-toggle-btn{order:1}.inventory-search-actions{order:3;justify-content:space-between;width:100%}.inventory-sort-box{width:auto}.inventory-grid{grid-template-columns:repeat(2,1fr);gap:12px}.inventory-count{white-space:nowrap}}@media (max-width:480px){.inventory-main{padding:20px 12px}.inventory-grid{grid-template-columns:1fr;gap:12px}}