body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background-color:#fff;color:#333}h1{color:#fff;margin:0}h2{margin-top:2rem}table{width:100%;border-collapse:collapse;margin-top:1rem}th,td{padding:.75rem;border-bottom:1px solid #ddd;text-align:left}button{margin-right:.5rem;padding:.4rem .8rem;border:none;border-radius:4px;cursor:pointer}button[type=submit]{background-color:#07c;color:#fff}button[type=button]{background-color:#ccc}form input{margin-right:.5rem;padding:.4rem;border:1px solid #ccc;border-radius:4px}.spinner-container{display:flex;justify-content:center;align-items:center;padding:1rem}.spinner{width:32px;height:32px;border:4px solid #ccc;border-top:4px solid #0078D4;border-radius:50%;animation:spin 1.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}