*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;min-height:100vh;background:linear-gradient(135deg,#1f2937,#111827);display:flex;justify-content:center;align-items:center;padding:40px 20px}.container{width:100%;max-width:1000px;height:650px;background:#ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;padding:30px;box-shadow:0 20px 40px #0006;color:#fff;display:flex;flex-direction:column}h1{margin-bottom:20px;font-weight:600;letter-spacing:1px}.search-container{position:relative;width:320px;margin-bottom:20px}.search-container input{width:100%;padding:12px 15px;border-radius:12px;border:none;outline:none;font-size:14px;background:#ffffff26;color:#fff;transition:.3s ease}.search-container input:focus{background:#ffffff40}.suggestions{position:absolute;width:100%;background:#fff;border-radius:12px;margin-top:6px;max-height:200px;overflow-y:auto;list-style:none;padding:5px 0;box-shadow:0 8px 20px #0003;z-index:20}.suggestions li{padding:10px 15px;cursor:pointer;font-size:14px;color:#1f2937;transition:.2s ease}.suggestions li:hover{background:#f3f4f6}.table-wrapper{flex:1;overflow-y:auto;border-radius:12px}.table-wrapper::-webkit-scrollbar{width:8px}.table-wrapper::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:4px}table{width:100%;border-collapse:collapse;table-layout:fixed}thead{background:#ffffff26}th,td{padding:14px;text-align:left;font-size:14px;word-wrap:break-word}thead th{position:sticky;top:0;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5}tbody tr{transition:.2s ease}tbody tr:hover{background:#ffffff14}.pagination{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}.pagination button{padding:8px 14px;border-radius:8px;border:none;cursor:pointer;background:#ffffff26;color:#fff;transition:.3s ease}.pagination button:hover{background:#ffffff4d}.pagination button.active{background:#3b82f6;color:#fff}.highlight{background:#facc15;color:#000;padding:2px 4px;border-radius:4px}.spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#111827cc;display:flex;justify-content:center;align-items:center;z-index:999;animation:fadeIn .3s ease}.spinner-container{display:flex;flex-direction:column;align-items:center}.spinner{width:70px;height:70px;border:6px solid rgba(255,255,255,.3);border-top:6px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.spinner-text{margin-top:15px;color:#fff;font-weight:500;letter-spacing:1px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){body{padding:20px}.container{height:600px;padding:20px}.search-container{width:100%}th,td{font-size:13px}}