.table-wrapper{flex:1;overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:1rem;background-color:#fff;border-radius:8px;overflow:hidden}th,td{padding:12px;text-align:center;border-bottom:1px solid #ddd}th{background-color:#f8f8f8}#delete-button{background-color:#e65817;color:#fff;padding:6px 10px;border:none;border-radius:4px;cursor:pointer}#delete-button:hover{background-color:#e04230}form{background:#fff;padding:1.5rem;border-radius:12px;border:#1f509b;box-shadow:0 4px 12px #0000001a;width:350px;margin-top:2rem;margin-left:1rem;text-align:left;border:2px solid #140303;display:flex;flex-direction:column;justify-content:center;text-align:center;min-width:350px;max-width:400px;flex-wrap:nowrap}form h2{margin-bottom:1.5rem;font-size:1.5rem;color:#333;text-align:center}input{width:100%;height:30px;margin:15px;padding:.75rem;border-radius:6px;border:1px solid #ccc;font-size:1rem;box-sizing:border-box}input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 3px #4caf50}#add-button{width:250px;padding:.75rem;background-color:#1f509b;color:#fff;font-size:1rem;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease;margin-left:30px;margin-right:30px;margin-top:20px}#add-button:hover{background-color:#3bdbdb}.layout-container{display:flex;gap:2rem;align-items:flex-start;padding:2rem}.form-card{background-color:#f5f5f5;padding:1.5rem;border-radius:12px;box-shadow:0 0 10px #0000001a;width:30%}table{border-collapse:collapse;width:900px;background-color:#fff;box-shadow:0 0 8px #0000001a;border-radius:8px;overflow:hidden;margin-left:17px}th,td{border:1px solid #ddd;padding:12px 16px;text-align:left}th{background-color:#f0f0f0}@media (max-width: 768px){.layout-container{flex-direction:column}.form-card{width:100%}}.search-bar{margin-bottom:1rem;margin-top:1.5rem}.search-bar input{width:100%;padding:.5rem;font-size:1rem;border:2px solid #ccc;border-radius:8px;box-shadow:0 0 8px #0000001a}h1,p{text-align:center}header{background-color:#7095da;border:1px solid black;color:#000}.footer{text-align:center;padding:1rem;background-color:#b4aeae;color:#3b3a3a;font-size:.9rem;margin-top:70px;border:1px solid black}.content{display:flex;flex-wrap:nowrap}