*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Arial",sans-serif;background:linear-gradient(135deg, #2d2d2d 0%, #2d2d2d 100%);min-height:100vh;display:flex;align-items:center;justify-content:center}.container{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 15px 35px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2rem}.container.dashboard-container{max-width:95%;text-align:center}h1{text-align:center;margin-bottom:1.5rem;color:#333;font-size:1.8rem}h2{color:#333}h3{color:#333;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:bold}input[type=text],input[type=email],input[type=password]{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s ease}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{outline:none;border-color:#8c9a4d;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.btn{padding:.75rem;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;display:inline-block;text-align:center;width:100%;background:linear-gradient(135deg, #2d2d2d 0%, #2d2d2d 100%);color:#fff}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2);text-decoration:none}.btn:hover{background:#000;color:#fff}.btn.btn-secondary{background:#8c9a4d;width:auto;padding:.5rem 1rem;margin-top:1rem}a.btn{display:initial}.error{background-color:#fee;color:#c33;padding:.75rem;border-radius:5px;margin-bottom:1rem;border-left:4px solid #c33}.success{background-color:#efe;color:#363;padding:.75rem;border-radius:5px;margin-bottom:1rem;border-left:4px solid #363}.dash-item{max-width:500px;width:100%;margin:2rem 0;padding:1.5rem;background:#dbddd0;border-radius:10px}.dash-item.welcome-message{background:linear-gradient(135deg, #c0d662 0%, #e7f0b9 100%);padding:2rem;border-radius:10px}.dash-item.user-info{text-align:center}.dash-item.user-info p{margin:0;color:#555}.users-table{width:100%;border-collapse:collapse;margin-top:1.5rem}.users-table .sortable-header{cursor:pointer;text-decoration:none;color:inherit;display:inline-block}.users-table .sort-indicator{font-size:.8em;margin-left:5px}.users-table th,.users-table td{border:1px solid #ddd;padding:.75rem;text-align:left;font-size:80%}.users-table th{background-color:#f2f2f2;font-weight:bold;color:#333}.users-table tr:nth-child(even){background-color:#f9f9f9}.users-table tr:hover{background-color:#f1f1f1}.action-links a{margin-right:.5rem;color:#8c9a4d;text-decoration:none;font-size:70%}.action-links a:hover{text-decoration:underline}.form-actions{text-align:center}.search-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.add-user-btn-container{text-align:right;margin-bottom:1rem}.pagination{margin-top:1.5rem;text-align:center}.pagination a,.pagination span{display:inline-block;padding:8px 16px;text-decoration:none;color:#8c9a4d;border:1px solid #ddd;margin:0 4px;border-radius:5px}.pagination a:hover:not(.active){background-color:#f1f1f1;color:#8c9a4d;text-decoration:none}.pagination .active{background-color:#8c9a4d;color:#fff;border:1px solid #8c9a4d}.pagination .disabled{color:#ccc;pointer-events:none;cursor:default}.debug-info{background:#e3f2fd;padding:15px;margin-bottom:15px;border-radius:5px;font-size:12px}.debug-info.warning{background:#fff3cd;border-left:4px solid #ffc107}.debug-info.scrollable{max-height:200px;overflow-y:auto}@media(max-width: 700px){.search-header form{flex-direction:column}.container .users-table thead tr th.mobile-hide{display:none}.container .users-table tbody tr td.mobile-hide{display:none}.pagination .mobile-hide{display:none}}@media(max-width: 480px){.container{margin:1rem;padding:1.5rem}.container.dashboard-container{margin:.5rem}h1{font-size:1.5rem}.users-table{font-size:.9rem}.users-table th,.users-table td{padding:.5rem;font-size:80%}.add-user-btn-container{text-align:center}}@media print{body{background:#fff}.container{box-shadow:none;border:1px solid #ddd}.btn{display:none}}/*# sourceMappingURL=style.css.map */