*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,sans-serif;background-color:#f4f6f9;color:#2c3e50}h1,h2,h3{margin-bottom:1rem}select{padding:.6rem 1rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;width:100%;max-width:400px;margin-bottom:.75rem;display:block;background-color:#fff;cursor:pointer}select:focus{outline:none;border-color:#3498db}input{padding:.6rem 1rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;width:100%;max-width:400px;margin-bottom:.75rem;display:block}input:focus{outline:none;border-color:#3498db}button{padding:.6rem 1.2rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem;background-color:#3498db;color:#fff;margin-right:.5rem}button:hover{background-color:#2980b9}button.delete{background-color:#e74c3c}button.delete:hover{background-color:#c0392b}.page{padding:2rem;max-width:900px;margin:0 auto}.card{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 6px #00000014}