*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7fb;color:#212529;line-height:1.6}.app-container{max-width:1200px;margin:0 auto;padding:1rem;margin-top:4rem}.controls-panel{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.controls-panel .left-controls{display:flex;align-items:center;gap:1rem}@media screen and (max-width: 576px){.controls-panel .left-controls{flex-direction:column;align-items:stretch}}.controls-panel .right-controls{display:flex;gap:.5rem}@media screen and (max-width: 576px){.controls-panel .right-controls{justify-content:center}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#f55206c0;color:#fff}.btn-primary:hover:not(:disabled){background-color:#3f37c9}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn-icon{background-color:transparent;color:#6c757d}.btn-icon:hover,.btn-icon.active{color:#f55206c0;background-color:#f552061a}.search-box{position:relative}.search-box .search-input{padding:.5rem 1rem;border:1px solid #e9ecef;border-radius:8px;width:100%;min-width:250px;transition:all .3s ease}.search-box .search-input:focus{outline:none;border-color:#f55206c0;box-shadow:0 0 0 3px #f5520633}@media screen and (max-width: 576px){.search-box .search-input{min-width:auto}}.table-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:1rem;text-align:left}.users-table thead{background-color:#f55206c0;color:#fff}.users-table thead th{font-weight:600;padding:1rem}.users-table tbody tr{border-bottom:1px solid #e9ecef}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody tr:hover{background-color:#f5520608}@media screen and (max-width: 768px){.users-table thead{display:none}.users-table tr{display:block;margin-bottom:1rem;border:1px solid #e9ecef;border-radius:8px}.users-table td{display:flex;justify-content:space-between;align-items:center;padding:.75rem;text-align:right;border-bottom:1px solid #e9ecef}.users-table td:last-child{border-bottom:none}.users-table td:before{content:attr(data-label);font-weight:700;text-transform:uppercase;margin-right:1rem}.users-table .actions-cell{justify-content:flex-end}.users-table .actions-cell:before{display:none}}.actions-cell{display:flex;gap:.5rem}.action-btn{padding:.5rem;border-radius:50%;background:transparent;border:none;cursor:pointer;transition:all .3s ease;color:#6c757d}.action-btn:hover{background-color:#f552061a;color:#f55206c0}.action-btn.delete:hover{background-color:#f725851a;color:#f72585}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-top:1px solid #e9ecef;flex-wrap:wrap;gap:1rem}.total-users{font-weight:500;color:#6c757d}.pagination-controls{display:flex;align-items:center;gap:1rem}.pagination-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid #e9ecef;background:#fff;cursor:pointer;transition:all .3s ease;font-size:1.25rem}.pagination-btn:hover:not(:disabled){border-color:#f55206c0;color:#f55206c0}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#6c757d;font-size:.9rem}.empty-state{padding:2rem;text-align:center;color:#6c757d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background-color:#fff;border-radius:8px;padding:2rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal-content h2{margin-bottom:1.5rem;color:#f55206c0;text-align:center}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#212529}.form-input{width:100%;padding:.75rem;border:1px solid #e9ecef;border-radius:8px;transition:all .3s ease}.form-input:focus{outline:none;border-color:#f55206c0;box-shadow:0 0 0 3px #f5520633}.form-input::placeholder{color:#a1a8ae}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{margin:0 10%;display:flex;justify-content:center;align-items:center;height:90vh}a{text-decoration:none}