*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,sans-serif;background:#ffffff;color:#333;font-size:14px}.admin-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:250px;background:#f8f9fa;border-right:1px solid #e9ecef;display:flex;flex-direction:column}.sidebar-header{padding:20px;border-bottom:1px solid #e9ecef;text-align:center}.sidebar-header h2{font-size:18px;font-weight:600;color:#495057}.sidebar-nav{flex:1 1;padding:20px 0}.nav-item{display:flex;align-items:center;padding:12px 20px;color:#6c757d;text-decoration:none;transition:all .2s;margin:2px 10px;border-radius:6px}.nav-item:hover{background:#e9ecef;color:#495057}.nav-item.active{background:#007bff;color:white}.nav-item span{margin-right:10px;font-size:16px}.logout-btn{margin:10px;padding:10px;background:#dc3545;color:white;border:none;border-radius:6px;cursor:pointer;font-size:14px}.logout-btn:hover{background:#c82333}.main-content{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.page-header{background:white;padding:20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.page-header h1{font-size:24px;font-weight:600;color:#495057}.user-info{padding:8px 16px;background:#f8f9fa;border-radius:6px;font-size:14px;color:#6c757d}.content{flex:1 1;padding:20px;overflow-y:auto}.card{background:white;border:1px solid #e9ecef;border-radius:8px;padding:20px}.card,.stats-grid{margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:15px;gap:15px}.stat-card{background:white;border:1px solid #e9ecef;border-radius:8px;padding:20px;text-align:center}.stat-card h3{font-size:28px;font-weight:700;color:#495057;margin-bottom:5px}.stat-card p{color:#6c757d;font-size:14px}.table-container{max-height:400px;overflow-y:auto;border:1px solid #e9ecef;border-radius:6px}.users-table{width:100%;border-collapse:collapse;font-size:13px}.users-table td,.users-table th{padding:10px;text-align:left;border-bottom:1px solid #f8f9fa}.users-table th{font-weight:600;color:#495057;position:-webkit-sticky;position:sticky;top:0}.users-table th,.users-table tr:hover{background:#f8f9fa}.user-avatar{width:32px;height:32px;border-radius:50%;background:#007bff;justify-content:center;color:white;font-weight:600;font-size:12px}.user-avatar,.user-details{display:flex;align-items:center}.user-details{gap:10px}.user-name{font-weight:600;color:#495057;font-size:13px}.user-email{color:#6c757d;font-size:12px}.status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.status-active{background:#d4edda;color:#155724}.status-inactive{background:#f8d7da;color:#721c24}.action-btn{padding:6px 12px;border:1px solid #007bff;background:white;color:#007bff;border-radius:4px;cursor:pointer;font-size:12px;text-decoration:none;display:inline-block}.action-btn:hover,.btn-primary{background:#007bff;color:white}.btn-primary{border-color:#007bff}.btn-danger{background:#dc3545;color:white;border-color:#dc3545}.loading{display:flex;justify-content:center;align-items:center;height:200px;color:#6c757d}.user-detail-grid{display:grid;grid-template-columns:300px 1fr;grid-gap:20px;gap:20px;height:calc(100vh - 140px)}.user-profile-card{background:white;border:1px solid #e9ecef;border-radius:8px;padding:20px;text-align:center;height:-moz-fit-content;height:fit-content}.user-profile-card .user-avatar{width:80px;height:80px;font-size:32px;margin:0 auto 15px}.user-profile-card h2{font-size:20px;margin-bottom:5px;color:#495057}.user-profile-card p{color:#6c757d;margin-bottom:15px}.info-grid{display:grid;grid-gap:10px;gap:10px;text-align:left;margin-top:20px}.info-item{padding:10px;background:#f8f9fa;border-radius:6px;font-size:13px}.info-item strong{display:block;color:#495057;margin-bottom:5px}.data-panel{display:flex;flex-direction:column;gap:15px;overflow-y:auto}.data-section{background:white;border:1px solid #e9ecef;border-radius:8px;padding:15px}.data-section h4{font-size:16px;margin-bottom:10px;color:#495057;border-bottom:1px solid #e9ecef;padding-bottom:8px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px;margin-bottom:15px}.mini-stat{text-align:center;padding:15px;background:#f8f9fa;border-radius:6px}.mini-stat h5{font-size:20px;margin-bottom:5px;color:#495057}.mini-stat p{font-size:12px;color:#6c757d}.tags-container{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:4px 8px;background:#e9ecef;border-radius:12px;font-size:11px;color:#495057}.compact-table{font-size:12px;max-height:200px;overflow-y:auto}.compact-table td,.compact-table th{padding:6px 8px}@media (max-width:768px){.admin-layout{flex-direction:column;height:auto}.sidebar{width:100%;height:auto}.user-detail-grid{grid-template-columns:1fr;height:auto}}