body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6f8}.container{max-width:1200px;margin:auto;padding:20px}h1{margin:0;font-size:28px;text-align:center}.header{display:flex;flex-direction:column;align-items:center}.logo{width:160px;margin-bottom:24px}.total{font-size:14px;color:#666;text-align:center;margin:10px 0 20px}.empty{padding:30px;font-size:20px;text-align:center;color:#666;font-weight:700}.footer-table{margin-top:8px;text-align:center;border-top:1px solid #66666626;padding-top:8px}.footer-table span{font-size:12px;color:#666}.footer{margin-top:24px;display:flex;flex-direction:column;align-items:center}.pm-logo{width:60px}.search-container{margin-bottom:20px}.search-container input{width:100%;padding:12px 14px;font-size:16px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;transition:.2s}.search-container input:focus{outline:none;border-color:#111;box-shadow:0 0 0 2px #0000000d}.table-wrapper{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000000d}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;border-bottom:1px solid #eee;text-align:left;font-size:14px}thead{background:#111;color:#fff}tbody tr:nth-child(2n){background:#fafafa}tbody tr:hover{background:#e7eaec;transition:.15s}.scroll-hint{display:none}@media screen and (max-width:510px){.scroll-hint{display:block;font-size:14px;text-align:center;color:#777;margin-bottom:8px}}.pagination{margin-top:30px;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.pagination button{padding:8px 12px;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:6px;transition:.2s}.pagination button:hover:not(:disabled){background:#f1f3f5}.pagination button.active{background:#111;color:#fff;border-color:#111}.pagination button.active:hover{background:#000}.pagination button:disabled{opacity:.4;cursor:not-allowed}.loading{display:flex;justify-content:center;padding:40px}.spinner{width:40px;height:40px;border:4px solid #eee;border-top:4px solid #111;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}