body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:800px;padding:20px}h1{color:#282c34;font-size:2.5em;margin-bottom:10px;text-align:center}h2{border-bottom:2px solid #61dafb;color:#555;font-size:1.5em;margin-bottom:15px;margin-top:30px;padding-bottom:10px}.health-status{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;text-align:center}.error-message,.health-status{font-weight:500;margin-bottom:20px;padding:12px}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24}.form-section{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:30px;padding:20px}.form-section form{display:flex;flex-wrap:wrap;gap:10px}.form-section input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:1em;min-width:250px;padding:10px 12px;transition:border-color .2s}.form-section input:focus{border-color:#61dafb;box-shadow:0 0 5px #61dafb4d;outline:none}.btn-cancel,.btn-delete,.btn-edit,.btn-save,.form-section button{border:none;border-radius:4px;cursor:pointer;font-size:1em;font-weight:500;padding:10px 20px;transition:all .2s}.form-section button{background-color:#61dafb;color:#282c34;flex-shrink:0}.form-section button:hover{background-color:#4fa8c5;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.form-section button:active{transform:translateY(0)}.users-section{margin-bottom:30px}.no-users{background-color:#f9f9f9;border-radius:4px;color:#999;font-style:italic;padding:20px;text-align:center}.users-list{list-style:none;margin:0;padding:0}.user-item{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:15px;transition:all .2s}.user-item:hover{border-color:#61dafb;box-shadow:0 2px 8px #0000001a}.view-mode{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.user-id{background-color:#e8f4f8;border-radius:3px;color:#282c34;font-size:.9em;font-weight:600;padding:4px 8px}.user-name{color:#333;flex:1 1;font-size:1.1em;font-weight:500;min-width:150px}.btn-edit{background-color:#ffc107;color:#fff}.btn-edit:hover{background-color:#e0a800;box-shadow:0 4px 8px #ffc1074d;transform:translateY(-2px)}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#c82333;box-shadow:0 4px 8px #dc35454d;transform:translateY(-2px)}.edit-mode{align-items:center;display:flex;flex-wrap:wrap;gap:10px;width:100%}.edit-mode input{border:2px solid #61dafb;border-radius:4px;flex:1 1;font-size:1em;min-width:200px;padding:8px 10px}.edit-mode input:focus{border-color:#4fa8c5;box-shadow:0 0 5px #61dafb80;outline:none}.btn-save{background-color:#28a745;color:#fff}.btn-save:hover{background-color:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-2px)}.btn-cancel{background-color:#6c757d;color:#fff}.btn-cancel:hover{background-color:#5a6268;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-2px)}@media (max-width:600px){.container{padding:10px}h1{font-size:1.8em}h2{font-size:1.2em}.form-section form{flex-direction:column}.form-section input{min-width:0;min-width:auto}.form-section button{flex-shrink:1;width:100%}.view-mode{align-items:flex-start;flex-direction:column;gap:10px}.user-name{flex:none;width:100%}.edit-mode{flex-direction:column}.edit-mode input{min-width:0;min-width:auto;width:100%}.btn-cancel,.btn-delete,.btn-edit,.btn-save{width:100%}}
/*# sourceMappingURL=main.1fbc1dc3.css.map*/