body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center}.form-container{background:#f8fafc;padding:20px;border-radius:10px;margin-bottom:20px;border:1px solid #ddd}.form-container input{width:100%;padding:8px;margin-bottom:10px;border:1px solid #bbb;border-radius:5px}.form-container button{width:100%;padding:10px;background-color:#2563eb;border:none;color:#fff;font-weight:700;border-radius:6px;cursor:pointer}.form-container button:hover{background-color:#1d4ed8}.card{background-color:#fff;border:1px solid #ddd;border-left:5px solid #2563eb;padding:15px;margin-bottom:10px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.card-info{margin-right:15px;color:#444}.card-buttons{display:flex;gap:8px}.btn-delete{background-color:#dc2626;color:#fff;padding:10px;border:none;border-radius:6px;cursor:pointer}.btn-edit{background-color:#2563eb;color:#fff;padding:10px;border:none;border-radius:6px;cursor:pointer}.card-buttons button:hover{opacity:.85}.list-container{max-width:700px;margin:20px auto;display:flex;flex-direction:column;gap:12px}.app-container{width:600px;padding:30px;border-radius:10px;box-shadow:0 5px 20px #0000001a}