select{border-radius:5px;border:1px solid #ccc;padding:2px;font-size:1rem;outline:none}select:focus{border:1px solid #000;box-shadow:0 0 5px #000}button{background-color:#fff;color:#000;border:none;padding:5px;margin:5px;font-size:15px;background-color:#ddd;border-radius:5px;cursor:pointer}.table-container{height:340px;overflow:auto;margin:1rem auto}table{border-collapse:collapse;width:100%;max-width:1000px;margin:10px auto}th,td{padding:12px;text-align:left;border:1px solid #ddd}th{background-color:#f2f2f2;font-weight:700;color:#333}.loader{margin:8rem auto;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root{max-width:1280px;margin:0 auto;padding:1.5rem;text-align:center}