:root{--theme-accent: #6366f1;--theme-accent-rgb: 99, 102, 241;--theme-accent-hover: #4f46e5;--bg-dark-raw: 13, 14, 18;--bg-primary: rgb(var(--bg-dark-raw));--bg-secondary: #161920;--accent-indigo: #6366f1;--accent-teal: #14b8a6;--accent-pink: #ec4899;--accent-amber: #f59e0b;--accent-emerald: #10b981;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--glass-bg: rgba(22, 25, 35, .55);--glass-border: rgba(255, 255, 255, .08);--glass-inset: rgba(255, 255, 255, .03);--shadow-main: 0 8px 32px 0 rgba(0, 0, 0, .35);--shadow-glow: 0 0 15px rgba(var(--theme-accent-rgb), .3);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--font-display: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}:root.light-mode{--theme-accent: #004d40;--theme-accent-rgb: 0, 77, 64;--theme-accent-hover: #00332c;--bg-primary: #f1f5f9;--bg-secondary: #ffffff;--accent-indigo: #1c96d5;--accent-teal: #00897b;--accent-pink: #e62272;--accent-amber: #f2a227;--accent-emerald: #56b349;--text-primary: #020617;--text-secondary: #1e293b;--text-muted: #475569;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(15, 23, 42, .12);--glass-inset: rgba(255, 255, 255, .65);--shadow-main: 0 10px 30px -5px rgba(15, 23, 42, .08), 0 4px 12px -2px rgba(15, 23, 42, .03);--shadow-glow: 0 0 15px rgba(var(--theme-accent-rgb), .15)}:root.light-mode body{background-image:radial-gradient(circle at 10% 20%,rgba(28,150,213,.08) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(230,34,114,.08) 0%,transparent 45%)}:root.light-mode ::-webkit-scrollbar-track{background:#00000005}:root.light-mode ::-webkit-scrollbar-thumb{background:#00000026}:root.light-mode ::-webkit-scrollbar-thumb:hover{background:rgba(var(--theme-accent-rgb),.4)}:root.light-mode input.form-control,:root.light-mode select.form-control,:root.light-mode textarea.form-control{background:#fff;color:#020617;border:1px solid #cbd5e1}:root.light-mode input.form-control:focus,:root.light-mode select.form-control:focus,:root.light-mode textarea.form-control:focus{background:#fff;border-color:var(--theme-accent);box-shadow:0 0 0 3px rgba(var(--theme-accent-rgb),.15)}:root.light-mode input.form-control:disabled,:root.light-mode select.form-control:disabled,:root.light-mode textarea.form-control:disabled{background:#f1f5f9;color:#64748b;border-color:#e2e8f0}:root.light-mode .badge{border-color:#00000014}:root.light-mode .color-dot.color-indigo{background:#1c96d5}:root.light-mode .color-dot.color-teal{background:#00897b}:root.light-mode .color-dot.color-pink{background:#e62272}:root.light-mode .color-dot.color-amber{background:#f2a227}:root.light-mode .color-dot.color-emerald{background:#56b349}:root.light-mode .card-desc,:root.light-mode .text-secondary{color:var(--text-secondary)}:root.light-mode .text-muted{color:var(--text-muted)}:root.light-mode .alert-danger{background:#fef2f2;border-color:#fca5a5;color:#991b1b}:root.light-mode .alert-success{background:#ecfdf5!important;border-color:#a7f3d0!important;color:#065f46!important}:root.light-mode .glass-inset{background:#ffffffa6;border-color:#0f172a1f}:root.light-mode .filters-panel,:root.light-mode .timeslot-header{background:#fff}:root.light-mode .timeslot-time{color:var(--theme-accent)}:root.light-mode .timeslot-badge.selected{background:#56b3491f;color:#2e7d32}:root.light-mode .timeslot-badge.unselected{background:#dc262614;color:#c62828}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.6;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(99,102,241,.08) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(20,184,166,.08) 0%,transparent 45%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#00000026}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:rgba(var(--theme-accent-rgb),.5)}.hidden{display:none!important}.text-muted{color:var(--text-muted)}.text-teal{color:var(--accent-teal)}.text-indigo{color:var(--accent-indigo)}.text-pink{color:var(--accent-pink)}.text-white{color:#fff}.bg-indigo{background-color:#6366f126;color:var(--accent-indigo)}.bg-teal{background-color:#14b8a626;color:var(--accent-teal)}.bg-pink{background-color:#ec489926;color:var(--accent-pink)}.bg-amber{background-color:#f59e0b26;color:var(--accent-amber)}.bg-emerald{background-color:#10b98126;color:var(--accent-emerald)}.flex{display:flex}.flex-column{display:flex;flex-direction:column}.flex-1{flex:1}.flex-2{flex:2}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:16px}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.align-center{align-items:center}.text-center{text-align:center}.width-100{width:100%}.h-100{height:100%}.scrollable{overflow-y:auto}.margin-bottom-lg{margin-bottom:24px}.margin-y-md{margin-top:16px;margin-bottom:16px}.margin-top-sm{margin-top:8px}.margin-top-md{margin-top:16px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-span-2{grid-column:span 2 / span 2}.icon{width:18px;height:18px;stroke-width:2px;vertical-align:middle;fill:none}.icon-lg{width:48px;height:48px}.glass{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-main)}.glass-inset{background:var(--glass-inset);border:1px solid rgba(255,255,255,.04)}.btn{font-family:var(--font-display);font-weight:600;display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:var(--transition-fast);font-size:14px}.btn-primary{background-color:var(--theme-accent);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{background-color:var(--theme-accent-hover);transform:translateY(-2px)}.btn-primary:disabled{background-color:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background-color:var(--glass-inset);color:var(--text-primary);border-color:var(--glass-border)}.btn-secondary:hover{background-color:#ffffff14;border-color:#ffffff26}.btn-danger{background-color:#ef444426;color:#ef4444;border-color:#ef44444d}.btn-danger:hover{background-color:#ef4444;color:#fff}.btn-sm{padding:6px 12px;font-size:12px;border-radius:6px}.btn-toggle{background:transparent;color:var(--text-secondary);border:1px solid var(--glass-border);padding:6px 16px;border-radius:var(--radius-full)}.btn-toggle.active{background:var(--theme-accent);color:#fff;border-color:var(--theme-accent)}.btn-tab{background:transparent;color:var(--text-secondary);border:none;padding:10px 20px;border-bottom:2px solid transparent;border-radius:0}.btn-tab.active{color:var(--theme-accent);border-bottom-color:var(--theme-accent)}.btn-group{display:flex;gap:8px}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;z-index:10}.auth-container{width:100%;max-width:480px;padding:40px;border-radius:var(--radius-lg);position:relative;animation:fadeIn .5s ease-out}.auth-header{text-align:center;margin-bottom:30px}.brand-logo{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 4px 20px rgba(var(--theme-accent-rgb),.3)}.bg-indigo-gradient{background:linear-gradient(135deg,var(--accent-indigo) 0%,#4f46e5 100%)}.auth-header h2{font-size:24px;margin-bottom:6px}.auth-header p{color:var(--text-secondary);font-size:13px}.auth-tabs{display:flex;border-bottom:1px solid var(--glass-border);margin-bottom:24px}.auth-tab-btn{flex:1;background:transparent;border:none;padding:12px;font-family:var(--font-display);font-weight:600;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition-fast)}.auth-tab-btn.active{color:var(--theme-accent);border-bottom-color:var(--theme-accent)}.auth-forms-container{position:relative}.auth-form{display:none;flex-direction:column;gap:16px}.auth-form.active{display:flex;animation:slideIn .3s ease-out}.role-selector-row{display:flex;gap:12px;margin-top:6px}.role-option{flex:1;cursor:pointer}.role-option input[type=radio]{display:none}.role-card{padding:16px;border-radius:var(--radius-md);text-align:center;border:1px solid var(--glass-border);transition:var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:8px}.role-option input[type=radio]:checked+.role-card{border-color:var(--theme-accent);background:rgba(var(--theme-accent-rgb),.1);box-shadow:0 0 10px rgba(var(--theme-accent-rgb),.2)}.role-card svg{width:24px;height:24px;color:var(--text-secondary)}.role-option input[type=radio]:checked+.role-card svg{color:var(--theme-accent)}.role-card span{font-weight:600;font-size:13px}.app-shell{display:flex;min-height:100vh;position:relative}.sidebar{width:280px;display:flex;flex-direction:column;border-right:1px solid var(--glass-border);position:fixed;top:0;bottom:0;left:0;z-index:100;padding:24px}.sidebar-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.brand-logo svg{width:32px;height:32px;color:var(--theme-accent)}.brand-text{font-family:var(--font-display);font-weight:800;font-size:20px;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sub-brand{font-weight:400;font-size:14px;display:block;margin-top:-6px;color:var(--text-secondary);-webkit-text-fill-color:initial}.user-card{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);margin-bottom:24px;position:relative}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--theme-accent);color:#fff;font-family:var(--font-display);font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow)}.user-info{flex:1;min-width:0}.user-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role-badge{font-size:11px;color:var(--text-secondary)}.logout-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);padding:4px}.logout-btn:hover{color:#ef4444}.sidebar-menu{display:flex;flex-direction:column;gap:4px;flex:1}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:var(--transition-fast);font-family:var(--font-display);font-weight:500;width:100%}.menu-item svg{color:var(--text-muted);transition:var(--transition-fast)}.menu-item:hover{background:var(--glass-inset);color:var(--text-primary)}.menu-item:hover svg{color:var(--text-primary)}.menu-item.active{background:rgba(var(--theme-accent-rgb),.1);color:var(--theme-accent);font-weight:600}.menu-item.active svg{color:var(--theme-accent)}.menu-divider{font-size:11px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin:20px 0 8px 16px;font-weight:700}.sidebar-progress{padding:16px;border-radius:var(--radius-md);margin-top:auto}.progress-info{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary);margin-bottom:8px}.progress-val{font-weight:700}.progress-bar-bg{height:6px;background:#0003;border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--theme-accent);border-radius:var(--radius-full);transition:width var(--transition-slow)}.main-workspace{margin-left:280px;flex:1;min-width:0;display:flex;flex-direction:column;padding:40px;min-height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-radius:var(--radius-md);margin-bottom:40px}.header-title{font-size:24px;margin-bottom:4px}.header-subtitle{color:var(--text-secondary);font-size:13px}.time-widget{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--radius-md)}.time-details{display:flex;flex-direction:column}.time-clock{font-weight:700;font-family:var(--font-display);font-size:14px}.time-date{font-size:11px;color:var(--text-secondary)}.view-content{flex:1;position:relative}.app-view{display:none;flex-direction:column;gap:30px;animation:fadeIn .4s ease-out}.app-view.active{display:flex}.card{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--glass-border)}.card-header{padding:20px 24px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between}.card-header-icon{width:28px;height:28px;margin-right:12px}.card-title{font-size:16px;font-weight:700}.card-desc{font-size:12px;color:var(--text-secondary)}.card-body{padding:24px}.card-footer{padding:16px 24px;border-top:1px solid var(--glass-border);display:flex}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.stat-card{display:flex;align-items:center;gap:20px;padding:24px;border-radius:var(--radius-md)}.stat-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-icon-wrapper svg{width:24px;height:24px}.stat-data{display:flex;flex-direction:column}.stat-label{font-size:12px;color:var(--text-secondary)}.stat-value{font-size:24px;font-family:var(--font-display);font-weight:800}.dashboard-columns{display:flex;gap:30px;height:450px}.filters-panel{padding:16px 24px;border-radius:var(--radius-md);margin-bottom:24px}.filters-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:11px;text-transform:uppercase;color:var(--text-muted);font-weight:700;letter-spacing:.05em}.timeslot-block{border-radius:var(--radius-md);margin-bottom:24px;overflow:hidden;border:1px solid var(--glass-border)}.timeslot-header{padding:14px 20px;background:#00000026;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.timeslot-time{font-family:var(--font-display);font-weight:700;font-size:14.5px;color:var(--accent-teal);display:flex;align-items:center;gap:8px}.timeslot-badge{font-size:10px;padding:2px 8px;border-radius:4px;text-transform:uppercase;font-weight:700}.timeslot-badge.selected{background:#10b98126;color:var(--accent-emerald)}.timeslot-badge.unselected{background:#ef44441a;color:#f87171}.timeslot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;padding:20px}.session-card{padding:20px;border-radius:var(--radius-md);border:1px solid var(--glass-border);transition:var(--transition-normal);display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;cursor:pointer}.session-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--session-accent, var(--theme-accent))}.session-card.selectable:hover{transform:translateY(-2px);border-color:rgba(var(--theme-accent-rgb),.25);box-shadow:var(--shadow-glow)}.session-card.selected{border-color:var(--theme-accent);background:rgba(var(--theme-accent-rgb),.08);box-shadow:var(--shadow-glow)}.session-card-header{display:flex;justify-content:space-between;align-items:center}.track-badge{font-size:9px;padding:3px 8px;border-radius:var(--radius-full);font-weight:700;text-transform:uppercase;letter-spacing:.02em}.session-title{font-size:14.5px;font-weight:700;line-height:1.4}.session-desc{font-size:12px;color:var(--text-secondary)}.session-details{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--text-secondary)}.detail-row{display:flex;align-items:center;gap:6px}.detail-row svg{color:var(--text-muted)}.trainer-bio-card{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm)}.trainer-bio-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--glass-border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px}.trainer-bio-details{flex:1;min-width:0}.trainer-bio-name{font-weight:600;font-size:11px}.trainer-bio-text{font-size:9px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.materials-wrapper{margin-top:8px;border-top:1px solid var(--glass-border);padding-top:8px}.materials-label{font-size:10px;text-transform:uppercase;color:var(--text-muted);font-weight:700;letter-spacing:.05em;margin-bottom:6px;display:block}.materials-list{display:flex;flex-direction:column;gap:4px}.material-file{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:6px;font-size:11.5px;background:#ffffff05;border:1px solid var(--glass-border);transition:var(--transition-fast)}.material-file:hover{background:#ffffff0a}.material-file-link{display:flex;align-items:center;gap:6px;color:var(--text-primary);text-decoration:none;font-weight:500}.material-file-link svg{color:var(--theme-accent)}.material-file-size{font-size:9.5px;color:var(--text-secondary)}.material-locked{display:flex;align-items:center;gap:6px;color:var(--text-muted);padding:6px 10px;font-size:11px}.material-locked svg{color:var(--text-muted)}.scheduler-confirm-bar{position:fixed;bottom:24px;right:40px;left:320px;padding:16px 30px;border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 40px #0009;z-index:100;animation:slideIn .3s cubic-bezier(.34,1.56,.64,1)}.scheduler-bar-text{font-family:var(--font-display);font-weight:600;font-size:14.5px}@media (max-width: 1024px){.scheduler-confirm-bar{left:104px;right:24px}}.assessment-layout{display:flex;gap:30px}.quiz-card{padding:20px;border-radius:var(--radius-md);border:1px solid var(--glass-border);margin-bottom:16px;transition:var(--transition-normal);display:flex;justify-content:space-between;align-items:center}.quiz-card:hover{border-color:rgba(var(--theme-accent-rgb),.2);background:#ffffff03}.quiz-meta{display:flex;flex-direction:column;gap:4px}.quiz-category-badge{font-size:10px;color:var(--theme-accent);font-weight:700;text-transform:uppercase}.quiz-name{font-size:15px;font-weight:600}.quiz-questions-count{font-size:11px;color:var(--text-secondary)}.achievement-card{display:flex;align-items:center;gap:16px;padding:16px;border-radius:var(--radius-md);border:1px solid rgba(var(--theme-accent-rgb),.15);background:rgba(var(--theme-accent-rgb),.02);margin-bottom:12px}.achievement-badge{width:48px;height:48px;border-radius:var(--radius-full);background:rgba(var(--theme-accent-rgb),.1);display:flex;align-items:center;justify-content:center;color:var(--theme-accent);box-shadow:0 0 10px rgba(var(--theme-accent-rgb),.15)}.achievement-badge svg{width:24px;height:24px}.achievement-meta{display:flex;flex-direction:column}.achievement-title{font-weight:600;font-size:14px}.achievement-score{font-size:12px;color:var(--text-secondary)}.quiz-question-box{background:#00000026;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:24px;margin-bottom:24px}.quiz-question-text{font-size:16px;font-weight:600;line-height:1.5}.quiz-options-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:12px}.quiz-option-btn{background:#ffffff05;border:1px solid var(--glass-border);padding:16px 24px;border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-weight:500;text-align:left;cursor:pointer;transition:var(--transition-fast);display:flex;justify-content:space-between;align-items:center}.quiz-option-btn:hover{background:#ffffff0d;border-color:#fff3}.quiz-option-btn.selected{background:rgba(var(--theme-accent-rgb),.1);border-color:var(--theme-accent)}.quiz-option-btn.correct{background:#10b98126;border-color:var(--accent-emerald)}.quiz-option-btn.incorrect{background:#ef444426;border-color:#ef4444}.intray-layout{display:flex;height:520px;border-radius:var(--radius-md);overflow:hidden}.intray-sidebar{width:320px;border-right:1px solid var(--glass-border);display:flex;flex-direction:column;background:#0000001a}.intray-folder-header{padding:20px;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.intray-folder-header h3{font-size:15px}.intray-mail-list{flex:1;overflow-y:auto}.intray-mail-item{padding:16px 20px;border-bottom:1px solid var(--glass-border);cursor:pointer;transition:var(--transition-fast);display:flex;flex-direction:column;gap:4px}.intray-mail-item:hover{background:#ffffff05}.intray-mail-item.active{background:rgba(var(--theme-accent-rgb),.08);border-left:3px solid var(--theme-accent)}.mail-meta{display:flex;justify-content:space-between;font-size:11px}.mail-sender{font-weight:700}.mail-time{color:var(--text-muted)}.mail-subject{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-excerpt{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intray-mail-item.unread .mail-subject{color:var(--text-primary);font-weight:700}.intray-mail-item.unread:before{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:var(--theme-accent);display:inline-block;margin-right:6px;margin-bottom:1px}.intray-content{flex:1;display:flex;flex-direction:column;background:transparent}.intray-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:var(--text-secondary)}.intray-empty-state svg{margin-bottom:16px}.intray-empty-state h3{font-size:16px;margin-bottom:6px}.intray-reading-header{padding:24px;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:flex-start}.mail-full-subject{font-size:18px;margin-bottom:8px}.mail-sender-row{display:flex;align-items:center;gap:12px;font-size:12px}.mail-priority-badge{font-size:10px;padding:2px 8px;border-radius:4px;font-weight:700;text-transform:uppercase}.mail-priority-badge.high{background:#ef444426;color:#ef4444}.mail-priority-badge.medium{background:#f59e0b26;color:var(--accent-amber)}.mail-priority-badge.low{background:#10b98126;color:var(--accent-emerald)}.intray-reading-body{padding:24px;overflow-y:auto;flex:1;font-size:13px;border-bottom:1px solid var(--glass-border);white-space:pre-line}.intray-actions-box{padding:20px 24px;display:flex;flex-direction:column;gap:12px;background:#0000001a}.intray-actions-box h4{font-size:12px;text-transform:uppercase;color:var(--text-muted)}.intray-response-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.intray-response-btn{background:#ffffff05;border:1px solid var(--glass-border);padding:10px 16px;border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;font-family:var(--font-body);text-align:left;cursor:pointer;transition:var(--transition-fast)}.intray-response-btn:hover{background:#ffffff0d}.intray-response-btn.selected{border-color:var(--theme-accent);background:rgba(var(--theme-accent-rgb),.1)}.intray-action-completed-box{padding:12px 16px;border-radius:var(--radius-sm);background:#10b9811a;border:1px solid var(--accent-emerald);color:var(--accent-emerald);font-size:12px;display:flex;align-items:center;gap:8px}.trainer-layout{display:flex;gap:30px;height:520px}.trainer-session-item{padding:16px;border-radius:var(--radius-md);border:1px solid var(--glass-border);cursor:pointer;margin-bottom:12px;transition:var(--transition-fast)}.trainer-session-item:hover{border-color:rgba(var(--theme-accent-rgb),.2)}.trainer-session-item.active{background:rgba(var(--theme-accent-rgb),.08);border-color:var(--theme-accent)}.file-dropzone{border:2px dashed var(--glass-border);border-radius:var(--radius-md);padding:30px;text-align:center;cursor:pointer;transition:var(--transition-fast);margin-bottom:20px}.file-dropzone:hover,.file-dropzone.dragover{border-color:var(--theme-accent);background:rgba(var(--theme-accent-rgb),.05)}.file-dropzone svg{margin-bottom:12px;color:var(--text-muted)}.file-dropzone:hover svg{color:var(--theme-accent)}.file-dropzone p{font-size:13px;color:var(--text-secondary)}.trainer-roster-list{display:flex;flex-direction:column;gap:8px}.roster-item{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-radius:var(--radius-sm);background:#ffffff05;border:1px solid var(--glass-border);font-size:13px}.admin-tabs-row{display:flex;border-bottom:1px solid var(--glass-border)}.admin-tab-panel{display:none;animation:fadeIn .3s ease-out}.admin-tab-panel.active{display:block}.resource-panel-layout,.scheduler-layout{display:flex;gap:30px}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.admin-table th{padding:8px 10px;color:var(--text-secondary);font-weight:600;border-bottom:1px solid var(--glass-border);font-family:var(--font-display)}.admin-table td{padding:8px 10px;border-bottom:1px solid var(--glass-border);color:var(--text-primary);vertical-align:middle}.admin-table tr:hover td{background:#ffffff03}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:600;color:var(--text-secondary)}.form-control{background:#0003;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-family:var(--font-body);font-size:13px;transition:var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--theme-accent);box-shadow:0 0 10px rgba(var(--theme-accent-rgb),.15)}.form-control:disabled{background:#ffffff05;color:var(--text-muted);cursor:not-allowed}.alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);font-size:12px;font-weight:500}.alert-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#f87171}.alert-danger svg{color:#ef4444}.switch-control-row{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:var(--radius-md);border:1px solid var(--glass-border)}.switch-meta{display:flex;flex-direction:column;gap:2px}.switch-title{font-size:14px;font-weight:700}.switch-desc{font-size:11px;color:var(--text-secondary)}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.slider-round{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff14;border:1px solid var(--glass-border);transition:.4s;border-radius:34px}.slider-round:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--text-secondary);transition:.4s;border-radius:50%}.toggle-switch input:checked+.slider-round{background-color:var(--theme-accent);border-color:var(--theme-accent)}.toggle-switch input:checked+.slider-round:before{transform:translate(24px);background-color:#fff}.profile-settings-layout{display:flex;gap:30px}.color-picker-grid{display:flex;gap:12px;margin-top:4px}.color-dot{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;transition:var(--transition-fast)}.color-dot:hover{transform:scale(1.15)}.color-dot.active{border-color:#fff;box-shadow:0 0 10px #fff6}.color-dot.color-indigo{background:var(--accent-indigo)}.color-dot.color-teal{background:var(--accent-teal)}.color-dot.color-pink{background:var(--accent-pink)}.color-dot.color-amber{background:var(--accent-amber)}.color-dot.color-emerald{background:var(--accent-emerald)}.skills-checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:#00000026;padding:16px;border-radius:var(--radius-sm);border:1px solid var(--glass-border)}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:12px;cursor:pointer}.checkbox-label input[type=checkbox]{accent-color:var(--theme-accent);width:16px;height:16px}.profile-preview-pane{padding:40px}.avatar-large{width:80px;height:80px;border-radius:var(--radius-full);background:var(--theme-accent);color:#fff;font-family:var(--font-display);font-weight:700;font-size:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px rgba(var(--theme-accent-rgb),.35)}.name-large{font-size:20px}.divider{height:1px;background:var(--glass-border)}.preview-details{display:flex;flex-direction:column;gap:10px;font-size:13px}.preview-stat-row{display:flex;justify-content:space-between;color:var(--text-secondary)}.preview-stat-row strong{color:var(--text-primary)}.modal-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{width:100%;max-width:540px;border-radius:var(--radius-lg);animation:modalIn .3s cubic-bezier(.34,1.56,.64,1)}.demo-deck-wrapper{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:999;width:100%;max-width:800px;transition:transform var(--transition-normal)}.demo-deck-wrapper.minimized{transform:translate(-50%,calc(100% - 40px))}.demo-toggle-btn{background:#1f2937;color:#fff;border:1px solid rgba(255,255,255,.1);border-bottom:none;font-family:var(--font-display);font-weight:700;font-size:12px;display:flex;align-items:center;gap:8px;padding:10px 24px;border-radius:12px 12px 0 0;margin:0 auto;cursor:pointer;box-shadow:0 -4px 20px #00000080;transition:var(--transition-fast)}.demo-toggle-btn:hover{background:#374151}.demo-toggle-btn svg{color:var(--accent-teal);animation:spin 8s linear infinite}.demo-deck-body{padding:24px;border-radius:20px 20px 0 0;border-bottom:none;display:flex;flex-direction:column;gap:16px;box-shadow:0 -8px 40px #0009}.demo-section-header h4{font-size:14px;margin-bottom:2px;color:#fff}.demo-section-header p{font-size:11px;color:var(--text-secondary)}.demo-profiles-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.demo-profile-btn{background:#ffffff05;border:1px solid var(--glass-border);padding:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:12px;text-align:left;transition:var(--transition-fast)}.demo-profile-btn:hover{background:#ffffff0d;border-color:#fff3}.demo-profile-btn.active{border-color:var(--theme-accent);background:rgba(var(--theme-accent-rgb),.08)}.demo-profile-btn .avatar{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:11px;color:#fff}.demo-profile-btn .profile-meta{display:flex;flex-direction:column;min-width:0}.demo-profile-btn .profile-meta strong{font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-profile-btn .profile-meta span{font-size:10px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-divider{height:1px;background:var(--glass-border)}.demo-help-box h5{font-size:11px;color:var(--accent-teal);margin-bottom:6px;text-transform:uppercase}.demo-help-box ul{list-style:none;font-size:10.5px;color:var(--text-secondary);display:flex;flex-direction:column;gap:4px}.demo-help-box li strong{color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modalIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-bottom-nav{display:none}@media (max-width: 1024px){.sidebar{width:80px;padding:16px 8px}.sidebar-brand .brand-text,.sidebar-menu span,.sidebar-progress,.user-info,.menu-divider{display:none!important}.sidebar-brand{justify-content:center;margin-bottom:20px}.user-card{padding:8px;justify-content:center}.menu-item{justify-content:center;padding:12px}.main-workspace{margin-left:80px;padding:24px}.stats-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.dashboard-columns,.resource-panel-layout,.scheduler-layout,.trainer-layout,.assessment-layout,.profile-settings-layout{flex-direction:column;height:auto}.intray-layout{flex-direction:column;height:700px}.intray-sidebar{width:100%;height:250px}.demo-profiles-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.landing-page-container{min-height:100vh;display:flex;flex-direction:column;padding:40px 80px;max-width:1400px;margin:0 auto;gap:40px;animation:fadeIn .6s ease-out}.landing-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--glass-border)}.landing-logo-container{display:flex;align-items:center;gap:12px}.landing-main{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:start}.landing-hero-section{display:flex;flex-direction:column;gap:32px}.landing-hero-title{font-size:clamp(32px,5vw,48px);line-height:1.15;background:linear-gradient(135deg,#ffffff 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-hero-title span{background:linear-gradient(135deg,var(--theme-accent) 0%,var(--accent-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-hero-subtitle{font-size:16px;color:var(--text-secondary);max-width:600px;line-height:1.6}.events-catalog-section{display:flex;flex-direction:column;gap:20px}.events-catalog-title{font-size:20px;font-family:var(--font-display);font-weight:700;display:flex;align-items:center;gap:8px;color:var(--accent-teal)}.event-card-grid{display:grid;grid-template-columns:1fr;gap:20px}.event-card{padding:24px;border-radius:var(--radius-md);transition:all var(--transition-normal);display:flex;flex-direction:column;gap:16px}.event-card:hover{transform:translateY(-4px);border-color:rgba(var(--theme-accent-rgb),.3);box-shadow:0 12px 40px #0006,var(--shadow-glow)}.event-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.event-badge{padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.event-card-title{font-size:18px;font-weight:700;color:var(--text-primary)}.event-card-meta{display:flex;gap:16px;font-size:12px;color:var(--text-secondary)}.event-meta-item{display:flex;align-items:center;gap:6px}.event-card-desc{font-size:13.5px;color:var(--text-secondary);line-height:1.5}.event-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.landing-auth-container{width:100%;animation:fadeIn .8s ease-out;border-radius:var(--radius-lg);padding:32px}@media (max-width: 1024px){.landing-page-container{padding:24px}.landing-main{grid-template-columns:1fr;gap:40px}}@media (max-width: 768px){.sidebar{display:none!important}.main-workspace{margin-left:0!important;padding:16px!important;margin-bottom:76px!important;min-height:calc(100vh - 76px)}.app-header{padding:12px 16px!important;margin-bottom:20px!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}.header-left{max-width:70%}.header-title{font-size:18px!important;margin-bottom:2px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-subtitle{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-widget{display:none!important}.mobile-bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:64px;background:#0f172ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);z-index:999;justify-content:space-around;align-items:center;padding:0 8px;box-shadow:0 -4px 20px #0000004d}.mobile-nav-item{background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-secondary);font-size:10px;font-family:var(--font-body);font-weight:500;cursor:pointer;flex:1;padding:8px 0;transition:var(--transition-fast)}.mobile-nav-item .icon{width:20px;height:20px;color:var(--text-secondary);transition:var(--transition-fast)}.mobile-nav-item.active{color:var(--theme-accent)}.mobile-nav-item.active .icon{color:var(--theme-accent);transform:translateY(-2px)}.mobile-more-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-end;animation:fadeIn .2s ease-out}.mobile-more-drawer{width:100%;border-top-left-radius:20px;border-top-right-radius:20px;background:#1e293bf2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--glass-border);border-left:none;border-right:none;border-bottom:none;padding:20px;box-shadow:0 -10px 30px #00000080;animation:slideUp .3s cubic-bezier(.32,.94,.6,1);max-height:80vh;display:flex;flex-direction:column}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid var(--glass-border);padding-bottom:12px}.drawer-header h3{font-size:16px;font-weight:700;margin:0}.close-drawer-btn{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;line-height:1;padding:0 4px}.drawer-body{display:flex;flex-direction:column;gap:12px;overflow-y:auto}.drawer-item{background:#ffffff05;border:1px solid var(--glass-border);border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:12px;color:var(--text-primary);font-size:13.5px;font-weight:600;cursor:pointer;transition:var(--transition-fast);text-align:left;width:100%}.drawer-item:hover,.drawer-item.active{background:rgba(var(--theme-accent-rgb),.1);border-color:var(--theme-accent)}.drawer-item .icon{width:18px;height:18px;color:var(--theme-accent)}.drawer-divider{border:0;border-top:1px solid var(--glass-border);margin:8px 0}.drawer-controls{display:flex;flex-direction:column;gap:12px;padding:4px 8px}.control-row{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--text-secondary)}.drawer-user-info{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#00000026;border-radius:10px;margin-top:8px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.scheduler-confirm-bar{left:16px!important;right:16px!important;bottom:80px!important}:root.light-mode .mobile-bottom-nav{background:#ffffffe6;border-top:1px solid rgba(15,23,42,.12);box-shadow:0 -4px 20px #0000000d}:root.light-mode .mobile-more-drawer{background:#fffffff2;border-top:1px solid rgba(15,23,42,.12);box-shadow:0 -10px 30px #0000001a}:root.light-mode .drawer-user-info{background:#0f172a0d}:root.light-mode .drawer-item{background:#fffc;border-color:#0f172a1f}}.rich-text-editor-container.focused{border-color:var(--theme-accent)!important;box-shadow:var(--shadow-glow)}.editor-canvas[contenteditable]:empty:before{content:attr(placeholder);color:var(--text-muted);pointer-events:none}.editor-canvas h2{font-size:1.4rem;margin-top:12px;margin-bottom:8px;color:var(--text-primary)}.editor-canvas h3{font-size:1.2rem;margin-top:10px;margin-bottom:6px;color:var(--text-primary)}.editor-canvas p{margin-bottom:8px}.editor-canvas ul,.editor-canvas ol{padding-left:20px;margin-bottom:8px}.editor-canvas li{margin-bottom:4px}.event-overview-rich-content h2{font-size:1.5rem;margin-top:24px;margin-bottom:12px;border-bottom:1px solid var(--glass-border);padding-bottom:6px;color:var(--theme-accent)}.event-overview-rich-content h3{font-size:1.25rem;margin-top:20px;margin-bottom:10px;color:var(--text-primary)}.event-overview-rich-content p{line-height:1.7;margin-bottom:16px;color:var(--text-secondary)}.event-overview-rich-content ul,.event-overview-rich-content ol{padding-left:24px;margin-bottom:16px;color:var(--text-secondary)}.event-overview-rich-content li{margin-bottom:6px}