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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f0f2f5;font-family:Arial,sans-serif;margin:0;padding:0}.App{margin:0 auto;max-width:1200px;padding:20px}h1{color:#333;margin-bottom:20px;text-align:center}.input-container,.user-container{background:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:10px;padding:20px}.main-container{display:flex;justify-content:space-between}.input-container{flex:1 1;margin-right:20px}.user-container{display:flex;flex:2 1;flex-wrap:wrap;gap:20px;max-height:600px;overflow-y:auto}.user-card{background:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-between;padding:20px;width:calc(50% - 10px)}.user-info{margin-bottom:20px}.user-buttons{display:flex;justify-content:space-between}label{color:#333;display:block;font-weight:700;margin-bottom:8px}input[type=number],input[type=text]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;margin-bottom:20px;padding:10px;width:100%}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px;transition:background-color .3s}button:hover{background-color:#0056b3}@media (max-width:768px){.main-container{flex-direction:column}.input-container{margin-bottom:20px;margin-right:0}.user-card{width:100%}.user-buttons{flex-direction:row}.user-buttons button{margin-bottom:10px;width:8rem}.user-buttons button:last-child{margin-bottom:10px}}
/*# sourceMappingURL=main.8e4ec13f.css.map*/