.container{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 4px 10px #0000001a;text-align:center;width:100%;max-width:320px}.cristian{margin:30px 0;background-color:#333;color:#fff}.cristian:hover{background-color:#888}@media (max-width: 400px){.container{width:90%}}.UsuariosForm{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;border:1px solid #000000;padding:10px;margin:10px;border-radius:10px;box-shadow:0 4px 10px #0000001a}body{font-family:Roboto,sans-serif;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}h1{font-size:2rem;color:#333;margin-bottom:1rem}input{width:100%;height:20px;padding:8px;margin-top:20px;font-size:1rem;border-radius:6px;border:1px solid #ccc;outline:none;background:#f0f0f0;color:#333;transition:border-color .3s ease}input:focus{border-color:#1a73e8}select,button{width:100%;height:30px;padding:1px;margin-top:10px;font-size:1rem;border-radius:6px;border:none;outline:none}select{background:#f0f0f0;color:#333}button{width:100%;height:40px;padding:8px;margin-top:10px;font-size:1rem;border-radius:6px;border:none;outline:none;background:#1a73e8;color:#fff;font-weight:700;cursor:pointer;transition:background .3s ease}button:hover{background:#1369d0}table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 4px 8px #0000001a;border:#333 solid 1px}th,td{padding:12px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#f8f9fa;font-weight:700}td input{border:none;background:transparent;padding:6px;font-size:14px;width:100%}td input:focus{outline:none;background:#e8f0fe}form{display:flex;flex-direction:column;gap:10px;background:#fff;padding:20px;box-shadow:0 4px 8px #0000001a;border-radius:8px}input{padding:8px;border:1px solid #ccc;border-radius:4px;width:98%}