#searchInput,.filter-sidebar{border-radius:8px;box-sizing:border-box}body{background-color:#f8f9fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:13px}.list-main-container{margin:20px 40px}.sidebar-container{width:180px;min-width:180px;position:fixed;top:80px;bottom:40px}.filter-sidebar{background-color:#fff;padding:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);height:100%;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start}.filter-sidebar h3{font-size:15px;font-weight:600;margin-bottom:12px;color:#333}.alphabet-filter{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.filter-section h4,.size-filter-list div{margin-bottom:10px}.alphabet-filter a.filter-btn{display:flex;align-items:center;justify-content:center;height:32px;background-color:#f1f3f5;border-radius:6px;color:#555;font-weight:500;text-decoration:none;transition:all .2s ease-in-out}.alphabet-filter a.filter-btn:hover{background-color:#e9ecef;color:#000}.alphabet-filter a.filter-btn.active{background-color:#0064c8;color:#fff;font-weight:600}.filter-section{margin-top:15px;padding-top:12px;border-top:1px solid #e9ecef}.filter-section h4{font-size:14px;font-weight:600}.popular-countries-list{display:flex;flex-wrap:wrap;gap:6px}.popular-btn{padding:5px 8px;background-color:#f1f3f5;border-radius:6px;color:#555;text-decoration:none;transition:all .2s ease-in-out}.popular-btn.active,.popular-btn:hover{background-color:#0064c8;color:#fff}.size-filter-list label{display:flex;align-items:center;cursor:pointer;font-size:13px}.size-filter-cb{margin-right:8px;width:16px;height:16px}.main-content-container{margin-left:195px}.search-container{position:relative;margin-bottom:20px}#searchInput{width:100%;height:38px;padding:10px 15px 10px 40px;border:1px solid #e0e0e0;font-size:13px;background-color:#fff;transition:all .2s ease-in-out}#searchInput:focus{border-color:#0064c8;box-shadow:0 0 0 3px rgba(0,100,200,.1);outline:0}.search-icon-wrapper{position:absolute;top:50%;left:15px;transform:translateY(-50%);pointer-events:none}.search-icon{width:20px;height:20px;fill:#aaa}.table-container{background-color:#fff;padding:12px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.layui-table{width:100%;border-collapse:collapse}.layui-table thead th{background-color:#f8f9fa;font-weight:600;text-align:left;padding:10px 12px;border-bottom:2px solid #dee2e6}.layui-table tbody td{padding:10px 12px;vertical-align:middle;border-bottom:1px solid #e9ecef}.layui-table tbody tr:last-child td{border-bottom:none}.layui-table tbody tr:hover{background-color:#f1f3f5}.color-dot{display:inline-block;width:18px;height:18px;border-radius:50%;margin-right:6px;border:1px solid #e0e0e0;vertical-align:middle}#no-results{color:#777;font-size:16px}@media (max-width:992px){.list-main-container{flex-direction:column;gap:20px}.sidebar-container{width:100%;position:static;height:auto}.filter-sidebar{overflow-y:visible}}@media (max-width:480px){.alphabet-filter{grid-template-columns:repeat(5,1fr)}.layui-table thead{display:none}.layui-table,.layui-table tbody,.layui-table td,.layui-table tr{display:block;width:100%}.layui-table tr{margin-bottom:15px;border:1px solid #e9ecef;border-radius:6px}.layui-table td{text-align:right;padding-left:50%;position:relative;border-bottom:1px solid #e9ecef}.layui-table td:last-child{border-bottom:none}.layui-table td::before{content:attr(data-label);position:absolute;left:15px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:600;color:#333}}#image-preview-popup{display:block;opacity:0;visibility:hidden;position:absolute;z-index:1000;width:450px;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);pointer-events:none;transition:opacity .3s ease,visibility .3s ease;padding:0}.preview-content{display:flex;align-items:center}.preview-details{padding:10px;flex-grow:1}.preview-details table{width:100%;border-collapse:collapse}.preview-details td{padding:5px;font-size:13px;border-bottom:1px solid #f0f0f0}.preview-details tr:last-child td{border-bottom:none}.preview-details td:first-child{font-weight:600;color:#555;width:50%}#image-preview-popup.visible{opacity:1;visibility:visible}