*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}.home-container{padding:2rem;background-color:#f7f9fa;min-height:100vh;font-family:Arial,sans-serif}.home-heading{display:flex;justify-content:space-between;align-items:center;font-size:2rem;margin-bottom:20px;color:#2c3e50;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.add-user-btn{padding:8px 16px;background-color:#1976d2;color:#fff;font-size:1rem;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.add-user-btn:hover{background-color:#357ab8}.card-actions{display:flex;gap:20px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card{background-color:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s,box-shadow .3s;cursor:pointer}.card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.card-title{margin:0 0 1rem;color:#1976d2;font-size:1.3rem}.card-description{flex:1;color:#555;margin-bottom:1.5rem}.card-buttons{display:flex;gap:.5rem;justify-content:space-between}.btn{border:none;border-radius:4px;padding:.5rem 1rem;color:#fff;cursor:pointer;font-weight:700}.btn-edit{background-color:#ffc107}.btn-delete{background-color:#e53935}.btn-view{background-color:#1976d2}.no-user{text-align:center;margin-top:4rem;color:#888}.user-container{max-width:500px;margin:40px auto;padding:32px;border-radius:12px;background:#f9f9f9;box-shadow:0 2px 12px #00000014;font-family:Segoe UI,Arial,sans-serif}.user-title{color:#2d3a4b;font-size:2rem;margin-bottom:16px}.user-subtitle{color:#4a90e2;font-size:1.2rem;margin-bottom:8px}.user-description{color:#333;font-size:1rem;line-height:1.6}.user-empty{text-align:center;color:#888}.edit-form{max-width:500px;margin:40px auto;padding:32px;border-radius:12px;background:#f7f7f7;box-shadow:0 2px 12px #0000001a;font-family:Segoe UI,sans-serif}.edit-form h1{text-align:center;margin-bottom:24px;color:#333}.edit-form label{display:block;margin-bottom:8px;font-weight:600;color:#444}.edit-form input,.edit-form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;margin-bottom:20px;font-size:16px}.edit-form button{display:block;width:100%;padding:12px;background-color:#4caf50;color:#fff;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer}.edit-form button:hover{background-color:#45a049}h1{font-size:2rem;margin-bottom:10px;color:#2c3e50}p{font-size:1rem;margin-bottom:20px;color:#555}form{background-color:#b3b3b3;padding:20px;border:1px solid #ddd;border-radius:8px;max-width:500px;margin:0 auto}form div{margin-bottom:15px}label{display:block;margin-bottom:6px;font-weight:600;color:#333}input[type=text],textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:1rem;box-sizing:border-box}textarea{resize:vertical;height:100px}button[type=submit]{padding:10px 20px;background-color:#4a90e2;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}button[type=submit]:hover{background-color:#357ab8}