:root{--primary-color: #4361ee;--secondary-color: #3a0ca3;--success-color: #4cc9f0;--danger-color: #f72585;--warning-color: #f8961e;--info-color: #4361ee;--light-color: #f8f9fa;--dark-color: #212529}html,body{height:100%;margin:0;padding:0;overflow:hidden}.app-layout{height:100vh;overflow:hidden;background-color:#f5f7fb}.main-content-wrapper{height:100vh;display:flex;flex-direction:column;margin-left:250px;background-color:#f5f7fb}.topbar{background-color:#fff;box-shadow:0 2px 10px #0000001a;padding:.75rem 1.5rem;z-index:100;flex-shrink:0}main{flex-grow:1;overflow-y:auto;padding:1.5rem}.search-bar{width:300px}.user-menu{display:flex;align-items:center;gap:1rem}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-color)}.stats-row{margin-bottom:2rem}.stat-card{border-radius:1rem;padding:1.5rem;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.5rem}.stat-primary{background-color:#4361ee1a;color:var(--primary-color)}.stat-success{background-color:#4cc9f01a;color:var(--success-color)}.stat-warning{background-color:#f8961e1a;color:var(--warning-color)}.stat-danger{background-color:#f725851a;color:var(--danger-color)}.stat-value{font-size:2rem;font-weight:700;margin:.5rem 0}.stat-label{color:#6c757d;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.chart-container{background-color:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 5px 15px #0000000d;margin-bottom:2rem}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-title{font-weight:600;color:#333}.btn-sm{padding:.25rem .75rem;font-size:.8rem}.table thead th{border-top:0;font-weight:600;color:#6c757d;text-transform:uppercase;font-size:.8rem;letter-spacing:.5px}.table tbody tr{transition:background-color .2s ease}.table tbody tr:hover{background-color:#f8f9fa}.status-badge{padding:.25rem .75rem;border-radius:1.5rem;font-size:.75rem;font-weight:600}.status-active{background-color:#4cc9f033;color:var(--success-color)}.status-pending{background-color:#f8961e33;color:var(--warning-color)}.status-inactive{background-color:#f7258533;color:var(--danger-color)}.footer{background-color:#fff;padding:1rem 1.5rem;box-shadow:0 -2px 10px #0000000d;text-align:center;color:#6c757d;font-size:.9rem;flex-shrink:0}@media (max-width: 991.98px){.main-content-wrapper{margin-left:70px}}@media (max-width: 767.98px){.main-content-wrapper{margin-left:0}}