*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#f5f5f5;color:#333}main{max-width:960px;margin:2rem auto;padding:0 1rem}h1{font-size:1.75rem;margin-bottom:1.5rem;color:#1a1a2e}.toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.filter-input{padding:.5rem .75rem;border:1px solid #ccc;border-radius:6px;font-size:.95rem;width:240px;outline:none}.filter-input:focus{border-color:#1a1a2e}.total-count{color:#666;font-size:.9rem;margin-left:auto}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0000001a}th{background:#1a1a2e;color:#fff;text-align:left;padding:.75rem 1rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{background:#2d2d4e}.sort-icon{margin-left:.4rem;opacity:.4;font-size:.8rem}.sort-icon.active{opacity:1}td{padding:.75rem 1rem;border-bottom:1px solid #eee;font-size:.95rem}tr:last-child td{border-bottom:none}tr:hover td{background:#f9f9f9}.loading-cell{text-align:center;color:#999;padding:2rem!important}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.pagination button{padding:.4rem .75rem;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;font-size:1rem}.pagination button:hover:not(:disabled){background:#1a1a2e;color:#fff;border-color:#1a1a2e}.pagination button:disabled{opacity:.35;cursor:default}.page-info{font-size:.9rem;color:#555;min-width:70px;text-align:center}.error{color:#c0392b}