@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap";.sidebar{background:linear-gradient(135deg,var(--color-primary-800),var(--color-slate-900),var(--color-primary-900));background-size:400% 400%;animation:gradientAnimation 30s infinite linear;color:#fff;width:260px;padding:var(--space-5);display:flex;flex-direction:column;justify-content:space-between;height:calc(100vh - 20px);min-height:0;transition:width .3s ease,transform .3s ease-in-out;border-radius:var(--radius-xl);margin:10px;box-shadow:var(--shadow-lg);z-index:2000}.sidebar.collapsed{width:80px;align-items:center}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.sidebar-header-real{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);flex-shrink:0}.sidebar.collapsed .sidebar-header-real{justify-content:center}.sidebar.collapsed .logo-image{display:none}.logo-image{max-width:70px}.toggle-button{background:#ffffff1a;color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-2);cursor:pointer;transition:background .3s;display:flex;align-items:center;justify-content:center}.toggle-button:hover{background:#fff3}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-2);flex-grow:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:var(--space-1)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:var(--radius-full)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:#ffffffb3;transition:all .2s ease;cursor:pointer;text-decoration:none;font-size:var(--text-sm)}.sidebar.collapsed .nav-item{padding:var(--space-3);justify-content:center}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#fff3;color:#fff;font-weight:500}.nav-item .label{white-space:nowrap}.bottom-links{margin-top:auto}.sidebar-footer{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-4);margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex-shrink:0}.sidebar-profile-wrapper,.sidebar-notifications-wrapper{position:relative}.sidebar-profile{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background .2s}.sidebar.collapsed .sidebar-profile{justify-content:center;padding:var(--space-2) 0}.sidebar-profile:hover{background:#ffffff1a}.sidebar-profile-pic,.sidebar-profile-placeholder{width:40px;height:40px;border-radius:var(--radius-full);flex-shrink:0;object-fit:cover;border:2px solid rgba(255,255,255,.2)}.sidebar-profile-placeholder{background:var(--brand-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-lg);font-family:var(--font-heading)}.sidebar-profile-info{display:flex;flex-direction:column;overflow:hidden}.profile-name{font-weight:600;font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#fff}.sidebar-popup{position:absolute;bottom:0;left:100%;margin-left:var(--space-4);background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-light);z-index:2000;color:var(--text-main)}.sidebar-popup:before{content:"";position:absolute;top:50%;left:-6px;transform:translateY(-50%) rotate(45deg);width:12px;height:12px;background:var(--bg-surface);border-left:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.profile-popup{bottom:10px;min-width:180px;padding:var(--space-2)}.notifications-popup{bottom:-10px;width:320px;max-height:400px;overflow-y:auto}.sidebar-popup-action{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;color:var(--text-secondary);font-weight:500;font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-md);transition:background .2s,color .2s}.sidebar-popup-action:hover{background:var(--bg-surface-active);color:var(--text-main)}.sidebar-logout-button{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;color:var(--color-danger);font-weight:500;font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-md);transition:background .2s}.sidebar-logout-button:hover{background:#ef44441a}.sidebar-notification-dot{position:absolute;top:-4px;right:-4px;background-color:var(--color-danger);color:#fff;font-size:9px;font-weight:800;height:16px;min-width:16px;border-radius:20px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--color-slate-900);box-shadow:var(--shadow-sm);z-index:10;animation:pop-in .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop-in{0%{transform:scale(0)}to{transform:scale(1)}}.main-sidebar-backdrop{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1999}@media(max-width:768px){.sidebar{display:none!important}.sidebar-popup{left:0;bottom:100%;margin-left:0;margin-bottom:15px;width:100%;box-shadow:var(--shadow-lg)}.sidebar-popup:before{display:none}}.mbn-bar,.mbn-overlay,.mbn-profile-sheet{display:none}@media(max-width:768px){.mbn-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1500;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--glass-border);box-shadow:var(--shadow-elevated);padding:6px 4px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;align-items:flex-end}.mbn-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;flex:1;background:none;border:none;padding:4px 2px 8px;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.03em;transition:color .2s ease,transform .15s ease;position:relative;cursor:pointer!important;min-height:56px}.mbn-item:active{transform:scale(.88)}.mbn-active{color:var(--brand-primary)}.mbn-active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--brand-primary);border-radius:0 0 6px 6px;animation:mbn-indicator-in .25s ease}@keyframes mbn-indicator-in{0%{width:0;opacity:0}to{width:20px;opacity:1}}.mbn-disabled{opacity:.32;pointer-events:none;cursor:default!important}.mbn-item--center{flex:1.35;color:var(--brand-primary)}.mbn-item--center span{max-width:72px;line-height:1.05;text-align:center}.mbn-center-bubble{width:48px;height:48px;border-radius:50%;background:var(--brand-primary);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #3b82f666;margin-bottom:2px;transition:box-shadow .2s ease,transform .15s ease}.mbn-center--continue{color:var(--color-success)}.mbn-center--continue .mbn-center-bubble{background:var(--color-success);box-shadow:0 4px 14px #10b98157}.mbn-center--syllabus{color:var(--accent-purple)}.mbn-center--syllabus .mbn-center-bubble{background:var(--accent-purple);box-shadow:0 4px 14px var(--accent-purple-soft)}.mbn-item--center:active .mbn-center-bubble{transform:scale(.88);box-shadow:var(--shadow-sm)}.mbn-disabled .mbn-center-bubble{background:linear-gradient(135deg,var(--color-slate-400),var(--color-slate-300));box-shadow:none}.mbn-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:1px}.mbn-badge{position:absolute;top:-6px;right:-10px;background:var(--color-danger);color:var(--text-inverse);font-size:9px;font-weight:800;height:16px;min-width:16px;border-radius:20px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:2px solid var(--bg-surface);animation:mbn-pop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes mbn-pop{0%{transform:scale(0)}to{transform:scale(1)}}.mbn-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid rgba(148,163,184,.4);margin-bottom:1px}.mbn-initial{width:26px;height:26px;border-radius:50%;background:var(--brand-primary);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;margin-bottom:1px;border:2px solid rgba(79,70,229,.3)}.mbn-initial--admin{background:linear-gradient(135deg,#d97706,var(--color-warning));border-color:#f59e0b4d}.mbn-overlay{display:block;position:fixed;inset:0;background:var(--bg-backdrop);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1490;animation:mbn-fade-in .2s ease}@keyframes mbn-fade-in{0%{opacity:0}to{opacity:1}}.mbn-profile-sheet{display:block;position:fixed;bottom:calc(72px + env(safe-area-inset-bottom));left:12px;right:12px;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:24px;padding:20px;z-index:1500;box-shadow:0 -8px 50px #0000002e;animation:mbn-slide-up .28s cubic-bezier(.34,1.4,.64,1)}@keyframes mbn-slide-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.mbn-sheet-header{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--bg-surface-active);margin-bottom:14px}.mbn-sheet-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;background:var(--brand-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid var(--brand-light)}.mbn-sheet-avatar img{width:100%;height:100%;object-fit:cover}.mbn-sheet-avatar span{color:var(--text-inverse);font-size:1.4rem;font-weight:800}.mbn-sheet-info{flex:1;overflow:hidden}.mbn-sheet-name{margin:0;font-weight:700;font-size:1rem;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mbn-sheet-email{margin:3px 0 0;font-size:.78rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mbn-sheet-close{background:var(--bg-surface-active);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer!important;flex-shrink:0;padding:0;transition:background .2s}.mbn-sheet-close:active{background:var(--border-light)}.mbn-sheet-section-label{margin:0 0 8px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.mbn-sheet-admin-section{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--bg-surface-active)}.mbn-sheet-action{width:100%;display:flex;align-items:center;gap:12px;background:var(--bg-surface-hover);border:none;color:var(--text-secondary);font-weight:600;padding:12px 14px;border-radius:12px;font-size:.9rem;cursor:pointer!important;margin-bottom:8px;transition:background .2s}.mbn-sheet-action:active{background:var(--border-light)}.mbn-sheet-logout{width:100%;display:flex;align-items:center;gap:12px;background:var(--danger-soft);border:none;color:var(--color-danger);font-weight:700;padding:14px 16px;border-radius:14px;font-size:.9rem;cursor:pointer!important;transition:background .2s}.mbn-sheet-logout:active{background:var(--danger-soft)}}.app-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:modalFadeIn .2s ease-out;padding:var(--space-4)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.app-modal{position:relative;background:var(--bg-surface);width:100%;max-width:440px;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-6) var(--space-6);animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto}.app-modal-size-wide{max-width:min(980px,calc(100vw - var(--space-8)));align-items:stretch}.app-modal-size-medium{max-width:min(560px,calc(100vw - var(--space-8)));align-items:stretch}.app-modal-size-full{max-width:min(1180px,calc(100vw - var(--space-8)));max-height:min(92vh,900px);align-items:stretch}@keyframes modalSlideUp{0%{transform:translateY(24px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.app-modal-close{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all .2s;display:flex;align-items:center;justify-content:center}.app-modal-close:hover{background:var(--bg-surface-active);color:var(--text-main)}.app-modal-icon-wrap{margin-bottom:var(--space-4)}.app-modal-icon{stroke-width:1.5}.app-modal-icon.icon-success{color:var(--color-success)}.app-modal-icon.icon-error{color:var(--color-danger)}.app-modal-icon.icon-warning{color:var(--color-warning)}.app-modal-icon.icon-info{color:var(--brand-primary)}.app-modal-icon.icon-danger{color:var(--color-danger)}.app-modal-icon.spin{animation:spinAnim 1s linear infinite}@keyframes spinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spinAnim 1s linear infinite}.app-modal-title{font-family:var(--font-heading);font-weight:700;font-size:var(--text-xl);color:var(--text-main);margin:0 0 var(--space-2)}.app-modal-message{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-5);max-width:360px}.app-modal-body{width:100%;text-align:left;margin-bottom:var(--space-5)}.app-modal-form{width:100%;text-align:left;display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5)}.app-modal-field{display:flex;flex-direction:column;gap:var(--space-1)}.app-modal-label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.app-modal-textarea{resize:vertical;min-height:80px}.app-modal-actions{display:flex;gap:var(--space-3);justify-content:center;width:100%}.app-modal-actions .btn-primary,.app-modal-actions .btn-ghost{flex:1;justify-content:center}.btn-danger{background-color:var(--color-danger)!important}.btn-danger:hover:not(:disabled){background-color:#dc2626!important}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:99999;display:flex;flex-direction:column;gap:var(--space-3);max-width:380px;width:100%;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border-left:4px solid var(--brand-primary);animation:toastSlideIn .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left-color:var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-left-color:var(--color-danger)}.toast-error .toast-icon{color:var(--color-danger)}.toast-warning{border-left-color:var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{border-left-color:var(--brand-primary)}.toast-info .toast-icon{color:var(--brand-primary)}.toast-icon{flex-shrink:0;margin-top:2px}.toast-body{flex:1;min-width:0}.toast-title{font-weight:600;font-size:var(--text-sm);color:var(--text-main);margin-bottom:2px}.toast-message{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.toast-close{flex-shrink:0;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:var(--radius-sm);transition:all .2s;display:flex}.toast-close:hover{background:var(--bg-surface-active);color:var(--text-main)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.2;animation:toastProgress linear forwards;width:100%}@keyframes toastProgress{0%{width:100%}to{width:0%}}@media(max-width:480px){.app-modal{max-width:100%;border-radius:var(--radius-lg)}.toast-container{left:var(--space-4);right:var(--space-4);max-width:100%}}:root{color-scheme:light;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading: "Poppins", var(--font-sans);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 15px rgba(37, 99, 235, .5);--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--bg-app: var(--color-slate-50);--bg-surface: #ffffff;--bg-surface-hover: var(--color-slate-50);--bg-surface-active: var(--color-slate-100);--text-main: var(--color-slate-900);--text-secondary: var(--color-slate-600);--text-muted: var(--color-slate-400);--border-light: var(--color-slate-200);--border-strong: var(--color-slate-300);--brand-primary: var(--color-primary-600);--brand-primary-hover: var(--color-primary-700);--brand-light: var(--color-primary-50);--bg-elevated: #ffffff;--bg-input: #ffffff;--bg-input-focus: #ffffff;--bg-backdrop: rgba(15, 23, 42, .6);--text-inverse: #ffffff;--focus-ring: rgba(37, 99, 235, .18);--shadow-card: 0 4px 20px rgba(15, 23, 42, .06);--shadow-card-hover: 0 14px 32px rgba(15, 23, 42, .12);--shadow-elevated: 0 24px 60px rgba(15, 23, 42, .18);--success-soft: rgba(16, 185, 129, .12);--warning-soft: rgba(245, 158, 11, .14);--danger-soft: rgba(239, 68, 68, .12);--info-soft: rgba(37, 99, 235, .12);--purple-soft: rgba(124, 58, 237, .12);--accent-teal: #0f766e;--accent-teal-soft: rgba(15, 118, 110, .12);--accent-purple: #7c3aed;--accent-purple-soft: rgba(124, 58, 237, .12);--accent-pink: #db2777;--accent-pink-soft: rgba(219, 39, 119, .12);--semantic-success-border: rgba(16, 185, 129, .22);--semantic-warning-border: rgba(245, 158, 11, .26);--semantic-info-border: rgba(37, 99, 235, .2);--catalog-public-bg: rgba(16, 185, 129, .92);--catalog-public-text: #ffffff;--catalog-premium-bg: rgba(15, 23, 42, .92);--catalog-premium-text: #fbbf24;--catalog-lock-overlay: rgba(15, 23, 42, .66);--catalog-hero-bg: linear-gradient(135deg, var(--color-slate-900) 0%, #1e1b4b 100%);--catalog-hero-surface: rgba(15, 23, 42, .82);--catalog-hero-text: #ffffff;--catalog-hero-muted: var(--color-slate-300);--catalog-highlight-bg: rgba(245, 158, 11, .12);--catalog-highlight-border: rgba(245, 158, 11, .34);--catalog-rating-star: #fbbf24;--type-video-bg: rgba(37, 99, 235, .12);--type-video-text: var(--brand-primary);--type-live-bg: rgba(220, 38, 38, .11);--type-live-text: #b91c1c;--type-reading-bg: rgba(16, 185, 129, .12);--type-reading-text: #047857;--type-quiz-bg: rgba(245, 158, 11, .14);--type-quiz-text: #b45309;--type-resources-bg: rgba(100, 116, 139, .12);--type-resources-text: var(--text-secondary);--type-markdown-bg: rgba(100, 116, 139, .12);--type-markdown-text: var(--text-secondary);--type-interactive-bg: rgba(15, 118, 110, .12);--type-interactive-text: var(--accent-teal);--type-certificate-bg: rgba(245, 158, 11, .14);--type-certificate-text: #b45309;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .2)}[data-theme=dark]{color-scheme:dark;--bg-app: var(--color-slate-900);--bg-surface: var(--color-slate-800);--bg-surface-hover: var(--color-slate-700);--bg-surface-active: var(--color-slate-600);--text-main: var(--color-slate-50);--text-secondary: var(--color-slate-300);--text-muted: var(--color-slate-500);--border-light: var(--color-slate-700);--border-strong: var(--color-slate-600);--brand-primary: var(--color-primary-500);--brand-primary-hover: var(--color-primary-400);--brand-light: rgba(37, 99, 235, .15);--bg-elevated: #111c2e;--bg-input: #0f172a;--bg-input-focus: #162235;--bg-backdrop: rgba(2, 6, 23, .72);--text-inverse: #ffffff;--focus-ring: rgba(96, 165, 250, .24);--shadow-card: 0 4px 22px rgba(2, 6, 23, .24);--shadow-card-hover: 0 18px 40px rgba(2, 6, 23, .36);--shadow-elevated: 0 28px 70px rgba(2, 6, 23, .5);--success-soft: rgba(16, 185, 129, .18);--warning-soft: rgba(245, 158, 11, .18);--danger-soft: rgba(239, 68, 68, .18);--info-soft: rgba(96, 165, 250, .18);--purple-soft: rgba(167, 139, 250, .18);--accent-teal: #2dd4bf;--accent-teal-soft: rgba(45, 212, 191, .16);--accent-purple: #a78bfa;--accent-purple-soft: rgba(167, 139, 250, .18);--accent-pink: #f472b6;--accent-pink-soft: rgba(244, 114, 182, .18);--semantic-success-border: rgba(52, 211, 153, .26);--semantic-warning-border: rgba(251, 191, 36, .28);--semantic-info-border: rgba(96, 165, 250, .24);--catalog-public-bg: rgba(16, 185, 129, .22);--catalog-public-text: #a7f3d0;--catalog-premium-bg: rgba(251, 191, 36, .16);--catalog-premium-text: #fde68a;--catalog-lock-overlay: rgba(2, 6, 23, .72);--catalog-hero-bg: linear-gradient(135deg, #0f172a 0%, #172554 100%);--catalog-hero-surface: rgba(15, 23, 42, .88);--catalog-hero-text: #ffffff;--catalog-hero-muted: var(--color-slate-300);--catalog-highlight-bg: rgba(245, 158, 11, .16);--catalog-highlight-border: rgba(251, 191, 36, .36);--catalog-rating-star: #fbbf24;--type-video-bg: rgba(96, 165, 250, .18);--type-video-text: #bfdbfe;--type-live-bg: rgba(248, 113, 113, .18);--type-live-text: #fecaca;--type-reading-bg: rgba(52, 211, 153, .16);--type-reading-text: #a7f3d0;--type-quiz-bg: rgba(245, 158, 11, .18);--type-quiz-text: #fde68a;--type-resources-bg: rgba(148, 163, 184, .16);--type-resources-text: var(--text-secondary);--type-markdown-bg: rgba(148, 163, 184, .16);--type-markdown-text: var(--text-secondary);--type-interactive-bg: rgba(45, 212, 191, .16);--type-interactive-text: #99f6e4;--type-certificate-bg: rgba(245, 158, 11, .18);--type-certificate-text: #fde68a;--glass-bg: rgba(30, 41, 59, .85);--glass-border: rgba(255, 255, 255, .05)}.text-heading{font-family:var(--font-heading);font-weight:600;color:var(--text-main);letter-spacing:-.02em}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background-color:var(--brand-primary);color:var(--text-inverse);font-family:var(--font-sans);font-weight:500;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--brand-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background-color:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-weight:500;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s ease}.btn-ghost:hover:not(:disabled){background-color:var(--bg-surface-active);color:var(--text-main)}.btn-ghost:disabled{opacity:.6;cursor:not-allowed}.card-base{background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-card);padding:var(--space-6);transition:all .3s ease;color:var(--text-main)}.card-base:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-strong)}.input-base{width:100%;background-color:var(--bg-input);color:var(--text-main);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);transition:all .2s ease;outline:none}.input-base:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--focus-ring);background-color:var(--bg-input-focus)}.input-base::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background-color:var(--brand-light);color:var(--brand-primary)}.badge-success{background-color:var(--success-soft);color:var(--color-success)}.badge-warning{background-color:var(--warning-soft);color:var(--color-warning)}.glass-surface{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.page-container{max-width:1000px;margin:0 auto;padding:var(--space-8) var(--space-6);width:100%}@media(max-width:768px){.page-container{padding:var(--space-6) var(--space-4)}}.page-header{margin-bottom:var(--space-8);display:flex;flex-direction:column;gap:var(--space-2)}.page-title{font-family:var(--font-heading);font-weight:700;font-size:var(--text-3xl);color:var(--text-main);margin:0}.page-description{color:var(--text-secondary);font-size:var(--text-base);margin:0}.tab-container{display:flex;gap:var(--space-2);border-bottom:2px solid var(--border-light);margin-bottom:var(--space-6);overflow-x:auto;scrollbar-width:none}.tab-container::-webkit-scrollbar{display:none}.tab-btn{background:transparent;border:none;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{color:var(--text-main);background:var(--bg-surface-hover);border-radius:var(--radius-md) var(--radius-md) 0 0}.tab-btn.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);background:var(--bg-surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-muted)}.empty-state-icon{font-size:var(--text-4xl);color:var(--color-slate-300);margin-bottom:var(--space-4)}.empty-state-title{font-family:var(--font-heading);font-weight:600;font-size:var(--text-lg);color:var(--text-main);margin-bottom:var(--space-2)}*{font-family:var(--font-sans);box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}html,body,#root,.app-container,.main-content{margin:0;padding:0;background-color:var(--bg-app);color:var(--text-main);cursor:default!important}a,button,.nav-item,.course-card,.week-header,.module-item,.login-button,.mobile-menu-button{cursor:pointer!important}input,textarea,[contenteditable=true]{cursor:text!important}.sidebar,.week-header,.module-item,button,.logo-image{-webkit-user-select:none;user-select:none}.app-container{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;overflow-y:auto;position:relative}.header.minimal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:transparent;margin-bottom:20px}.header-date{font-size:1.2rem;color:var(--text-main);margin:0}button{font-size:1rem;border:none;padding:10px 15px;border-radius:8px;transition:background .3s;font-weight:500;color:inherit}.mobile-menu-button{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-light);border-radius:8px;padding:8px;display:flex;align-items:center;box-shadow:var(--shadow-sm)}.login-container,.mobile-blocker{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:default}.login-container{background:var(--bg-surface);border-radius:12px;box-shadow:var(--shadow-card);padding:40px;max-width:400px;margin:50px auto}.login-container h2{font-size:1.5rem;font-weight:700;color:var(--text-main)}.login-container p{font-size:1rem;color:var(--text-secondary);margin-bottom:20px}.login-button{background:var(--brand-primary);color:var(--text-inverse);padding:10px 20px;border-radius:8px;transition:background .3s}.login-button:hover{background:var(--brand-primary-hover)}.mobile-blocker{height:100vh;padding:2rem;background:var(--bg-app);color:var(--text-main)}@media(max-width:768px){.main-content{padding:15px;padding-bottom:80px!important}.header-left h2{display:none}iframe[src*=whatsapp i],iframe[src*="wa.me" i],iframe[src*="api.whatsapp" i],a[href*=whatsapp i][style*=position i],a[href*="wa.me" i][style*=position i],div[id*=whatsapp i],div[class*=whatsapp i],div[id*=wa-widget i],div[class*=wa-widget i]{display:none!important;pointer-events:none!important}}.main-content,.main-content *{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;cursor:default!important}input,textarea,[contenteditable=true]{-webkit-user-select:auto!important;user-select:auto!important;cursor:text!important}button,a,.nav-item,.course-card{cursor:pointer!important}