body{padding-bottom:20px;background-color:#f5f7fa;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.sidebar{position:fixed;top:0;left:0;height:100%;width:250px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);z-index:1000;overflow-y:auto;transition:all .3s ease}.sidebar-brand{padding:20px 15px;border-bottom:1px solid #e9ecef;display:flex;align-items:center;justify-content:space-between}.sidebar-brand img{height:40px}.sidebar-brand h3{margin:0;font-size:18px;font-weight:600;color:#333}.sidebar-menu{padding:20px 0}.menu-title{color:#888;padding:10px 25px;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.sidebar-menu ul{list-style:none;padding:0;margin:0}.sidebar-menu li{margin-bottom:5px}.sidebar-menu li a{display:flex;align-items:center;padding:12px 25px;color:#555;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s ease}.sidebar-menu li a:hover{background-color:#f8f9fa;color:#007bff}.sidebar-menu li a.active{background-color:#e6f2ff;color:#007bff;border-left:3px solid #007bff}.sidebar-menu li a i{margin-right:12px;font-size:18px;width:20px;text-align:center}.sidebar-footer{position:absolute;bottom:0;width:100%;padding:15px;border-top:1px solid #e9ecef;background-color:#fff}.main-content{margin-left:250px;padding:20px;transition:all .3s ease}@media(max-width:991px){.sidebar{width:70px}.sidebar-brand h3,.menu-title,.sidebar-menu li a span{display:none}.sidebar-menu li a{padding:15px;justify-content:center}.sidebar-menu li a i{margin-right:0;font-size:20px}.main-content{margin-left:70px}}@media(max-width:767px){.sidebar{width:0;overflow:hidden}.main-content{margin-left:0}.sidebar.active{width:250px}.sidebar.active .sidebar-brand h3,.sidebar.active .menu-title,.sidebar.active .sidebar-menu li a span{display:block}.sidebar.active .sidebar-menu li a{padding:12px 25px;justify-content:flex-start}.sidebar.active .sidebar-menu li a i{margin-right:12px}}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.content-header h1{margin:0;font-size:24px;font-weight:600;color:#333}.card{background-color:#fff;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.05);margin-bottom:20px}.card-header{padding:15px 20px;border-bottom:1px solid #e9ecef;font-weight:600}.card-body{padding:20px}.body-content{padding:15px}.table-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.05);overflow:hidden}.table thead th{background-color:#f8f9fa;border-top:0;font-weight:600;color:#495057}.btn-primary{background-color:#007bff;border-color:#007bff}.btn-success{background-color:#28a745;border-color:#28a745}.btn-img{border:0;padding:0;margin:0;outline:0;background-color:transparent}.user-info{padding:15px 25px;display:flex;align-items:center;border-bottom:1px solid #e9ecef}.user-info img{width:40px;height:40px;border-radius:50%;margin-right:10px}.user-info-details{flex:1}.user-info-name{margin:0;font-weight:600;font-size:14px}.user-info-role{color:#888;font-size:12px;margin:0}.sidebar-toggle{position:fixed;top:20px;left:20px;z-index:1001;display:none;background:#fff;border:0;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);padding:10px;cursor:pointer}@media(max-width:767px){.sidebar-toggle{display:block}}