*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{min-height:100vh;padding:20px}.container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:1200px;padding:30px}h1{color:#2c3e50;font-size:28px;margin-bottom:30px}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:25px}.search-bar{flex:1 1;max-width:400px}.search-bar input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 15px;width:100%}.action-buttons{display:flex;gap:10px}button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.add-btn{background-color:#3498db;color:#fff}.add-btn:hover{background-color:#2980b9}.filter-btn{background-color:#95a5a6;color:#fff}.filter-btn:hover{background-color:#7f8c8d}.user-list{margin-bottom:20px;overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #ddd;padding:12px;text-align:left}th{background-color:#f8f9fa;cursor:pointer;font-weight:600;-webkit-user-select:none;user-select:none}th:hover{background-color:#e9ecef}tr:hover{background-color:#f8f9fa}.edit-btn{background-color:#f39c12;color:#fff;margin-right:5px;padding:6px 12px}.edit-btn:hover{background-color:#e67e22}.delete-btn{background-color:#e74c3c;color:#fff;padding:6px 12px}.delete-btn:hover{background-color:#c0392b}.no-users{color:#7f8c8d}.loading,.no-users{padding:40px;text-align:center}.loading{color:#3498db}.filter-overlay,.user-form-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.filter-popup,.user-form{background:#fff;border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.user-form h2{color:#2c3e50;margin-bottom:20px}.filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.filter-header h3{color:#2c3e50}.close-btn{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:24px;height:30px;padding:0;width:30px}.filter-field,.form-group{margin-bottom:20px}.filter-field label,.form-group label{color:#555;display:block;font-weight:500;margin-bottom:5px}.filter-field input,.filter-field select,.form-group input,.form-group select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.form-group input.error,.form-group select.error{border-color:#e74c3c}.error-text{color:#e74c3c;display:block;font-size:12px;margin-top:5px}.filter-actions,.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.cancel-btn,.reset-btn{background-color:#95a5a6;color:#fff}.cancel-btn:hover,.reset-btn:hover{background-color:#7f8c8d}.apply-btn,.save-btn{background-color:#27ae60;color:#fff}.apply-btn:hover,.save-btn:hover{background-color:#229954}.error-message{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.error-message button{background:none;border:none;color:#c33;cursor:pointer;font-size:20px;padding:0}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:20px}.pagination-controls{align-items:center;display:flex;gap:5px}.pagination-controls button{background-color:#ecf0f1;border:1px solid #bdc3c7;color:#2c3e50;padding:8px 12px}.pagination-controls button:hover:not(:disabled){background-color:#bdc3c7}.pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.pagination-controls button.active{background-color:#3498db;border-color:#3498db;color:#fff}.pagination-controls span{color:#7f8c8d;padding:0 10px}.limit-selector{align-items:center;display:flex;gap:10px}.limit-selector select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}@media (max-width:768px){.container{padding:20px}.controls{align-items:stretch;flex-direction:column}.search-bar{max-width:100%}.action-buttons{justify-content:flex-end}table{font-size:14px}td,th{padding:8px}.filter-popup,.user-form{padding:20px}.pagination{align-items:center;flex-direction:column}.pagination-controls{flex-wrap:wrap;justify-content:center}}
/*# sourceMappingURL=main.a8b48b58.css.map*/