.data-table{table-layout:fixed!important;width:100%!important;min-width:800px!important}@media screen and (max-width:768px){.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%!important}}@media screen and (max-width:640px){.hide-mobile{display:none!important}.data-table .column-id{min-width:40px!important;width:40px!important}}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;border-radius:8px}.data-table td.auto-size,.data-table th.auto-size{flex:1!important;flex-grow:1!important;width:auto!important}.data-table td,.data-table td[style*=width],.data-table th,.data-table th[style*=width]{width:var(--column-width,inherit)!important}.data-table td,.data-table th{min-width:var(--column-min-width,inherit)!important}@keyframes shine{0%{background-position:-200%}to{background-position:200%}}.animate-shine{animation:shine 3s ease-in-out infinite;background-size:200% 100%}.shop-table-container{width:100%;overflow-x:auto;border-radius:.5rem}.shop-table-container table{width:100%;border-collapse:separate;border-spacing:0}.shop-table-container thead tr th{position:sticky;top:0;background-color:hsl(var(--background)/.8);backdrop-filter:blur(4px);z-index:10;transition:all .2s ease}.dark .shop-table-container thead tr th{background-color:hsl(var(--background)/.8);border-bottom-color:hsl(var(--border)/.3)}.shop-table-container tbody tr{transition:all .2s ease}.shop-table-container tbody tr:hover{background-color:hsl(var(--muted)/.3)}.dark .shop-table-container tbody tr:hover{background-color:hsl(var(--muted)/.2)}.shop-page .id-column{width:60px!important;min-width:60px!important}.shop-page .name-column{min-width:220px!important}.shop-page .type-column{width:120px!important;min-width:120px!important}.shop-page .price-column{width:100px!important;min-width:100px!important}.shop-page .desc-column{min-width:200px!important}.shop-page .date-column{width:90px!important;min-width:90px!important}.shop-page img,.shop-table-container img.item-image{width:40px!important;height:40px!important;margin-right:.75rem!important;border-radius:4px!important;object-fit:cover!important}@media screen and (max-width:768px){.shop-table-container{border-radius:.375rem}.shop-table-container tbody tr td,.shop-table-container thead tr th{padding:.5rem!important}}@media screen and (max-width:640px){.shop-table-container .mobile-hidden{display:none!important}.shop-table-container .mobile-compact{padding:.25rem!important}}.flex-1.min-w-\[120px\]{flex:1 1 auto!important}.flex-nowrap{flex-wrap:nowrap!important}@media screen and (max-width:768px){.flex-nowrap>.relative{max-width:33.33%!important}.flex-nowrap>.relative input{font-size:.75rem!important;padding-left:8px!important;padding-right:8px!important}.flex-nowrap>.relative .absolute{display:none!important}}@media screen and (max-width:640px){.flex-nowrap>.relative input::placeholder{opacity:.5;font-size:.7rem}}.data-table th:not([data-size="0"]){min-width:60px!important}[data-column-id=priceSearch],td:has([data-column-id=priceSearch]),th:has([data-column-id=priceSearch]){display:none!important;width:0!important;max-width:0!important;padding:0!important;margin:0!important;border:none!important;opacity:0!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important}.h-10.w-10 img{width:100%!important;height:100%!important;object-fit:cover!important}.shop-table-container .badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}.line-clamp-2,.line-clamp-3{display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.line-clamp-2{-webkit-line-clamp:2!important}.line-clamp-3{-webkit-line-clamp:3!important}.shop-table-container svg{display:inline-block!important;vertical-align:middle!important}button.flex-shrink-0.whitespace-nowrap{white-space:nowrap!important}.badge.flex.items-center.justify-center{display:inline-flex!important;align-items:center!important;justify-content:center!important}[data-page=shop]{position:relative;z-index:1}svg.h-3,svg.h-3\.5,svg.h-4{display:inline-block!important;vertical-align:middle!important}.relative.flex-1{position:relative!important;flex:1 1 auto!important;min-width:120px!important}@media screen and (max-width:640px){.relative.flex-1{min-width:100%!important;margin-bottom:.5rem!important}button.flex-shrink-0.whitespace-nowrap{min-width:100%!important;justify-content:center!important}.flex.flex-wrap.items-center.gap-2>*{min-width:100%!important}}td svg,th svg{width:1em!important;height:1em!important}.shop-table-container tr:hover td{background-color:rgba(0,0,0,.03)!important}.dark .shop-table-container tr:hover td{background-color:hsla(0,0%,100%,.03)!important}.item-image{width:40px!important;height:40px!important}.item-image,.item-image-large{object-fit:cover!important;border-radius:4px!important}.item-image-large{width:64px!important;height:64px!important}.shop-page .lucide:not(.sun-icon):not(.moon-icon),.shop-table-container .lucide:not(.sun-icon):not(.moon-icon){display:inline-block!important;vertical-align:middle!important}.PopoverContent{box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)!important}.search-inputs-container{position:relative;z-index:10}.search-input-wrapper{transition:all .2s ease-in-out}.search-input-wrapper:hover{z-index:20}.search-input-wrapper input{background-color:rgba(var(--background-rgb),.6)!important}.dark .search-input-wrapper input{background-color:rgba(var(--background-rgb),.3)!important}.search-input-wrapper input:focus{box-shadow:none;z-index:20;position:relative}.dark .search-input-wrapper input:focus,.search-input-wrapper input:focus{background-color:rgba(var(--background-rgb),.5)!important}.search-input-wrapper:focus-within .search-icon{color:var(--primary)}@media screen and (max-width:768px){.search-inputs-container>.search-input-wrapper{width:33.33%!important}.search-inputs-container>.search-input-wrapper input{font-size:.75rem!important;padding-left:28px!important;padding-right:28px!important}.search-inputs-container>.search-input-wrapper .search-icon{left:8px!important}}@media screen and (max-width:640px){.search-inputs-container>.search-input-wrapper input::placeholder{opacity:.5;font-size:.7rem}}