:root{--primary-900: #0A1628;--primary-800: #0F2440;--primary-700: #13315C;--primary-600: #1B4F8A;--primary-500: #2563EB;--primary-400: #3B82F6;--primary-300: #60A5FA;--primary-200: #93C5FD;--primary-100: #DBEAFE;--primary-50: #EFF6FF;--accent-700: #1E3A5F;--accent-600: #2C5282;--accent-500: #3B6FA0;--accent-400: #4A90D9;--accent-300: #6BAED6;--accent-200: #A0C4E8;--accent-100: #D6E8F7;--silver-600: #6B7B8D;--silver-500: #8899AA;--silver-400: #A0B0C0;--silver-300: #B8C8D8;--silver-200: #D0DAE4;--silver-100: #E8EEF4;--silver-50: #F4F7FA;--success-600: #059669;--success-500: #10B981;--success-100: #D1FAE5;--warning-500: #F59E0B;--warning-100: #FEF3C7;--error-600: #DC2626;--error-500: #EF4444;--error-100: #FEE2E2;--neutral-900: #0F172A;--neutral-800: #1E293B;--neutral-700: #334155;--neutral-600: #475569;--neutral-500: #64748B;--neutral-400: #94A3B8;--neutral-300: #CBD5E1;--neutral-200: #E2E8F0;--neutral-100: #F1F5F9;--neutral-50: #F8FAFC;--surface: #F0F4F8;--card: #FFFFFF;--border: #E2E8F0;--border-hover: #CBD5E1;--font-display: "Playfair Display", "Georgia", serif;--font-body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--shadow-xs: 0 1px 2px rgba(15,23,42,.04);--shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--shadow-md: 0 4px 12px rgba(15,23,42,.07), 0 2px 4px rgba(15,23,42,.04);--shadow-lg: 0 12px 40px rgba(15,23,42,.1), 0 4px 12px rgba(15,23,42,.05);--shadow-xl: 0 20px 60px rgba(15,23,42,.12), 0 8px 20px rgba(15,23,42,.06);--shadow-blue: 0 4px 14px rgba(37,99,235,.2);--shadow-blue-lg: 0 8px 30px rgba(37,99,235,.25);--ease-out: cubic-bezier(.33, 1, .68, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--gradient-primary: linear-gradient(135deg, #2563EB 0%, #1B4F8A 100%);--gradient-silver: linear-gradient(135deg, #F0F4F8 0%, #E2E8F0 100%);--gradient-hero: linear-gradient(165deg, #0A1628 0%, #0F2440 30%, #13315C 60%, #1B4F8A 100%);--gradient-accent: linear-gradient(135deg, #2563EB 0%, #3B6FA0 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.9), rgba(255,255,255,.7))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background:var(--surface);font-family:var(--font-body);color:var(--neutral-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.no-scroll{overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--silver-300) transparent}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--silver-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--silver-400)}@keyframes slideIn{0%{transform:translate(80px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scaleIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #2563eb26}50%{box-shadow:0 0 40px #2563eb40}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-30px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(30px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal-right.visible{opacity:1;transform:translate(0)}.mc-btn{border:none;cursor:pointer;font-family:var(--font-body);font-weight:600;transition:all .25s var(--ease-out);display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.01em}.mc-btn:hover{transform:translateY(-2px)}.mc-btn:active{transform:translateY(0) scale(.98)}.mc-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.mc-btn-primary{background:var(--gradient-primary);color:#fff;padding:11px 22px;border-radius:10px;font-size:14px;box-shadow:var(--shadow-blue)}.mc-btn-primary:hover{box-shadow:var(--shadow-blue-lg)}.mc-btn-accent{background:var(--gradient-accent);color:#fff;padding:11px 22px;border-radius:10px;font-size:14px;box-shadow:var(--shadow-blue)}.mc-btn-accent:hover{box-shadow:var(--shadow-blue-lg)}.mc-btn-ghost{background:var(--silver-50);color:var(--neutral-600);padding:11px 22px;border-radius:10px;font-size:14px;border:1px solid var(--border)}.mc-btn-ghost:hover{background:var(--silver-100);border-color:var(--border-hover)}.mc-btn-outline{background:transparent;border:1.5px solid var(--primary-400);color:var(--primary-500);padding:11px 22px;border-radius:10px;font-size:14px}.mc-btn-outline:hover{background:var(--primary-50);box-shadow:var(--shadow-blue)}.mc-btn-danger{background:var(--error-100);color:var(--error-600);padding:11px 22px;border-radius:10px;font-size:14px;border:1px solid rgba(220,38,38,.15)}.mc-btn-danger:hover{background:#fecaca}.mc-input{background:var(--card);border:1.5px solid var(--neutral-200);color:var(--neutral-900);padding:11px 14px;border-radius:10px;font-size:14px;font-family:var(--font-body);width:100%;box-sizing:border-box;transition:border-color .25s,box-shadow .25s}.mc-input:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px #2563eb1a}.mc-input::placeholder{color:var(--neutral-400)}.mc-textarea{resize:vertical;min-height:100px}.mc-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748B' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.mc-card{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);transition:all .25s var(--ease-out)}.mc-card:hover{box-shadow:var(--shadow-md)}.mc-glass{background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);border-radius:14px}.mc-sidebar{width:260px;border-right:1px solid var(--border);background:var(--card);padding:16px 12px;overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column}.mc-section-btn{padding:10px 14px;border-radius:10px;cursor:pointer;border:none;font-family:var(--font-body);font-size:13px;text-align:left;transition:all .2s var(--ease-out);display:block;width:100%;background:transparent;color:var(--neutral-500);position:relative}.mc-section-btn:hover{background:var(--silver-50);color:var(--neutral-800)}.mc-section-btn.active{background:var(--primary-50);color:var(--primary-600);font-weight:600;border-left:3px solid var(--primary-500)}.mc-act-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;transition:all .2s var(--ease-out);cursor:default}.mc-act-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-1px)}.mc-type-btn{background:var(--silver-50);border:2px solid var(--neutral-200);border-radius:12px;padding:14px;cursor:pointer;text-align:center;transition:all .2s var(--ease-out);font-family:var(--font-body);color:var(--neutral-700)}.mc-type-btn:hover{border-color:var(--primary-300);background:var(--primary-50);transform:translateY(-2px)}.mc-type-btn.selected{border-color:var(--primary-500);background:var(--primary-50);box-shadow:var(--shadow-blue)}.mc-modal-overlay{position:fixed;inset:0;background:#0f172a80;z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mc-modal{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:32px;max-width:1100px;width:94%;max-height:90vh;overflow-y:auto;animation:scaleIn .3s var(--ease-spring);box-shadow:var(--shadow-xl)}.mc-modal-wide{max-width:1200px}.mc-modal-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--neutral-800)}.mc-header{border-bottom:1px solid var(--border);padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:50}.mc-label{font-size:13px;font-weight:600;color:var(--neutral-500);display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.mc-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.02em}.mc-badge-primary{background:var(--primary-100);color:var(--primary-600)}.mc-badge-accent{background:var(--accent-100);color:var(--accent-600)}.mc-badge-success{background:var(--success-100);color:var(--success-600)}.mc-badge-silver{background:var(--silver-100);color:var(--silver-600)}.mc-notification{position:fixed;top:20px;right:20px;z-index:1000;padding:14px 22px;border-radius:12px;color:#fff;font-weight:600;font-size:14px;box-shadow:var(--shadow-lg);animation:slideIn .4s var(--ease-spring);max-width:400px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mc-notification-success{background:var(--success-600)}.mc-notification-error{background:var(--error-500)}.mc-empty-state{text-align:center;padding:60px 24px;color:var(--neutral-400);border:2px dashed var(--silver-200);border-radius:20px;background:var(--silver-50)}.mc-ai-panel{background:linear-gradient(135deg,var(--primary-50),var(--accent-100));border:1px solid var(--primary-200);border-radius:14px;padding:18px;margin-bottom:16px;animation:fadeIn .3s}.mc-ai-panel .mc-input:focus{border-color:var(--primary-400)}.mc-field-group{margin-bottom:16px}.mc-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mc-tab{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none;font-family:var(--font-body);background:transparent;color:var(--neutral-500);transition:all .2s var(--ease-out)}.mc-tab:hover{color:var(--neutral-800);background:var(--silver-50)}.mc-tab.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-blue)}.mc-template-card{background:var(--card);border:1.5px solid var(--neutral-200);border-radius:14px;padding:22px;cursor:pointer;transition:all .25s var(--ease-out)}.mc-template-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translateY(-3px)}.mc-bg-pattern{position:fixed;inset:0;opacity:.02;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,var(--primary-700) 1px,transparent 0);background-size:32px 32px}.mc-divider{height:1px;background:var(--border);margin:16px 0}.mc-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--neutral-600)}.mc-checkbox-label input[type=checkbox]{accent-color:var(--primary-500);width:16px;height:16px}.mc-tooltip{font-size:12px;color:var(--neutral-400);font-style:italic;margin-top:4px}.mc-step-indicator{display:flex;align-items:center;gap:8px;margin-bottom:24px}.mc-step-dot{width:8px;height:8px;border-radius:50%;background:var(--silver-300);transition:all .3s var(--ease-spring)}.mc-step-dot.active{background:var(--primary-500);width:28px;border-radius:4px;box-shadow:0 0 8px #2563eb4d}.tox-tinymce{border:1.5px solid var(--neutral-200)!important;border-radius:10px!important}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background:var(--silver-50)!important;border-bottom-color:var(--neutral-100)!important}.tox .tox-toolbar-overlord{background:var(--silver-50)!important}.tox .tox-statusbar{background:var(--card)!important;border-top-color:var(--neutral-100)!important}.tox .tox-statusbar__text-container{color:var(--neutral-400)!important}.tox .tox-tbtn{color:var(--neutral-600)!important}.tox .tox-tbtn:hover{background:var(--neutral-100)!important;color:var(--primary-500)!important}.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:hover{background:var(--primary-50)!important;color:var(--primary-500)!important}.tox .tox-tbtn svg{fill:var(--neutral-600)!important}.tox .tox-tbtn:hover svg,.tox .tox-tbtn--enabled svg{fill:var(--primary-500)!important}.tox .tox-edit-area__iframe{background:var(--card)!important}.tox .tox-split-button:hover{box-shadow:none!important}.tox .tox-menu{background:var(--silver-50)!important;border-color:var(--neutral-200)!important;border-radius:10px!important}.tox .tox-collection__item{color:var(--neutral-900)!important}.tox .tox-collection__item--active{background:var(--neutral-100)!important}.mc-act-card[draggable=true]{transition:opacity .2s,border-color .2s,transform .2s}.mc-act-card[draggable=true]:active{opacity:.5}.mc-section-btn{transition:opacity .2s}[draggable=true]:active .mc-section-btn{opacity:.5}.dashboard{min-height:100vh;background:var(--surface);overflow-y:auto}.dashboard-header{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.dashboard-header h1{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--neutral-800);display:flex;align-items:center;gap:10px}.dashboard-header h1 .logo-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--gradient-primary);border-radius:10px;font-size:16px;color:#fff}.dashboard-body{max-width:880px;margin:0 auto;padding:2rem;animation:fadeIn .4s var(--ease-out)}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{padding:1.25rem;background:var(--card);border-radius:14px;border:1px solid var(--border);box-shadow:var(--shadow-xs);transition:all .25s var(--ease-out)}.stat-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-card .stat-label{font-size:.7rem;color:var(--neutral-400);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.stat-card .stat-value{font-size:1.75rem;font-weight:800;color:var(--neutral-800);font-family:var(--font-display)}.stat-card .stat-value span{font-size:.875rem;color:var(--neutral-400);font-weight:400;font-family:var(--font-body)}.upgrade-banner{padding:1.5rem;margin-bottom:1.5rem;background:var(--gradient-hero);border-radius:16px;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.upgrade-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 50%,rgba(37,99,235,.2) 0%,transparent 60%);pointer-events:none}.upgrade-banner .banner-text{position:relative;z-index:1}.upgrade-banner .banner-title{font-weight:700;font-size:1.1rem;margin-bottom:4px}.upgrade-banner .banner-desc{font-size:.875rem;opacity:.8}.upgrade-banner .banner-actions{display:flex;gap:.5rem;position:relative;z-index:1}.upgrade-btn{padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:700;cursor:pointer;font-size:.813rem;font-family:var(--font-body);transition:all .25s var(--ease-out)}.upgrade-btn:hover{transform:translateY(-1px)}.upgrade-btn-solid{background:#fff;color:var(--primary-600);box-shadow:var(--shadow-sm)}.upgrade-btn-solid:hover{box-shadow:var(--shadow-md)}.upgrade-btn-glass{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.upgrade-btn-glass:hover{background:#ffffff40}.create-course-btn{width:100%;padding:1rem;margin-bottom:1.5rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;font-family:var(--font-body);box-shadow:var(--shadow-blue);transition:all .25s var(--ease-out);display:flex;align-items:center;justify-content:center;gap:8px}.create-course-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-blue-lg)}.create-course-btn:disabled{background:var(--neutral-300);color:var(--neutral-500);cursor:not-allowed;box-shadow:none;transform:none}.new-course-form{padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border);border-radius:16px;background:var(--card);box-shadow:var(--shadow-sm);animation:scaleIn .3s var(--ease-spring)}.new-course-form h2{font-family:var(--font-display);font-weight:700;margin-bottom:1rem;color:var(--neutral-800)}.new-course-form .form-actions{display:flex;gap:.75rem}.course-card{padding:1.25rem 1.5rem;margin-bottom:.75rem;border:1px solid var(--border);border-radius:14px;background:var(--card);display:flex;justify-content:space-between;align-items:center;transition:all .25s var(--ease-out);box-shadow:var(--shadow-xs);animation:fadeInUp .4s var(--ease-out) backwards}.course-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.course-card .course-info h3{font-weight:700;color:var(--neutral-800);margin-bottom:4px}.course-card .course-info p{color:var(--neutral-400);font-size:.813rem}.course-card .course-actions{display:flex;gap:.5rem}.course-edit-btn{padding:.5rem 1.25rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.813rem;font-weight:600;font-family:var(--font-body);transition:all .2s var(--ease-out);box-shadow:var(--shadow-blue)}.course-edit-btn:hover{box-shadow:var(--shadow-blue-lg);transform:translateY(-1px)}.course-delete-btn{padding:.5rem 1rem;background:var(--error-100);color:var(--error-600);border:none;border-radius:8px;cursor:pointer;font-size:.813rem;font-weight:600;font-family:var(--font-body);transition:all .2s var(--ease-out)}.course-delete-btn:hover{background:#fecaca}.empty-courses{text-align:center;color:var(--neutral-400);padding:3rem 2rem;font-size:1rem;border:2px dashed var(--silver-200);border-radius:16px;background:var(--silver-50)}@media(max-width:1024px){.mc-modal{max-width:92vw}.mc-modal-wide{max-width:94vw}}@media(max-width:768px){.mc-sidebar{width:200px}.mc-field-row{grid-template-columns:1fr}.mc-modal{width:98%;padding:20px;border-radius:14px}.dashboard-stats{grid-template-columns:1fr}.dashboard-body{padding:1rem}.upgrade-banner{flex-direction:column;text-align:center}}@media(min-width:1441px){#root{zoom:1.08}.mc-modal{max-width:1000px}.mc-modal-wide{max-width:1300px}.mc-sidebar{width:290px}.mc-header{height:66px}}@media(min-width:1920px){#root{zoom:1.15}.mc-modal{max-width:1100px}.mc-modal-wide{max-width:1400px}.mc-sidebar{width:310px}.mc-header{height:70px}.mc-notification{top:24px;right:24px;padding:16px 26px;font-size:15px;max-width:460px}}@media(min-width:2560px){#root{zoom:1.3}.mc-modal{max-width:1200px}.mc-modal-wide{max-width:1500px}.mc-sidebar{width:340px}.mc-header{height:76px}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}