:root{--primary:#3b82f6;--primary-hover:#2563eb;--bg-dark:#0f172a;--bg-panel:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#10b981;--border-color:#ffffff0d;--border-light:#ffffff1a}body.light-theme{--primary:#2563eb;--primary-hover:#1d4ed8;--bg-dark:#f8fafc;--bg-panel:#fff;--text-main:#0f172a;--text-muted:#64748b;--accent:#059669;--border-color:#0000000d;--border-light:#0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,system-ui,sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.lg-dashboard-container{flex-direction:column;min-height:100vh;display:flex}.lg-mobile-header{background-color:var(--bg-panel);border-bottom:1px solid var(--border-color);z-index:50;justify-content:space-between;align-items:center;padding:16px 24px;display:none}.lg-mobile-header h2{color:var(--primary);font-size:20px}.lg-hamburger{color:var(--text-main);cursor:pointer;background:0 0;border:none;font-size:24px}.lg-sidebar{background-color:var(--bg-panel);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;width:280px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.lg-sidebar-logo{color:var(--primary);border-bottom:1px solid var(--border-color);padding:24px;font-size:24px;font-weight:700}.lg-sidebar-nav{flex-direction:column;flex-grow:1;padding:20px 0;display:flex}.lg-sidebar-nav ul{flex-direction:column;height:100%;display:flex}.lg-sidebar-nav li a{color:var(--text-muted);align-items:center;padding:12px 24px;font-weight:500;transition:all .2s;display:flex}.lg-sidebar-nav li a:hover,.lg-sidebar-nav li a.active{color:var(--primary);border-right:3px solid var(--primary);background-color:#3b82f61a}.lg-logout-btn{color:#ef4444;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:12px 24px;font-size:15px;font-weight:500;transition:background .2s}.lg-logout-btn:hover{background:#ef44441a}.lg-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;background:#00000080;display:none;position:fixed;inset:0}.lg-dashboard-main{flex-grow:1;margin-left:280px;padding:40px;transition:margin .3s}.lg-dashboard-header{margin-bottom:40px}.lg-dashboard-header h1{margin-bottom:8px;font-size:32px;line-height:1.2}.lg-role-badge{color:var(--primary);letter-spacing:1px;background:#3b82f633;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.lg-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px;display:grid}.lg-card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000001a}.lg-glass{background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color)}.lg-card h3{color:var(--text-main);margin-bottom:15px;font-size:18px}.lg-stat-number{color:var(--primary);margin:10px 0;font-size:36px;font-weight:700}.lg-table-wrapper{width:100%;overflow-x:auto}.lg-table-wrapper table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-color);padding:16px;font-size:14px;font-weight:500}.lg-table-wrapper table td{border-bottom:1px solid var(--border-color);color:var(--text-main);padding:16px;font-size:14px}.lg-table-wrapper table tr:last-child td{border-bottom:none}tr:hover{background:#ffffff05}.lg-course-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.lg-course-card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;transition:transform .2s;overflow:hidden}.lg-course-card:hover{transform:translateY(-4px)}.lg-course-thumbnail{background-color:#334155;background-position:50%;background-size:cover;height:160px}.lg-course-content{padding:20px}.lg-course-content h4{margin-bottom:12px;font-size:18px}.lg-progress-bar{background-color:#ffffff1a;border-radius:4px;height:8px;margin:16px 0;overflow:hidden}.lg-progress-fill{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:4px;height:100%;transition:width 1s}.lg-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.lg-btn:hover{background-color:var(--primary-hover)}.lg-btn-small{color:var(--primary);cursor:pointer;background-color:#3b82f633;border:1px solid #3b82f666;border-radius:6px;padding:6px 12px;font-size:14px;transition:all .2s}.lg-btn-small:hover{background-color:var(--primary);color:#fff}@media (width<=992px){.lg-dashboard-container{flex-direction:column}.lg-mobile-header{display:flex}.lg-sidebar{transform:translate(-100%)}.lg-sidebar.open{transform:translate(0)}.lg-sidebar-overlay{display:block}.lg-dashboard-main{margin-left:0;padding:20px}.lg-sidebar-logo{display:none}}@media (width<=576px){.lg-dashboard-header h1{font-size:24px}.lg-dashboard-grid,.lg-course-grid{grid-template-columns:1fr}}.lg-login-container{background-color:var(--bg-dark);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.lg-login-card{width:100%;max-width:450px;padding:40px}.lg-form-group{text-align:left;margin-bottom:20px}.lg-form-group label{color:#cbd5e1;margin-bottom:8px;font-size:14px;display:block}.lg-input{color:#fff;background-color:#0f172a99;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:12px 15px;font-family:inherit;font-size:16px;transition:border-color .2s}.lg-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #3b82f633}.lg-btn-full{width:100%;padding:14px;font-size:16px}