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{background-color:#f9fafb;font-family:Arial,sans-serif;min-height:100vh;padding:20px}h1{color:#1f2937;margin-bottom:5px}.subtitle{color:#6b7280;margin-bottom:20px}.toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:15px}.toolbar input{border:1px solid #d1d5db;border-radius:6px;padding:8px;width:300px}.actions{display:flex;gap:10px}.add-btn,.filter-btn{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:6px;padding:8px 14px;transition:background .2s}.add-btn:hover,.filter-btn:hover{background-color:#1d4ed8}.user-table{background:#fff;border-collapse:collapse;border-radius:8px;margin-bottom:15px;overflow:hidden;width:100%}.user-table td,.user-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.user-table th{background-color:#f3f4f6;cursor:pointer;font-weight:600;transition:background .2s;-webkit-user-select:none;user-select:none}.user-table th:hover{background-color:#e5e7eb}.user-table tr:hover{background-color:#f9fafb}.sort-icon{color:#9ca3af;font-size:14px;margin-left:6px;transition:color .2s}.sort-icon.active{color:#111827}.user-table th:hover .sort-icon{color:#2563eb}.edit-btn{align-items:center;background-color:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:4px;margin:2px;padding:6px 10px;transition:background .2s}.edit-btn:hover{background-color:#059669}.delete-btn{align-items:center;background-color:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:4px;padding:6px 10px;transition:background .2s}.delete-btn:hover{background-color:#dc2626}.pagination{justify-content:space-between;margin-top:15px}.pagination,.pagination button{align-items:center;display:flex}.pagination button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;gap:6px;padding:6px 12px;transition:background .2s}.pagination button:hover{background:#1d4ed8}.pagination select{border:1px solid #d1d5db;border-radius:4px;margin-left:8px;padding:4px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:10px;box-shadow:0 4px 10px #00000026;max-width:90%;padding:20px;width:400px}.modal h2{color:#1f2937;font-size:20px;margin-bottom:15px}.user-form{display:flex;flex-direction:column;gap:12px}.user-form input,.user-form select{border:1px solid #d1d5db;border-radius:6px;padding:10px}.user-form input:focus,.user-form select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33;outline:none}.form-actions{display:flex;gap:10px;justify-content:flex-end}.save-btn{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 14px;transition:background .2s}.save-btn:hover{background-color:#1d4ed8}.cancel-btn{background-color:#9ca3af;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 14px;transition:background .2s}.cancel-btn:hover{background-color:#6b7280}.error{color:red;font-size:14px;margin-bottom:10px}@media (max-width:768px){.toolbar{flex-direction:column;gap:10px}.toolbar input{width:100%}.user-table td,.user-table th{font-size:14px;padding:8px}.modal{width:95%}}
/*# sourceMappingURL=main.33254d39.css.map*/