@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}#app{width:100%;height:100vh;text-align:left!important;max-width:none!important;margin:0!important;padding:0!important}#learnflow-root{width:100%;height:100%;position:relative}body{color:#1e293b;background-color:#f8f9fc;width:100%;height:100%;margin:0;padding:0;font-family:Plus Jakarta Sans,sans-serif;overflow:hidden}*{box-sizing:border-box}button,input,textarea{font:inherit;border:none;outline:none}button{cursor:pointer}.mesh-background{z-index:-1;background:#fdfdfd;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(90px);opacity:.6;border-radius:50%;animation:20s cubic-bezier(.4,0,.2,1) infinite alternate float;position:absolute}.blob-1{background:#e0c3fc;width:55vw;height:55vw;top:-10%;left:-10%}.blob-2{background:#8ec5fc;width:65vw;height:65vw;animation-delay:-5s;bottom:-20%;right:-10%}.blob-3{background:#ffdee9;width:50vw;height:50vw;animation-delay:-10s;top:30%;left:35%}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(5%,10%)scale(1.1)}}.glass-panel{-webkit-backdrop-filter:blur(28px);background:#ffffffa6;border:1px solid #ffffffe6;box-shadow:0 10px 40px #00000008,inset 0 1px #fff}.login-view{z-index:1000;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.login-card{border-radius:40px;flex-direction:column;align-items:center;gap:40px;width:100%;max-width:480px;padding:48px;display:flex;box-shadow:0 40px 80px #0f172a1a}.login-brand{text-align:center;flex-direction:column;align-items:center;display:flex}.login-brand .brand-mark{color:#fff;background:#1e293b;border-radius:20px;place-items:center;width:64px;height:64px;margin-bottom:24px;font-size:28px;font-weight:800;display:grid;box-shadow:0 12px 24px #1e293b33}.login-brand h2{color:#1e293b;margin:0 0 8px;font-size:28px;font-weight:800}.login-brand p{color:#64748b;margin:0;font-size:16px;font-weight:500}.role-selector{flex-direction:column;gap:16px;width:100%;display:flex}.role-btn{background:#fff;border:1px solid #0f172a0f;border-radius:24px;align-items:center;gap:20px;width:100%;height:72px;padding:0 24px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.role-btn svg{color:#64748b;width:24px}.role-btn span{color:#1e293b;font-size:16px;font-weight:700}.role-btn:hover{transform:translateY(-4px);box-shadow:0 16px 32px #0f172a14}.app-container{grid-template-columns:240px minmax(0,1fr);gap:24px;width:100%;height:100vh;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:grid}.app-container.sidebar-collapsed{grid-template-columns:88px minmax(0,1fr)}.app-container.detail-mode{grid-template-columns:minmax(0,1fr)}.sidebar{border-radius:28px;flex-direction:column;padding:24px 16px;display:flex;overflow:hidden}.brand{align-items:center;gap:14px;padding:0 6px 32px;display:flex}.brand-mark{color:#fff;background:#1e293b;border-radius:14px;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;font-size:20px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:grid;box-shadow:0 8px 20px #1e293b26}.brand-mark:hover{background:#0f172a;transform:translateY(-2px)}.brand-text{flex-direction:column;display:flex}.brand-text strong{font-size:17px;font-weight:800}.brand-text span{color:#64748b;font-size:12px;font-weight:600}.nav{flex-direction:column;flex:1;gap:8px;display:flex}.nav-btn{color:#64748b;white-space:nowrap;background:0 0;border-radius:20px;align-items:center;gap:16px;height:56px;padding:0 12px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.nav-icon-wrap{border-radius:10px;flex:0 0 32px;place-items:center;width:32px;height:32px;transition:all .3s;display:grid}.nav-btn svg{width:20px;height:20px}.nav-btn:hover{color:#1e293b;background:#fff9}.nav-btn.active{color:#1e293b;background:#fff;font-weight:800;position:relative;box-shadow:0 10px 30px #0f172a14}.nav-btn.active:before{content:"";background:#1e293b;border-radius:4px;width:4px;height:24px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.nav-btn.active .nav-icon-wrap{color:#1e293b}.app-container.sidebar-collapsed .brand-text,.app-container.sidebar-collapsed .nav-label{opacity:0;pointer-events:none;width:0;overflow:hidden}.main-workspace{z-index:1;flex-direction:column;gap:24px;width:100%;min-width:0;max-width:1400px;height:100%;min-height:0;margin:0 auto;transition:max-width .4s;display:flex;position:relative}.app-container.detail-mode .main-workspace{max-width:1800px}.topbar{z-index:100;border-radius:28px;flex:0 0 72px;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:relative}.breadcrumb{align-items:center;gap:12px;display:flex}.breadcrumb-back{color:#1e293b;background:#0000000a;border-radius:12px;place-items:center;width:40px;height:40px;transition:all .2s;display:grid}.breadcrumb-back:hover{background:#fff;transform:translate(-2px);box-shadow:0 4px 12px #0000000d}.breadcrumb-back svg{stroke-width:2.5px;width:18px;height:18px}.breadcrumb-separator{color:#cbd5e1;font-size:16px;font-weight:600}.breadcrumb-current{color:#1e293b;font-size:16px;font-weight:800}.search-wrapper{position:relative}.search-pill{align-items:center;width:260px;transition:width .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.search-pill.is-active{width:340px}.search-pill svg{color:#94a3b8;width:18px;position:absolute;left:16px}.search-pill input{background:#ffffff73;border-radius:999px;width:100%;height:44px;padding:0 24px 0 44px;font-size:14px;font-weight:600;transition:all .3s}.search-pill input:focus{background:#fff;outline:none;box-shadow:0 8px 24px #0000000f}.search-results{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#fffffff7;border:1px solid #e2e8f0f2;border-radius:20px;width:340px;max-height:360px;padding:8px;position:absolute;top:calc(100% + 12px);left:0;overflow-y:auto;box-shadow:0 18px 45px #0f172a29}.search-result-btn{text-align:left;color:#1e293b;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:auto minmax(0,1fr);gap:3px 10px;width:100%;padding:12px;transition:background .2s,border-color .2s;display:grid}.search-result-btn:hover{background:#f1f5f9;border-color:#e2e8f0}.search-result-type{color:#475569;text-transform:uppercase;background:#e2e8f0;border-radius:6px;grid-row:span 2;align-self:center;padding:4px 7px;font-size:10px;font-weight:800}.search-result-title{text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:13px;font-weight:800;overflow:hidden}.search-result-course,.search-empty{color:#64748b;font-size:11px;font-weight:600}.search-empty{text-align:center;padding:18px 16px}.header-actions{align-items:center;gap:16px;display:flex}.autosave-hint{color:#64748b;white-space:nowrap;font-size:12px;font-weight:700}.logout-btn{color:#64748b;border-radius:14px;place-items:center;width:44px;height:44px;transition:all .2s;display:grid}.logout-btn:hover{color:#1e293b;background:#0000000d}.logout-btn svg{stroke-width:2.5px;width:20px;height:20px}.avatar img{background:#fff;border-radius:14px;width:44px;height:44px;padding:2px}.admin-builder-actions .save-builder-btn,.admin-builder-actions .save-draft-btn,.admin-builder-actions .delete-course-btn{white-space:nowrap;border-radius:12px;width:auto;min-width:144px;height:44px;padding:0 20px;font-size:14px;box-shadow:0 4px 10px #0f172a1a}.admin-builder-actions .save-builder-btn{color:#fff;background:#1e293b;border:none}.admin-builder-actions .save-builder-btn:hover,.admin-builder-actions .save-builder-btn:focus,.admin-builder-actions .save-builder-btn:active{color:#fff;background:#0f172a;transform:translateY(-1px);box-shadow:0 6px 14px #0f172a29}.admin-builder-actions .save-draft-btn{color:#1e293b;background:#ffffffe6;border:1px solid #0f172a14}.admin-builder-actions .save-draft-btn:hover,.admin-builder-actions .save-draft-btn:focus,.admin-builder-actions .save-draft-btn:active{color:#1e293b;background:#fff;transform:translateY(-1px);box-shadow:0 6px 14px #0f172a1a}.admin-builder-actions .delete-course-btn{color:#fff;background:#e11d48;border:1px solid #e11d48}.admin-builder-actions .delete-course-btn:hover,.admin-builder-actions .delete-course-btn:focus,.admin-builder-actions .delete-course-btn:active{color:#fff;background:#be123c;border-color:#be123c;transform:translateY(-1px);box-shadow:0 6px 14px #be123c24}.content-scroll{z-index:10;flex:auto;min-height:0;padding-right:8px;position:relative;overflow-y:auto}.content-scroll::-webkit-scrollbar{width:6px}.content-scroll::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.app-container.detail-mode .content-scroll{padding-right:0;overflow:hidden}.content-layout-wrapper{width:100%;height:100%}.fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards scaleUp}@keyframes scaleUp{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.bento-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;padding:8px 16px 0;display:flex}.hero-title{letter-spacing:-.04em;margin:0 0 8px;font-size:32px;font-weight:800;line-height:1.3}.hero-subtitle{color:#64748b;margin:0;font-size:15px;font-weight:600}.bento-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:0 16px 24px;display:grid}.bento-card{border-radius:32px;flex-direction:column;padding:8px;transition:transform .3s;display:flex}.bento-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000000f,inset 0 1px #fff}.bento-deco{opacity:.9;border-radius:24px;height:120px;margin-bottom:16px}.bento-content{flex-direction:column;flex:1;padding:4px 16px 16px;display:flex}.bento-category{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:800}.bento-title{margin:0 0 24px;font-size:19px;font-weight:800;line-height:1.3}.chunky-progress{align-items:center;gap:16px;margin-top:auto;margin-bottom:24px;display:flex}.chunky-track{background:#0000000a;border-radius:999px;flex:1;height:10px;overflow:hidden}.chunky-fill{border-radius:999px;height:100%;transition:width .4s}.chunky-text{color:#1e293b;text-align:right;width:42px;font-size:15px;font-weight:800}.glass-btn{color:#1e293b;background:#fffc;border-radius:18px;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;font-size:15px;font-weight:800;transition:all .2s;display:flex}.glass-btn:hover{background:#fff;box-shadow:0 8px 20px #0000000f}.overview-page{flex-direction:column;gap:24px;padding:8px 16px 32px;display:flex}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.overview-card{border-radius:24px;padding:24px}.overview-card h2{color:#1e293b;margin:8px 0;font-size:20px;font-weight:800}.overview-card p{color:#64748b;font-size:14px;line-height:1.65}.overview-eyebrow{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.recent-course-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.recent-course-row{color:#1e293b;text-align:left;background:#ffffff8c;border-radius:14px;justify-content:space-between;gap:16px;width:100%;padding:14px 16px;display:flex}.recent-course-row:hover{background:#fff}.recent-course-row span{color:#64748b;font-size:12px;font-weight:600}.create-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.detail-layout-pro{flex-direction:column;gap:24px;height:100%;padding:0 16px 24px;display:flex}.horizontal-curriculum{scrollbar-width:none;border-radius:28px;flex:0 0 88px;align-items:center;gap:16px;padding:0 16px;display:flex;overflow-x:auto}.horizontal-curriculum::-webkit-scrollbar{display:none}.h-module-card{cursor:pointer;background:0 0;border-radius:20px;flex:none;align-items:center;gap:12px;min-width:220px;padding:12px 16px;transition:all .2s;display:flex}.h-module-card:hover:not(.is-locked){background:#ffffff80}.h-module-icon{color:#94a3b8;background:#f1f5f9;border-radius:10px;flex:0 0 32px;place-items:center;width:32px;height:32px;transition:all .2s;display:grid}.h-module-text{text-align:left;flex-direction:column;gap:2px;display:flex}.h-title{color:#1e293b;font-size:14px;font-weight:700}.h-duration{color:#64748b;font-size:12px;font-weight:600}.h-module-card.is-active{background:#fff;box-shadow:0 4px 16px #0f172a0f}.h-module-card.is-active .h-module-icon{color:#fff;background:#1e293b}.h-module-card.is-locked{opacity:.5;cursor:not-allowed}.icon-play-indicator{align-items:flex-end;gap:3px;height:12px;display:flex}.bar{background:#fff;border-radius:2px;width:3px;animation:1s ease-in-out infinite bounce}.bar:nth-child(2){height:100%;animation-delay:.1s}.bar:first-child{height:60%;animation-delay:0s}.bar:nth-child(3){height:80%;animation-delay:.2s}@keyframes bounce{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.three-pane-workspace{grid-template-columns:320px minmax(0,1fr) 380px;gap:24px;height:calc(100vh - 256px);min-height:0;display:grid}.pane-info,.pane-video,.pane-notes{flex-direction:column;height:100%;min-height:0;display:flex}.pane-info{border-radius:32px;padding:24px}.info-header{flex-shrink:0;margin-bottom:20px}.course-main-title{color:#1e293b;margin:0 0 10px;font-size:20px;font-weight:800;line-height:1.3}.author-badge{color:#64748b;background:#0000000a;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.detail-tabs{border-bottom:2px solid #0000000a;flex-shrink:0;gap:6px;margin-bottom:16px;padding-bottom:12px;display:flex}.d-tab{color:#64748b;background:0 0;border-radius:12px;padding:8px 14px;font-size:14px;font-weight:700;transition:all .2s}.d-tab:hover{color:#1e293b;background:#0000000a}.d-tab.active{color:#fff;background:#1e293b}.info-scroll-content{color:#475569;flex:1;min-height:0;padding-right:8px;font-size:14px;line-height:1.6;overflow-y:auto}.info-scroll-content::-webkit-scrollbar{width:4px}.info-scroll-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.saved-note-card{cursor:pointer;background:#ffffffb3;border:1px solid #ffffffe6;border-radius:16px;margin-bottom:16px;padding:16px;transition:transform .2s}.saved-note-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000d}.note-time{color:#1e293b;background:#f1f5f9;border-radius:6px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.note-time svg{color:#64748b;width:14px}.note-preview{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.empty-notes-state{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px 12px;display:flex}.empty-notes-state svg{color:#cbd5e1;flex:0 0 56px;width:56px;height:56px}.empty-notes-state p{margin:0;font-size:13px;line-height:1.5}.pane-video{align-items:center}.video-player{background:#000;border:1px solid #ffffff1a;border-radius:32px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 20px 40px #0f172a26}.youtube-iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-player.slide-mode{background:#0f172a;flex-direction:column;display:flex}.slide-screen{background:#f8fafc;flex:1;justify-content:center;align-items:center;min-height:0;padding:20px;display:flex;position:relative;overflow:hidden}.slide-image{object-fit:contain;cursor:zoom-in;border-radius:12px;max-width:100%;max-height:100%;box-shadow:0 15px 35px #0f172a26}.slide-controls{z-index:10;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;height:72px;padding:0 24px;display:flex}.control-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:8px;height:44px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s;display:flex}.control-btn:hover:not(:disabled){background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.control-btn:disabled{opacity:.4;cursor:not-allowed;background:#f8fafc}.control-btn.next-btn{color:#fff;background:#3b82f6;border:none}.control-btn.next-btn:hover:not(:disabled){background:#2563eb}.control-btn.finish-btn{color:#fff;background:#10b981;border:none}.control-btn.finish-btn:hover{background:#059669}.page-counter{color:#64748b;background:#f1f5f9;border-radius:999px;padding:6px 16px;font-size:14px;font-weight:700}.page-counter span{color:#1e293b;font-weight:800}.progress-bar{z-index:10;background:#f1f5f9;flex-shrink:0;width:100%;height:4px}.progress-fill{background:#3b82f6;height:100%;transition:width .3s}.fade-enter-active,.fade-leave-active{transition:opacity .3s,transform .3s}.fade-enter-from{opacity:0;transform:scale(.98)}.fade-leave-to{opacity:0;transform:scale(1.02)}.player-overlay{color:#ffffff80;background:#0f172a;flex-direction:column;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.spinner{border:3px solid #ffffff1a;border-top-color:#3b82f6;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pane-notes{border-radius:32px;padding:24px}.notes-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.notes-header h3{color:#1e293b;margin:0;font-size:18px;font-weight:800}.save-notes-btn{color:#fff;background:#1e293b;border-radius:10px;height:32px;padding:0 16px;font-size:12px;font-weight:700;transition:all .2s}.save-notes-btn:hover{background:#334155;transform:translateY(-1px)}.notes-editor{background:#fff6;border:1px solid #fffc;border-radius:20px;flex-direction:column;flex:1;min-height:0;padding:20px;display:flex}.notes-textarea{resize:none;color:#1e293b;background:0 0;flex:1;width:100%;min-height:0;font-size:15px;line-height:1.6;overflow-y:auto}.notes-textarea::placeholder{color:#94a3b8}.notes-textarea::-webkit-scrollbar{width:4px}.notes-textarea::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.empty-editor-state{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-weight:600;display:flex}.admin-dashboard{flex-direction:column;gap:32px;padding:8px 16px 32px;display:flex}.admin-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.create-btn{color:#fff;white-space:nowrap;background:#1e293b;border:none;border-radius:14px;align-items:center;gap:8px;width:auto;height:48px;padding:0 24px;font-weight:700;display:inline-flex}.create-btn:hover{background:#0f172a;transform:translateY(-1px);box-shadow:0 8px 16px #0f172a26}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.kpi-card{border-radius:20px;align-items:center;gap:16px;padding:16px 20px;display:flex}.kpi-icon{color:#64748b;background:#f1f5f9;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 2px 8px #00000005}.kpi-data{flex-direction:column;flex:1;gap:2px;margin-top:0;display:flex}.kpi-value{color:#1e293b;letter-spacing:-.02em;font-size:20px;font-weight:800}.kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.v1-table-wrapper{background:#fff;border:1px solid #0f172a0a;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000005}.v1-table{border-collapse:collapse;text-align:left;width:100%}.v1-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0;padding:20px 24px;font-size:12px;font-weight:800}.v1-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 24px}.v1-table tbody tr:hover td{background:#f8f9fc}.v1-title-cell strong{color:#1e293b;font-size:15px;font-weight:800;display:block}.v1-date-cell .last-updated-value{color:#1e293b;white-space:nowrap;font-size:16px;font-weight:600;line-height:1.2}.category-pill{color:#64748b;background:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:8px;align-items:center;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.badge-pub{color:#059669;background:#dcfce7}.badge-draft{color:#64748b;background:#f1f5f9}.table-edit-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:inline-flex}.table-edit-btn:hover{color:#1e293b;background:#f1f5f9;border-color:#e2e8f0}.admin-builder-layout{grid-template-columns:340px minmax(0,1fr);gap:24px;height:calc(100vh - 144px);min-height:0;display:grid}.builder-curriculum{border-radius:32px;flex-direction:column;height:100%;min-height:0;padding:24px 24px 0;display:flex;overflow:hidden}.builder-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.builder-header h3{color:#1e293b;margin:0;font-size:18px;font-weight:800}.add-module-btn{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:12px;place-items:center;width:36px;height:36px;transition:all .2s;display:grid}.add-module-btn:hover{background:#0f172a;transform:scale(1.05);box-shadow:0 4px 12px #0f172a26}.builder-module-list{flex-direction:column;flex:1;gap:8px;min-height:0;padding-bottom:24px;padding-right:4px;display:flex;overflow-y:auto}.builder-module-item{cursor:pointer;background:#fff6;border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.builder-module-item:hover{background:#fffc}.builder-module-item.is-active{background:#fff;border-color:#0f172a14;box-shadow:0 4px 12px #0000000a}.builder-module-item.is-ghost{opacity:.4;box-shadow:none;background:#f8fafc;border:1px dashed #94a3b8}.drag-handle{color:#cbd5e1;cursor:grab;place-items:center;display:grid}.b-module-info{flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden}.b-module-info strong{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.b-module-info span{color:#64748b;font-variant-numeric:tabular-nums;font-size:12px}.module-actions{align-items:center;gap:4px;display:flex}.lock-toggle,.delete-module-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;width:32px;height:32px;transition:all .2s;display:grid}.lock-toggle:hover{color:#1e293b;background:#f1f5f9}.lock-toggle.is-locked{color:#f59e0b}.delete-module-btn:hover{color:#ef4444;background:#fee2e2}.builder-editor{border-radius:32px;flex-direction:column;gap:24px;height:100%;min-height:0;padding:32px;display:flex;overflow-y:auto}.editor-top-section{flex-shrink:0;gap:24px;display:flex}.form-group{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.flex-1{flex:1}.flex-2{flex:2}.flex-col{flex-direction:column;flex:1;min-height:0;display:flex}.form-group label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:800}.course-settings-panel .form-group label{text-align:left;align-self:stretch;width:100%}.type-toggle-group{background:#fff9;border:1px solid #0f172a0f;border-radius:12px;gap:6px;padding:6px;display:flex}.type-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;height:40px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.type-btn:hover{color:#1e293b;background:#00000008}.type-btn.active{color:#1e293b;background:#fff;box-shadow:0 2px 8px #0000000d}.type-btn{overflow:hidden}.type-btn svg{flex:0 0 18px;width:18px;min-width:18px;height:18px;display:block}.builder-curriculum svg,.builder-editor svg,.create-btn svg,.table-edit-btn svg,.add-module-btn svg,.lock-toggle svg,.delete-module-btn svg,.drag-handle svg{flex-shrink:0;width:18px;height:18px;display:block}.lock-toggle svg,.delete-module-btn svg{width:16px;height:16px}.add-module-btn svg{width:22px;height:22px}.glass-input{color:#1e293b;background:#fff9;border:1px solid #0f172a14;border-radius:14px;width:100%;height:48px;padding:0 16px;font-size:15px;font-weight:600;transition:all .2s;box-shadow:inset 0 2px 4px #00000005}.glass-input:focus,.glass-textarea:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.video-url-wrapper{align-items:center;gap:16px;display:flex}.url-input-container{flex:1;align-items:center;display:flex;position:relative}.link-icon{color:#94a3b8;pointer-events:none;width:18px;position:absolute;left:16px}.full-url-input{width:100%;transition:all .3s;padding-left:44px!important}.mock-upload-zone{text-align:center;cursor:pointer;background:#f8fafc80;border:2px dashed #cbd5e1;border-radius:16px;flex-direction:column;align-items:center;padding:32px 24px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.mock-upload-zone:hover{background:#f8fafc;border-color:#94a3b8}.mock-upload-zone.is-dragging{background:#eff6ff;border-color:#3b82f6;transform:scale(1.02)}.upload-icon{color:#3b82f6;background:#fff;border-radius:12px;place-items:center;width:48px;height:48px;margin-bottom:16px;display:grid;box-shadow:0 4px 12px #0000000d}.upload-icon svg{width:24px}.mock-upload-zone p{color:#1e293b;margin:0 0 4px;font-size:15px}.mock-upload-zone span{color:#94a3b8;margin-bottom:24px;font-size:13px}.local-dev-input{width:100%;position:relative}.local-dev-input svg{color:#94a3b8;width:16px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.local-dev-input input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;height:44px;padding:0 16px 0 40px;font-size:14px;box-shadow:inset 0 2px 4px #00000005}.local-dev-input input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.modal-overlay{z-index:50000;-webkit-backdrop-filter:blur(12px);background:#0f172a7a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:#fffffffa;border:1px solid #fffffff2;border-radius:28px;flex-direction:column;width:min(520px,100%);max-height:min(620px,100vh - 48px);display:flex;overflow:hidden;box-shadow:0 30px 80px #0f172a40}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:20px 20px 16px 24px;display:flex}.modal-header .note-time{margin-bottom:0}.modal-body{color:#334155;white-space:pre-wrap;overflow-wrap:anywhere;min-height:120px;padding:24px;font-size:15px;line-height:1.75;overflow-y:auto}.modal-body p{margin:0}.modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;padding:16px 20px 20px;display:flex}.close-btn{color:#64748b;background:#f1f5f9;border-radius:12px;flex:0 0 38px;place-items:center;width:38px;height:38px;padding:0;transition:all .2s;display:grid}.close-btn:hover{color:#1e293b;background:#e2e8f0}.close-btn svg{width:18px;height:18px;display:block}.delete-btn{color:#e11d48;width:auto;height:42px;box-shadow:none;background:#fff1f2;border-radius:12px;padding:0 16px}.delete-btn:hover{color:#be123c;box-shadow:none;background:#ffe4e6}.delete-btn svg{flex:0 0 17px;width:17px;height:17px;display:block}.lightbox-overlay{z-index:99999;-webkit-backdrop-filter:blur(25px);background:#0f172a99;flex-direction:column;justify-content:center;align-items:center;padding:60px;display:flex;position:fixed;inset:0}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;place-items:center;width:50px;height:50px;transition:all .2s;display:grid;position:absolute;top:30px;right:30px}.lightbox-close:hover{background:#ef4444;border-color:#ef4444;transform:rotate(90deg)}.lightbox-content{justify-content:center;align-items:center;gap:40px;width:100%;max-width:1700px;height:100%;display:flex}.lightbox-image{object-fit:contain;border:4px solid #fff;border-radius:16px;max-width:calc(100% - 200px);max-height:100%;box-shadow:0 40px 80px #0000004d}.lightbox-nav-btn{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;place-items:center;width:80px;height:80px;transition:all .2s;display:grid}.lightbox-nav-btn:hover:not(:disabled){color:#fff;background:#ffffff1a;transform:scale(1.05)}.lightbox-nav-btn:disabled{opacity:.2;cursor:not-allowed}.lightbox-counter{color:#fff;letter-spacing:.05em;background:#0006;border-radius:999px;padding:10px 24px;font-size:16px;font-weight:800;position:absolute;bottom:30px}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .3s}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}