.thg-interactive{margin-bottom:100px;position:relative}.header{text-align:center;margin-bottom:30px}.header h1{font-family:'Merriweather',serif;color:#000;font-size:2.5rem;margin-bottom:10px;background:linear-gradient(135deg,#000000,#b11116);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.header p{color:#64748b;font-size:1.1rem}.controls{background:rgb(255 255 255 / .9);backdrop-filter:blur(10px);padding:25px;box-shadow:0 8px 32px rgb(0 0 0 / .1);border:1px solid rgb(255 255 255 / .2);z-index:100;-webkit-border-top-left-radius:16px;-webkit-border-top-right-radius:16px;-moz-border-radius-topleft:16px;-moz-border-radius-topright:16px;border-top-left-radius:16px;border-top-right-radius:16px}.search-filter-row{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.search-container{flex:1;min-width:300px}.search-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all 0.3s ease;background:#fff}.search-input:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px rgb(29 78 216 / .1)}.filter-select{padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;background:#fff;min-width:180px;cursor:pointer;transition:all 0.3s ease}.filter-select:focus{outline:none;border-color:#1d4ed8}.stats{display:flex;gap:20px;align-items:center;font-weight:600;color:#475569;flex-wrap:wrap}.items-list{background:rgb(255 255 255 / .9);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgb(0 0 0 / .1);border:1px solid rgb(255 255 255 / .2);overflow:hidden}.list-header{background:linear-gradient(135deg,#000000,#b11116);color:#fff;padding:20px;display:none}.list-header.desktop{display:grid;grid-template-columns:50px 1fr 100px 100px 75px;gap:20px;align-items:center}.list-header h3{font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;color:#fff}.list-item{border-bottom:1px solid #e2e8f0;transition:all 0.3s ease;cursor:pointer}.list-item:hover{background:rgb(29 78 216 / .02);transform:translateY(-1px);box-shadow:0 4px 12px rgb(0 0 0 / .05)}.list-item:last-child{border-bottom:none}.item-content{padding:20px}.item-content.desktop{display:grid;grid-template-columns:50px 1fr 100px 100px 72px;gap:20px;align-items:center}.item-content.mobile{display:grid;grid-template-columns:50px 1fr 50px;gap:15px;align-items:flex-start}.serial-number{font-weight:700;color:#475569;text-align:center}.product-description{font-weight:500;color:#1e293b;line-height:1.4}.product-description.expandable{cursor:pointer}.product-description:hover.expandable{color:#1d4ed8}.product-details{margin-top:10px;padding:10px 15px;background:#f8fafc;border-left:3px solid #1d4ed8;border-radius:8px;font-size:.9rem;color:#475569;display:none}.product-details.expanded{display:block}.tax-info{font-weight:600;text-align:center;padding:8px 12px;border-radius:8px;font-size:.9rem}.previous-tax{background:#f1f5f9;color:#64748b}.current-tax{background:#dbeafe;color:#1d4ed8}.change-indicator{text-align:center;font-size:1.5rem;font-weight:700}.change-up{color:#dc2626}.change-down{color:#059669}.change-same{color:#6b7280}.mobile-tax-info{display:none;margin-top:12px;grid-column:1 / -1}.mobile-tax-row{display:flex;gap:15px}.mobile-tax-card{flex:1;padding:12px;border-radius:8px;text-align:center}.mobile-tax-card .label{font-size:.8rem;color:#64748b;margin-bottom:5px;font-weight:600}.mobile-tax-card .value{font-weight:700;font-size:1rem}.empty-state{text-align:center;padding:60px 20px;color:#64748b}.empty-state h3{font-size:1.5rem;margin-bottom:10px;color:#475569}.highlight{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:2px 4px;border-radius:4px;font-weight:600}#firstBtn,#lastBtn{display:none}@media (max-width:1024px){.controls{background:linear-gradient(135deg,#000000,#b11116);color:#fff}.controls .search-input{background:rgb(255 255 255 / .95);border-color:rgb(255 255 255 / .3)}.controls .search-input:focus{background:#fff;border-color:#fff;box-shadow:0 0 0 3px rgb(255 255 255 / .2)}.controls .filter-select{background:rgb(255 255 255 / .95);border-color:rgb(255 255 255 / .3)}.controls .filter-select:focus{background:#fff;border-color:#fff}.controls .stats{color:rgb(255 255 255 / .9)}}@media (max-width:700px){.header h1{font-size:2rem}.controls{padding:20px;position:static}.search-filter-row{flex-direction:column;align-items:stretch}.search-container{min-width:auto}.stats{justify-content:center;font-size:.9rem}.list-header.desktop{display:none}.item-content.desktop{display:none}.item-content.mobile{display:grid}.mobile-tax-info{display:block}}@media (min-width:700px){.list-header.desktop{display:grid}.item-content.desktop{display:grid}.item-content.mobile{display:none}}.loading{text-align:center;padding:40px;color:#64748b}.loading::after{content:'';display:inline-block;width:20px;height:20px;border:3px solid #e2e8f0;border-radius:50%;border-top:3px solid #1d4ed8;animation:spin 1s linear infinite;margin-left:10px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding:20px;backdrop-filter:blur(10px);border-radius:16px;flex-wrap:wrap}.pagination-btn{padding:8px 16px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;font-weight:600;cursor:pointer;transition:all 0.3s ease;font-size:.9rem}.pagination-btn:hover:not(:disabled){border-color:#1d4ed8;color:#1d4ed8;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f8fafc}.pagination-dropdown{padding:8px 16px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;font-weight:600;cursor:pointer;transition:all 0.3s ease;font-size:.9rem;min-width:120px}.pagination-dropdown:hover{border-color:#1d4ed8;color:#1d4ed8}.pagination-dropdown:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px rgb(29 78 216 / .1)}@media (max-width:768px){.pagination{gap:10px}.pagination-numbers{justify-content:center}.pagination-btn{padding:10px 20px}.pagination-dropdown{padding:10px 20px;min-width:140px}}