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}.app-container{grid-gap:10px;background-color:#f4f4f4;box-sizing:border-box;display:grid;font-family:Arial,sans-serif;gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100vh;padding:10px}.panel{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;width:100%}.panel-welcome{grid-area:1/1;text-align:center}.panel-welcome h1{color:#333;font-size:2em;margin:0}.panel-form{grid-area:1/2}.form-container{max-width:350px;width:100%}.form-group{margin-bottom:15px;width:100%}.form-group label{color:#555;display:block;font-weight:700;margin-bottom:5px}.form-group input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:10px;width:100%}.form-container button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;padding:10px 15px;width:100%}.panel-list{align-items:flex-start;grid-area:2/1;overflow-y:auto}.panel-counter{grid-area:2/2;text-align:center}.counter-display{color:#ffc107;font-size:3em;font-weight:700}.user-list-container{display:flex;flex-direction:column;height:100%;width:100%}.user-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.user-list-header h2{margin:0}.refresh-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;padding:5px 10px;transition:background-color .2s}.refresh-button:hover:not(:disabled){background-color:#218838}.refresh-button:disabled{cursor:not-allowed;opacity:.7}.scrollable-list{flex:1 1;overflow-y:auto}.error-message{color:red}.empty-message{color:#666;padding:20px;text-align:center}.user-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;line-height:1.6;margin:10px 0;padding:15px}.user-card strong{color:#555;margin-right:5px}.form-container{border:1px solid #ddd;border-radius:8px;margin:20px auto;max-width:400px;padding:20px}.field-group{display:flex;flex-direction:column;margin-bottom:15px}.field-group label{font-weight:700;margin-bottom:5px}.field-group input{border:1px solid #ccc;border-radius:4px;padding:8px}.submit-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;width:100%}.submit-button:hover{background-color:#0056b3}.submit-button:disabled{background-color:#6c757d;cursor:not-allowed}
/*# sourceMappingURL=main.3a901fea.css.map*/