:root{--primary-color: #28a745;--secondary-color: #007bff;--text-color: #333;--bg-color: #f5f5f5;--table-bg: white;--border-color: #dee2e6;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--font-family: Arial, sans-serif;--font-size-base: 14px;--padding-small: 8px;--padding-medium: 10px;--border-radius: 6px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;font-size:var(--font-size-base)}.container{width:100%;max-width:100%;margin:0 auto;padding:var(--padding-medium);min-height:100vh;display:flex;flex-direction:column}.top-search-container{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:15px;padding:var(--padding-medium);background-color:var(--table-bg);border-radius:var(--border-radius);box-shadow:var(--shadow)}#top-search-input{flex:1;max-width:300px;min-width:200px;padding:var(--padding-small) 12px;padding-left:36px;font-size:13px;border:1px solid var(--border-color);border-radius:20px;outline:none;transition:border-color .3s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23666' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center}#top-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #28a74533}#top-search-btn{padding:var(--padding-small) 16px;font-size:13px;background-color:var(--primary-color);color:#fff;border:none;border-radius:20px;cursor:pointer;transition:all .3s}#top-search-btn:hover{background-color:#218838;transform:translateY(-1px);box-shadow:0 2px 8px #28a7454d}.total-count{margin-left:10px;font-size:12px;color:#666}.table-container{background-color:var(--table-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow-x:hidden;margin-bottom:10px;width:100%;min-height:200px;display:block;position:relative}#product-table{width:100%;border-collapse:collapse;border:1px solid var(--border-color);min-height:100%}#product-table th,#product-table td{padding:5px;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);border-left:1px solid var(--border-color);vertical-align:middle;text-align:center;box-sizing:border-box}#product-table th{background-color:#f8f9fa;font-weight:700;font-size:12px;min-height:40px}#product-table td{font-size:10px;min-height:80px;line-height:1.6;white-space:normal}#product-table th:nth-child(2),#product-table td:nth-child(2){text-align:left;width:50%;min-width:250px}#product-table th:nth-child(3),#product-table td:nth-child(3){color:var(--secondary-color);width:15%;min-width:120px;font-weight:600}#product-table th:nth-child(1),#product-table td:nth-child(1){width:10%;min-width:60px;font-weight:600}#product-table th:nth-child(4),#product-table td:nth-child(4),#product-table th:nth-child(5),#product-table td:nth-child(5){width:12.5%;min-width:60px;font-weight:600}#product-table tr:nth-child(2n){background-color:#f8f9fa}#product-table tr:hover{background-color:#e8f0fe}.pagination-container{display:flex;justify-content:center;align-items:center;margin-top:10px;gap:5px}.pagination-btn{padding:6px 12px;border:1px solid var(--border-color);cursor:pointer;border-radius:3px;transition:background-color .3s;font-size:13px;background-color:#fff;color:var(--text-color)}.pagination-btn:hover:not(:disabled){background-color:#f5f5f5}.pagination-btn.next-btn{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-btn.next-btn:hover:not(:disabled){background-color:#218838;transform:translateY(-1px);box-shadow:0 2px 8px #28a7454d}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:10px;color:#666;margin:0 10px}.no-results{text-align:center;padding:40px 20px;color:#666;font-size:16px}.loading{position:absolute;top:40px;left:0;width:100%;height:calc(100% - 40px);background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading p{margin-top:20px;font-size:16px;color:var(--text-color)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.container{padding:5px}.top-search-container{padding:5px;gap:8px}#top-search-input{min-width:150px;font-size:12px;padding:6px 10px 6px 32px;background-position:10px center}#top-search-btn{padding:6px 12px;font-size:12px}.total-count{margin-left:5px;font-size:11px}.table-container{overflow-x:auto;margin-bottom:5px;min-height:150px}.loading{top:50px;height:calc(100% - 50px)}#product-table th,#product-table td{padding:8px;font-size:12px;min-height:50px;line-height:1.3}#product-table th{font-size:12px;min-height:50px}#product-table th:nth-child(1),#product-table td:nth-child(1),#product-table th:nth-child(4),#product-table td:nth-child(4),#product-table th:nth-child(5),#product-table td:nth-child(5){min-width:50px;padding:2px 1px}#product-table th:nth-child(2),#product-table td:nth-child(2){min-width:150px}#product-table th:nth-child(3),#product-table td:nth-child(3){min-width:80px;padding:2px 1px}.pagination-container{gap:3px;margin-top:5px}.pagination-btn{padding:4px 8px;font-size:12px}}@media (min-width: 1920px){body{zoom:1.2}}