:root{--primary-green:#84BD00;--primary-green-light:#ADF979;--primary-green-dark:#043D2B;--bg-primary:#ffffff;--bg-card:#ffffff;--bg-white:#ffffff;--text-white:#ffffff;--sidebar-text-active:#ffffff;--sidebar-hover:rgba(151,129,196,0.073);--sidebar-active:rgba(151,129,196,0.229);--gradient-primary:linear-gradient(135deg,#84BD00,#ADF979);--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 8px 25px rgba(0,0,0,0.15);--shadow-sidebar:0 6px 24px 0 rgba(41,50,84,0.16)} 
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.hidden{display:none}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.text-center{text-align:center}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}.text-red-500{color:#ef4444!important}.text-green-600{color:#16a34a!important}.text-blue-500{color:#3b82f6!important}.text-purple-500{color:#8b5cf6!important}.text-yellow-500{color:#eab308!important}.eduplex-layout{background:var(--bg-primary);min-height:100vh}.eduplex-sidebar{background:var(--gradient-sidebar);color:var(--sidebar-text);padding:var(--space-8)0;border-radius:var(--radius-xl);margin:var(--space-8);align-items:stretch;min-height:90vh}@media (max-width:768px){.eduplex-layout{flex-direction:column}.eduplex-sidebar{border-radius:0;width:100%;height:auto;margin:0;position:static}.top-bar{align-items:stretch;gap:var(--space-4);flex-direction:column}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{box-shadow:0 0 #84bd0066}50%{box-shadow:0 0 0 20px #84bd0000}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;font-size:var(--text-base)}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2}h1{font-size:var(--text-2xl)}h1,h2{font-weight:700}h2{font-size:var(--text-xl);line-height:1.3}h3{font-size:var(--text-lg);font-weight:600;line-height:1.4}p{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:1.6}small{font-size:var(--text-sm);color:var(--text-muted)}.material-icons{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.material-icons.md-16{font-size:16px}.material-icons.md-18{font-size:18px}.material-icons.md-20{font-size:20px}.material-icons.md-24{font-size:24px}.material-icons.md-30{font-size:30px}.material-icons.md-32{font-size:32px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}.eduplex-layout{background:var(--bg-light);height:100vh;font-family:inherit;display:flex}.eduplex-sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);height:calc(100vh - 40px);box-shadow:var(--shadow-sidebar);border-radius:15px;flex-direction:column;margin:20px 0 20px 20px;padding:0;display:flex;position:relative}.sidebar-logo{padding:var(--space-8)var(--space-6);gap:12px}.logo-circle,.sidebar-logo{align-items:center;display:flex}.logo-circle{background:var(--gradient-primary);border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-dark);font-weight:900;justify-content:center}.logo-circle,.logo-text{font-size:var(--text-lg)}.logo-text{color:var(--text-white);font-weight:700}.sidebar-nav{padding:0 var(--space-4);flex:1}.nav-item{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);color:var(--sidebar-text);cursor:pointer;text-align:left;width:100%;font-size:var(--text-base);background:0 0;border:none;margin-bottom:4px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.nav-item.active{background:var(--sidebar-active);color:var(--sidebar-text-active);font-weight:600}.nav-icon{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Icons;font-size:30px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.nav-label{font-family:inherit}.sidebar-footer{padding:var(--space-4);border-top:#0000}.footer-item{color:var(--sidebar-text);padding:12px var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-md);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;margin-bottom:4px;transition:all .2s;display:flex}.footer-item.logout:hover{background:var(--error-dark);color:var(--text-white);border:none}.sidebar-footer .material-icons{font-size:var(--text-xl);color:var(--sidebar-text)}.eduplex-main{flex:1;overflow-y:auto}.top-bar{padding:var(--space-8)var(--space-8);background:0 0;border-bottom:none;justify-content:space-between;align-items:center;display:flex}.welcome-section h1{margin:0 0 var(--space-4)0;font-size:var(--text-2xl);color:var(--text-primary);font-weight:700}.user-profile .user-avatar{background:var(--gradient-purple);border-radius:var(--radius-full);width:44px;height:44px;color:var(--text-white);font-weight:600;font-size:var(--text-md);justify-content:center;align-items:center;display:flex}.progress-bar{background-color:var(--border-light);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar.medium{height:10px}.progress-bar.large{height:12px}.progress-bar.xlarge{height:16px}.progress-fill{background-color:var(--primary-green);border-radius:inherit;width:0;height:100%;transition:width .3s}.progress-text{margin-top:var(--space-2)}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-white{color:var(--text-white)!important}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-error{color:var(--error)!important}.text-info{color:var(--info)!important}.bg-primary{background-color:var(--bg-primary)!important}.bg-secondary{background-color:var(--bg-secondary)!important}.bg-white{background-color:var(--bg-white)!important}.bg-light{background-color:var(--bg-light)!important}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);font-size:var(--text-base);cursor:pointer;white-space:nowrap;border:none;font-weight:600;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.btn,.btn-primary{border-radius:12px}.btn-primary{background:var(--gradient-primary);color:var(--text-dark);min-height:44px;padding:12px 20px;text-decoration:none!important}.btn-primary.large{font-size:var(--text-md);min-height:52px;padding:16px 28px}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #84bd004d}.btn-secondary{background:var(--border-light);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn:disabled{opacity:.6;cursor:not-allowed}.action-btn{border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;text-align:center;border:none;padding:6px 12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.action-btn.small{font-size:var(--text-xs);padding:4px 8px}.action-btn:hover{opacity:.8}.action-btn.published,.status-badge.published{background:var(--success-light);color:var(--success-dark)}.action-btn.draft,.status-badge.draft{background:var(--border-light);color:var(--text-secondary)}.action-btn.edit{background:var(--info-light);color:var(--info-dark)}.action-btn.delete{background:var(--error-light);color:var(--error-dark)}.action-btn.success{background:var(--success-light);color:var(--success-dark)}.action-btn.warning{background:var(--warning-light);color:var(--warning-dark)}.action-btn.view{color:#0284c7;background:#f0f9ff}.status-badge{border-radius:var(--radius-2xl);font-size:var(--text-sm);padding:4px 12px;font-weight:600;display:inline-block}.form-group{margin-bottom:var(--space-5);text-align:left}.form-group label{color:var(--text-secondary);font-weight:500;font-size:var(--text-base);margin-bottom:6px;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;font-size:var(--text-md);background:var(--bg-white);color:var(--text-primary);padding:12px 16px;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-green);outline:none;box-shadow:0 0 0 3px #84bd001a}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:var(--text-muted)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.card{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-content,.widget{padding:var(--space-6)}.widget{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all .2s}.widget:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title h2{font-size:var(--text-xl);color:var(--text-primary);margin:0;font-weight:700}.view-all{color:var(--primary-green);font-weight:600;font-size:var(--text-base);cursor:pointer;padding:var(--space-2)0;background:0 0;border:none;transition:color .2s}.view-all:hover{color:var(--primary-green-dark)}.loading-screen{background:var(--bg-primary);z-index:9999;width:100%;height:100vh;position:fixed;top:0;left:0}.loading-content,.loading-screen{flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-content{text-align:center}.loading-spinner{border-radius:var(--radius-full);background:conic-gradient(from 0deg,var(--primary-green),var(--primary-green-light),var(--primary-green));width:64px;height:64px;margin-bottom:var(--space-8);animation:spin 2.5s linear infinite,pulse 2s ease-in-out infinite;position:relative}.loading-spinner:before{content:"";background:var(--bg-primary);border-radius:var(--radius-full);position:absolute;inset:6px}.loading-text h2{color:var(--text-white);margin-bottom:12px;font-size:24px;font-weight:600}.loading-text p{color:#8b92a5;font-size:16px}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:768px){:root{--sidebar-width:100%;--topbar-height:70px;--space-4:12px;--space-6:16px;--space-8:24px}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}.eduplex-layout{flex-direction:column}.eduplex-sidebar{border-radius:0;width:100%;height:auto;margin:0;position:static}.top-bar{align-items:stretch;gap:var(--space-4);flex-direction:column}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */.admin-login-container{justify-content:center;align-items:center;min-height:100vh;font-family:inherit;display:flex;background:var(--bg-primary)!important}.login-card{background:var(--bg-white);padding:var(--space-12);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:400px;box-shadow:0 8px 32px #0000004d}.login-card h1{color:var(--text-dark);font-size:var(--text-3xl);margin-bottom:var(--space-2);font-weight:700}.login-card p{color:var(--text-secondary);margin-bottom:var(--space-8)}.admin-login-container .login-form{width:100%}.admin-login-container .login-btn{background:var(--gradient-primary);width:100%;color:var(--text-dark);border-radius:var(--radius-md);font-size:var(--text-md);cursor:pointer;border:none;padding:14px;font-weight:600;transition:transform .2s}.admin-login-container .login-btn:hover:not(:disabled){transform:translateY(-1px)}.admin-login-container .login-btn:disabled{opacity:.6;cursor:not-allowed}.admin-login-container .error-message{background:var(--error-light);color:var(--error-dark);border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--text-base);text-align:center;padding:12px}.admin-login-container .form-group{margin-bottom:var(--space-5);text-align:left}.admin-login-container .form-group label{margin-bottom:var(--space-2);color:var(--text-primary);font-weight:600;font-size:var(--text-sm);display:block}.admin-login-container .form-group input{border:2px solid var(--border);border-radius:var(--radius-md);width:100%;font-size:var(--text-base);box-sizing:border-box;padding:12px 16px;transition:border-color .2s}.admin-login-container .form-group input:focus{border-color:var(--purple);outline:none}.admin-login-container .login-footer{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border)}.admin-login-container .login-footer p{margin:var(--space-2)0;font-size:var(--text-sm);color:var(--text-secondary)}.admin-login-container .login-footer a{color:var(--purple);font-weight:600;text-decoration:none}.admin-login-container .login-footer a:hover{text-decoration:underline}.stats-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-trend{font-size:var(--text-sm);padding:4px var(--space-2);border-radius:var(--radius-lg);font-weight:600}.stat-widget.blue .stat-icon,.stat-widget.blue .stat-trend{color:var(--info-dark)}.stat-widget.blue .stat-trend{background:var(--info-light)}.stat-widget.green .stat-icon,.stat-widget.green .stat-trend{color:var(--success-dark)}.stat-widget.green .stat-trend{background:var(--success-light)}.stat-widget.purple .stat-icon,.stat-widget.purple .stat-trend{color:var(--purple-dark)}.stat-widget.purple .stat-trend{background:var(--purple-light)}.stat-widget.orange .stat-icon,.stat-widget.orange .stat-trend{color:var(--orange-dark)}.stat-widget.orange .stat-trend{background:var(--orange-light)}.courses-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.courses-grid.full{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.course-card{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all .2s;overflow:hidden}.course-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.course-content{padding:var(--space-5)}.course-card h3{margin:0 0 var(--space-2)0;font-size:var(--text-lg);color:var(--text-primary);font-weight:600;line-height:1.4}.course-type{margin:0 0 12px}.course-description,.course-type{font-size:var(--text-base);color:var(--text-secondary)}.course-description{margin:0 0 var(--space-4)0;line-height:1.5}.course-rating{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.rating{color:var(--text-primary);font-weight:600}.stars .material-icons{color:#fbbf24;font-size:20px}.course-meta{gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.meta-item{font-size:var(--text-base);color:var(--text-secondary);align-items:center;gap:6px;display:flex}.meta-icon{font-size:16px}.course-footer{border-top:1px solid var(--border-light);padding-top:var(--space-4);justify-content:space-between;align-items:center;display:flex}.price{color:#0cb979;font-size:15px;font-weight:700}.course-actions{gap:var(--space-2);display:flex}.quick-actions h2{margin:0 0 var(--space-5)0;font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.actions-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.action-card{align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--bg-white);border-radius:var(--radius-lg);color:var(--text-primary);border:1px solid var(--border);text-decoration:none;transition:all .2s;display:flex}.action-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-card.course{border-left:4px solid var(--primary-green)}.action-card.module{border-left:4px solid var(--warning)}.action-card.lesson{border-left:4px solid #ec4899}.action-icon{font-size:var(--space-12);color:inherit}.modules-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.module-card{background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all .2s}.module-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.module-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.module-icon{font-size:var(--text-xl)}.module-actions{gap:var(--space-2)}.module-card h3{margin-bottom:var(--space-2);font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.module-card p{margin-bottom:var(--space-4);color:var(--text-secondary);line-height:1.5}.module-footer{border-top:1px solid var(--border-light);padding-top:var(--space-3);justify-content:space-between;align-items:center;display:flex}.module-id{font-size:var(--text-sm);color:var(--text-muted);font-family:monospace}.lessons-list{margin-top:var(--space-4);flex-direction:column}.lesson-card,.lessons-list{gap:var(--space-4);display:flex}.lesson-card{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-white);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:flex-start;transition:all .2s}.lesson-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.lesson-icon{font-size:var(--text-2xl);margin-right:var(--space-4);flex-shrink:0}.lesson-content{flex:1}.lesson-content h3{margin-bottom:var(--space-2);font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.lesson-content p{margin-bottom:var(--space-3);color:var(--text-secondary);line-height:1.5}.lesson-meta{gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.lesson-id{background:var(--border-light);border-radius:var(--radius-sm);padding:2px 6px;font-family:monospace}.lesson-badge.video{background:var(--info-light);color:var(--info-dark);border-radius:var(--radius-md);padding:2px 8px}.lesson-actions{gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.users-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.user-card{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-white);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;transition:all .2s;display:flex}.user-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.user-info{margin-left:var(--space-4);flex:1}.user-info h3{font-size:var(--text-md);color:var(--text-primary);margin:0 0 4px;font-weight:600}.user-email{margin:0 0 var(--space-2)0;color:var(--text-secondary);font-size:var(--text-sm)}.user-meta{gap:var(--space-2);align-items:center;display:flex}.user-status{border-radius:var(--radius-md);font-size:var(--text-xs);text-transform:uppercase;padding:2px 8px;font-weight:600}.user-status.active{background:var(--success-light);color:var(--success-dark)}.user-status.inactive{background:var(--border-light);color:var(--text-muted)}.user-role{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.user-actions{align-items:center;gap:var(--space-2);display:flex}@media (max-width:768px){.content-section,.dashboard-content{padding:var(--space-4)}.stats-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.courses-grid{grid-template-columns:1fr}.course-meta{gap:var(--space-2)}.course-actions,.course-meta{flex-direction:column}.modules-grid,.users-grid{grid-template-columns:1fr}.lesson-card{flex-direction:column;align-items:stretch}.lesson-actions{flex-direction:row;justify-content:flex-end}.actions-grid{grid-template-columns:1fr}}
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */:root{--primary-green:#84bd00;--primary-green-light:#adf979;--primary-green-dark:#043d2b;--bg-primary:#fff;--bg-secondary:#252936;--bg-tertiary:#2d3142;--bg-hover:#363b4d;--bg-card:#fff;--bg-light:linear-gradient(90deg,#ffffff08,#aa79f924);--bg-white:#fff;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-white:#fff;--text-dark:#1a1d29;--success:#10b981;--success-light:#dcfce7;--success-dark:#166534;--warning:#f59e0b;--warning-light:#fef3c7;--warning-dark:#92400e;--error:#ef4444;--error-light:#fee2e2;--error-dark:#dc2626;--info:#3b82f6;--info-light:#dbeafe;--info-dark:#1d4ed8;--purple:#8b5cf6;--purple-light:#f3e8ff;--purple-dark:#7c3aed;--orange:#f59e0b;--orange-light:#fed7aa;--orange-dark:#ea580c;--border:#e5e7eb;--border-light:#f3f4f6;--border-dark:#374151;--sidebar-bg:#1f0767;--sidebar-text:#d7d4e1;--sidebar-text-active:#fff;--sidebar-hover:#9781c413;--sidebar-active:#9781c43a;--gradient-primary:linear-gradient(135deg,#84bd00,#adf979);--gradient-sidebar:linear-gradient(135deg,#0029bdaa,#aa79f996);--gradient-purple:linear-gradient(135deg,#8b5cf6,#7c3aed);--gradient-blue:linear-gradient(135deg,#3b82f6,#1d4ed8);--gradient-orange:linear-gradient(135deg,#f59e0b,#d97706);--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 25px #00000026;--shadow-sidebar:0 6px 24px 0 #29325429;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:50%;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:24px;--text-2xl:28px;--text-3xl:32px;--text-4xl:48px;--sidebar-width:280px;--topbar-height:80px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Inter,Roboto,Arial,sans-serif;font-size:var(--text-base);background:var(--bg-primary);color:var(--text-primary);scroll-behavior:smooth;min-height:100vh}.dashboard-content{padding:var(--space-8);gap:var(--space-8);flex-direction:column;display:flex}.stats-row{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.stat-widget{background:var(--bg-white);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);flex-direction:column;justify-content:space-between;min-height:160px;transition:all .2s;display:flex;position:relative}.stat-widget:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-widget.large{grid-column:span 1}.stat-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.stat-icon{font-size:36px}.stat-widget.blue .stat-icon{color:var(--info-dark)}.stat-widget.green .stat-icon{color:var(--success-dark)}.stat-widget.purple .stat-icon{color:var(--purple-dark)}.stat-widget.orange .stat-icon{color:var(--orange-dark)}.stat-widget h3{font-size:var(--text-3xl);color:var(--text-primary);margin:0;font-weight:700}.stat-widget p{font-size:var(--text-base);color:var(--text-secondary);margin:4px 0 0}.current-module-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.module-info h3{font-size:var(--text-xl);color:var(--text-primary);margin:0 0 var(--space-2)0;font-weight:600}.module-info p{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-4)0;line-height:1.6}.module-progress{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.progress-text{font-size:var(--text-sm);color:var(--text-muted);min-width:80px;font-weight:600}.module-actions{gap:var(--space-3);flex-direction:column;align-items:flex-end;display:flex}.next-milestone{font-size:var(--text-sm);color:var(--text-muted);text-align:center}.milestones-preview{gap:var(--space-4);display:flex}.milestone-item{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex:1;transition:all .2s;display:flex}.milestone-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.milestone-item.earned{background:var(--success-light);border-color:var(--success)}.milestone-icon{flex-shrink:0;font-size:24px}.milestone-info h4{font-size:var(--text-md);color:var(--text-primary);margin:0 0 4px;font-weight:600}.milestone-info p{font-size:var(--text-sm);color:var(--text-muted);margin:0}.course-overview{margin-top:var(--space-6)}.course-main-card{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);gap:var(--space-6);padding:var(--space-6);display:flex;overflow:hidden}.course-image{background:var(--bg-light);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:200px;height:140px;display:flex;position:relative}.course-progress-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-circle{border-radius:var(--radius-full);background:conic-gradient(from 0deg,var(--primary-green)0deg,var(--primary-green)calc(var(--progress,67)*3.6deg),var(--border-light)calc(var(--progress,67)*3.6deg));justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.progress-circle:before{content:"";background:var(--bg-white);border-radius:var(--radius-full);position:absolute;inset:8px}.progress-circle.large{width:100px;height:100px}.progress-circle.large:before{inset:10px}.progress-value{z-index:1;font-size:var(--text-lg);color:var(--text-primary);font-weight:700;position:relative}.course-details{flex:1}.course-details h3{margin:0 0 var(--space-3)0;font-size:var(--text-xl);color:var(--text-primary);font-weight:600}.course-details p{margin:0 0 var(--space-4)0;color:var(--text-secondary);line-height:1.6}.course-stats-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.stat-item{text-align:center;padding:var(--space-3);border-radius:var(--radius-md);background:var(--border-light)}.stat-number{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:4px;font-weight:700;display:block}.stat-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.progress-overview{margin-top:var(--space-6)}.progress-stats{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);text-align:center}.progress-stat h3{font-size:var(--text-4xl);color:var(--primary-green);margin:0 0 var(--space-2)0;font-weight:800}.progress-stat p{font-size:var(--text-lg);color:var(--text-secondary);margin:0 0 var(--space-4)0}.modules-progress{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6)}.modules-progress h3{font-size:var(--text-xl);margin:0 0 var(--space-4)0;color:var(--text-primary);font-weight:600}.module-list{gap:var(--space-4);flex-direction:column;display:flex}.module-progress-item{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);transition:background .2s;display:flex}.module-progress-item:hover{background:var(--border-light)}.module-progress-item.completed{background:var(--success-light)}.module-progress-item.current{background:var(--info-light);border:2px solid var(--info)}.module-progress-item.locked{opacity:.6}.module-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.module-info{flex:1}.module-info h4{margin:0 0 var(--space-2)0;font-size:var(--text-md);color:var(--text-primary);font-weight:600}.module-info span{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.milestone-counter{background:var(--bg-white);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border)}.milestone-counter span{color:var(--primary-green);font-weight:600}.milestones-grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.milestone-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:all .2s}.milestone-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.milestone-card.earned{background:var(--success-light);border-color:var(--success)}.milestone-card.locked{opacity:.7}.milestone-icon-large{margin-bottom:var(--space-4);font-size:48px}.milestone-card h3{margin:0 0 var(--space-2)0;font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.earned-date{font-size:var(--text-sm);color:var(--success-dark);margin:0;font-weight:500}.milestone-progress{margin-top:var(--space-3)}.milestone-progress span{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.certificate-section{margin-top:var(--space-6)}.certificate-progress,.certificate-ready{justify-content:center;align-items:center;display:flex}.certificate-preview{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;width:100%;max-width:500px}.certificate-preview.locked{background:var(--border-light);opacity:.8}.certificate-preview.available{background:var(--success-light);border-color:var(--success)}.certificate-icon{margin-bottom:var(--space-4);color:var(--text-muted);font-size:64px}.certificate-preview h3{margin:0 0 var(--space-3)0;font-size:var(--text-2xl);color:var(--text-primary);font-weight:700}.certificate-preview p{margin:0 0 var(--space-6)0;color:var(--text-secondary);line-height:1.6}.remaining-text{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-3)!important}.profile-section{margin-top:var(--space-6)}.profile-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);gap:var(--space-4)}.profile-avatar,.profile-card{align-items:center;display:flex}.profile-avatar{background:var(--gradient-purple);border-radius:var(--radius-full);width:80px;height:80px;color:var(--text-white);font-weight:700;font-size:var(--text-2xl);flex-shrink:0;justify-content:center}.profile-info h3{margin:0 0 var(--space-2)0;font-size:var(--text-xl);color:var(--text-primary);font-weight:600}.profile-info p{margin:0 0 var(--space-3)0;color:var(--text-secondary)}.profile-stats{gap:var(--space-1);flex-direction:column;display:flex}.profile-stats span{font-size:var(--text-sm);color:var(--text-muted)}.profile-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.content-section{padding:var(--space-8)}.section-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.section-header h2{font-size:var(--text-3xl);color:var(--text-primary);margin:0;font-weight:700}.course-badge{color:var(--text-primary);border-radius:var(--radius-lg);font-size:var(--text-sm);background:#ffffffe6;padding:4px 8px;font-weight:600}.student-login-container{justify-content:center;align-items:center;min-height:100vh;font-family:inherit;display:flex;background:var(--bg-primary)!important}.student-login-container .login-card{background:var(--bg-white);padding:var(--space-12);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:400px;box-shadow:0 8px 32px #0000004d}.student-login-container .login-card h1{color:var(--text-dark);font-size:var(--text-3xl);margin-bottom:var(--space-2);font-weight:700}.student-login-container .login-card p{color:var(--text-secondary);margin-bottom:var(--space-8)}.student-login-container .login-form{width:100%}.student-login-container .form-group{margin-bottom:var(--space-5);text-align:left}.student-login-container .form-group label{margin-bottom:var(--space-2);color:var(--text-primary);font-weight:600;font-size:var(--text-sm);display:block}.student-login-container .form-group input{border:2px solid var(--border);border-radius:var(--radius-md);width:100%;font-size:var(--text-base);box-sizing:border-box;padding:12px 16px;transition:border-color .2s}.student-login-container .form-group input:focus{border-color:var(--primary-green);outline:none}.student-login-container .login-btn{background:var(--gradient-primary);width:100%;color:var(--text-white);border-radius:var(--radius-md);font-size:var(--text-md);cursor:pointer;border:none;padding:14px;font-weight:600;transition:transform .2s}.student-login-container .login-btn:hover:not(:disabled){transform:translateY(-1px)}.student-login-container .login-btn:disabled{opacity:.6;cursor:not-allowed}.student-login-container .error-message{background:var(--error-light);color:var(--error-dark);border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--text-base);text-align:center;padding:12px}.student-login-container .login-footer{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border)}.student-login-container .login-footer p{margin:var(--space-2)0;font-size:var(--text-sm);color:var(--text-secondary)}.student-login-container .login-footer a{color:var(--primary-green);font-weight:600;text-decoration:none}.student-login-container .login-footer a:hover{text-decoration:underline}@media (max-width:1200px){.stats-row{grid-template-columns:1fr 1fr}.stat-widget{min-height:160px;padding:var(--space-6)}}@media (max-width:768px){.content-section,.dashboard-content{padding:var(--space-4)}.stats-row{grid-template-columns:1fr}.stat-widget{min-height:140px;padding:var(--space-4)}.stat-widget h3{font-size:var(--text-2xl)}.current-module-card{text-align:center;flex-direction:column;align-items:stretch}.module-actions{align-items:center}.milestones-preview{flex-direction:column}.milestone-item{padding:var(--space-3)}.milestone-icon{font-size:20px}.course-main-card{text-align:center;flex-direction:column}.course-image{width:100%;height:120px;margin:0 auto}.course-stats-grid{grid-template-columns:repeat(2,1fr)}.milestones-grid{grid-template-columns:1fr}.profile-card{text-align:center;flex-direction:column}.profile-actions{justify-content:center}}