.user-list-container{overflow:hidden}.user-table{width:100%;border-collapse:collapse}@media (max-width: 768px){.user-table thead{display:none}.user-table,.user-table tbody,.user-table tr,.user-table td{display:block;width:100%}.user-table tr{margin-bottom:15px;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid}.user-table td{text-align:right;padding-left:50%;position:relative;border-bottom:1px solid}.user-table td:last-child{border-bottom:none}.user-table td:before{content:attr(data-label);position:absolute;left:15px;width:calc(50% - 30px);padding-right:10px;white-space:nowrap;text-align:left;font-weight:700}}.page-container{padding:2rem;max-width:1200px;margin:0 auto}.page-header{margin-bottom:2rem;font-size:2rem;font-weight:700}@media (max-width: 768px){.page-container{padding:1rem}.page-header{font-size:1.5rem;margin-bottom:1.5rem}}.sidebar{height:100vh;display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:1000;box-shadow:4px 0 15px #0000001a;transition:width .3s ease,transform .3s ease}.sidebar.collapsed{width:80px}.sidebar.expanded{width:280px}.logo-container{padding:30px 20px;display:flex;align-items:center;border-bottom:1px solid;transition:justify-content .3s ease}.sidebar.collapsed .logo-container{justify-content:center}.sidebar.expanded .logo-container{justify-content:flex-start}.logo{border-radius:10px;transition:all .3s ease}.sidebar.collapsed .logo{width:40px;height:40px;margin-right:0}.sidebar.expanded .logo{width:50px;height:50px;margin-right:15px}.logo-text{font-size:22px;font-weight:700;transition:all .3s ease}.sidebar.collapsed .logo-text{display:none}.sidebar.expanded .logo-text{display:block}.nav-container{flex:1;padding:20px 0}.nav-item{display:flex;align-items:center;margin:5px 15px;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid transparent}.sidebar.collapsed .nav-item{padding:15px 20px}.sidebar.expanded .nav-item{padding:15px 25px}.nav-item-icon{font-size:18px;min-width:18px;text-align:center;transition:margin-right .3s ease}.sidebar.collapsed .nav-item-icon{margin-right:0}.sidebar.expanded .nav-item-icon{margin-right:15px}.nav-item-text{font-size:16px;font-weight:500}.sidebar.collapsed .nav-item-text{display:none}.sidebar.expanded .nav-item-text{display:block}.bottom-actions{padding:20px 15px;border-top:1px solid}.action-button{display:flex;align-items:center;padding:12px 15px;margin:8px 0;border-radius:10px;cursor:pointer;transition:all .3s ease;border:1px solid}.sidebar.collapsed .action-button{justify-content:center}.sidebar.expanded .action-button{justify-content:flex-start}.logout-button{color:#fff}.sidebar-toggle{position:absolute;top:50%;right:-15px;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .3s ease;box-shadow:0 4px 10px #0003}@media (max-width: 768px){.sidebar{transform:translate(-100%);box-shadow:none}.sidebar.toggled{transform:translate(0);box-shadow:4px 0 15px #0000001a}.sidebar-toggle{display:none}}.layout{display:flex;min-height:100vh}.main-content{flex:1;transition:margin-left .3s ease}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;z-index:999;padding:15px;box-shadow:0 2px 10px #0000001a}.hamburger-btn{background:none;border:none;font-size:24px;cursor:pointer}.overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998}@media (max-width: 768px){.main-content{margin-left:0!important;padding-top:60px}.mobile-header{display:flex}.overlay.active{display:block}}.App{height:100%}.dashboard-container{padding:20px}.stats-container{display:flex;justify-content:space-around;margin-bottom:40px;gap:20px}.stat-card{padding:20px;border-radius:12px;flex:1;margin:0;text-align:center}.stat-card-title{font-size:16px;margin-bottom:10px}.stat-card-value{font-size:36px;font-weight:700}.user-list-container{padding:20px;border-radius:12px}.user-list-header{padding-bottom:10px;margin-bottom:20px}.search-input{margin-bottom:20px;width:100%;max-width:300px;padding:10px;border-radius:8px;box-sizing:border-box}.user-table{width:100%;border-collapse:collapse;overflow:hidden;margin-top:20px}.user-table th,.user-table td{padding:12px 16px;text-align:left}.user-table th{text-transform:uppercase;font-size:12px;font-weight:600}.user-table td{text-align:left}.action-buttons button{padding:8px 16px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-weight:500;font-size:14px;margin-right:10px}.pagination{display:flex;justify-content:center;padding:20px 0}.page-item{margin:0 5px;padding:8px 16px;border-radius:5px;border:1px solid #ddd;background-color:#f8f9fa;color:#007bff;cursor:pointer;transition:background-color .3s,color .3s}.page-item:hover{background-color:#e9ecef}.page-item.active{background-color:#007bff;color:#fff;border-color:#007bff}@media (max-width: 768px){.stats-container{flex-direction:column}.user-table thead{display:none}.user-table,.user-table tbody,.user-table tr,.user-table td{display:block;width:100%}.user-table tr{margin-bottom:15px;border-radius:8px;border:1px solid;overflow:hidden}.user-table td{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid;text-align:right;word-break:break-word}.user-table td:last-child{border-bottom:none}.user-table td[data-label]:before{content:attr(data-label);font-weight:700;text-align:left;word-break:break-word}.action-buttons{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.action-buttons button{margin-right:0}}@media (max-width: 480px){.dashboard-container{padding:10px}.stat-card-value{font-size:28px}}body,html,#root{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f0f2f5}