@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:#111827b3;--bg-glass:#ffffff0a;--bg-glass-hover:#ffffff14;--text-primary:#fff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent:#6366f1;--accent-hover:#818cf8;--accent-glow:#6366f14d;--accent-soft:#6366f11a;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--error-soft:#ef44441a;--border:#ffffff14;--border-focus:#6366f180;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 30px var(--accent-glow);--transition:all .2s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fffc;--bg-glass:#00000008;--bg-glass-hover:#0000000f;--text-primary:#020617;--text-secondary:#334155;--text-muted:#475569;--accent:#4f46e5;--accent-hover:#4338ca;--accent-glow:#4f46e533;--accent-soft:#4f46e514;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--error-soft:#ef444414;--border:#00000014;--border-focus:#4f46e566;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 32px #0000001f;--shadow-glow:0 0 20px var(--accent-glow);--dash-bg:#f8fafc;--dash-surface:#ffffffe6;--dash-card:#ffffffd9;--dash-glass:#00000005;--dash-glass-hover:#0000000d;--dash-border:#00000014;--dash-border-glow:#4f46e540;--dash-text:#020617;--dash-text-2:#334155;--dash-text-3:#475569;--dash-indigo:#4f46e5;--dash-violet:#7c3aed;--dash-emerald:#10b981;--dash-amber:#f59e0b;--dash-blue:#2563eb;--dash-red:#ef4444;--dash-shadow:0 8px 32px #0000000f;--dash-shadow-glow:0 0 30px #4f46e514}body,.app-layout,.app-header,.app-main,.admin-layout,.admin-sidebar,.admin-main,.auth-page,.auth-form,.profile-card,.profile-form,.dashboard-placeholder,.card,.modal-content,.modal-header,.modal-footer,.form-group input,.form-group select,.form-group textarea,.sidebar-link,.header-link,.dropdown-link{transition:background .3s,background-color .3s,border-color .3s,color .3s,box-shadow .3s}.theme-toggle-btn{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:38px;height:38px;color:var(--text-primary);transition:var(--transition);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.theme-toggle-btn:hover{background:var(--bg-glass-hover);border-color:var(--text-secondary);transform:scale(1.05)}.theme-toggle-btn:active{transform:scale(.95)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}.auth-page{background:radial-gradient(ellipse at 20% 50%, #6366f114 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, #10b9810d 0%, transparent 50%), var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-container{width:100%;max-width:440px;animation:.5s cubic-bezier(.4,0,.2,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-brand{text-align:center;margin-bottom:2rem}.brand-logo{color:var(--text-primary);letter-spacing:-.5px;font-size:2rem;font-weight:700}.brand-accent{color:var(--accent)}.brand-tagline{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.auth-form{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2rem}.form-header{margin-bottom:1.5rem}.form-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600}.form-header p{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.form-group{margin-bottom:1.25rem}.form-group label,.form-label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.8125rem;font-weight:500;display:block}.required-asterisk{color:#ef4444;vertical-align:middle;margin-left:.2rem;font-size:.875rem;font-weight:700;line-height:1;display:inline-block}.form-required-note{color:var(--text-muted);align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;display:flex}.form-required-note .required-asterisk{margin-left:0;font-size:.8125rem}.form-group input:invalid:not(:placeholder-shown),.form-group select:invalid:not(:placeholder-shown),.form-group textarea:invalid:not(:placeholder-shown){border-color:#ef444480}.form-group input.field-invalid,.form-group select.field-invalid,.form-group textarea.field-invalid{border-color:#ef444499;box-shadow:0 0 0 3px #ef44441a}.form-hint{color:var(--text-muted);margin-top:.25rem;font-size:.75rem;line-height:1.5;display:block}.form-group input,.form-group select,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:.9375rem;font-family:var(--font-family);transition:var(--transition);outline:none;padding:.75rem 1rem}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft);background:var(--bg-secondary)}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-group small{color:var(--text-muted);margin-top:.25rem;font-size:.75rem;display:block}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.field-error{color:var(--error);align-items:center;gap:.25rem;margin-top:.375rem;font-size:.75rem;line-height:1.4;display:flex}.field-error:before{content:"⚠";flex-shrink:0;font-size:.6875rem}.form-error{background:var(--error-soft);border-radius:var(--radius-sm);color:var(--error);border:1px solid #ef44444d;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.875rem}.form-success{border-radius:var(--radius-sm);color:var(--success);background:#10b9811a;border:1px solid #10b9814d;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.875rem}.form-actions{margin-top:1.5rem}.btn{font-size:.9375rem;font-weight:600;font-family:var(--font-family);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;line-height:1.5;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);color:#fff;width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 4px 15px var(--accent-glow);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-outline{border:1px solid var(--border);color:var(--text-primary);box-shadow:none;background:0 0;font-weight:500}.btn-outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.btn-danger{background:linear-gradient(135deg, var(--error) 0%, #dc2626 100%);color:#fff}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #ef44444d}.btn-success{background:linear-gradient(135deg, var(--success) 0%, #059669 100%);color:#fff}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #10b9814d}.btn-sso{background:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text-primary);box-shadow:none;gap:.5rem;font-weight:500}.btn-sso:hover{background:var(--bg-glass);border-color:var(--text-secondary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.form-divider{align-items:center;margin:1.25rem 0;display:flex}.form-divider:before,.form-divider:after{content:"";background:var(--border);flex:1;height:1px}.form-divider span{color:var(--text-muted);padding:0 1rem;font-size:.8125rem}.form-footer{text-align:center;color:var(--text-muted);margin-top:1.5rem;font-size:.875rem}.link-btn{color:var(--accent);cursor:pointer;font-size:.875rem;font-family:var(--font-family);transition:var(--transition);background:0 0;border:none;padding:0}.link-btn:hover{color:var(--accent-hover);text-decoration:underline}.separator{margin:0 .5rem}.page-container{width:100%;padding:2rem}.page-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.page-header h1{font-size:1.75rem;font-weight:600}.profile-content{gap:2rem;display:grid}.profile-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex}.profile-avatar img,.avatar-placeholder{object-fit:cover;border-radius:50%;width:72px;height:72px}.avatar-placeholder{background:var(--accent-soft);color:var(--accent);justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;display:flex}.profile-info h2{font-size:1.25rem;font-weight:600}.profile-email{color:var(--text-secondary);font-size:.875rem}.profile-role{background:var(--accent-soft);color:var(--accent);border-radius:9999px;margin-top:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.profile-form{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);width:95%;max-width:800px;max-height:90vh;box-shadow:var(--shadow-lg);border:2px solid #fff;flex-direction:column;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header,.modal-footer{flex-shrink:0}.modal-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600}.modal-close{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;font-size:1.25rem}.modal-close:hover{color:var(--text-primary)}.modal-body{flex:1;max-height:calc(80vh - 140px);padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:1rem;padding:1.5rem;display:flex}.loading-screen{min-height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.access-denied{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.access-denied h2{color:var(--error);font-size:1.5rem}.access-denied p{color:var(--text-secondary)}.dashboard-placeholder{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--text-secondary);padding:3rem}.app-layout{min-height:100vh}.app-header{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:.75rem 2rem;display:flex;position:sticky;top:0}.brand-sm{font-size:1.25rem}.header-nav{gap:.25rem;display:flex}.header-link{color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition);padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none}.header-link:hover,.header-link.active{color:var(--text-primary);background:var(--bg-glass)}.header-link--admin{color:var(--accent)}.header-actions{align-items:center;gap:1rem;display:flex}.header-user{color:var(--text-secondary);font-size:.875rem}.app-main{width:100%;padding:2rem}.admin-layout{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.admin-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:1.5rem;display:flex}.sidebar-brand h2{font-size:1.25rem;font-weight:700}.sidebar-badge{background:var(--accent-soft);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.15rem .5rem;font-size:.625rem;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:.125rem;padding:.75rem;display:flex}.sidebar-link{color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{color:var(--text-primary);background:var(--bg-glass)}.sidebar-link--active{color:var(--accent);background:var(--accent-soft)}.sidebar-icon{font-size:1rem}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;padding:1rem 1.5rem;display:flex}.sidebar-user{align-items:center;gap:.5rem;display:flex}.avatar-sm{width:36px;height:36px;font-size:.75rem}.avatar-xs{width:28px;height:28px;font-size:.625rem}.sidebar-user-info{flex-direction:column;display:flex}.sidebar-user-name{color:var(--text-primary);font-size:.8125rem;font-weight:500}.sidebar-user-role{color:var(--text-muted);font-size:.6875rem}.btn-sm{border-radius:var(--radius-sm);padding:.5rem 1.25rem;font-size:.875rem;font-weight:600}.btn-xs{border-radius:var(--radius-sm);padding:.35rem .75rem;font-size:.75rem;font-weight:600}.admin-main{padding:2rem;overflow-y:auto}.admin-page{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-page-header{margin-bottom:2rem}.admin-page-header h1{font-size:1.75rem;font-weight:600}.page-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:.25rem;padding:1.5rem;display:flex}.stat-value{color:var(--text-primary);font-size:2rem;font-weight:700}.stat-label{color:var(--text-muted);font-size:.8125rem;font-weight:500}.stat-card--health{padding:1rem}.admin-section{margin-bottom:2rem}.admin-section h2{margin-bottom:1rem;font-size:1.125rem;font-weight:600}.table-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table thead{background:var(--bg-glass)}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.75rem;font-weight:500}.data-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:.75rem 1rem}.data-table tbody tr:hover{background:var(--bg-glass)}.data-table tbody tr:last-child td{border-bottom:none}.empty-state{text-align:center;color:var(--text-muted);padding:2rem}.mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8125rem}.user-cell{color:var(--text-primary);align-items:center;gap:.5rem;font-weight:500;display:flex}.badge{background:var(--accent-soft);color:var(--accent);border-radius:9999px;padding:.2rem .6rem;font-size:.6875rem;font-weight:500;display:inline-block}.badge--action{background:var(--bg-glass-hover);color:var(--text-secondary)}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:.375rem;display:inline-block}.status-dot--active{background:var(--success)}.status-dot--inactive{background:var(--text-muted)}.health-panel{flex-direction:column;gap:.5rem;display:flex}.health-overall{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.health-dot{border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse}.health-dot--sm{width:8px;height:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.health-services{flex-wrap:wrap;gap:.5rem;display:flex}.health-service-card{background:var(--bg-glass);border-radius:var(--radius-sm);flex:1;justify-content:space-between;align-items:center;gap:.5rem;min-width:120px;padding:.375rem .625rem;font-size:.75rem;display:flex}.health-service-header{align-items:center;gap:.375rem;display:flex}.health-service-name{color:var(--text-secondary);text-transform:capitalize}.health-response-time{color:var(--text-muted);font-family:monospace}.admin-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.filter-input,.filter-select{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;font-family:var(--font-family);transition:var(--transition);outline:none;padding:.625rem 1rem}.filter-input{flex:1;min-width:200px}.filter-input:focus,.filter-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.filter-select option{background:var(--bg-secondary);color:var(--text-primary)}.pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.pagination-info{color:var(--text-muted);font-size:.8125rem}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.role-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);padding:.75rem}.role-card:hover{border-color:var(--accent-soft);box-shadow:var(--shadow-md);transform:translateY(-2px)}.role-card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.role-card-header h3{font-size:.9375rem;font-weight:600}.role-slug{color:var(--text-muted);background:var(--bg-glass);border-radius:var(--radius-sm);padding:.15rem .5rem;font-family:monospace;font-size:.6875rem}.role-desc{color:var(--text-secondary);font-size:.8125rem;line-height:1.5}.settings-form{max-width:720px}.settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1.5rem}.settings-section h3{border-bottom:1px solid var(--border);margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1rem;font-weight:600}.settings-form .form-row{grid-template-columns:repeat(3,1fr)}.color-input-row{align-items:center;gap:.5rem;display:flex}.color-input-row input[type=color]{cursor:pointer;border:none;width:40px;height:36px;padding:0}.color-input-row span{color:var(--text-muted);font-family:monospace}.toggle-group{flex-direction:column;gap:.5rem;display:flex}.toggle-row{cursor:pointer;color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.toggle-row input[type=checkbox]{appearance:none;background:var(--bg-glass);border:1px solid var(--border);cursor:pointer;width:36px;height:20px;transition:var(--transition);border-radius:9999px;position:relative}.toggle-row input[type=checkbox]:after{content:"";background:var(--text-muted);width:14px;height:14px;transition:var(--transition);border-radius:50%;position:absolute;top:2px;left:2px}.toggle-row input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.toggle-row input[type=checkbox]:checked:after{background:#fff;left:18px}.course-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.course-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);overflow:hidden}.course-card:hover{border-color:var(--accent-soft);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.course-card--compact{overflow:visible}.course-card-thumbnail{background:var(--bg-glass);position:relative;overflow:hidden}.course-card-thumbnail img{object-fit:cover;width:100%;height:100%}.course-featured-badge{background:var(--accent);color:#fff;border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:.6875rem;font-weight:600;position:absolute;top:.5rem;right:.5rem}.course-card-body{padding:1rem}.course-card-meta{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.course-difficulty{text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600}.course-duration{color:var(--text-muted);font-size:.75rem}.course-card-title{color:var(--text-primary);margin-bottom:.375rem;font-size:1rem;font-weight:600;line-height:1.4}.course-card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;display:-webkit-box;overflow:hidden}.course-card-footer{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.5rem;font-size:.75rem;display:flex}.course-category{font-weight:500}.course-enrollments{font-variant-numeric:tabular-nums}.course-detail-header{gap:2rem;margin-bottom:2rem;display:flex}.course-detail-thumbnail{border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;width:320px;height:200px}.course-detail-info{flex:1}.course-detail-info h1{margin:.5rem 0;font-size:1.75rem;font-weight:700}.course-detail-desc{color:var(--text-secondary);margin-bottom:1rem;font-size:.9375rem;line-height:1.7}.course-detail-stats{color:var(--text-muted);flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;font-size:.875rem;display:flex}.course-detail-actions{gap:.5rem;display:flex}.course-detail-actions .btn-primary{width:auto}.course-content-list{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1.5rem}.course-content-list h2{margin-bottom:1rem;font-size:1.125rem}.content-items{flex-direction:column;gap:.5rem;display:flex}.content-item{background:var(--bg-glass);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.75rem;display:flex}.content-item-num{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.content-item-info h4{color:var(--text-primary);font-size:.875rem;font-weight:500}.content-item-meta{color:var(--text-muted);font-size:.75rem}.course-tags{flex-wrap:wrap;gap:.5rem;display:flex}.progress-bar-container{align-items:center;gap:.5rem;width:100%;display:flex}.progress-bar-track{background:var(--bg-glass);border-radius:9999px;flex:1;height:8px;overflow:hidden}.progress-bar--sm .progress-bar-track{height:6px}.progress-bar-fill{border-radius:9999px;height:100%;transition:width .5s}.progress-bar-label{color:var(--text-secondary);text-align:right;min-width:36px;font-size:.75rem;font-weight:600}.enrollment-list{flex-direction:column;gap:.5rem;display:flex}.enrollment-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.enrollment-card:hover{border-color:var(--accent-soft);background:var(--bg-glass-hover)}.enrollment-card--completed{opacity:.7;cursor:default}.enrollment-card-info{flex-direction:column;flex:1;gap:.5rem;display:flex}.enrollment-card-info h3{font-size:.9375rem;font-weight:600}.learn-header{margin-bottom:2rem}.learn-header h1{margin-bottom:.75rem;font-size:1.5rem}.learn-content{flex-direction:column;gap:.5rem;display:flex}.learn-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:.5rem;padding:1rem;display:flex}.learn-item--completed{opacity:.6;border-color:#10b98133}.learn-item-status{font-size:1.25rem}.learn-item-info{flex:1}.learn-item-info h3{font-size:.9375rem;font-weight:500}.learn-item-meta{color:var(--text-muted);text-transform:capitalize;font-size:.75rem}@media (width<=768px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{display:none}.settings-form .form-row{grid-template-columns:1fr}}@media (width<=640px){.auth-page{padding:1rem}.auth-form{padding:1.5rem}.form-row{grid-template-columns:1fr}.profile-card{text-align:center;flex-direction:column}}.course-card-placeholder{border-radius:12px 12px 0 0;width:100%;height:200px;position:relative;overflow:hidden}.course-card-bg-image{object-fit:cover;width:100%;height:100%;display:block}.course-card-overlay{background:#00000040;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.course-card-overlay span{color:#fff;text-align:center;text-shadow:0 2px 8px #0006;font-size:24px;font-weight:700}.glass-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff14}.glass-card-hover{transition:var(--transition)}.glass-card-hover:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 12px 40px #00000073}.text-gradient{background:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.bg-mesh{background:radial-gradient(at 0 0,#6366f126 0,#0000 50%),radial-gradient(at 100% 0,#10b9811a 0,#0000 50%),radial-gradient(at 100% 100%,#f59e0b0d 0,#0000 50%),radial-gradient(at 0 100%,#ef44440d 0,#0000 50%)}.recharts-tooltip-cursor{stroke:#ffffff1a}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#ffffff0d}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--dash-bg:#080c18;--dash-surface:#0f1428d9;--dash-card:#10162db3;--dash-glass:#ffffff08;--dash-glass-hover:#ffffff0f;--dash-border:#ffffff12;--dash-border-glow:#6366f159;--dash-text:#f1f5f9;--dash-text-2:#94a3b8;--dash-text-3:#64748b;--dash-indigo:#6366f1;--dash-violet:#8b5cf6;--dash-emerald:#10b981;--dash-amber:#f59e0b;--dash-blue:#3b82f6;--dash-red:#ef4444;--dash-radius:16px;--dash-radius-sm:10px;--dash-radius-lg:20px;--dash-shadow:0 8px 32px #00000073;--dash-shadow-glow:0 0 40px #6366f11f;--dash-transition:all .25s cubic-bezier(.4, 0, .2, 1)}.dash-page{background:radial-gradient(ellipse at 0% 0%, #6366f11a 0%, transparent 50%), radial-gradient(ellipse at 100% 0%, #10b98112 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, #8b5cf60d 0%, transparent 60%), var(--dash-bg);flex-direction:column;gap:.5rem;width:100%;min-height:100vh;padding:.75rem;display:flex}@keyframes dash-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes dash-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dash-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes dash-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.dash-hero{background:var(--dash-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--dash-border);border-radius:var(--dash-radius-lg);box-shadow:var(--dash-shadow), var(--dash-shadow-glow);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;animation:.5s both dash-fade-up;display:flex;position:relative;overflow:hidden}.dash-hero-bg{pointer-events:none;background:radial-gradient(at 0%,#6366f11f 0%,#0000 60%),radial-gradient(at 100%,#10b9810f 0%,#0000 60%);position:absolute;inset:0}.dash-hero-left{z-index:1;align-items:center;gap:1.25rem;display:flex;position:relative}.dash-hero-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.375rem;font-weight:800;display:flex;box-shadow:0 4px 16px #6366f166}.dash-hero-greeting{color:var(--dash-text);letter-spacing:-.3px;font-size:1.5rem;font-weight:700}.dash-hero-greeting strong{color:#a78bfa}.dash-hero-sub{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.375rem;display:flex}.dash-role-badge{color:#a78bfa;text-transform:uppercase;letter-spacing:.07em;background:#6366f126;border:1px solid #6366f14d;border-radius:9999px;align-items:center;padding:.2rem .65rem;font-size:.6875rem;font-weight:600;display:inline-flex}.dash-hero-date{color:var(--dash-text-3);font-size:.8125rem}.dash-hero-right{z-index:1;align-items:center;display:flex;position:relative}.dash-hero-stats{border-radius:var(--dash-radius);background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:0;display:flex;overflow:hidden}.dash-hero-stat{flex-direction:column;align-items:center;gap:.125rem;padding:.75rem 1.5rem;display:flex}.dash-hero-stat-val{color:var(--dash-text);letter-spacing:-.5px;font-size:1.25rem;font-weight:800;line-height:1.2}.dash-hero-stat-lbl{color:var(--dash-text-3);white-space:nowrap;font-size:.6875rem;font-weight:500}.dash-hero-stat-divider{background:var(--dash-border);flex-shrink:0;width:1px;height:36px}.dash-filter-bar{background:var(--dash-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--dash-border);border-radius:var(--dash-radius);box-shadow:var(--dash-shadow);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.875rem 1.25rem;animation:.5s 50ms both dash-fade-up;display:flex}.dash-filter-periods{border-radius:var(--dash-radius-sm);background:#ffffff0a;gap:.25rem;padding:.25rem;display:flex}.dash-filter-period-btn{color:var(--dash-text-2);font-size:.8125rem;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:var(--dash-transition);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;padding:.375rem .875rem}.dash-filter-period-btn:hover{color:var(--dash-text);background:#ffffff0f}.dash-filter-period-btn--active{color:var(--dash-indigo);background:#6366f126;border-color:#6366f14d}.dash-filter-dates{align-items:center;gap:.5rem;display:flex}.dash-filter-input{border:1px solid var(--dash-border);border-radius:var(--dash-radius-sm);color:var(--dash-text);font-size:.8125rem;font-family:var(--font-family);transition:var(--dash-transition);background:#ffffff0d;outline:none;padding:.4rem .75rem}.dash-filter-input:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a}.dash-filter-sep{color:var(--dash-text-3);font-size:.875rem}.dash-filter-select-wrap{align-items:center;display:flex;position:relative}.dash-filter-select-icon{pointer-events:none;z-index:1;font-size:.875rem;position:absolute;left:.625rem}.dash-filter-select{border:1px solid var(--dash-border);border-radius:var(--dash-radius-sm);color:var(--dash-text);font-size:.8125rem;font-family:var(--font-family);cursor:pointer;transition:var(--dash-transition);appearance:none;background:#ffffff0d;outline:none;min-width:160px;padding:.4rem .75rem .4rem 2rem}.dash-filter-select option{color:var(--dash-text);background:#111827}.dash-filter-select:focus{border-color:#6366f180}.dash-filter-chips{flex-wrap:wrap;gap:.375rem;display:flex}.dash-filter-chip{color:#a78bfa;background:#6366f11f;border:1px solid #6366f140;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.dash-filter-chip-remove{color:#a78bfa;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:1rem;line-height:1;transition:opacity .15s}.dash-filter-chip-remove:hover{opacity:1}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (width>=768px){.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-8{grid-column:span 8/span 8}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.gap-10{gap:2.5rem}.gap-6{gap:1.5rem}.sticky{position:sticky;top:0}.top-24{top:6rem}.dash-filter-export-btn:hover{background:#6366f133;box-shadow:0 0 16px #6366f133}.dash-filter-export-chevron{opacity:.7;font-size:.625rem}.dash-filter-export-menu{border:1px solid var(--dash-border);border-radius:var(--dash-radius-sm);z-index:50;min-width:180px;box-shadow:var(--dash-shadow);background:#111827;padding:.375rem;animation:.15s dash-fade-in;position:absolute;top:calc(100% + 6px);right:0}.dash-filter-export-item{width:100%;color:var(--dash-text-2);font-size:.8125rem;font-family:var(--font-family);cursor:pointer;text-align:left;transition:var(--dash-transition);background:0 0;border:none;border-radius:8px;align-items:center;gap:.625rem;padding:.5rem .75rem;display:flex}.dash-filter-export-item:hover{color:var(--dash-text);background:#ffffff0f}.dash-kpi-row{grid-template-columns:repeat(4,1fr);gap:1rem;animation:.5s .1s both dash-fade-up;display:grid}.dash-kpi-card{background:var(--dash-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--kpi-border,#ffffff14);border-radius:var(--dash-radius);transition:var(--dash-transition);cursor:default;box-shadow:var(--dash-shadow);flex-direction:column;gap:.5rem;padding:1.375rem 1.5rem;display:flex;position:relative;overflow:hidden}.dash-kpi-card:hover{box-shadow:var(--dash-shadow), 0 0 24px var(--kpi-glow,#6366f126);border-color:var(--kpi-border,#ffffff1f);transform:translateY(-2px)}.dash-kpi-glow{filter:blur(24px);pointer-events:none;opacity:.6;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.dash-kpi-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.dash-kpi-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;display:flex}.dash-kpi-trend{white-space:nowrap;border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.6875rem;font-weight:700;display:inline-flex}.dash-kpi-value-wrap{flex-direction:column;gap:.2rem;margin-top:.25rem;display:flex}.dash-kpi-value{color:var(--dash-text);letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:2.125rem;font-weight:900;line-height:1.1}.dash-kpi-label{color:var(--dash-text-3);letter-spacing:.01em;font-size:.8125rem;font-weight:500}.dash-kpi-subtitle{color:var(--dash-text-3);opacity:.7;font-size:.75rem}.dash-kpi-sparkline{opacity:.7;margin-top:.5rem}.dash-kpi-trend-label{margin-top:.125rem;font-size:.6875rem}.dash-kpi-track{background:#ffffff0f;border-radius:9999px;height:3px;margin-top:.25rem;overflow:hidden}.dash-kpi-track-fill{border-radius:9999px;height:100%;transition:width .9s cubic-bezier(.4,0,.2,1)}.dash-skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 50%,#ffffff0a 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite dash-shimmer}.dash-skeleton-line{border-radius:6px;height:12px}.dash-skeleton-circle{border-radius:50%}.dash-kpi-skeleton-val{width:100px;height:36px}.dash-main-grid{grid-template-columns:1fr 380px;gap:.5rem;animation:.5s .15s both dash-fade-up;display:grid}.dash-charts-col,.dash-widgets-col{flex-direction:column;gap:.5rem;display:flex}.dash-chart-card{background:var(--dash-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--dash-border);border-radius:var(--dash-radius);transition:var(--dash-transition);box-shadow:var(--dash-shadow);overflow:hidden}.dash-chart-card:hover{box-shadow:var(--dash-shadow), 0 0 24px #6366f112;border-color:#ffffff1c}.dash-chart-header{justify-content:space-between;align-items:center;gap:1rem;padding:1.125rem 1.375rem 0;display:flex}.dash-chart-title{color:var(--dash-text);letter-spacing:-.2px;font-size:.9375rem;font-weight:700}.dash-chart-subtitle{color:var(--dash-text-3);margin-top:.125rem;font-size:.75rem}.dash-chart-period{background:#ffffff0a;border-radius:8px;gap:.25rem;padding:.2rem;display:flex}.dash-chart-period-btn{color:var(--dash-text-3);font-size:.75rem;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:var(--dash-transition);background:0 0;border:1px solid #0000;border-radius:6px;padding:.25rem .625rem}.dash-chart-period-btn:hover{color:var(--dash-text);background:#ffffff0f}.dash-chart-body{padding:1rem .5rem .75rem}.dash-chart-empty{height:100%;color:var(--dash-text-3);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.dash-chart-tooltip{box-shadow:var(--dash-shadow);background:#0a0e1af2;border:1px solid #ffffff1a;border-radius:10px;min-width:120px;padding:.625rem .875rem}.dash-chart-tooltip-label{color:var(--dash-text-3);margin-bottom:.375rem;font-size:.75rem;font-weight:500}.dash-chart-tooltip-row{color:var(--dash-text);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.dash-chart-tooltip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dash-panel{background:var(--dash-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--dash-border);border-radius:var(--dash-radius);box-shadow:var(--dash-shadow);transition:var(--dash-transition);flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.dash-panel:hover{border-color:#ffffff1a}.dash-panel-full{width:100%}.dash-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.dash-panel-title-row{align-items:center;gap:.5rem;display:flex}.dash-panel-icon{opacity:.8;font-size:1rem}.dash-panel-title{color:var(--dash-text);font-size:.9375rem;font-weight:700}.dash-panel-badge{border-radius:9999px;align-items:center;gap:.375rem;padding:.2rem .6rem;font-size:.6875rem;font-weight:600;display:inline-flex}.dash-badge-live{color:#34d399;background:#10b9811a;border:1px solid #10b98140}.dash-live-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite dash-live-pulse;display:inline-block}.dash-panel-count{color:var(--dash-text-3);font-size:.75rem;font-weight:500}.dash-panel-stats-row{align-items:center;gap:.5rem;display:flex}.dash-panel-stat-chip{border-radius:9999px;padding:.2rem .6rem;font-size:.6875rem;font-weight:600}.dash-panel-footer-btn{color:var(--dash-indigo);font-size:.8rem;font-weight:600;font-family:var(--font-family);cursor:pointer;text-align:left;transition:var(--dash-transition);opacity:.8;background:0 0;border:none;padding:.375rem 0}.dash-panel-footer-btn:hover{opacity:1;letter-spacing:.01em}.dash-activity-list{flex-direction:column;gap:0;display:flex}.dash-activity-item{border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:.5rem;padding:.625rem 0;transition:background .15s;animation:.35s both dash-fade-up;display:flex}.dash-activity-item:last-child{border-bottom:none}.dash-activity-item:hover{background:#ffffff05;border-radius:8px}.dash-activity-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;display:flex}.dash-activity-body{flex:1;min-width:0}.dash-activity-text{color:var(--dash-text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.45;display:-webkit-box;overflow:hidden}.dash-activity-user{color:var(--dash-text);font-weight:600}.dash-activity-action{color:var(--dash-text-2)}.dash-activity-course{color:var(--dash-text);font-style:italic}.dash-activity-meta{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.dash-activity-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:9999px;padding:.1rem .45rem;font-size:.6rem;font-weight:700}.dash-activity-time{color:var(--dash-text-3);font-size:.6875rem}.dash-activity-skeleton{flex-direction:column;gap:12px;display:flex}.dash-activity-skeleton-item{align-items:center;gap:10px;display:flex}.dash-schedule-list{flex-direction:column;gap:0;display:flex}.dash-schedule-row{grid-template-columns:72px 20px 1fr auto;align-items:flex-start;gap:.5rem;padding:.625rem 0;animation:.35s both dash-fade-up;display:grid}.dash-schedule-date{flex-direction:column;align-items:flex-end;padding-top:2px;display:flex}.dash-schedule-day{color:var(--dash-text);white-space:nowrap;font-size:.75rem;font-weight:600}.dash-schedule-time{color:var(--dash-text-3);white-space:nowrap;font-size:.6875rem}.dash-schedule-timeline{flex-direction:column;align-items:center;gap:4px;padding-top:4px;display:flex}.dash-schedule-dot{border:2px solid var(--dash-bg);border-radius:50%;flex-shrink:0;width:10px;height:10px}.dash-schedule-line{background:#ffffff12;flex:1;width:1px;min-height:20px}.dash-schedule-content{min-width:0}.dash-schedule-title{color:var(--dash-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.dash-schedule-meta{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.dash-schedule-tag{color:var(--dash-text-3);white-space:nowrap;font-size:.6875rem}.dash-schedule-status{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:9999px;align-self:flex-start;margin-top:2px;padding:.15rem .5rem;font-size:.6rem;font-weight:700}.dash-compliance-card{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.dash-compliance-ring-wrap{filter:drop-shadow(0 0 12px #6366f126);flex-shrink:0}.dash-compliance-info{flex-direction:column;flex:1;gap:.625rem;min-width:160px;display:flex}.dash-compliance-label{color:var(--dash-text);font-size:.9375rem;font-weight:700}.dash-compliance-status{border-radius:9999px;align-self:flex-start;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.dash-compliance-stats{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.dash-compliance-stat{flex-direction:column;align-items:center;gap:.125rem;display:flex}.dash-compliance-stat-val{color:var(--dash-text);font-size:1.125rem;font-weight:800;line-height:1.2}.dash-compliance-stat-lbl{color:var(--dash-text-3);font-size:.6875rem;font-weight:500}.dash-compliance-divider{background:var(--dash-border);flex-shrink:0;width:1px;height:28px}.dash-compliance-bar-track{background:#ffffff0f;border-radius:9999px;height:4px;margin-top:.25rem;overflow:hidden}.dash-compliance-bar-fill{border-radius:9999px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.dash-learner-legend{flex-wrap:wrap;gap:1rem;display:flex}.dash-learner-legend-item{color:var(--dash-text-3);align-items:center;gap:.375rem;font-size:.6875rem;font-weight:500;display:flex}.dash-learner-legend-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.dash-learner-list{flex-direction:column;gap:.25rem;display:flex}.dash-learner-row{border-radius:10px;grid-template-columns:36px 1fr auto 40px auto;align-items:center;gap:.5rem;padding:.5rem;transition:background .15s;animation:.35s both dash-fade-up;display:grid}.dash-learner-row:hover{background:#ffffff08}.dash-learner-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.6875rem;font-weight:700;display:flex}.dash-learner-info{flex-direction:column;gap:.25rem;min-width:0;display:flex}.dash-learner-name{color:var(--dash-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.dash-learner-status{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-self:flex-start;padding:.1rem .45rem;font-size:.6rem;font-weight:700}.dash-learner-bar-wrap{align-items:center;gap:.5rem;min-width:100px;display:flex}.dash-learner-bar-track{background:#ffffff0f;border-radius:9999px;flex:1;height:5px;overflow:hidden}.dash-learner-bar-fill{border-radius:9999px;height:100%;transition:width .6s}.dash-learner-bar-pct{color:var(--dash-text-3);white-space:nowrap;font-size:.6875rem;font-weight:600}.dash-learner-overdue{color:#f87171;white-space:nowrap;background:#ef44441a;border:1px solid #ef444440;border-radius:9999px;padding:.15rem .5rem;font-size:.6875rem;font-weight:700}.dash-quick-grid{grid-template-columns:repeat(3,1fr);gap:.625rem;display:grid}.dash-quick-btn{border:1px solid var(--dash-border);border-radius:var(--dash-radius-sm);cursor:pointer;transition:var(--dash-transition);font-family:var(--font-family);background:#ffffff08;flex-direction:column;align-items:center;gap:.5rem;padding:.875rem .5rem;animation:.35s both dash-fade-up;display:flex}.dash-quick-btn:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-2px)}.dash-quick-icon{width:38px;height:38px;transition:var(--dash-transition);border-radius:10px;justify-content:center;align-items:center;font-size:1.125rem;display:flex}.dash-quick-label{color:var(--dash-text-2);text-align:center;font-size:.6875rem;font-weight:600;line-height:1.3;transition:color .2s}.dash-quick-btn:hover .dash-quick-label{color:var(--dash-text)}.dash-bottom-grid{grid-template-columns:360px 1fr 300px;align-items:start;gap:1.25rem;animation:.5s .2s both dash-fade-up;display:grid}.header-nav-item{display:inline-block;position:relative}.header-dropdown-trigger{color:var(--text-secondary);font-family:var(--font-family);border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.header-dropdown-trigger:hover,.header-nav-item:hover .header-dropdown-trigger{color:var(--text-primary);background:var(--bg-glass)}.header-dropdown-menu{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:101;margin-top:.25rem;padding:.5rem;display:none;position:absolute;top:100%;left:0}.header-nav-item:hover .header-dropdown-menu{flex-direction:column;gap:.125rem;animation:.2s headerFadeIn;display:flex}.dropdown-link{color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition);padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:block}.dropdown-link:hover,.dropdown-link.active{color:var(--text-primary);background:var(--bg-glass)}.sidebar-section-title{text-transform:uppercase;letter-spacing:.075em;color:var(--text-muted);padding:.75rem .875rem .25rem;font-size:.65rem;font-weight:700}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=1280px){.dash-main-grid{grid-template-columns:1fr}.dash-widgets-col{flex-flow:wrap}.dash-widgets-col>*{flex:1;min-width:280px}.dash-bottom-grid{grid-template-columns:1fr 1fr}.dash-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.dash-page{gap:1rem;padding:1rem}.dash-hero{flex-direction:column;align-items:flex-start;gap:1rem}.dash-hero-right{width:100%}.dash-hero-stats{justify-content:stretch;width:100%}.dash-hero-stat{flex:1}.dash-kpi-row{grid-template-columns:repeat(2,1fr)}.dash-bottom-grid{grid-template-columns:1fr}.dash-filter-bar{flex-wrap:wrap}}@media (width<=600px){.dash-kpi-row{grid-template-columns:1fr 1fr}.dash-quick-grid{grid-template-columns:repeat(3,1fr)}.dash-learner-row{grid-template-columns:32px 1fr auto}.dash-learner-row>svg,.dash-learner-row>.dash-learner-overdue{display:none}.dash-hero-greeting{font-size:1.25rem}.dash-kpi-value{font-size:1.75rem}}.notification-bell{display:inline-block;position:relative}.notification-bell__trigger{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;transition:var(--transition);justify-content:center;align-items:center;display:flex;position:relative}.notification-bell__trigger:hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--text-muted)}.notification-bell__badge{background:var(--error);color:#fff;border:2px solid var(--bg-secondary);border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notification-bell__dropdown{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);width:360px;box-shadow:var(--shadow-lg);z-index:1000;animation:.2s cubic-bezier(.4,0,.2,1) slideUp;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.notification-bell__dropdown-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.notification-bell__dropdown-title{color:var(--text-primary);font-size:.9375rem;font-weight:600}.notification-bell__mark-all{color:var(--accent);cursor:pointer;transition:var(--transition);background:0 0;border:none;font-size:.75rem;font-weight:500}.notification-bell__mark-all:hover{color:var(--accent-hover);text-decoration:underline}.notification-bell__list{max-height:320px;overflow-y:auto}.notification-bell__empty{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-size:.875rem}.notification-bell__dropdown-footer{border-top:1px solid var(--border);text-align:center;background:#0000001a;padding:.75rem 1.25rem}.notification-bell__view-all{color:var(--text-secondary);transition:var(--transition);font-size:.8125rem;font-weight:500;text-decoration:none;display:block}.notification-bell__view-all:hover{color:var(--accent)}.notification-item{border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition);text-align:left;gap:1rem;padding:1rem 1.25rem;display:flex;position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-glass)}.notification-item--unread{background:#6366f108}.notification-item--unread:before{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0}.notification-item__icon{flex-shrink:0;font-size:1.25rem}.notification-item__content{flex:1;min-width:0}.notification-item__title{color:var(--text-primary);margin-bottom:.125rem;font-size:.875rem;font-weight:600}.notification-item__body{color:var(--text-secondary);margin-bottom:.375rem;font-size:.8125rem;line-height:1.4}.notification-item__time{color:var(--text-muted);font-size:.75rem}.notification-item__dot{background:var(--accent);border-radius:50%;flex-shrink:0;align-self:center;width:6px;height:6px}.notification-center{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.5rem 2rem}.notification-center__header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1.25rem;display:flex}.notification-center__title{color:var(--text-primary);font-size:1.25rem;font-weight:600}.notification-center__actions{align-items:center;gap:1rem;display:flex}.notification-center__filters{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);padding:.25rem;display:flex}.filter-pill{color:var(--text-secondary);border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:.375rem .875rem;font-size:.8125rem;font-weight:500}.filter-pill:hover{color:var(--text-primary)}.filter-pill--active{background:var(--accent);box-shadow:var(--shadow-sm);color:#fff!important}.notification-center__list{flex-direction:column;display:flex}.notification-center__empty{text-align:center;color:var(--text-secondary);padding:3rem 1rem}.notification-center__empty-icon{margin-bottom:1rem;font-size:2.5rem;display:block}.bg-black\/50{background-color:#00000080!important}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px)!important}.backdrop-blur-md{-webkit-backdrop-filter:blur(8px)!important}.max-w-md{max-width:28rem!important}.max-w-4xl{max-width:56rem!important}.max-w-\[150px\]{max-width:150px!important}.bg-white{background-color:#fff!important}.bg-slate-50{background-color:#f8fafc!important}.bg-slate-50\/50{background-color:#f8fafc80!important}.border-slate-100{border-color:#f1f5f9!important}.border-slate-100\/80{border-color:#f1f5f9cc!important}.border-slate-200{border-color:#e2e8f0!important}.border-slate-200\/80{border-color:#e2e8f0cc!important}.border-slate-200\/50{border-color:#e2e8f080!important}.text-slate-700{color:#334155!important}.bg-white\/10{background-color:#ffffff1a!important}.bg-white\/20{background-color:#fff3!important}.bg-white\/40{background-color:#fff6!important}.bg-red-500\/10{background-color:#ef44441a!important}.border-white\/10{border-color:#ffffff1a!important}.border-white\/20{border-color:#fff3!important}.border-white\/30{border-color:#ffffff4d!important}.border-red-500\/20{border-color:#ef444433!important}.border-error\/20{border-color:#a9232333!important}.text-red-300{color:#fca5a5!important}.text-white\/60{color:#fff9!important}.text-white\/70{color:#ffffffb3!important}.p-2\.5{padding:.625rem!important}.p-3\.5{padding:.875rem!important}.py-20{padding-top:5rem!important;padding-bottom:5rem!important}.opacity-30{opacity:.3!important}.border-2{border-width:2px!important}.top-4{top:1rem!important}.right-4{right:1rem!important}.text-\[10px\]{font-size:10px!important}.text-\[9px\]{font-size:9px!important}.text-\[8px\]{font-size:8px!important}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-up{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scaleUp!important}.hover\:scale-\[1\.01\]:hover{transform:scale(1.01)!important}.hover\:scale-\[1\.02\]:hover{transform:scale(1.02)!important}.hover\:shadow-sm:hover{box-shadow:var(--shadow-sm)!important}.hover\:shadow-md:hover{box-shadow:var(--shadow-md)!important}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)!important}.hover\:bg-white\/10:hover{background-color:#ffffff1a!important}.hover\:bg-red-500\/10:hover{background-color:#ef44441a!important}.focus\:outline-none:focus{outline-offset:2px!important;outline:2px solid #0000!important}.focus\:ring-4:focus{box-shadow:0 0 0 4px var(--primary-glow)!important}.focus\:ring-primary\/10:focus{box-shadow:0 0 0 4px #0056d21a!important}.dark-theme .bg-slate-50{background-color:#ffffff08!important}.dark-theme .bg-slate-50\/50{background-color:#ffffff05!important}.dark-theme .border-slate-100{border-color:#ffffff0f!important}.dark-theme .border-slate-100\/80{border-color:#ffffff0d!important}.dark-theme .border-slate-200{border-color:#ffffff14!important}.dark-theme .border-slate-200\/80{border-color:#ffffff12!important}.dark-theme .border-slate-200\/50{border-color:#ffffff0a!important}.dark-theme .text-slate-700{color:var(--text-muted)!important}.dark-theme .bg-white{background-color:var(--bg-card)!important}.dark-theme .border-error\/20{border-color:#f8717140!important}.dark-theme .hover\:bg-white\/10:hover{background-color:#ffffff0d!important}.dark-theme .bg-white\/40{background-color:#ffffff1a!important}.dark-theme .bg-white\/20{background-color:#ffffff14!important}.dark-theme .bg-white\/10{background-color:#ffffff0a!important}.animate-fade-in{animation:.2s cubic-bezier(.4,0,.2,1) forwards fadeIn}.animate-slide-up{animation:.3s cubic-bezier(.4,0,.2,1) forwards slideUp}@media (width>=640px){.sm\:block{display:block}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=768px){.md\:block{display:block}.md\:col-span-2{grid-column:span 2/span 2}.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:items-center{align-items:center}.md\:mt-10{margin-top:2.5rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:text-\[40px\]{font-size:40px}.md\:w-auto{width:auto}}@media (width>=1024px){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}.admin-mobile-toggle{z-index:200;background:var(--primary,#0056d2);color:#fff;cursor:pointer;width:42px;height:42px;box-shadow:var(--shadow-md,0 4px 6px #0000001a);transition:background var(--transition-fast,.1s ease);border:none;border-radius:6px;justify-content:center;align-items:center;font-size:1.5rem;display:none;position:fixed;top:1rem;left:1rem}.admin-mobile-toggle:hover{background:var(--primary-hover,#00419e)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:140;background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.admin-mobile-toggle{display:flex}.sidebar-overlay{display:block}.admin-sidebar{z-index:150;width:260px;height:100vh;transition:left .3s cubic-bezier(.4,0,.2,1);top:0;bottom:0;left:-260px;box-shadow:10px 0 20px #00000026;display:flex!important;position:fixed!important}.admin-sidebar.admin-sidebar--open{left:0}.admin-main{padding-top:4.5rem!important;padding-left:1rem!important;padding-right:1rem!important}}.header-mobile-toggle{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);padding:.25rem .5rem;font-size:1.25rem;display:none}.header-mobile-toggle:hover{background:var(--bg-glass-hover)}.table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (width<=768px){.header-mobile-toggle{display:block}.header-nav{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);width:320px;box-shadow:var(--shadow-lg);z-index:1000;flex-direction:column;gap:.5rem;max-height:calc(100vh - 80px);padding:1rem;display:none;position:absolute;top:100%;left:auto;right:1rem;overflow-y:auto}.header-nav.nav-open{display:flex}.header-nav-item{width:100%;position:relative}.header-dropdown-trigger{text-align:left;width:100%;padding:.5rem 1rem}.header-dropdown-menu{box-shadow:none!important;opacity:1!important;visibility:visible!important;background:0 0!important;border:none!important;padding-left:1.5rem!important;display:block!important;position:static!important;transform:none!important}.header-actions{gap:.4rem!important}.header-actions .btn-sm{padding:.35rem .65rem!important;font-size:.75rem!important}.btn{padding:.5rem 1rem!important;font-size:.8125rem!important}.brand-sm{font-size:1rem!important}.header-user{display:none}.form-row,.settings-form .form-row{grid-template-columns:1fr!important}.page-container,.admin-main,.app-main,.container{width:100%!important;padding:1rem .25rem!important}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.profile-card{text-align:center;flex-direction:column;align-items:center;padding:1.5rem}}.container,.page-container,[class*=max-w-]{max-width:100%!important}.benefits-html-content ul{margin-top:.75rem!important;margin-bottom:.75rem!important;padding-left:1.5rem!important;list-style-type:disc!important}.benefits-html-content li{color:var(--text-secondary)!important;margin-bottom:.5rem!important;line-height:1.6!important;display:list-item!important}.typing-indicator{align-items:center;gap:4px;padding:4px 2px;display:flex}.typing-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typingBounce}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}