:root{--primary-color:#13c798;--secondary-color:#12144d;--white:#ffffff;--black:#000000;--light-black:#2d2d2d;--transition-speed:0.3s;--light-bg:#f8f9fa;--light-text:var(--light-black);--light-card-bg:var(--white);--light-border:#e5e7eb;--light-sidebar-bg:var(--white);--light-hover:rgba(19,199,152,0.1);--dark-bg:#121212;--dark-text:var(--white);--dark-card-bg:#1e1e1e;--dark-border:#404040;--dark-sidebar-bg:#1a1a1a;--dark-hover:rgba(19,199,152,0.2);--success-color:var(--primary-color);--info-color:var(--secondary-color);--warning-color:#f2c94c;--danger-color:#e74c3c}[data-theme="dark"]{--bg-primary:var(--dark-bg);--text-primary:var(--dark-text);--card-bg:var(--dark-card-bg);--border-color:var(--dark-border);--sidebar-bg:var(--dark-sidebar-bg);--hover-bg:var(--dark-hover)}[data-theme="light"]{--bg-primary:var(--light-bg);--text-primary:var(--light-text);--card-bg:var(--light-card-bg);--border-color:var(--light-border);--sidebar-bg:var(--light-sidebar-bg);--hover-bg:var(--light-hover)}body{font-family:'Inter',sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-speed) ease;overflow-x:hidden;min-height:100vh}.btn-primary{background-color:var(--primary-color);color:white;border:none}.btn-primary:hover{background-color:#10a883}.btn-secondary{background-color:var(--secondary-color);color:white;border:none}.btn-secondary:hover{background-color:#0e1040}.sidebar{background:var(--sidebar-bg);height:100vh;position:fixed;left:0;top:0;z-index:1000;transition:width var(--transition-speed) cubic-bezier(0.4,0,0.2,1),transform var(--transition-speed) cubic-bezier(0.4,0,0.2,1);box-shadow:0 0 20px rgba(0,0,0,0.05);overflow-y:auto;width:280px;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background-color:rgba(19,199,152,0.3);border-radius:10px}.sidebar.collapsed{width:70px}.sidebar-header{padding:1.5rem 1rem;display:flex;align-items:center;justify-content:space-between}.sidebar-logo{display:flex;align-items:center;color:var(--primary-color);font-weight:700;text-decoration:none;transition:all var(--transition-speed) ease;overflow:hidden}.sidebar-logo:hover{color:var(--primary-color);opacity:0.9;transform:translateY(-2px)}.sidebar-logo i{font-size:1.5rem;min-width:30px;transition:transform var(--transition-speed) ease}.sidebar-logo:hover i{transform:rotate(-10deg)}.sidebar-logo-text{margin-left:10px;transition:opacity var(--transition-speed) ease,transform var(--transition-speed) ease;white-space:nowrap;transform-origin:left}.sidebar.collapsed .sidebar-logo-text{opacity:0;width:0;visibility:hidden;transform:translateX(-20px)}.sidebar-toggle{background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:0.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-speed) ease;min-width:32px;min-height:32px;margin-left:10px}.sidebar-toggle:hover{background:var(--hover-bg);transform:scale(1.1)}.sidebar-toggle:active{transform:scale(0.95)}.sidebar-toggle i{transition:transform var(--transition-speed) ease}.sidebar.collapsed .sidebar-toggle i{transform:rotate(180deg)}.nav-pills .nav-link{color:var(--text-primary);border-radius:10px;margin:0.3rem 0;padding:0.9rem 1rem;transition:all var(--transition-speed) ease;display:flex;align-items:center;white-space:nowrap;position:relative;overflow:hidden}.nav-pills .nav-link:hover{background-color:var(--hover-bg);transform:translateX(5px)}.nav-pills .nav-link.active{background-color:var(--primary-color);color:white;box-shadow:0 4px 8px rgba(19,199,152,0.3)}.nav-pills .nav-link.active:hover{transform:translateX(5px)}.nav-link i{margin-right:12px;font-size:1.1rem;width:22px;text-align:center;transition:all var(--transition-speed) ease}.nav-link span{transition:opacity var(--transition-speed) ease,transform var(--transition-speed) ease;transform-origin:left}.sidebar.collapsed .nav-link:hover{background-color:var(--hover-bg);transform:translateX(0)}.sidebar.collapsed .nav-link i{margin-right:0;font-size:1.2rem}.sidebar.collapsed .nav-link span{opacity:0;width:0;visibility:hidden;display:none;transform:translateX(-20px)}.sidebar.collapsed .nav-link::after{content:attr(title);position:absolute;left:70px;top:50%;transform:translateY(-50%);background:var(--card-bg);color:var(--text-primary);padding:0.5rem 0.8rem;border-radius:6px;font-size:0.85rem;box-shadow:0 3px 10px rgba(0,0,0,0.1);opacity:0;pointer-events:none;transition:all 0.2s ease;white-space:nowrap;z-index:1001}.sidebar.collapsed .nav-link:hover::after{opacity:1;left:60px}.sidebar-support{transition:all var(--transition-speed) ease;opacity:1;height:auto;overflow:hidden}.sidebar.collapsed .sidebar-support{opacity:0;height:0;padding:0;margin:0}.main-navbar{background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:0.8rem 1.5rem;transition:all var(--transition-speed) ease;position:sticky;top:0;z-index:999;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.main-navbar .container-fluid{display:flex;justify-content:space-between;align-items:center}.navbar-content{margin-left:280px;transition:all var(--transition-speed) ease}.body-collapsed .navbar-content{margin-left:70px}.navbar-tools{display:flex;align-items:center;gap:1rem;margin-left:auto}.navbar-tool-item{padding:0.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed) ease}.navbar-tool-item:hover{background-color:var(--hover-bg);transform:translateY(-2px)}.theme-toggle{background:transparent;border:none;color:var(--text-primary);cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed) ease}.theme-toggle:hover{background-color:var(--hover-bg);transform:translateY(-2px)}.theme-toggle:active{transform:scale(0.95)}.user-dropdown{display:flex;align-items:center;gap:10px;cursor:pointer;padding:0.5rem 1rem;border-radius:8px;transition:all var(--transition-speed) ease}.user-dropdown:hover{background-color:var(--hover-bg);transform:translateY(-2px)}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(19,199,152,0.2)}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;font-size:0.9rem}.user-role{font-size:0.75rem;color:var(--text-primary);opacity:0.7}.main-content-wrapper{transition:margin-left var(--transition-speed) cubic-bezier(0.4,0,0.2,1),width var(--transition-speed) cubic-bezier(0.4,0,0.2,1);margin-left:280px;width:calc(100% - 280px)}.body-collapsed .main-content-wrapper{margin-left:70px;width:calc(100% - 70px)}.main-content{background:var(--card-bg);border-radius:12px;margin:1.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(18,20,77,0.1);transition:all var(--transition-speed) ease}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px -1px rgba(18,20,77,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.15)}.dataTables_wrapper .dataTables_filter input{border:1px solid var(--border-color);border-radius:8px;padding:0.5rem 1rem;background-color:var(--card-bg);color:var(--text-primary)}.dataTables_wrapper .dataTables_length select{border:1px solid var(--border-color);border-radius:8px;padding:0.5rem;background-color:var(--card-bg);color:var(--text-primary)}.fade-in{animation:fadeIn 0.5s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.sidebar-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(18,20,77,0.5);z-index:999;opacity:0;transition:opacity var(--transition-speed) ease}.sidebar-backdrop.show{display:block;opacity:1}@media (max-width:992px){.sidebar{width:70px}.sidebar-logo-text{opacity:0;width:0;visibility:hidden;transform:translateX(-20px)}.nav-link span{opacity:0;width:0;visibility:hidden;display:none;transform:translateX(-20px)}.nav-link i{margin-right:0;font-size:1.2rem}.sidebar-support{opacity:0;height:0;padding:0;margin:0}.navbar-content,.main-content-wrapper{margin-left:70px;width:calc(100% - 70px)}.sidebar.expanded{width:280px}.sidebar.expanded .sidebar-logo-text,.sidebar.expanded .nav-link span{opacity:1;width:auto;visibility:visible;display:inline;transform:translateX(0)}.sidebar.expanded .nav-link i{margin-right:12px;font-size:1.1rem}.sidebar.expanded .sidebar-support{opacity:1;height:auto;padding:inherit;margin:inherit}}@media (max-width:768px){body{overflow-x:hidden}.sidebar{transform:translateX(-100%);box-shadow:none;width:280px}.sidebar.mobile-visible{transform:translateX(0);box-shadow:0 0 20px rgba(0,0,0,0.2);z-index:1001}.sidebar.mobile-visible .sidebar-logo-text,.sidebar.mobile-visible .nav-link span{opacity:1;width:auto;visibility:visible;display:inline;transform:translateX(0)}.sidebar.mobile-visible .nav-link i{margin-right:12px;font-size:1.1rem}.sidebar.mobile-visible .sidebar-support{opacity:1;height:auto;padding:inherit;margin:inherit}.navbar-content,.main-content-wrapper{margin-left:0;width:100%}.main-navbar{padding:0.6rem 1rem}.main-content{margin:1rem;padding:1.2rem;border-radius:10px}.navbar-tools{gap:0.5rem}.navbar-tool-item{padding:0.4rem}.theme-toggle,.user-avatar{width:36px;height:36px}.user-dropdown{padding:0.4rem 0.6rem}#currentDate{font-size:0.85rem;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#mobileSidebarToggle{width:36px;height:36px;margin-right:0.8rem;background-color:rgba(19,199,152,0.1);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}#mobileSidebarToggle:active{transform:scale(0.95)}.dropdown-menu{width:200px;border-radius:10px;overflow:hidden;animation:fadeInUp 0.3s ease;background-color:var(--card-bg);border-color:var(--border-color)}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{margin-bottom:1rem}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{text-align:left;margin-bottom:1rem}.dataTables_wrapper .dataTables_filter input{width:100%;margin-left:0}.table-responsive{border-radius:8px;overflow-x:auto}}@media (max-width:576px){.main-content{margin:0.8rem;padding:1rem}#currentDate{max-width:120px}.navbar-tools .d-none.d-md-block{display:none!important}.dropdown-menu{width:180px}.user-avatar{width:32px;height:32px}}.course-card,.category-card,.feature-card,.latest-course-card{transition:all 0.3s ease;border-radius:12px;overflow:hidden;border-color:var(--border-color)}.course-card:hover,.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(18,20,77,0.1)!important}.category-card:hover{transform:scale(1.03)}.latest-course-card:hover{box-shadow:0 5px 15px rgba(18,20,77,0.1)!important}.card-img-top-wrapper{width:100%;aspect-ratio:1 / 1;overflow:hidden;position:relative}.card-img-top-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.5s ease}.course-card:hover .card-img-top-wrapper img{transform:scale(1.05)}.card-img-overlay-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden}.card-img-overlay-wrapper img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;object-position:center}.feature-icon-bg{width:80px;height:80px;background-color:rgba(19,199,152,0.1)}.divider-center{display:flex;align-items:center;justify-content:center;margin:15px 0}.divider-center span{width:50px;height:3px;background-color:var(--primary-color);border-radius:3px}.rating{display:flex;flex-direction:row-reverse;justify-content:flex-end}.rating input{display:none}.rating label{cursor:pointer;font-size:1.5rem;padding:0 0.1em;color:#ddd}.rating label:hover,.rating label:hover ~ label,.rating input:checked ~ label{color:#FFD700}.rating label:hover,.rating label:hover ~ label{transition:0.2s;transform:scale(1.1)}.dataTables_length select{min-width:80px}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1)}canvas{max-width:100%;height:auto}