.container{max-width:100vh;margin:auto}.body{background:linear-gradient(#999797,#e7e0e0);border-radius:10px;grid-template-columns:repeat(2,1fr);gap:10px;padding:10px;font-family:Arial,sans-serif;display:grid}.card{background:#fff;border:1px solid gray;border-radius:15px;padding:10px;box-shadow:0 2px 5px #0000001a}.input{border-radius:8px;width:600px;margin-right:10px;padding:10px}.action-btn{color:#fff;cursor:pointer;box-sizing:border-box;background-color:#3b82f6;border:none;border-radius:6px;justify-content:center;align-items:center;width:100px;height:40px;text-decoration:none;display:flex}.edit-btn,.delete-btn{cursor:pointer;color:#fff;text-align:center;border:none;border-radius:6px;flex:1;width:50px;padding:8px 14px;font-size:14px;text-decoration:none}.edit-btn{background-color:#3b82f6}.edit-btn:hover{background-color:#2563eb}.delete-btn{background-color:#ef4444}.delete-btn:hover{background-color:#dc2626}@media (width<=768px){.body{grid-template-columns:1fr}}.add-container{background:#fff;border-radius:12px;max-width:500px;margin:40px auto;padding:25px;box-shadow:0 2px 10px #0000001a}.add-title{text-align:center;margin-bottom:25px}.add-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;margin:10px 0;padding:12px;font-size:14px}.add-input:focus{border-color:#3b82f6;outline:none}.file-input{width:100%;margin:10px 0}.preview-image{object-fit:cover;border:2px solid #d1d5db;border-radius:50%;width:120px;height:120px;margin:0 auto;display:block}.save-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;width:100%;margin:auto;padding:12px;font-size:15px;font-weight:600;display:block}.save-btn:hover{background:#2563eb}.save-btn:disabled{cursor:not-allowed;background:#9ca3af}.container-edit{background:#fff;border-radius:12px;max-width:500px;margin:50px auto;padding:25px;box-shadow:0 2px 10px #0000001a}.container-edit h1{text-align:center;margin-bottom:25px;font-size:24px}.input-edit{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;margin-bottom:15px;padding:12px;font-size:14px}.input-edit:focus{border-color:#3b82f6;outline:none}.button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;width:100%;margin-bottom:10px;padding:12px;font-size:15px;font-weight:600;transition:all .2s}.button:hover{background:#2563eb}.button:last-child{background:#6b7280}.button:last-child:hover{background:#4b5563}