*{box-sizing:border-box;margin:0;padding:0}.App{background:#f5f5f5;min-height:100vh}header{background:#1a237e;color:#000;padding:20px;text-align:center}.container{grid-gap:20px;background:blue;display:grid;gap:20px;grid-template-columns:1fr 2fr;margin:0 auto;max-width:1200px;padding:20px}.user-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:-webkit-fit-content;height:fit-content;padding:20px}.user-form h3{color:#2c3e50;margin-bottom:15px}.user-form input{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:10px;padding:10px;width:100%}.form-buttons{display:flex;gap:10px}.user-form button{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;padding:10px}.user-form button:hover{background:#2980b9}.user-form button[type=button]{background:#95a5a6}.user-form button[type=button]:hover{background:#7f8c8d}.user-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.user-list h3{color:#2c3e50;margin-bottom:15px}.user-item{align-items:center;border:1px solid #eee;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:box-shadow .2s}.user-item:hover{box-shadow:0 2px 8px #0000001a}.user-info h4{color:#2c3e50;margin-bottom:5px}.user-info p{color:#666;font-size:14px;margin:3px 0}.user-actions{display:flex;gap:10px}.delete-btn,.edit-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 15px}.edit-btn{background:#f39c12;color:#fff}.edit-btn:hover{background:#e67e22}.delete-btn{background:#e74c3c;color:#fff}.delete-btn:hover{background:#c0392b}.error-message{background:#e74c3c;border-radius:4px;color:#fff;margin:20px;padding:15px;text-align:center}@media (max-width:768px){.container{grid-template-columns:1fr}}
/*# sourceMappingURL=main.ee67df91.css.map*/