.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--border-light);padding:24px 20px}.sidebar-logo{align-items:center;gap:12px;display:flex}.logo-icon-img{object-fit:contain;border-radius:12px;width:44px;height:44px;box-shadow:0 4px 12px #0245ae4d}.logo-text{flex-direction:column;display:flex}.logo-title{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.2}.logo-subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.nav-section{margin-bottom:24px}.nav-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:8px;padding:0 20px;font-size:11px;font-weight:600;display:block}.nav-list{margin:0;padding:0;list-style:none}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:12px;margin:2px 12px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-item i{text-align:center;width:24px;font-size:20px}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{color:var(--primary);background:linear-gradient(135deg,#0245ae1a 0%,#4a9eff1a 100%);font-weight:600}.nav-item.active i{color:var(--primary)}.nav-badge{background:var(--error);color:#fff;text-align:center;border-radius:10px;min-width:20px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.sidebar-footer{border-top:1px solid var(--border-light);padding:16px 20px}.admin-profile{align-items:center;gap:12px;display:flex}.admin-info{flex-direction:column;flex:1;display:flex}.admin-name{color:var(--text-primary);font-size:14px;font-weight:600}.admin-role{color:var(--text-secondary);font-size:12px}.change-pw-btn{border-radius:var(--radius-md);background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;text-decoration:none;display:flex}.change-pw-btn:hover{color:var(--primary);background:#0245ae1a}.change-pw-btn i{font-size:18px}.logout-btn{border-radius:var(--radius-md);background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.logout-btn:hover{background:var(--error-light);color:var(--error)}.logout-btn i{font-size:18px}@media (width<=1024px){.sidebar{transition:transform var(--transition-normal);transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.session-expired-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.session-expired-modal{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:420px;padding:32px;animation:.3s ease-out slideUp;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.session-expired-icon{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex}.session-expired-icon i{color:#fff;font-size:36px}.session-expired-modal h2{color:#1f2937;margin:0 0 12px;font-size:24px;font-weight:600}.session-expired-modal p{color:#6b7280;margin:0 0 20px;font-size:15px;line-height:1.5}.session-expired-note{text-align:left;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:24px;padding:12px 16px;display:flex}.session-expired-note i{color:#16a34a;flex-shrink:0;margin-top:1px;font-size:18px}.session-expired-note span{color:#15803d;font-size:13px;line-height:1.4}.session-expired-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.session-expired-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.session-expired-btn i{font-size:20px}@media (prefers-color-scheme:dark){.session-expired-modal{background:#1f2937}.session-expired-modal h2{color:#f9fafb}.session-expired-modal p{color:#9ca3af}.session-expired-note{background:#064e3b;border-color:#065f46}.session-expired-note span,.session-expired-note i{color:#6ee7b7}}.offline-banner{z-index:99998;text-align:center;padding:10px 20px;font-size:14px;font-weight:500;animation:.3s ease-out slideDown;position:fixed;top:0;left:0;right:0}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.offline-banner.offline{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.offline-banner.reconnected{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);animation:.3s ease-out slideDown,.3s ease-out 2.7s forwards fadeOut}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.offline-banner-content{justify-content:center;align-items:center;gap:10px;display:flex}.offline-banner-content i{font-size:18px}.offline-banner~.dashboard-layout,.offline-banner~main{margin-top:44px}.dashboard-header{height:var(--header-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:50;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.header-left{flex:1;max-width:500px}.search-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), background var(--transition-fast);align-items:center;gap:12px;padding:10px 8px;display:flex}.search-box:focus-within{border-color:var(--border-color);background:var(--bg-secondary);outline-offset:0px;outline:1px solid #0000001a}.search-box i{color:var(--text-tertiary);font-size:18px}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.search-input::placeholder{color:var(--text-tertiary)}.search-shortcut{color:var(--text-tertiary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600}.header-right{align-items:center;gap:8px;display:flex}.header-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.header-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.header-btn i{font-size:20px}.notification-wrapper{position:relative}.notification-dot{background:var(--error);border:2px solid var(--bg-secondary);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.notification-dropdown{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:360px;box-shadow:var(--shadow-xl);animation:.2s dropdownFade;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notification-header span{color:var(--text-primary);font-weight:600}.mark-read-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:500}.mark-read-btn:hover{text-decoration:underline}.notification-list{max-height:320px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border-light);transition:background var(--transition-fast);cursor:pointer;gap:12px;padding:14px 20px;display:flex}.notification-item:hover{background:var(--bg-tertiary)}.notification-item.unread{background:#0245ae08}.notification-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notification-icon i{font-size:16px}.notification-icon.success{background:var(--success-light);color:var(--success)}.notification-icon.warning{background:var(--warning-light);color:var(--warning)}.notification-icon.info{background:var(--info-light);color:var(--info)}.notification-icon.primary{color:#6366f1;background:#6366f126}.notification-icon.error{color:#ef4444;background:#ef444426}.notification-content{flex:1}.notification-content p{color:var(--text-primary);margin:0 0 4px;font-size:13px;line-height:1.4}.notification-content span{color:var(--text-tertiary);font-size:11px}.notification-footer{text-align:center;border-top:1px solid var(--border-light);padding:12px 20px}.notification-footer a{color:var(--primary);font-size:13px;font-weight:500;text-decoration:none}.notification-footer a:hover{text-decoration:underline}.notification-count{color:var(--text-tertiary);font-size:12px}.notification-empty{color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.notification-empty i{margin-bottom:12px;font-size:32px}.notification-empty p{margin:0;font-size:14px}.mark-read-btn i{margin-right:4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.header-divider{background:var(--border-color);width:1px;height:32px;margin:0 8px}.header-user{border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex}.header-user-wrapper{position:relative}.header-user{cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast);align-items:center;gap:12px;padding:8px 12px;display:flex}.header-user:hover{background:var(--bg-tertiary)}.user-info{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.user-name{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.2}.user-role{color:var(--text-tertiary);text-transform:capitalize;font-size:11px}.header-user>i{color:var(--text-tertiary);margin-left:4px;font-size:16px}.user-dropdown{background:var(--bg-secondary);border-radius:var(--radius-lg);width:260px;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);z-index:1000;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.user-dropdown-header{background:var(--bg-tertiary);align-items:center;gap:12px;padding:16px;display:flex}.user-dropdown-header .avatar.large{width:48px;height:48px;font-size:16px}.user-dropdown-info{flex-direction:column;gap:2px;display:flex}.user-dropdown-name{color:var(--text-primary);font-size:14px;font-weight:600}.user-dropdown-username{color:var(--text-secondary);font-size:12px}.user-dropdown-divider{background:var(--border-color);height:1px}.user-dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.user-dropdown-item:hover{background:var(--bg-tertiary)}.user-dropdown-item i{color:var(--text-secondary);font-size:18px}.user-dropdown-item:last-child,.user-dropdown-item:last-child i{color:var(--error)}@media (width<=768px){.dashboard-header{padding:0 16px}.search-box,.header-divider,.user-name,.user-role,.header-user>i{display:none}}.qa-recordings-page{max-width:1500px;color:var(--text-primary,#202934);margin:0 auto}.qa-recordings-page header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.qa-recordings-page h1{margin:0;font-size:24px}.qa-recordings-page h2{margin:0;font-size:18px}.qa-recordings-page p{font-size:14px}.qa-recordings-page button,.qa-recordings-page input{font:inherit;color:inherit;background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#c9d3de);border-radius:6px;padding:8px 12px}.qa-recordings-page button{cursor:pointer;min-height:36px}.qa-recordings-page button:disabled{opacity:.45;cursor:default}.qa-recordings-search{gap:8px;margin-bottom:18px;display:flex}.qa-recordings-search input{flex:1;min-width:0;max-width:420px}.qa-recordings-table{overflow-x:auto}.qa-recordings-page table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.qa-recordings-page th,.qa-recordings-page td{border-bottom:1px solid var(--border-color,#d8e0e8);vertical-align:top;padding:12px}.qa-recordings-page td:first-child{overflow-wrap:anywhere;min-width:220px;max-width:340px}.qa-recordings-page small{opacity:.8;margin-top:4px;display:block}.qa-recordings-actions{gap:6px;display:flex}.qa-recordings-actions button{flex-shrink:0;width:36px;padding:6px}.qa-recordings-error{color:#c63333}.qa-recordings-pagination{justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;display:flex}.qa-recordings-overlay{z-index:1500;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.qa-recordings-dialog{background:var(--bg-secondary,#fff);border-radius:8px;width:100%;max-width:900px;max-height:90vh;padding:20px;overflow:auto}.qa-recordings-dialog p{overflow-wrap:anywhere}.qa-recordings-dialog video{aspect-ratio:16/9;background:#000;width:100%;display:block}.qa-recordings-audit p{border-bottom:1px solid var(--border-color,#d8e0e8);overflow-wrap:anywhere;padding:8px 0}@media (width<=600px){.qa-recordings-page h1{font-size:20px}.qa-recordings-dialog{padding:12px}.qa-recordings-search input{width:100%}.qa-recordings-table table,.qa-recordings-table tbody{display:block}.qa-recordings-table thead{display:none}.qa-recordings-table tr{border-bottom:1px solid var(--border-color,#d8e0e8);grid-template-columns:1fr 1fr;padding:8px 0;display:grid}.qa-recordings-table td{border:0;min-width:0;padding:8px;display:block}.qa-recordings-table td:first-child,.qa-recordings-table td:last-child{grid-column:1/-1;min-width:0;max-width:none}.qa-recordings-table td:before{content:attr(data-label);opacity:.75;margin-bottom:5px;font-size:12px;display:block}}.ceo-orientation-page{flex-direction:column;gap:2rem;display:flex}.ceo-hero{border:1px solid var(--border-color);background:linear-gradient(135deg,#0245ae1f,#4a9eff1a);border-radius:18px;padding:2.2rem 2.4rem;position:relative;overflow:hidden}.ceo-hero-glow{pointer-events:none;background:radial-gradient(circle,#0245ae40,#0245ae00);width:320px;height:320px;position:absolute;inset:-40% 10% auto auto}.ceo-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);background:#0245ae26;border:1px solid #0245ae33;border-radius:999px;align-items:center;margin-bottom:1rem;padding:.35rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.ceo-title{color:var(--text-primary);margin:0 0 .75rem;font-size:2rem;font-weight:700}.ceo-gradient{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ceo-subtitle{max-width:720px;color:var(--text-secondary);margin:0}.ceo-hero-note{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;margin-top:1.5rem;padding:1rem 1.2rem}.note-title{color:var(--text-primary);margin-bottom:.35rem;font-weight:600}.ceo-hero-note p{color:var(--text-secondary);margin:0}.ceo-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.ceo-stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:14px;padding:1.25rem 1.5rem}.ceo-stat-card.highlight{background:linear-gradient(135deg,#10b9811f,#10b9810a);border-color:#10b98166}.ceo-stat-number{color:var(--text-primary);font-size:1.6rem;font-weight:700}.ceo-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.35rem;font-size:.85rem}.ceo-stat-card p{color:var(--text-secondary);margin:0}.ceo-snapshot{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.snapshot-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:.35rem;padding:1rem 1.2rem;display:flex}.snapshot-icon{width:36px;height:36px;color:var(--primary);background:#0245ae1f;border-radius:10px;justify-content:center;align-items:center;display:flex}.snapshot-title{color:var(--text-secondary);font-size:.85rem}.snapshot-value{color:var(--text-primary);font-weight:600}.ceo-section{flex-direction:column;gap:1.5rem;display:flex}.ceo-section-header{flex-direction:column;gap:.4rem;display:flex}.ceo-section-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);font-size:.75rem;font-weight:600}.ceo-section h2{color:var(--text-primary);margin:0;font-size:1.5rem}.ceo-section-header p{color:var(--text-secondary);margin:0}.ceo-grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;display:grid}.ceo-card{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:14px;padding:1.4rem 1.5rem}.ceo-card-header{color:var(--text-primary);align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.ceo-card-header i{color:var(--primary);font-size:1.2rem}.ceo-card p{color:var(--text-secondary);margin:0}.ceo-values-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.ceo-value-card{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;padding:1.2rem 1.3rem}.ceo-value-icon{width:40px;height:40px;color:var(--primary);background:#4a9eff1f;border-radius:12px;justify-content:center;align-items:center;margin-bottom:.75rem;display:flex}.ceo-value-card h3{color:var(--text-primary);margin:0 0 .4rem;font-size:1rem}.ceo-value-card p{color:var(--text-secondary);margin:0}.ceo-problem-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.ceo-problem-card{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;padding:1.2rem 1.3rem}.ceo-problem-card h3{color:var(--text-primary);margin:0 0 .4rem;font-size:1rem}.ceo-problem-card p{color:var(--text-secondary);margin:0}.ceo-quote{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:14px;padding:1.4rem 1.6rem 1.6rem;position:relative}.ceo-quote-mark{color:#0245ae59;font-size:2.8rem;font-weight:700;position:absolute;top:-14px;left:18px}.ceo-quote p{color:var(--text-secondary);margin:0;font-size:1rem}.ceo-pill-grid{flex-wrap:wrap;gap:.75rem;display:flex}.ceo-pill{color:var(--text-primary);background:#0245ae14;border:1px solid #0245ae33;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.85rem;display:inline-flex}.ceo-pill i{color:var(--primary)}.ceo-solution-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;display:grid}.ceo-solution-card{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:.7rem;padding:1.4rem 1.5rem;display:flex}.ceo-tag-row{flex-wrap:wrap;gap:.5rem;display:flex}.ceo-tag{color:var(--success);background:#10b9811f;border-radius:999px;padding:.3rem .6rem;font-size:.75rem;font-weight:600}.ceo-focus-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.2rem;display:grid}.ceo-checklist{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.ceo-checklist li{color:var(--text-secondary);align-items:flex-start;gap:.5rem;display:flex}.ceo-checklist li:before{content:"✓";color:var(--success);margin-top:.1rem;font-weight:700}.ceo-timeline{flex-direction:column;gap:1rem;display:flex}.ceo-timeline-block{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;padding:.9rem 1rem}.timeline-title{color:var(--text-primary);margin-bottom:.5rem;font-weight:600}@media (width<=768px){.ceo-hero{padding:1.8rem}.ceo-title{font-size:1.6rem}}.platform-overview-page{flex-direction:column;gap:2rem;display:flex}.page-header h1{color:var(--text-primary);margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.page-description{color:var(--text-secondary);margin:0}.overview-hero{border:1px solid var(--border-color);background:linear-gradient(135deg,#0245ae1f,#4a9eff14);border-radius:18px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1.5rem;padding:1.8rem 2rem;display:grid}.overview-badge{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;background:#0245ae26;border-radius:999px;margin-bottom:.9rem;padding:.3rem .7rem;font-size:.7rem;font-weight:700;display:inline-flex}.overview-hero-content h2{color:var(--text-primary);margin:0 0 .75rem;font-size:1.4rem}.overview-hero-content p{color:var(--text-secondary);margin:0}.overview-hero-panel{flex-direction:column;gap:.75rem;display:flex}.hero-panel-item{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;padding:.9rem 1rem}.panel-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:.35rem;font-size:.75rem;display:block}.overview-section{flex-direction:column;gap:1.25rem;display:flex}.overview-section-header h2{color:var(--text-primary);margin:0 0 .4rem;font-size:1.4rem}.overview-section-header p{color:var(--text-secondary);margin:0}.overview-visuals{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;display:grid}.visual-card{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:.9rem;padding:1.4rem 1.4rem 1.1rem;display:flex}.visual-header{flex-direction:column;gap:.3rem;display:flex}.visual-badge{color:var(--primary);letter-spacing:.06em;text-transform:uppercase;background:#0245ae1f;border-radius:999px;align-self:flex-start;padding:.25rem .6rem;font-size:.7rem;font-weight:700}.visual-header h3{color:var(--text-primary);margin:0;font-size:1.1rem}.visual-caption{color:var(--text-secondary);margin:0;font-size:.9rem}.app-mockup{background:linear-gradient(#0245ae1f,#0245ae05);border:1px solid #0245ae33;border-radius:16px;flex-direction:column;gap:.7rem;min-height:220px;padding:.8rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff4d}.app-mockup.tutor{background:linear-gradient(#10b98129,#10b98108);border-color:#10b98159}.mockup-top{gap:.3rem;display:flex}.mockup-dot{background:#64748b66;border-radius:50%;width:8px;height:8px}.mockup-body{flex-direction:column;gap:.6rem;display:flex}.mockup-hero{background:#0245ae33;border-radius:12px;height:60px}.mockup-hero.alt{background:#10b98138}.mockup-row{gap:.5rem;display:flex}.mockup-chip{background:#0245ae26;border-radius:999px;flex:1;height:18px}.app-mockup.tutor .mockup-chip{background:#10b98129}.mockup-card{background:#ffffff8c;border:1px solid #e2e8f0e6;border-radius:12px;height:48px}.mockup-card.thin{height:34px}.mockup-cta{background:#0245ae66;border-radius:10px;height:28px}.mockup-cta.alt{background:#10b98166}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.overview-card{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:14px;padding:1.2rem 1.3rem}.overview-card-header{align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.overview-card-header i{color:var(--primary);font-size:1.2rem}.overview-card h3{color:var(--text-primary);margin:0;font-size:1rem}.overview-card p{color:var(--text-secondary);margin:0}.overview-diagram{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:center;gap:.6rem;display:grid}.diagram-node{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);text-align:center;color:var(--text-primary);border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:.9rem .8rem;font-weight:600;display:flex}.node-icon{width:36px;height:36px;color:var(--primary);background:#0245ae1f;border-radius:10px;justify-content:center;align-items:center;display:flex}.diagram-connector{background:linear-gradient(90deg,#0245ae40,#0245ae0d);border-radius:999px;height:2px}.overview-flow{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.flow-step{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;align-items:flex-start;gap:.75rem;padding:1.1rem 1.2rem;display:flex}.flow-index{width:34px;height:34px;color:var(--primary);background:#0245ae1f;border-radius:10px;justify-content:center;align-items:center;font-weight:700;display:flex}.flow-step h3{color:var(--text-primary);margin:0 0 .35rem;font-size:1rem}.flow-step p{color:var(--text-secondary);margin:0}@media (width<=900px){.overview-hero{grid-template-columns:1fr}}.cse-page{max-width:100%;margin:0;padding:24px 32px}.cse-header{margin-bottom:24px}.cse-header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.cse-title-row{align-items:center;gap:16px;display:flex}.cse-title-icon{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex;box-shadow:0 4px 12px #3b82f64d}.cse-header h1{color:var(--text-primary);margin:0;font-size:28px;font-weight:700}.cse-header p{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.cse-create-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #0245ae4d}.cse-create-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.cse-create-btn i{font-size:20px}.cse-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.cse-stat{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-direction:column;align-items:center;padding:20px;display:flex}.cse-stat-value{color:var(--primary);font-size:32px;font-weight:700}.cse-stat-label{color:var(--text-secondary);margin-top:4px;font-size:13px}.cse-lessons{min-height:400px}.cse-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;padding:60px;font-size:14px;display:flex}.cse-loading i{font-size:24px;animation:1s linear infinite spin}.cse-empty{text-align:center;border:1px solid var(--border-color);background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex}.cse-empty-icon{background:var(--bg-tertiary);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.cse-empty-icon i{color:var(--text-tertiary);font-size:40px}.cse-empty h3{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:600}.cse-empty p{color:var(--text-secondary);margin:0 0 20px;font-size:14px}.cse-lessons-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.cse-lesson-card{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:14px;transition:all .2s;overflow:hidden}.cse-lesson-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 16px #0245ae1f}.cse-lesson-preview{background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;height:140px;padding:16px;display:flex;position:relative}.cse-lesson-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#fff3;border-radius:12px;padding:4px 12px;font-size:10px;font-weight:700;position:absolute;top:12px;left:12px}.cse-lesson-preview-content{z-index:1;color:#fff;position:relative}.cse-lesson-chapter{opacity:.9;margin:0 0 4px;font-size:11px}.cse-lesson-title{margin:0;font-size:16px;font-weight:600}.cse-lesson-info{padding:16px;position:relative}.cse-lesson-meta{align-items:center;gap:8px;margin-bottom:8px;display:flex}.cse-skill-badge{color:#fff;text-transform:uppercase;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600}.cse-lesson-date{color:var(--text-tertiary);font-size:12px}.cse-lesson-goal{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.4}.cse-delete-btn{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;opacity:0;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.cse-lesson-card:hover .cse-delete-btn{opacity:1}.cse-delete-btn:hover{color:#ef4444;background:#fee2e2;border-color:#ef4444}.cse-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.cse-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:720px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.cse-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cse-modal-header h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.cse-modal-close{width:36px;height:36px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.cse-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.cse-modal-close i{font-size:22px}.cse-modal-body{flex:1;padding:24px;overflow-y:auto}.cse-modal-footer{border-top:1px solid var(--border-color);background:var(--bg-tertiary);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.cse-form-row{gap:16px;margin-bottom:16px;display:grid}.cse-form-row-4{grid-template-columns:repeat(4,1fr)}.cse-form-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.cse-form-field label{color:var(--text-secondary);font-size:13px;font-weight:500}.cse-locked-label{color:var(--primary);margin-left:8px;font-size:11px;font-weight:400}.cse-form-field input,.cse-form-field select,.cse-form-field textarea{border:1px solid var(--border-color);color:var(--text-primary);background:#fff;border-radius:8px;padding:10px 14px;font-size:14px;transition:all .2s}.cse-form-field input:focus,.cse-form-field select:focus,.cse-form-field textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0245ae1a}.cse-form-field input:disabled{background:var(--bg-tertiary);cursor:not-allowed}.cse-warning{color:#92400e;background:#fef3c7;border:1px solid #fbbf24;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.cse-warning i{font-size:18px}.cse-preview-labels{background:var(--bg-tertiary);border-radius:10px;margin-bottom:16px;padding:16px}.cse-preview-labels p{color:var(--text-secondary);margin:0 0 4px;font-size:13px}.cse-preview-labels p:last-child{margin-bottom:0}.cse-btn-visual{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.cse-btn-visual:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.cse-btn-visual i{font-size:16px}.cse-btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.cse-btn-secondary:hover{background:var(--bg-tertiary)}.cse-btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.cse-btn-primary:hover:not(:disabled){background:var(--primary-dark)}.cse-btn-primary:disabled{opacity:.6;cursor:not-allowed}.cse-editor{min-height:calc(100vh - var(--header-height,70px));background:var(--bg-primary);flex-direction:column;display:flex}.cse-editor-toolbar{border-bottom:1px solid var(--border-color);z-index:100;background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;top:0}.cse-btn-back{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.cse-btn-back:hover{background:var(--bg-tertiary);color:var(--text-primary)}.cse-btn-back i{font-size:18px}.cse-editor-title{align-items:center;gap:12px;display:flex}.cse-editor-badge{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:700}.cse-editor-title h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.cse-editor-layout{flex:1;display:flex}.cse-editor-controls{border-right:1px solid var(--border-color);background:#fff;flex-shrink:0;width:320px;padding:24px;overflow-y:auto}.cse-editor-controls h3{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 20px;font-size:14px;font-weight:600}.cse-control-group{margin-bottom:24px}.cse-control-group label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.cse-image-upload{width:100%}.cse-image-preview{border-radius:10px;width:100%;height:140px;position:relative;overflow:hidden}.cse-image-preview img{object-fit:cover;width:100%;height:100%}.cse-image-preview button{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.cse-image-preview button:hover{background:#ef4444}.cse-upload-btn{background:var(--bg-tertiary);border:2px dashed var(--border-color);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:120px;transition:all .2s;display:flex}.cse-upload-btn:hover{border-color:var(--primary);background:#e0f2fe}.cse-upload-btn i{color:var(--text-tertiary);font-size:32px}.cse-upload-btn span{color:var(--text-secondary);font-size:13px}.cse-upload-btn input{display:none}.cse-color-picker{align-items:center;gap:12px;display:flex}.cse-color-picker input[type=color]{border:2px solid var(--border-color);cursor:pointer;border-radius:10px;width:48px;height:48px;padding:0}.cse-color-picker span{color:var(--text-secondary);font-family:monospace;font-size:13px}.cse-control-group input[type=range]{appearance:none;background:var(--bg-tertiary);border-radius:3px;outline:none;width:100%;height:6px}.cse-control-group input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #0003}.cse-color-presets{flex-wrap:wrap;gap:8px;display:flex}.cse-color-preset{cursor:pointer;border:2px solid #0000;border-radius:8px;width:36px;height:36px;transition:all .2s}.cse-color-preset:hover{transform:scale(1.1)}.cse-color-preset.active{border-color:var(--text-primary);box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--text-primary)}.cse-editor-main{background:var(--bg-primary);flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.cse-toolbar-actions{align-items:center;gap:12px;display:flex}.cse-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.cse-btn-secondary:hover{background:var(--bg-secondary);border-color:var(--primary);color:var(--primary)}.cse-btn-secondary i{font-size:18px}.cse-lesson-info-panel{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:24px}.cse-lesson-info-panel h3{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin:0 0 20px;padding-bottom:12px;font-size:16px;font-weight:600}.cse-info-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;display:grid}.cse-info-item{flex-direction:column;gap:4px;display:flex}.cse-info-item label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.cse-info-item span{color:var(--text-primary);font-size:15px;font-weight:500}.cse-skill-tag{text-transform:capitalize;border-radius:20px;width:fit-content;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.cse-skill-tag[data-skill=speaking]{color:#1d4ed8;background:#dbeafe}.cse-skill-tag[data-skill=listening]{color:#6d28d9;background:#ede9fe}.cse-skill-tag[data-skill=reading]{color:#047857;background:#d1fae5}.cse-info-section{margin-bottom:16px}.cse-info-section label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.cse-info-section p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.cse-info-meta{border-top:1px solid var(--border-color);color:var(--text-tertiary);gap:24px;padding-top:16px;font-size:12px;display:flex}.cse-sections-placeholder{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:24px}.cse-sections-placeholder h3{color:var(--text-primary);margin:0 0 8px;font-size:16px;font-weight:600}.cse-sections-placeholder>p{color:var(--text-tertiary);margin:0 0 20px;font-size:14px}.cse-section-list{flex-direction:column;gap:8px;display:flex}.cse-section-item{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:10px;align-items:center;gap:12px;padding:14px 16px;display:flex}.cse-section-item i{color:var(--text-tertiary);font-size:20px}.cse-section-item span:first-of-type{color:var(--text-primary);flex:1;font-size:14px;font-weight:500}.cse-section-status{color:var(--text-tertiary);font-size:12px;font-style:italic}.cse-editor-preview{background:var(--bg-primary);flex:1;padding:24px;overflow-y:auto}.cse-editor-preview h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:14px;font-weight:600}.cse-header-preview{border-radius:16px;min-height:260px;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000001f}.cse-header-overlay{position:absolute;inset:0}.cse-header-content{z-index:1;text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:40px 24px;display:flex;position:relative}.cse-preview-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:uppercase;letter-spacing:1px;background:#fff3;border-radius:20px;margin-bottom:16px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-block}.cse-preview-chapter{opacity:.9;margin:0 0 8px;font-size:14px}.cse-preview-title{margin:0 0 20px;font-size:32px;font-weight:700}.cse-preview-goal{max-width:500px}.cse-preview-goal p{margin:0;font-size:16px}.cse-preview-goal-jp{opacity:.85;font-size:14px;margin-top:6px!important}@media (width<=1024px){.cse-editor-layout{flex-direction:column}.cse-editor-controls{border-right:none;border-bottom:1px solid var(--border-color);width:100%}}@media (width<=768px){.cse-page{padding:16px}.cse-stats,.cse-form-row-4{grid-template-columns:repeat(2,1fr)}.cse-lessons-grid{grid-template-columns:1fr}.cse-header-content{flex-direction:column;align-items:flex-start;gap:16px}}.cse-accordion{flex-direction:column;gap:12px;display:flex}.cse-level{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow:hidden}.cse-level-header{cursor:pointer;background:#fff;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 24px;transition:all .2s;display:flex}.cse-level-header:hover{background:var(--bg-tertiary)}.cse-level-header.expanded{border-bottom:1px solid var(--border-color)}.cse-level-info{align-items:center;gap:10px;display:flex}.cse-level-info i{color:var(--text-tertiary);font-size:18px;transition:transform .2s}.cse-level-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:5px;padding:3px 10px;font-size:10px;font-weight:700}.cse-level-name{color:var(--text-primary);font-size:14px;font-weight:600}.cse-level-topic{color:var(--text-secondary);margin-left:4px;font-size:12px;font-weight:400}.cse-level-topic:before{content:"—";color:var(--text-tertiary);margin-right:6px}.cse-level-count{color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:10px;padding:3px 10px;font-size:12px}.cse-meta-row{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:10px 24px;display:flex}.cse-meta-row-compact{padding:6px 12px}.cse-meta-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;align-items:center;gap:4px;min-width:90px;font-size:11px;font-weight:600;display:flex}.cse-meta-label i{font-size:13px}.cse-meta-display{cursor:pointer;color:var(--text-primary);border-radius:6px;flex:1;align-items:center;gap:6px;min-height:30px;padding:5px 10px;font-size:13px;transition:background .15s;display:flex}.cse-meta-display:hover{background:#0000000a}.cse-meta-display:hover .cse-meta-edit-icon{opacity:1}.cse-meta-placeholder{color:var(--text-tertiary);font-style:italic}.cse-meta-edit-icon{color:var(--text-tertiary);opacity:0;font-size:12px;transition:opacity .15s}.cse-meta-edit{flex:1;align-items:center;gap:4px;display:flex}.cse-meta-input{border:1px solid var(--primary-light);color:var(--text-primary);background:#fff;border-radius:6px;outline:none;flex:1;padding:5px 10px;font-size:13px}.cse-meta-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f626}.cse-meta-save,.cse-meta-cancel{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:background .15s;display:flex}.cse-meta-save{background:var(--primary-color);color:#fff}.cse-meta-save:hover{background:var(--primary-dark,#2563eb)}.cse-meta-cancel{background:var(--bg-tertiary);color:var(--text-secondary)}.cse-meta-cancel:hover{background:#e5e7eb}.cse-chapter-meta-editors{border:1px solid var(--border-color);background:#fff;border-top:none;padding:4px 0}.cse-chapter-theme{color:var(--primary-color);font-size:12px;font-weight:500}.cse-chapter-theme:before{content:"·";color:var(--text-tertiary);margin:0 6px}.cse-chapters{background:var(--bg-secondary);padding:10px 24px 16px}.cse-chapter{margin-bottom:3px}.cse-chapter:last-child{margin-bottom:0}.cse-chapter-header{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;transition:all .2s;display:flex}.cse-chapter-header:hover{background:var(--bg-tertiary);border-color:var(--primary-light)}.cse-chapter-header.expanded{border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}.cse-chapter-header.empty{opacity:.6}.cse-chapter-header.empty:hover{opacity:1}.cse-chapter-info{align-items:center;gap:8px;display:flex}.cse-chapter-info i{color:var(--text-tertiary);font-size:16px}.cse-chapter-number{color:var(--text-primary);font-size:13px;font-weight:600}.cse-chapter-name{color:var(--text-secondary);font-size:13px}.cse-chapter-name:before{content:"•";color:var(--text-tertiary);margin:0 6px}.cse-chapter-count{color:var(--text-tertiary);font-size:11px}.cse-lessons-list{border:1px solid var(--border-color);background:#fff;border-top:none;border-radius:0 0 6px 6px;padding:4px}.cse-lesson-row{border-radius:4px;justify-content:space-between;align-items:center;padding:8px 10px;transition:all .15s;display:flex}.cse-lesson-row:hover{background:var(--bg-tertiary)}.cse-lesson-main{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.cse-skill-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cse-skill-dot.cse-skill-speaking{background-color:#3b82f6}.cse-skill-dot.cse-skill-listening{background-color:#8b5cf6}.cse-skill-dot.cse-skill-reading{background-color:#10b981}.cse-lesson-row .cse-lesson-number{color:var(--text-tertiary);min-width:24px;font-size:11px;font-weight:600}.cse-lesson-row .cse-lesson-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.cse-lesson-actions{opacity:0;align-items:center;gap:2px;transition:opacity .15s;display:flex}.cse-lesson-row:hover .cse-lesson-actions{opacity:1}.cse-action-btn{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;transition:all .15s;display:flex}.cse-action-btn:hover{background:var(--bg-secondary);border-color:var(--border-color);color:var(--primary)}.cse-action-btn.cse-action-delete:hover{color:#ef4444;background:#fee2e2;border-color:#ef4444}.cse-action-btn.cse-action-publish:hover{color:#10b981;background:#dcfce7;border-color:#10b981}.cse-action-btn.cse-action-unpublish:hover{color:#f59e0b;background:#fef3c7;border-color:#f59e0b}.cse-action-btn i{font-size:14px}.cse-published-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:10px;align-items:center;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.cse-lesson-row.published{background:linear-gradient(90deg,#10b9810d 0%,#0000 100%)}.cse-empty-chapter{color:var(--text-tertiary);justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;display:flex}.cse-add-lesson-btn{border:1px dashed var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:5px;align-items:center;gap:4px;padding:5px 10px;font-size:11px;transition:all .15s;display:flex}.cse-add-lesson-btn:hover{background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary)}.cse-add-lesson-btn i{font-size:12px}@media (width<=1024px){.cse-accordion{grid-template-columns:1fr}}@media (width<=768px){.cse-level-header{padding:12px 16px}.cse-level-info{gap:8px}.cse-level-badge{padding:3px 8px;font-size:10px}.cse-level-name{font-size:14px}.cse-lesson-actions{opacity:1}.cse-action-btn{width:28px;height:28px}.cse-action-btn i{font-size:14px}}.cse-main-layout{align-items:flex-start;gap:24px;display:flex}.cse-accordion-container{flex-shrink:0;width:480px}.cse-lesson-row.selected{background:var(--primary-light,#e0f2fe);border-left:3px solid var(--primary)}.cse-lesson-row.selected .cse-lesson-actions{opacity:1}.cse-lesson-row.selected .cse-action-btn{color:var(--text-secondary);background:#ffffffe6;border-color:#0245ae33}.cse-lesson-row.selected .cse-action-btn:hover{border-color:var(--primary);color:var(--primary);background:#fff}.cse-lesson-row.selected .cse-action-btn.cse-action-delete:hover{color:#ef4444;background:#fee2e2;border-color:#ef4444}.cse-lesson-row.selected .cse-action-btn.cse-action-publish:hover{color:#10b981;background:#dcfce7;border-color:#10b981}.cse-lesson-row.selected .cse-action-btn.cse-action-unpublish:hover{color:#f59e0b;background:#fef3c7;border-color:#f59e0b}.cse-lesson-row{cursor:pointer}.cse-analytics-panel{flex:1;min-width:0;position:sticky;top:24px}.cse-analytics{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:auto 1fr 1fr 1fr;align-items:start;gap:24px;padding:20px;display:grid}.cse-analytics-header{border-bottom:1px solid var(--border-color);grid-column:1/-1;align-items:center;gap:10px;margin-bottom:0;padding-bottom:16px;display:flex}.cse-analytics-header i{color:var(--primary);font-size:22px}.cse-analytics-header h3{color:var(--text-primary);flex:1;margin:0;font-size:16px;font-weight:600}.cse-analytics-close{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.cse-analytics-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.cse-progress-section{text-align:center;margin-bottom:0}.cse-progress-circle{width:100px;height:100px;margin:0 auto 8px;position:relative}.cse-progress-circle svg{transform:rotate(-90deg)}.cse-progress-bg{fill:none;stroke:var(--bg-tertiary);stroke-width:8px}.cse-progress-fill{fill:none;stroke:var(--primary);stroke-width:8px;stroke-linecap:round;transition:stroke-dasharray .5s}.cse-progress-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cse-progress-value{color:var(--text-primary);font-size:24px;font-weight:700}.cse-progress-label{color:var(--text-tertiary);text-transform:uppercase;font-size:11px}.cse-progress-detail{color:var(--text-secondary);margin:0;font-size:13px}.cse-stats-section{margin-bottom:0}.cse-stats-section h4{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:12px;font-weight:600}.cse-skill-bars{flex-direction:column;gap:12px;display:flex}.cse-skill-bar-item{flex-direction:column;gap:6px;display:flex}.cse-skill-bar-header{justify-content:space-between;align-items:center;display:flex}.cse-skill-bar-label{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;display:flex}.cse-skill-bar-value{color:var(--text-secondary);font-size:13px;font-weight:600}.cse-skill-bar-track{background:var(--bg-tertiary);border-radius:3px;height:6px;overflow:hidden}.cse-skill-bar-fill{border-radius:3px;height:100%;transition:width .3s}.cse-skill-bar-fill.speaking{background:#3b82f6}.cse-skill-bar-fill.listening{background:#8b5cf6}.cse-skill-bar-fill.reading{background:#10b981}.cse-quick-stats{gap:12px;display:flex}.cse-quick-stat{background:var(--bg-tertiary);border-radius:8px;flex:1;align-items:center;gap:10px;padding:12px;display:flex}.cse-quick-stat i{color:var(--primary);font-size:20px}.cse-quick-stat div{flex-direction:column;display:flex}.cse-quick-stat-value{color:var(--text-primary);font-size:16px;font-weight:700}.cse-quick-stat-label{color:var(--text-tertiary);font-size:10px}.cse-recent-list{flex-direction:column;gap:8px;display:flex}.cse-recent-item{background:var(--bg-tertiary);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:flex}.cse-recent-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.cse-recent-date{color:var(--text-tertiary);font-size:11px}.cse-empty-recent{color:var(--text-tertiary);text-align:center;margin:0;padding:16px;font-size:13px}.cse-lesson-info-card{background:linear-gradient(135deg, var(--bg-tertiary) 0%, #fff 100%);border:1px solid var(--border-color);border-radius:10px;margin-bottom:20px;padding:16px}.cse-lesson-info-badge{color:#fff;text-transform:uppercase;border-radius:4px;margin-bottom:10px;padding:3px 10px;font-size:10px;font-weight:600;display:inline-block}.cse-lesson-info-card h4{color:var(--text-primary);margin:0 0 4px;font-size:15px;font-weight:600}.cse-lesson-info-chapter{color:var(--text-secondary);margin:0 0 10px;font-size:12px}.cse-lesson-info-meta{color:var(--text-tertiary);align-items:center;gap:8px;font-size:11px;display:flex}.cse-lesson-info-level{background:var(--bg-secondary);border-radius:4px;padding:2px 8px;font-weight:600}.cse-engagement-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cse-engagement-stat{text-align:center;background:var(--bg-tertiary);border-radius:8px;padding:12px 8px}.cse-engagement-value{color:var(--primary);font-size:18px;font-weight:700;display:block}.cse-engagement-label{color:var(--text-tertiary);font-size:10px}.cse-performance-bars{flex-direction:column;gap:10px;display:flex}.cse-performance-item{align-items:center;gap:10px;display:flex}.cse-performance-label{width:90px;color:var(--text-secondary);font-size:12px}.cse-performance-bar{background:var(--bg-tertiary);border-radius:4px;flex:1;height:8px;overflow:hidden}.cse-performance-fill{background:linear-gradient(90deg, var(--primary) 0%, #60a5fa 100%);border-radius:4px;height:100%}.cse-performance-value{width:36px;color:var(--text-primary);text-align:right;font-size:12px;font-weight:600}.cse-time-stats{flex-direction:column;gap:10px;display:flex}.cse-time-stat{background:var(--bg-tertiary);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.cse-time-stat i{color:var(--text-tertiary);font-size:18px}.cse-time-stat div{flex-direction:column;display:flex}.cse-time-value{color:var(--text-primary);font-size:13px;font-weight:600}.cse-time-label{color:var(--text-tertiary);font-size:10px}.cse-content-status{flex-direction:column;gap:8px;display:flex}.cse-status-item{background:var(--bg-tertiary);border-radius:6px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.cse-status-item.complete,.cse-status-item.complete i{color:#10b981}.cse-status-item.incomplete,.cse-status-item.incomplete i{color:var(--text-tertiary)}.cse-status-item span{color:var(--text-primary)}@media (width<=1400px){.cse-analytics{grid-template-columns:auto 1fr 1fr}}@media (width<=1200px){.cse-main-layout{flex-direction:column}.cse-accordion-container{width:100%}.cse-analytics-panel{width:100%;position:static}.cse-analytics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.cse-analytics-header,.cse-progress-section{grid-column:1/-1}}.cse-assign-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.cse-assign-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.cse-assign-btn i{font-size:16px}.cse-assigned-badge{color:#b45309;white-space:nowrap;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:20px;align-items:center;gap:5px;margin-left:8px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.cse-assigned-badge i{font-size:12px}.cse-assign-description{color:var(--text-secondary);margin:0 0 20px;font-size:13px;line-height:1.5}.cse-assign-grid{flex-direction:column;gap:10px;display:flex}.cse-assign-row{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:16px;padding:12px 16px;display:flex}.cse-assign-level{min-width:140px;color:var(--text-primary);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.cse-assign-select{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:8px;flex:1;padding:8px 12px;font-size:13px;transition:border-color .2s}.cse-assign-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0245ae1a}.cse-assign-select:disabled{opacity:.6;cursor:not-allowed}.cse-ai-generate-row{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:12px 24px 16px;display:flex}.cse-ai-generate-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.cse-ai-generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #8b5cf666}.cse-ai-generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cse-ai-generate-btn i{font-size:16px}.cse-ai-generate-hint{color:var(--text-tertiary);font-size:12px;font-style:italic}.cse-ai-generate-row-chapter{background:0 0;border-bottom:none;align-items:center;gap:12px;margin-bottom:4px;padding:8px 12px;display:flex}.cse-ai-generate-btn-sm{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.cse-ai-generate-btn-sm:hover:not(:disabled){box-shadow:0 3px 10px #8b5cf659}.cse-ai-generate-btn-sm:disabled{opacity:.6;cursor:not-allowed}.cse-ai-generate-btn-sm i{font-size:14px}.cse-modal-wide{max-width:800px}.cse-modal-tall{max-height:92vh}.cse-modal-header-ai{background:linear-gradient(135deg,#8b5cf60f 0%,#a855f70f 100%)}.cse-modal-header-ai h2{color:#7c3aed}.cse-modal-header-ai h2 i{margin-right:8px}.cse-ai-review-hint{color:var(--text-secondary);background:#8b5cf60f;border:1px solid #8b5cf626;border-radius:8px;margin:0 0 20px;padding:10px 14px;font-size:13px;line-height:1.5}.cse-ai-chapters-list{flex-direction:column;gap:12px;display:flex}.cse-ai-chapter-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;padding:16px}.cse-ai-chapter-num{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:700}.cse-ai-chapter-card .cse-form-field{margin-bottom:10px}.cse-ai-chapter-card .cse-form-field:last-child{margin-bottom:0}.cse-ai-lessons-list{flex-direction:column;gap:10px;display:flex}.cse-ai-lesson-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;padding:14px 16px}.cse-ai-lesson-num{color:#7c3aed;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700}.cse-ai-lesson-card .cse-form-field{margin-bottom:8px}.cse-ai-lesson-card .cse-form-field:last-child{margin-bottom:0}.cse-form-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cse-form-row-2 .cse-form-field{margin-bottom:0}.cse-btn-ai{background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%)}.cse-btn-ai:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed 0%,#9333ea 100%);box-shadow:0 4px 12px #8b5cf64d}.cse-btn-ai:disabled{opacity:.7;cursor:not-allowed}.cse-saving-overlay{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 24px;font-size:15px;font-weight:500;display:flex}.cse-saving-overlay i{color:#8b5cf6;font-size:36px}@keyframes ri-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ri-spin{animation:1s linear infinite ri-spin}@media (width<=768px){.cse-assign-row{flex-direction:column;align-items:stretch}.cse-assign-level{min-width:auto}.cse-ai-generate-row{flex-direction:column;align-items:flex-start}.cse-form-row-2{grid-template-columns:1fr}.cse-modal-wide{max-width:100%}}.bee-title-icon{background:linear-gradient(135deg,#6366f1 0%,#4338ca 100%)!important;box-shadow:0 4px 12px #6366f14d!important}.bee-create-btn{background:#4338ca!important;box-shadow:0 2px 8px #4338ca4d!important}.bee-create-btn:hover{background:#3730a3!important}.bee-btn-primary{background:#4338ca!important}.bee-btn-primary:hover:not(:disabled){background:#3730a3!important}.bee-progress-fill{stroke:#6366f1!important}.cse-skill-dot.cse-skill-writing{background-color:#f59e0b}.cse-skill-dot.cse-skill-review{background-color:#06b6d4}.cse-skill-bar-fill.writing{background:#f59e0b}.cse-skill-bar-fill.review{background:#06b6d4}.cse-skill-tag[data-skill=writing]{color:#92400e;background:#fef3c7}.bee-level-right{align-items:center;gap:8px;display:flex}.bee-toeic-badge{color:#4338ca;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#6366f114;border:1px solid #6366f133;border-radius:4px;align-items:center;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.bee-method-badge{color:#047857;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#10b98114;border:1px solid #10b98133;border-radius:4px;align-items:center;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.bee-method-tag{color:#047857;background:#10b9811a;border-radius:3px;align-items:center;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-flex}.cse-skill-display{color:#e0e0e8;letter-spacing:.2px;background:#6366f10f;border:1px solid #6366f126;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;display:flex}.beve{--beve-tutor-sticky-top:24px;--beve-tutor-sticky-bottom-gap:24px;color:#e4e4e7;background:#0c0c12;flex-direction:column;height:100vh;font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow:hidden}.beve-toolbar{color:#fff;z-index:50;background:linear-gradient(45deg,#ffffff05 25%,#0000 25%) 0 0/4px 4px,linear-gradient(-45deg,#ffffff05 25%,#0000 25%) 0 0/4px 4px,linear-gradient(45deg,#0000 75%,#ffffff05 75%) 0 0/4px 4px,linear-gradient(-45deg,#0000 75%,#ffffff05 75%) 0 0/4px 4px,linear-gradient(135deg,#0e0a18 0%,#110d1c 50%,#0a0814 100%) 0 0/100% 100%;border-bottom:1px solid #7c3aed59;justify-content:space-between;align-items:center;gap:12px;height:54px;min-height:54px;padding:0 20px;display:flex;box-shadow:0 2px 12px #4c1d9533,inset 0 -1px #7c3aed26}.beve-toolbar-left{align-items:center;gap:10px;display:flex}.beve-toolbar-left .beve-back-btn{color:#c4b5fd;cursor:pointer;background:#7c3aed14;border:1px solid #7c3aed40;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:13px;transition:all .2s;display:flex}.beve-toolbar-left .beve-back-btn:hover{color:#ddd6fe;background:#7c3aed2e;border-color:#7c3aed73;box-shadow:0 0 10px #7c3aed26}.beve-toolbar-divider{background:linear-gradient(#0000,#7c3aed4d,#0000);width:1px;height:28px}.beve-toolbar-title{color:#d4d4d8;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.beve-toolbar-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#6d28d9,#4c1d95);border-radius:5px;padding:3px 10px;font-size:10px;font-weight:700;box-shadow:0 1px 4px #6d28d94d}.beve-toolbar-center{color:#a1a1aa;align-items:center;gap:6px;font-size:13px;display:flex}.beve-toolbar-center i{color:#a78bfa}.beve-toolbar-right{align-items:center;gap:10px;display:flex}.beve-toolbar-btn{color:#c4b5fd;cursor:pointer;background:#7c3aed14;border:1px solid #7c3aed40;border-radius:8px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.beve-toolbar-btn:hover{background:#7c3aed2e;border-color:#7c3aed66;box-shadow:0 0 10px #7c3aed1f}.beve-toolbar-btn.primary{color:#fff;background:linear-gradient(135deg,#6d28d9,#4c1d95);border-color:#7c3aed;box-shadow:0 2px 8px #6d28d94d}.beve-toolbar-btn.primary:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 2px 12px #7c3aed66}.beve-save-status{color:#a1a1aa;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;min-height:32px;margin-right:4px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.beve-save-status i{font-size:14px}.beve-save-status.pending{color:#fbbf24;background:#fbbf2414;border-color:#fbbf2447}.beve-save-status.pending i{animation:1s linear infinite spin}.beve-save-status.saved{color:#34d399;background:#34d39914;border-color:#34d39942}.beve-body{flex:1;display:flex;overflow:hidden}.beve-sidebar{background:linear-gradient(#0f0d18,#0b0a12);border-right:1px solid #7c3aed26;flex-direction:column;width:210px;min-width:210px;display:flex;overflow-y:auto}.beve-sidebar-header{letter-spacing:1.5px;text-transform:uppercase;color:#7c3aed;padding:16px 16px 10px;font-size:10px;font-weight:700}.beve-sidebar-pages{flex-direction:column;gap:3px;padding:0 8px;display:flex}.beve-sidebar-page{cursor:pointer;color:#a1a1aa;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;transition:all .2s;display:flex;position:relative}.beve-sidebar-page:hover{color:#c4b5fd;background:#7c3aed14}.beve-sidebar-page.active{color:#ddd6fe;background:linear-gradient(135deg,#7c3aed26,#4c1d9526);font-weight:600;box-shadow:0 0 16px #7c3aed14}.beve-sidebar-page.active:before{content:"";background:linear-gradient(#a78bfa,#7c3aed);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0;box-shadow:0 0 8px #7c3aed80}.beve-sidebar-page .beve-page-num{color:#71717a;background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.beve-sidebar-page.active .beve-page-num{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 0 8px #7c3aed59}.beve-sidebar-page .beve-page-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.beve-canvas{background:radial-gradient(at 20% 0,#4c1d950f 0%,#0000 60%),radial-gradient(at 80% 100%,#7c3aed0a 0%,#0000 60%),#0c0c12;flex-direction:column;flex:1;align-items:center;gap:36px;padding:28px;display:flex;overflow-y:auto}.beve-canvas::-webkit-scrollbar{width:8px}.beve-canvas::-webkit-scrollbar-track{background:#0c0c12}.beve-canvas::-webkit-scrollbar-thumb{background:#7c3aed40;border-radius:4px}.beve-canvas::-webkit-scrollbar-thumb:hover{background:#7c3aed66}.beve-page{zoom:1.15;background:#141420;border:1px solid #7c3aed1f;border-radius:12px;flex-shrink:0;width:100%;max-width:1050px;scroll-margin-top:28px;transition:box-shadow .3s;overflow:visible;box-shadow:0 2px 8px #0000004d,0 8px 32px #00000026,0 0 0 1px #7c3aed0f}.beve-page:hover{box-shadow:0 2px 8px #0000004d,0 8px 32px #00000026,0 0 24px #7c3aed14}.beve-page-header{color:#fff;background:linear-gradient(45deg,#ffffff05 25%,#0000 25%) 0 0/4px 4px,linear-gradient(-45deg,#ffffff05 25%,#0000 25%) 0 0/4px 4px,linear-gradient(45deg,#0000 75%,#ffffff05 75%) 0 0/4px 4px,linear-gradient(-45deg,#0000 75%,#ffffff05 75%) 0 0/4px 4px,repeating-linear-gradient(-55deg,#0000 0 18px,#7c3aed0f 18px 20px,#0000 20px 38px) 0 0/100% 100% no-repeat,radial-gradient(at 15%,#7c3aed1f 0%,#0000 55%) 0 0/100% 100% no-repeat,radial-gradient(at 85% 30%,#8b5cf61a 0%,#0000 50%) 0 0/100% 100% no-repeat,radial-gradient(at 50% 80%,#4c1d9514 0%,#0000 50%) 0 0/100% 100% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='100'%3E%3Cdefs%3E%3Cstyle%3Eline,polyline%7Bfill:none;stroke:rgba(124,58,237,0.18);stroke-width:1.4%7Dcircle%7Bfill:rgba(124,58,237,0.22)%7D%3C/style%3E%3C/defs%3E%3Cline x1='0' y1='30' x2='40' y2='30'/%3E%3Cpolyline points='40,30 50,20 90,20'/%3E%3Ccircle cx='90' cy='20' r='2.5'/%3E%3Cline x1='90' y1='20' x2='130' y2='20'/%3E%3Cpolyline points='130,20 140,30 170,30'/%3E%3Ccircle cx='170' cy='30' r='2'/%3E%3Cline x1='170' y1='30' x2='200' y2='30'/%3E%3Cline x1='20' y1='70' x2='60' y2='70'/%3E%3Cpolyline points='60,70 70,80 110,80'/%3E%3Ccircle cx='110' cy='80' r='2.5'/%3E%3Cline x1='110' y1='80' x2='150' y2='80'/%3E%3Cpolyline points='150,80 160,70 200,70'/%3E%3Ccircle cx='60' cy='70' r='2'/%3E%3Cline x1='45' y1='0' x2='45' y2='15'/%3E%3Cpolyline points='45,15 55,25'/%3E%3Cline x1='155' y1='100' x2='155' y2='85'/%3E%3Cpolyline points='155,85 145,75'/%3E%3Ccircle cx='45' cy='50' r='1.5'/%3E%3Cline x1='45' y1='50' x2='80' y2='50'/%3E%3Ccircle cx='80' cy='50' r='2'/%3E%3Cline x1='80' y1='50' x2='120' y2='50'/%3E%3Cpolyline points='120,50 130,40 160,40'/%3E%3Ccircle cx='160' cy='40' r='1.5'/%3E%3C/svg%3E") 0 0/200px 100px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cdefs%3E%3Cstyle%3Epath%7Bfill:none;stroke:rgba(124,58,237,0.16);stroke-width:1.6%7Dcircle%7Bfill:none;stroke:rgba(124,58,237,0.16);stroke-width:1.6%7D%3C/style%3E%3C/defs%3E%3Ccircle cx='60' cy='60' r='20'/%3E%3Ccircle cx='60' cy='60' r='8'/%3E%3Cpath d='M60 36 L57 28 L63 28Z'/%3E%3Cpath d='M60 84 L57 92 L63 92Z'/%3E%3Cpath d='M36 60 L28 57 L28 63Z'/%3E%3Cpath d='M84 60 L92 57 L92 63Z'/%3E%3Cpath d='M43 43 L37 37 L42 35Z'/%3E%3Cpath d='M77 77 L83 83 L78 85Z'/%3E%3Cpath d='M77 43 L83 37 L85 42Z'/%3E%3Cpath d='M43 77 L37 83 L35 78Z'/%3E%3Cpath d='M55 37 L53 29 L57 28Z'/%3E%3Cpath d='M65 83 L67 91 L63 92Z'/%3E%3Cpath d='M37 55 L29 53 L28 57Z'/%3E%3Cpath d='M83 65 L91 67 L92 63Z'/%3E%3C/svg%3E") right 20px top -10px/120px 120px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cdefs%3E%3Cstyle%3Epath%7Bfill:none;stroke:rgba(139,92,246,0.14);stroke-width:1.3%7Dcircle%7Bfill:none;stroke:rgba(139,92,246,0.14);stroke-width:1.3%7D%3C/style%3E%3C/defs%3E%3Ccircle cx='40' cy='40' r='14'/%3E%3Ccircle cx='40' cy='40' r='5'/%3E%3Cpath d='M40 23L38 17 42 17Z'/%3E%3Cpath d='M40 57L38 63 42 63Z'/%3E%3Cpath d='M23 40L17 38 17 42Z'/%3E%3Cpath d='M57 40L63 38 63 42Z'/%3E%3Cpath d='M28 28L23 23 27 22Z'/%3E%3Cpath d='M52 52L57 57 53 58Z'/%3E%3Cpath d='M52 28L57 23 58 27Z'/%3E%3Cpath d='M28 52L23 57 22 53Z'/%3E%3C/svg%3E") right 90px bottom -5px/80px 80px,linear-gradient(135deg,#0a0614 0%,#110b20 30%,#0d0818 60%,#12091f 100%) 0 0/100% 100% no-repeat;border-bottom:1px solid #7c3aed40;flex-direction:column;gap:0;padding:12px 22px 10px;display:flex;position:relative;overflow:hidden}.beve-page-header:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#7c3aed0a 20%,#8b5cf612 40%,#4c1d950d 60%,#7c3aed08 80%,#0000 100%);position:absolute;inset:0}.beve-page-header:after{content:"";background:linear-gradient(90deg,#0000,#7c3aed80,#8b5cf699,#7c3aed80,#0000);height:2px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 8px #7c3aed4d}.beve-page-header-left{z-index:1;flex-direction:column;flex:1;gap:0;display:flex;position:relative}.beve-header-row1{z-index:1;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;margin-bottom:5px;padding-bottom:4px;display:flex;position:relative}.beve-header-brand{align-items:baseline;gap:8px;display:flex}.beve-header-brand-text{letter-spacing:-.3px;align-items:baseline;font-size:16px;font-weight:800;display:inline-flex;position:relative}.beve-header-brand-text .brand-fluent{background:linear-gradient(135deg,#e9d5ff 0%,#d8c4f8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.beve-header-brand-text .brand-x{background:linear-gradient(135deg,#a78bfa 0%,#7c3aed 50%,#6d28d9 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #7c3aed99)drop-shadow(0 0 16px #7c3aed4d);-webkit-background-clip:text;background-clip:text;margin:0 -.5px;font-size:20px;font-weight:900;position:relative}.beve-header-brand-text .brand-verse{background:linear-gradient(135deg,#c4b5fd 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.beve-header-brand-sub{color:#ffffff8c;letter-spacing:.3px;font-size:11px;font-weight:500}.beve-header-meta{color:#fff9;align-items:center;gap:6px;font-size:11px;display:flex}.beve-header-meta strong{color:#fff;font-size:12px;font-weight:700}.beve-header-meta-divider{color:#fff3;font-weight:300}.beve-header-level,.beve-header-page{font-weight:400}.beve-header-row2{z-index:1;justify-content:space-between;align-items:center;margin-bottom:2px;display:flex;position:relative}.beve-header-chapter{letter-spacing:.8px;text-transform:uppercase;color:#ffffffa6;font-size:10px;font-weight:700}.beve-header-row3{z-index:1;position:relative}.beve-header-lesson{color:#fff;letter-spacing:-.1px;text-shadow:0 1px 3px #00000040;font-size:14px;font-style:italic;font-weight:600}.beve-page-header-lesson{color:#a1a1aa;margin-top:1px;font-size:12px}.beve-page-header-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.beve-skill-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#6d28d9,#4c1d95);border-radius:5px;padding:3px 10px;font-size:9px;font-weight:700;box-shadow:0 2px 8px #6d28d940}.beve-header-row2-right{align-items:center;gap:8px;display:flex}.beve-lesson-type-select{appearance:none;color:#a78bfa;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;background:#7c3aed26 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23a78bfa' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") right 7px center no-repeat;border:1px solid #7c3aed59;border-radius:5px;outline:none;padding:3px 22px 3px 10px;font-size:9px;font-weight:700;transition:border-color .15s,background .15s}.beve-lesson-type-select:hover{background-color:#7c3aed38;border-color:#a78bfa}.beve-lesson-type-select:focus{border-color:#a78bfa;box-shadow:0 0 0 2px #7c3aed33}.beve-lesson-type-select option{color:#d4d4d8;background:#1e1b2e}.beve-page-number{color:#71717a;font-size:11px}.beve-columns{grid-template-columns:1fr 340px;min-height:500px;display:grid}.beve-page-sections{flex-direction:column;display:flex}.beve-page-section{grid-template-columns:1fr 340px;align-items:start;display:grid}.beve-page-section.beve-page-section-full{grid-template-columns:1fr}.beve-page-section+.beve-page-section{border-top:1px solid #7c3aed14}.beve-col-student{background:#141420;border-right:none;min-width:0;padding:28px 32px;overflow:hidden}.beve-col-tutor{color:#d4d4d8;min-width:0;top:var(--beve-tutor-sticky-top);max-height:calc(100vh - var(--beve-tutor-sticky-top) - var(--beve-tutor-sticky-bottom-gap));background:#13111d;align-self:start;padding:28px 16px 16px;position:sticky;overflow-y:auto}.beve-col-tutor::-webkit-scrollbar{width:8px}.beve-col-tutor::-webkit-scrollbar-track{background:0 0}.beve-col-tutor::-webkit-scrollbar-thumb{background:#7c3aed40;border-radius:999px}.beve-col-tutor::-webkit-scrollbar-thumb:hover{background:#7c3aed66}.beve-col-tutor-title{letter-spacing:1px;text-transform:uppercase;color:#fff;z-index:1;background:linear-gradient(45deg,#ffffff05 25%,#0000 25%) 0 0/4px 4px,linear-gradient(-45deg,#ffffff05 25%,#0000 25%) 0 0/4px 4px,linear-gradient(45deg,#0000 75%,#ffffff05 75%) 0 0/4px 4px,linear-gradient(-45deg,#0000 75%,#ffffff05 75%) 0 0/4px 4px,repeating-linear-gradient(-55deg,#0000 0 18px,#7c3aed0f 18px 20px,#0000 20px 38px) 0 0/100% 100%,radial-gradient(at 15%,#7c3aed26 0%,#0000 55%) 0 0/100% 100%,radial-gradient(at 85% 30%,#8b5cf61f 0%,#0000 50%) 0 0/100% 100%,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='100'%3E%3Cdefs%3E%3Cstyle%3Eline,polyline%7Bfill:none;stroke:rgba(124,58,237,0.18);stroke-width:1.4%7Dcircle%7Bfill:rgba(124,58,237,0.22)%7D%3C/style%3E%3C/defs%3E%3Cline x1='0' y1='30' x2='40' y2='30'/%3E%3Cpolyline points='40,30 50,20 90,20'/%3E%3Ccircle cx='90' cy='20' r='2.5'/%3E%3Cline x1='90' y1='20' x2='130' y2='20'/%3E%3Cpolyline points='130,20 140,30 170,30'/%3E%3Ccircle cx='170' cy='30' r='2'/%3E%3Cline x1='170' y1='30' x2='200' y2='30'/%3E%3Cline x1='20' y1='70' x2='60' y2='70'/%3E%3Cpolyline points='60,70 70,80 110,80'/%3E%3Ccircle cx='110' cy='80' r='2.5'/%3E%3Cline x1='110' y1='80' x2='150' y2='80'/%3E%3Cpolyline points='150,80 160,70 200,70'/%3E%3C/svg%3E") 0 0/200px 100px,linear-gradient(135deg,#0a0614 0%,#110b20 30%,#0d0818 60%,#12091f 100%) 0 0/100% 100%;border:1px solid #7c3aed33;border-radius:5px;align-items:center;gap:8px;margin:0 0 16px;padding:10px 16px;font-size:11px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000040,0 0 12px #7c3aed14}.beve-col-tutor-title:after{content:"";opacity:.5;background:linear-gradient(90deg,#7c3aed,#a78bfa,#7c3aed);height:2px;position:absolute;bottom:0;left:0;right:0}.beve-col-tutor-title i{color:#a78bfa;font-size:14px}.beve-col-tutor .beve-sub-heading{color:#d4d4d8;border-bottom-color:#7c3aed26}.beve-col-tutor .beve-sub-heading i{color:#a78bfa}.beve-col-tutor .beve-sub-heading .kr-label{color:#71717a}.beve-col-tutor .beve-guide-q{color:#d4d4d8;background:#7c3aed0f;border-color:#7c3aed26}.beve-col-tutor .beve-guide-q span{color:#a78bfa!important}.beve-col-tutor .beve-editable:hover{background:#7c3aed0f;border-color:#7c3aed4d}.beve-col-tutor .beve-editable:focus{background:#7c3aed14;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.beve-col-tutor .beve-rich-input{color:#d4d4d8;caret-color:#d4d4d8}.beve-col-tutor .beve-rich-input:hover{background:#7c3aed0f;border-color:#7c3aed4d}.beve-col-tutor .beve-rich-input:focus{color:#e4e4e7;background:#7c3aed14;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.beve-col-tutor .beve-rich-input strong,.beve-col-tutor .beve-rich-input b{color:#a78bfa}.beve-col-tutor .beve-rich-input u{text-decoration-color:#a78bfa80}.beve-col-tutor .beve-rich-placeholder:empty:before,.beve-col-tutor .beve-rich-hint{color:#52525b}.beve-col-tutor .beve-rich-hint kbd{color:#a78bfa;background:#7c3aed1a;border-color:#7c3aed33}.beve-col-tutor .beve-icon-btn{color:#a1a1aa;background:#ffffff0a;border-color:#0000}.beve-col-tutor .beve-icon-btn:hover{color:#d4d4d8;background:#ffffff14}.beve-col-tutor .beve-icon-btn.danger:hover{color:#f87171;background:#ef44441f}.beve-section-banner{background:linear-gradient(100deg,#0b1030 0%,#141b45 35%,#1a2050 60%,#0f1538 100%);border:1px solid #7c3aed33;border-radius:5px;justify-content:space-between;align-items:center;min-width:0;max-width:100%;margin-bottom:16px;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #00000059,0 0 20px #7c3aed14}.beve-section-banner:before{content:"";background:linear-gradient(90deg,#0000,#7c3aed66 30%,#a78bfa4d 60%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.beve-section-banner-left{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%);background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%);flex-shrink:0;align-items:center;min-width:140px;padding:10px 34px 10px 18px;display:flex;position:relative}.beve-section-banner-left:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff1a 50%,#0000 70%);position:absolute;inset:0}.beve-section-banner-title{color:#fff;letter-spacing:1.5px;text-shadow:0 1px 4px #0000004d;white-space:nowrap;font-size:13px;font-weight:800}.beve-chevron-bar{flex:auto;justify-content:center;align-items:center;gap:0;min-width:0;padding:0 18px;display:flex}.beve-chevron{cursor:default;justify-content:center;align-items:center;transition:all .25s;display:flex;position:relative}.beve-chevron-connector{background:#ffffff1a;border-radius:1px;flex-shrink:0;width:20px;height:2px;display:block}.beve-chevron-num{color:#ffffff4d;background:#ffffff0f;border:2px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:800;transition:all .25s;display:flex}.beve-chevron.completed .beve-chevron-connector{background:#7c3aed66}.beve-chevron.completed .beve-chevron-num{color:#ffffffb3;background:#7c3aed40;border-color:#7c3aed80}.beve-chevron.active .beve-chevron-connector{background:#7c3aed66}.beve-chevron.active .beve-chevron-num{color:#fff;background:#7c3aed;border-color:#a78bfa;box-shadow:0 0 10px #7c3aed80,0 0 20px #7c3aed33}.beve-section-label{color:#e4e4e7;align-items:center;gap:8px;margin-bottom:16px;font-size:18px;font-weight:800;display:inline-flex}.beve-section-num{display:none}.beve-editable{cursor:text;border:1px dashed #0000;border-radius:6px;min-height:1.5em;margin:-2px -4px;padding:2px 4px;transition:all .2s;position:relative}.beve-editable:hover{background:#7c3aed0a;border-color:#7c3aed4d}.beve-editable:focus{background:#7c3aed14;border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed1f,0 0 12px #7c3aed0f}.beve-rich-wrap{width:100%;position:relative}.beve-rich-input{width:100%;font-size:inherit;color:inherit;cursor:text;background:0 0;border:1px dashed #0000;border-radius:6px;outline:none;min-height:1.5em;margin:-2px -4px;padding:2px 4px;line-height:1.6;transition:all .2s}.beve-rich-input:hover{background:#7c3aed0a;border-color:#7c3aed4d}.beve-rich-input:focus{background:#7c3aed14;border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed1f,0 0 12px #7c3aed0f}.beve-rich-placeholder:empty:before{content:attr(data-placeholder);color:#52525b;pointer-events:none;font-style:italic}.beve-rich-input strong,.beve-rich-input b{color:#a78bfa;font-weight:700}.beve-rich-input em,.beve-rich-input i:not([class]){color:inherit;font-style:italic}.beve-rich-input u{text-underline-offset:2px;-webkit-text-decoration:underline #a78bfa80;text-decoration:underline #a78bfa80}.beve-rich-hint{color:#52525b;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;margin-top:3px;font-size:10px;transition:opacity .15s}.beve-rich-wrap:focus-within .beve-rich-hint{opacity:1}.beve-rich-hint kbd{color:#a78bfa;background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:3px;padding:0 3px;font-family:inherit;font-size:9px;display:inline-block}.beve-rich-compact .beve-rich-input{border-color:#0000;min-height:1.2em;margin:0;padding:1px 4px}.beve-rich-compact .beve-rich-input:hover{background:#7c3aed05;border-color:#7c3aed26}.beve-rich-compact .beve-rich-input:focus{box-shadow:none;background:#7c3aed0a;border-color:#7c3aed66}.beve-goal-box{background:linear-gradient(135deg,#4c1d951a,#7c3aed0d);border:1px solid #7c3aed33;border-left:4px solid #7c3aed;border-radius:8px;margin-bottom:20px;padding:18px 22px}.beve-goal-label{letter-spacing:.8px;text-transform:uppercase;color:#a78bfa;margin-bottom:8px;font-size:11px;font-weight:700}.beve-goal-en{color:#e4e4e7;margin-bottom:4px;font-size:15px;font-weight:600}.beve-goal-kr{color:#71717a;font-size:13px}.beve-situation-box{background:#ffffff05;border:1px solid #7c3aed1f;border-radius:8px;margin-bottom:16px;padding:18px 22px}.beve-situation-label{color:#d4d4d8;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.beve-situation-label i{color:#a78bfa}.beve-situation-en{color:#d4d4d8;font-size:14px;line-height:1.6}.beve-situation-kr{color:#71717a;margin-top:6px;font-size:13px;line-height:1.6}.beve-patterns-grid{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.beve-pattern-card{background:#ffffff05;border:1px solid #7c3aed1f;border-radius:8px;grid-template-columns:1fr 1fr;gap:12px;padding:14px 18px;transition:all .2s;display:grid;position:relative}.beve-pattern-card:hover{background:#7c3aed0a;border-color:#7c3aed4d;box-shadow:0 0 12px #7c3aed0f}.beve-pattern-en{color:#e4e4e7;font-size:15px;font-weight:600}.beve-pattern-kr{color:#a1a1aa;align-items:center;font-size:13px;display:flex}.beve-pattern-actions{opacity:0;gap:2px;transition:all .2s;display:flex;position:absolute;top:6px;right:6px}.beve-pattern-card:hover .beve-pattern-actions{opacity:1}.beve-icon-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.beve-icon-btn:hover{color:#a78bfa;background:#7c3aed1f}.beve-icon-btn.danger:hover{color:#f87171;background:#ef44441f}.beve-add-btn{color:#71717a;cursor:pointer;background:0 0;border:2px dashed #7c3aed26;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px;font-size:13px;transition:all .2s;display:flex}.beve-add-btn:hover{color:#a78bfa;background:#7c3aed0a;border-color:#7c3aed66}.beve-vocab-table{border-collapse:collapse;width:100%;margin-bottom:20px}.beve-vocab-table th{letter-spacing:.5px;text-transform:uppercase;color:#a78bfa;text-align:left;border-bottom:1px solid #7c3aed40;padding:10px 12px;font-size:11px;font-weight:700}.beve-vocab-table td{vertical-align:middle;color:#d4d4d8;border-bottom:1px solid #ffffff0a;padding:10px 12px;font-size:14px}.beve-vocab-table tr:hover td{background:#7c3aed0a}.beve-vocab-word{color:#e4e4e7;font-weight:600}.beve-vocab-pos{color:#71717a;font-size:12px;font-style:italic}.beve-vocab-translation{color:#a1a1aa}.beve-pronun-box{background:#7c3aed0a;border:1px solid #7c3aed26;border-radius:8px;margin-bottom:20px;padding:20px 22px}.beve-pronun-title{color:#d4d4d8;margin-bottom:14px;font-size:12px;font-weight:700}.beve-pronun-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.beve-pronun-col{text-align:center}.beve-pronun-symbol{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:26px;font-weight:700}.beve-pronun-symbol.beve-editable:hover{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border-color:#7c3aed4d}.beve-pronun-symbol.beve-editable:focus{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed1f,0 0 12px #7c3aed0f}.beve-pronun-words{flex-direction:column;gap:4px;display:flex}.beve-pronun-word{color:#d4d4d8;border-radius:6px;justify-content:space-between;gap:8px;padding:5px 12px;font-size:14px;display:flex}.beve-pronun-word:nth-child(odd){background:#7c3aed0f}.beve-block-wrapper{margin-top:24px;padding:4px 0 0;position:relative}.beve-block-wrapper:first-child{margin-top:0}.beve-block-remove-btn{z-index:4;color:#ef4444;cursor:pointer;opacity:0;background:#ef444414;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;transition:all .2s;display:flex;position:absolute;top:2px;right:-4px}.beve-block-wrapper:hover .beve-block-remove-btn{opacity:1}.beve-block-remove-btn:hover{background:#ef44442e;border-color:#ef44444d;transform:scale(1.08)}.beve-block-add-btn{color:#a78bfa;cursor:pointer;background:#7c3aed05;border:2px dashed #7c3aed33;border-radius:10px;align-items:center;gap:8px;width:100%;margin-top:16px;padding:14px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.beve-block-add-btn:first-child{margin-top:24px}.beve-block-add-btn:hover{color:#7c3aed;background:#7c3aed0f;border-color:#7c3aed66}.beve-block-add-btn i{font-size:16px}.beve-step-card{background:#ffffff05;border:1px solid #7c3aed1f;border-radius:8px;margin-bottom:16px;overflow:hidden}.beve-step-header{color:#fff;background:linear-gradient(45deg,#ffffff03 25%,#0000 25%) 0 0/4px 4px,linear-gradient(-45deg,#ffffff03 25%,#0000 25%) 0 0/4px 4px,linear-gradient(45deg,#0000 75%,#ffffff03 75%) 0 0/4px 4px,linear-gradient(-45deg,#0000 75%,#ffffff03 75%) 0 0/4px 4px,linear-gradient(135deg,#110e1e 0%,#16122a 50%,#0f0c19 100%) 0 0/100% 100%;align-items:center;gap:10px;padding:11px 18px;font-size:13px;font-weight:700;display:flex}.beve-step-header .step-title-text{color:inherit}.beve-step-header .step-num{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:flex;box-shadow:0 2px 6px #7c3aed4d}.beve-step-body{background:#141420;padding:18px 20px}.beve-step-instruction{color:#a1a1aa;background:#7c3aed0d;border-left:3px solid #7c3aed;border-radius:6px;margin-bottom:12px;padding:10px 14px;font-size:13px;font-style:italic}.beve-step-instruction-kr{color:#71717a;margin-top:4px;font-size:12px}.beve-dialogue{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.beve-dialogue-line{border-radius:8px;gap:10px;padding:10px 14px;font-size:14px;line-height:1.5;display:flex}.beve-dialogue-line.tutor{background:linear-gradient(135deg,#4c1d951f,#7c3aed14);border:1px solid #7c3aed1f}.beve-dialogue-line.student{background:#ffffff08;border:1px solid #ffffff0d}.beve-dialogue-role{white-space:nowrap;color:#a78bfa;min-width:55px;font-weight:700}.beve-dialogue-line.student .beve-dialogue-role{color:#d4d4d8}.beve-dialogue-text{color:#d4d4d8;flex:1}.beve-dialogue-text-kr{color:#71717a;margin-top:2px;font-size:12px}.beve-challenge-box{background:linear-gradient(135deg,#4c1d951a,#7c3aed0f);border:1px solid #7c3aed4d;border-radius:10px;margin-bottom:20px;padding:22px 26px;position:relative;overflow:hidden}.beve-challenge-box:before{content:"";background:linear-gradient(90deg,#0000,#7c3aed,#0000);height:2px;position:absolute;top:0;left:0;right:0}.beve-challenge-title{color:#a78bfa;align-items:center;gap:6px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.beve-challenge-scenario{color:#d4d4d8;margin-bottom:10px;font-size:14px;line-height:1.7}.beve-challenge-scenario-kr{color:#71717a;font-size:13px;line-height:1.6}.beve-discussion-categories{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.beve-disc-cat{background:#ffffff05;border:1px solid #7c3aed1f;border-radius:8px;padding:16px 18px;transition:all .2s}.beve-disc-cat:hover{background:#7c3aed0a;border-color:#7c3aed4d}.beve-disc-cat-title{color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:700}.beve-disc-questions{flex-direction:column;gap:6px;display:flex}.beve-disc-q{color:#d4d4d8;padding-left:16px;font-size:13px;line-height:1.5;position:relative}.beve-disc-q:before{content:attr(data-num);color:#7c3aed;font-size:12px;font-weight:700;position:absolute;left:0}.beve-feedback-review{background:#7c3aed0d;border:1px solid #7c3aed26;border-radius:8px;margin-bottom:16px;padding:18px 22px}.beve-feedback-label{color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700}.beve-feedback-template{color:#d4d4d8;white-space:pre-wrap;background:#0003;border:1px solid #7c3aed1f;border-radius:8px;padding:18px;font-family:JetBrains Mono,Courier New,monospace;font-size:12px;line-height:1.7}.beve-feedback-template strong{color:#a78bfa}.beve-tutor-notes{flex-direction:column;gap:3px;display:flex}.beve-practice-note-groups{flex-direction:column;gap:12px;display:flex}.beve-practice-note-group{background:#21183666;border:1px solid #7c3aed29;border-radius:10px;padding:0 8px 6px}.beve-practice-note-group-header{border-bottom:1px solid #7c3aed1f;margin-bottom:4px;padding:8px 0 6px}.beve-practice-note-group-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#c4b5fd;align-items:center;gap:5px;margin-bottom:4px;font-size:9px;font-weight:700;display:flex}.beve-practice-note-group-title{color:#a78bfa;margin-bottom:0;font-size:11px;font-weight:700}.beve-practice-note-panel-title{color:#a78bfa;margin:0 0 8px;font-size:11px;font-weight:700}.beve-tutor-note{color:#d4d4d8;background:0 0;border:none;border-bottom:1px solid #7c3aed1a;border-radius:0;padding:4px 6px 4px 10px;font-size:11.5px;font-weight:500;line-height:1.35;transition:background .15s;position:relative}.beve-tutor-note:last-of-type{border-bottom:none}.beve-tutor-note:hover{background:#7c3aed0f}.beve-tutor-note.drag-over{background:#7c3aed1a;box-shadow:inset 0 0 0 1px #a78bfa73}.beve-tutor-note.script{color:#c4b5fd;padding-left:12px;font-style:italic;font-weight:500}.beve-tutor-note.script:before{content:"▸";color:#a78bfa;font-size:12px;font-style:normal;position:absolute;top:4px;left:0}.beve-tutor-note.instruction{padding-left:12px}.beve-tutor-note.instruction:before{content:"•";color:#a78bfa;font-size:14px;font-weight:700;position:absolute;top:4px;left:2px}.beve-tutor-note.tip{background:#e6a81714;border-bottom:none;border-left:3px solid #e6a817;border-radius:4px;margin:1px 0;padding-left:8px}.beve-tutor-note.question{color:#c4b5fd;background:#7c3aed0a;padding-left:12px}.beve-tutor-note.question:before{content:"?";color:#a78bfa;font-size:11px;font-weight:700;position:absolute;top:4px;left:2px}.beve-tutor-note-type{letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:4px;margin-bottom:1px;font-size:7px;font-weight:700;display:flex}.beve-tutor-note-drag{color:#71717a;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.beve-tutor-note-drag:active{cursor:grabbing}.beve-tutor-note-drag:hover{color:#a78bfa;background:#7c3aed14}.beve-tutor-note.script .beve-tutor-note-type,.beve-tutor-note.instruction .beve-tutor-note-type{color:#a78bfa}.beve-tutor-note.tip .beve-tutor-note-type{color:#fbbf24}.beve-tutor-note.question .beve-tutor-note-type{color:#a78bfa}.beve-tutor-note .beve-rich-input{min-height:1.1em;margin:0 -2px;padding:0 2px;line-height:1.35}.beve-tutor-note .beve-rich-hint{display:none}.beve-tutor-note .beve-rich-input strong,.beve-tutor-note .beve-rich-input b{color:inherit}.beve-tutor-note .beve-rich-input u{text-decoration-color:currentColor}.beve-tutor-note-actions{opacity:.72;gap:1px;transition:all .15s;display:flex;position:absolute;top:1px;right:1px}.beve-tutor-note:hover .beve-tutor-note-actions,.beve-tutor-note:focus-within .beve-tutor-note-actions{opacity:1}.beve-icon-btn:disabled{opacity:.35;cursor:default;pointer-events:none}.beve-tutor-add-note{color:#71717a;cursor:pointer;background:0 0;border:1px dashed #7c3aed40;border-radius:4px;justify-content:center;align-items:center;gap:4px;width:100%;margin-top:0;padding:3px;font-size:9px;transition:all .15s;display:flex}.beve-tutor-add-note:hover{color:#a78bfa;background:#7c3aed0f;border-color:#7c3aed80}.beve-fill-table{border-collapse:collapse;width:100%;margin-bottom:16px}.beve-fill-table td{color:#d4d4d8;border:1px solid #7c3aed1a;padding:8px 12px;font-size:14px}.beve-fill-table .blank{color:#a78bfa;background:#7c3aed14;border-color:#7c3aed33;min-width:100px;font-weight:600}.beve-pattern-drills{flex-direction:column;gap:16px;margin-bottom:12px;display:flex}.beve-drill-card{background:#7c3aed0a;border:1px solid #7c3aed26;border-radius:8px;position:relative;overflow:hidden}.beve-drill-header{padding:12px 16px 8px;position:relative}.beve-drill-label{color:#d4d4d8;font-size:13px;font-weight:600}.beve-drill-label-kr{color:#71717a;margin-top:2px;font-size:11px}.beve-drill-template{color:#a78bfa;background:#7c3aed14;border-top:1px solid #7c3aed1a;border-bottom:1px solid #7c3aed1a;padding:8px 16px;font-size:14px;font-weight:600}.beve-drill-table{border-collapse:collapse;width:100%}.beve-drill-table td{color:#d4d4d8;vertical-align:top;border-bottom:1px solid #7c3aed14;padding:6px 16px;font-size:13px}.beve-drill-table td:nth-child(2){color:#71717a;font-size:12px}.beve-drill-table tr:last-child td{border-bottom:none}.beve-word-box{background:linear-gradient(135deg,#4c1d9514,#7c3aed0a);border:1px dashed #7c3aed4d;border-radius:8px;padding:12px 16px}.beve-word-box-label{letter-spacing:.8px;text-transform:uppercase;color:#a78bfa;margin-bottom:10px;font-size:11px;font-weight:700}.beve-word-box-label i{margin-right:4px}.beve-word-box-items{flex-wrap:wrap;gap:8px;display:flex}.beve-word-box-item{color:#d4d4d8;background:#7c3aed1f;border:1px solid #7c3aed40;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;font-weight:600;display:flex}.beve-word-box-item .beve-editable{outline:none;min-width:24px}.beve-word-box-trans{color:#71717a;font-size:11px;font-weight:400}.beve-hint-box{background:linear-gradient(135deg,#4c1d9514,#7c3aed0a);border:1px solid #7c3aed33;border-radius:8px;margin-top:18px;padding:14px 18px}.beve-hint-label{color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700}.beve-hint-patterns{flex-direction:column;gap:4px;display:flex}.beve-hint-pattern{grid-template-columns:1fr 1fr;gap:8px;padding:4px 0;font-size:13px;display:grid}.beve-hint-en{color:#e4e4e7;font-weight:600}.beve-hint-kr{color:#71717a}.beve-page-footer{color:#71717a;background:linear-gradient(45deg,#ffffff05 25%,#0000 25%) 0 0/4px 4px,linear-gradient(-45deg,#ffffff05 25%,#0000 25%) 0 0/4px 4px,linear-gradient(45deg,#0000 75%,#ffffff05 75%) 0 0/4px 4px,linear-gradient(-45deg,#0000 75%,#ffffff05 75%) 0 0/4px 4px,repeating-linear-gradient(-55deg,#0000 0 18px,#7c3aed0f 18px 20px,#0000 20px 38px) 0 0/100% 100% no-repeat,radial-gradient(at 15%,#7c3aed1f 0%,#0000 55%) 0 0/100% 100% no-repeat,radial-gradient(at 85% 30%,#8b5cf61a 0%,#0000 50%) 0 0/100% 100% no-repeat,radial-gradient(at 50% 80%,#4c1d9514 0%,#0000 50%) 0 0/100% 100% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='100'%3E%3Cdefs%3E%3Cstyle%3Eline,polyline%7Bfill:none;stroke:rgba(124,58,237,0.18);stroke-width:1.4%7Dcircle%7Bfill:rgba(124,58,237,0.22)%7D%3C/style%3E%3C/defs%3E%3Cline x1='0' y1='30' x2='40' y2='30'/%3E%3Cpolyline points='40,30 50,20 90,20'/%3E%3Ccircle cx='90' cy='20' r='2.5'/%3E%3Cline x1='90' y1='20' x2='130' y2='20'/%3E%3Cpolyline points='130,20 140,30 170,30'/%3E%3Ccircle cx='170' cy='30' r='2'/%3E%3Cline x1='170' y1='30' x2='200' y2='30'/%3E%3Cline x1='20' y1='70' x2='60' y2='70'/%3E%3Cpolyline points='60,70 70,80 110,80'/%3E%3Ccircle cx='110' cy='80' r='2.5'/%3E%3Cline x1='110' y1='80' x2='150' y2='80'/%3E%3Cpolyline points='150,80 160,70 200,70'/%3E%3Ccircle cx='60' cy='70' r='2'/%3E%3Cline x1='45' y1='0' x2='45' y2='15'/%3E%3Cpolyline points='45,15 55,25'/%3E%3Cline x1='155' y1='100' x2='155' y2='85'/%3E%3Cpolyline points='155,85 145,75'/%3E%3Ccircle cx='45' cy='50' r='1.5'/%3E%3Cline x1='45' y1='50' x2='80' y2='50'/%3E%3Ccircle cx='80' cy='50' r='2'/%3E%3Cline x1='80' y1='50' x2='120' y2='50'/%3E%3Cpolyline points='120,50 130,40 160,40'/%3E%3Ccircle cx='160' cy='40' r='1.5'/%3E%3C/svg%3E") 0 0/200px 100px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cdefs%3E%3Cstyle%3Epath%7Bfill:none;stroke:rgba(124,58,237,0.16);stroke-width:1.6%7Dcircle%7Bfill:none;stroke:rgba(124,58,237,0.16);stroke-width:1.6%7D%3C/style%3E%3C/defs%3E%3Ccircle cx='60' cy='60' r='20'/%3E%3Ccircle cx='60' cy='60' r='8'/%3E%3Cpath d='M60 36 L57 28 L63 28Z'/%3E%3Cpath d='M60 84 L57 92 L63 92Z'/%3E%3Cpath d='M36 60 L28 57 L28 63Z'/%3E%3Cpath d='M84 60 L92 57 L92 63Z'/%3E%3Cpath d='M43 43 L37 37 L42 35Z'/%3E%3Cpath d='M77 77 L83 83 L78 85Z'/%3E%3Cpath d='M77 43 L83 37 L85 42Z'/%3E%3Cpath d='M43 77 L37 83 L35 78Z'/%3E%3Cpath d='M55 37 L53 29 L57 28Z'/%3E%3Cpath d='M65 83 L67 91 L63 92Z'/%3E%3Cpath d='M37 55 L29 53 L28 57Z'/%3E%3Cpath d='M83 65 L91 67 L92 63Z'/%3E%3C/svg%3E") left 30px bottom -10px/120px 120px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cdefs%3E%3Cstyle%3Epath%7Bfill:none;stroke:rgba(139,92,246,0.14);stroke-width:1.3%7Dcircle%7Bfill:none;stroke:rgba(139,92,246,0.14);stroke-width:1.3%7D%3C/style%3E%3C/defs%3E%3Ccircle cx='40' cy='40' r='14'/%3E%3Ccircle cx='40' cy='40' r='5'/%3E%3Cpath d='M40 23L38 17 42 17Z'/%3E%3Cpath d='M40 57L38 63 42 63Z'/%3E%3Cpath d='M23 40L17 38 17 42Z'/%3E%3Cpath d='M57 40L63 38 63 42Z'/%3E%3Cpath d='M28 28L23 23 27 22Z'/%3E%3Cpath d='M52 52L57 57 53 58Z'/%3E%3Cpath d='M52 28L57 23 58 27Z'/%3E%3Cpath d='M28 52L23 57 22 53Z'/%3E%3C/svg%3E") 100px -5px/80px 80px,linear-gradient(135deg,#0a0614 0%,#110b20 30%,#0d0818 60%,#12091f 100%) 0 0/100% 100% no-repeat;border-top:none;padding:0;font-size:11px;position:relative;overflow:hidden}.beve-page-footer:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#7c3aed0a 20%,#8b5cf612 40%,#4c1d950d 60%,#7c3aed08 80%,#0000 100%);position:absolute;inset:0}.beve-page-footer:after{content:"";background:linear-gradient(90deg,#0000,#7c3aed80,#8b5cf699,#7c3aed80,#0000);height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 8px #7c3aed4d}.beve-footer-content{z-index:1;justify-content:space-between;align-items:center;padding:12px 28px;display:flex;position:relative}.beve-footer-left{align-items:center;gap:6px;display:flex}.beve-page-footer-brand{letter-spacing:.3px;align-items:baseline;font-size:12px;font-weight:800;display:inline-flex}.beve-page-footer-brand .brand-fluent{background:linear-gradient(135deg,#e9d5ff,#d8c4f8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.beve-page-footer-brand .brand-x{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px #7c3aed80);-webkit-background-clip:text;background-clip:text;margin:0 -.3px;font-size:15px;font-weight:900}.beve-page-footer-brand .brand-verse{background:linear-gradient(135deg,#c4b5fd,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.beve-footer-divider{color:#7c3aed4d;font-size:14px;font-weight:300}.beve-footer-course{color:#52525b;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:600}.beve-footer-center{align-items:center;gap:8px;display:flex}.beve-footer-badge{letter-spacing:.8px;text-transform:uppercase;color:#a78bfa;background:#7c3aed14;border:1px solid #7c3aed26;border-radius:3px;align-items:center;padding:2px 8px;font-size:8px;font-weight:700;display:inline-flex}.beve-footer-dot{background:#7c3aed66;border-radius:50%;width:3px;height:3px}.beve-footer-right{align-items:center;display:flex}.beve-footer-copy{color:#3f3f50;letter-spacing:.3px;font-size:9px}.beve-guide-questions{flex-direction:column;gap:4px;margin-top:6px;display:flex}.beve-guide-q{color:#d4d4d8;background:#ffffff08;border:1px solid #7c3aed1a;border-radius:6px;padding:6px 8px;font-size:12px;line-height:1.35}.beve-guide-q-row{align-items:flex-start;gap:6px;display:flex}.beve-guide-q-num{color:#7c3aed;flex-shrink:0;margin-top:1px;font-size:11px;font-weight:700;line-height:1.35}.beve-guide-q .beve-rich-input{min-height:1.1em;margin:0 -2px;padding:0 2px;font-size:12px;line-height:1.35}.beve-guide-q .beve-rich-hint{display:none}.beve-col-tutor .beve-guide-q .beve-rich-input,.beve-col-tutor .beve-guide-q .beve-rich-input strong,.beve-col-tutor .beve-guide-q .beve-rich-input b{color:#a78bfa;caret-color:#a78bfa}.beve-col-tutor .beve-guide-q .beve-rich-input:hover,.beve-col-tutor .beve-guide-q .beve-rich-input:focus{box-shadow:none;background:0 0}.beve-guide-q-delete{flex-shrink:0;width:18px;height:18px;margin-top:1px}.beve-guide-q-actions{flex-shrink:0;gap:1px;display:flex}.beve-challenge-tail-notes{margin-top:10px}.beve-sub-heading{color:#e4e4e7;border-bottom:1px solid #7c3aed26;align-items:center;gap:6px;margin-top:22px;margin-bottom:12px;padding-bottom:8px;font-size:14px;font-weight:700;display:flex}.beve-sub-heading i{color:#a78bfa}.beve-sub-heading .kr-label{color:#71717a;font-size:12px;font-weight:400}.beve-next-lesson{color:#a1a1aa;background:linear-gradient(135deg,#4c1d9514,#7c3aed0a);border:1px solid #7c3aed26;border-radius:8px;align-items:center;gap:12px;margin-top:18px;padding:16px 20px;font-size:13px;display:flex}.beve-next-lesson i{color:#a78bfa;font-size:18px}.beve-next-lesson strong{color:#e4e4e7}.beve-loading,.beve-error{color:#71717a;background:#0c0c12;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100vh;display:flex}.beve-loading i{color:#7c3aed;font-size:34px;animation:1s linear infinite spin}.beve-error i{color:#f87171;font-size:34px}.beve-error button{color:#c4b5fd;cursor:pointer;background:#7c3aed1f;border:1px solid #7c3aed40;border-radius:8px;margin-top:8px;padding:8px 16px;font-size:13px;transition:all .2s}.beve-error button:hover{background:#7c3aed33;border-color:#7c3aed66}@media (width<=900px){.beve-columns,.beve-page-section{grid-template-columns:1fr}.beve-col-tutor{border-top:2px solid #627aa8;max-height:none;position:static;top:auto;overflow:visible}.beve-col-student{border-right:none}.beve-sidebar{width:170px;min-width:170px}}.beve.light{color:#1e1e2e;background:#f4f4f8}.beve.light .beve-toolbar{color:#1e1e2e;background:linear-gradient(135deg,#fff 0%,#f8f7fc 100%);border-bottom:1px solid #e0d9f0;box-shadow:0 1px 4px #7c3aed14}.beve.light .beve-toolbar-left .beve-back-btn{color:#5b21b6;background:#7c3aed0f;border-color:#7c3aed33}.beve.light .beve-toolbar-left .beve-back-btn:hover{color:#4c1d95;background:#7c3aed1f;border-color:#7c3aed59;box-shadow:0 0 6px #7c3aed1a}.beve.light .beve-toolbar-divider{background:linear-gradient(#0000,#7c3aed2e,#0000)}.beve.light .beve-toolbar-title{color:#3f3f50}.beve.light .beve-toolbar-center{color:#6b6b80}.beve.light .beve-toolbar-center i{color:#7c3aed}.beve.light .beve-toolbar-btn{color:#5b21b6;background:#7c3aed0f;border-color:#7c3aed2e}.beve.light .beve-toolbar-btn:hover{background:#7c3aed1f;border-color:#7c3aed4d;box-shadow:0 0 6px #7c3aed14}.beve.light .beve-toolbar-btn.primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#7c3aed}.beve.light .beve-toolbar-btn.primary:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.beve.light .beve-save-status{color:#6b7280;background:#00000008;border-color:#00000014}.beve.light .beve-save-status.saved{color:#059669;background:#05966914;border-color:#05966933}.beve.light .beve-save-status.pending{color:#d97706;background:#d9770614;border-color:#d977062e}.beve.light .beve-sidebar{background:linear-gradient(#fff,#faf9fe);border-right:1px solid #e8e0f5}.beve.light .beve-sidebar-header{color:#7c3aed}.beve.light .beve-sidebar-page{color:#6b6b80}.beve.light .beve-sidebar-page:hover{color:#5b21b6;background:#7c3aed0f}.beve.light .beve-sidebar-page.active{color:#4c1d95;background:linear-gradient(135deg,#7c3aed1a,#a78bfa1a);box-shadow:0 0 8px #7c3aed0d}.beve.light .beve-sidebar-page.active:before{background:linear-gradient(#8b5cf6,#7c3aed);box-shadow:0 0 6px #7c3aed4d}.beve.light .beve-sidebar-page .beve-page-num{color:#6b6b80;background:#7c3aed0f}.beve.light .beve-sidebar-page.active .beve-page-num{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.beve.light .beve-canvas{background:radial-gradient(at 20% 0,#7c3aed08 0%,#0000 60%),radial-gradient(at 80% 100%,#a78bfa08 0%,#0000 60%),#f0eff5}.beve.light .beve-canvas::-webkit-scrollbar-track{background:#f0eff5}.beve.light .beve-canvas::-webkit-scrollbar-thumb{background:#7c3aed33}.beve.light .beve-canvas::-webkit-scrollbar-thumb:hover{background:#7c3aed59}.beve.light .beve-page{background:#fff;border-color:#e0d9f0;box-shadow:0 1px 4px #0000000f,0 4px 16px #0000000a}.beve.light .beve-page:hover{box-shadow:0 1px 4px #0000000f,0 4px 16px #0000000a,0 0 16px #7c3aed0f}.beve.light .beve-col-student{background:#fff;border-right:none}.beve.light .beve-col-tutor{color:#2c3040;background:#fff}.beve.light .beve-col-tutor .beve-sub-heading{color:#1e1e2e;border-bottom-color:#e0e4ee}.beve.light .beve-col-tutor .beve-sub-heading i{color:#7c3aed}.beve.light .beve-col-tutor .beve-sub-heading .kr-label{color:#9ca3af}.beve.light .beve-col-tutor .beve-guide-q{color:#2c3040;background:#f8f9fc;border-color:#e0e4ee}.beve.light .beve-col-tutor .beve-guide-q span{color:#7c3aed!important}.beve.light .beve-col-tutor .beve-rich-input{color:#2c3040;caret-color:#2c3040}.beve.light .beve-col-tutor .beve-rich-input:hover{background:#7c3aed08;border-color:#7c3aed40}.beve.light .beve-col-tutor .beve-rich-input:focus{color:#1a1e2e;background:#7c3aed0d;box-shadow:0 0 0 3px #7c3aed1a}.beve.light .beve-col-tutor .beve-rich-input strong,.beve.light .beve-col-tutor .beve-rich-input b{color:#7c3aed}.beve.light .beve-col-tutor .beve-rich-placeholder:empty:before,.beve.light .beve-col-tutor .beve-rich-hint{color:#9ca3af}.beve.light .beve-col-tutor .beve-rich-hint kbd{color:#7c3aed;background:#f1f5f9;border-color:#e2e8f0}.beve.light .beve-col-tutor .beve-icon-btn{color:#6b7080;background:#0000000a}.beve.light .beve-col-tutor .beve-icon-btn:hover{color:#3f4050;background:#00000014}.beve.light .beve-col-tutor .beve-icon-btn.danger:hover{color:#dc2626;background:#ef44441a}.beve.light .beve-col-tutor-title{color:#fff}.beve.light .beve-col-tutor-title i{color:#a78bfa}.beve.light .beve-section-banner{background:linear-gradient(100deg,#e8eaf6 0%,#ede7f6 35%,#f3e5f5 60%,#e8eaf6 100%);border-color:#7c3aed2e;box-shadow:0 2px 12px #00000014,0 0 20px #7c3aed0f}.beve.light .beve-section-banner:before{background:linear-gradient(90deg,#0000,#7c3aed40 30%,#a78bfa33 60%,#0000)}.beve.light .beve-chevron-connector{background:#00003214}.beve.light .beve-chevron-num{color:#1e1e3c4d;background:#0000320a;border-color:#0000321a}.beve.light .beve-chevron.completed .beve-chevron-connector{background:#7c3aed40}.beve.light .beve-chevron.completed .beve-chevron-num{color:#5b21b6;background:#7c3aed1f;border-color:#7c3aed59}.beve.light .beve-chevron.active .beve-chevron-connector{background:#7c3aed40}.beve.light .beve-chevron.active .beve-chevron-num{color:#fff;background:#7c3aed;border-color:#7c3aed;box-shadow:0 0 8px #7c3aed4d}.beve.light .beve-editable:hover{background:#7c3aed08;border-color:#7c3aed40}.beve.light .beve-editable:focus{background:#7c3aed0d;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a,0 0 8px #7c3aed0a}.beve.light .beve-rich-input:hover{background:#7c3aed08;border-color:#7c3aed40}.beve.light .beve-rich-input:focus{background:#7c3aed0d;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a,0 0 8px #7c3aed0a}.beve.light .beve-rich-placeholder:empty:before{color:#9ca3af}.beve.light .beve-rich-input strong,.beve.light .beve-rich-input b{color:#7c3aed}.beve.light .beve-rich-input u{text-decoration-color:#7c3aed66}.beve.light .beve-rich-hint{color:#9ca3af}.beve.light .beve-rich-hint kbd{color:#7c3aed;background:#f1f5f9;border-color:#e2e8f0}.beve.light .beve-goal-box{background:linear-gradient(135deg,#7c3aed0a,#a78bfa08);border-color:#7c3aed26 #7c3aed26 #7c3aed26 #7c3aed}.beve.light .beve-goal-label{color:#7c3aed}.beve.light .beve-goal-en{color:#1e1e2e}.beve.light .beve-goal-kr{color:#6b6b80}.beve.light .beve-situation-box{background:#fafafe;border-color:#e0d9f0}.beve.light .beve-situation-label{color:#3f3f50}.beve.light .beve-situation-label i{color:#7c3aed}.beve.light .beve-situation-en{color:#3f3f50}.beve.light .beve-situation-kr{color:#6b6b80}.beve.light .beve-pattern-card{background:#fafafe;border-color:#e0d9f0}.beve.light .beve-pattern-card:hover{background:#7c3aed08;border-color:#7c3aed40;box-shadow:0 0 8px #7c3aed0a}.beve.light .beve-pattern-en{color:#1e1e2e}.beve.light .beve-pattern-kr{color:#6b6b80}.beve.light .beve-icon-btn{color:#9ca3af}.beve.light .beve-icon-btn:hover{color:#7c3aed;background:#7c3aed14}.beve.light .beve-icon-btn.danger:hover{color:#dc2626;background:#ef444414}.beve.light .beve-add-btn{color:#9ca3af;border-color:#7c3aed26}.beve.light .beve-add-btn:hover{color:#7c3aed;background:#7c3aed08;border-color:#7c3aed59}.beve.light .beve-vocab-table th{color:#7c3aed;border-bottom-color:#e0d9f0}.beve.light .beve-vocab-table td{color:#3f3f50;border-bottom-color:#f0eff5}.beve.light .beve-vocab-table tr:hover td{background:#7c3aed08}.beve.light .beve-vocab-word{color:#1e1e2e}.beve.light .beve-vocab-pos{color:#9ca3af}.beve.light .beve-vocab-translation{color:#6b6b80}.beve.light .beve-pronun-box{background:#7c3aed08;border-color:#e0d9f0}.beve.light .beve-pronun-title,.beve.light .beve-pronun-word{color:#3f3f50}.beve.light .beve-pronun-symbol.beve-editable:hover{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border-color:#7c3aed40}.beve.light .beve-pronun-symbol.beve-editable:focus{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a,0 0 8px #7c3aed0a}.beve.light .beve-pronun-word:nth-child(odd){background:#7c3aed0a}.beve.light .beve-block-remove-btn{background:#ef44440f}.beve.light .beve-block-remove-btn:hover{background:#ef444424;border-color:#ef444440}.beve.light .beve-block-add-btn{color:#7c3aed;background:#7c3aed05;border-color:#7c3aed26}.beve.light .beve-block-add-btn:hover{color:#6d28d9;background:#7c3aed0d;border-color:#7c3aed59}.beve.light .beve-step-card{background:#fff;border-color:#e0d9f0}.beve.light .beve-step-header{color:#1e1e2e;background:linear-gradient(135deg,#f5f3fb 0%,#f0ecf9 50%,#f5f3fb 100%)}.beve.light .beve-step-body{background:#fff}.beve.light .beve-step-instruction{color:#6b6b80;background:#7c3aed0a;border-left-color:#7c3aed}.beve.light .beve-step-instruction-kr{color:#9ca3af}.beve.light .beve-dialogue-line.tutor{background:linear-gradient(135deg,#7c3aed0f,#a78bfa0a);border-color:#7c3aed1a}.beve.light .beve-dialogue-line.student{background:#fafafe;border-color:#e8e0f5}.beve.light .beve-dialogue-role{color:#7c3aed}.beve.light .beve-dialogue-line.student .beve-dialogue-role,.beve.light .beve-dialogue-text{color:#3f3f50}.beve.light .beve-dialogue-text-kr{color:#9ca3af}.beve.light .beve-challenge-box{background:linear-gradient(135deg,#7c3aed0d,#a78bfa08);border-color:#7c3aed33}.beve.light .beve-challenge-box:before{background:linear-gradient(90deg,#0000,#8b5cf6,#0000)}.beve.light .beve-challenge-title{color:#7c3aed}.beve.light .beve-challenge-scenario{color:#3f3f50}.beve.light .beve-challenge-scenario-kr{color:#6b6b80}.beve.light .beve-disc-cat{background:#fafafe;border-color:#e0d9f0}.beve.light .beve-disc-cat:hover{background:#7c3aed08;border-color:#7c3aed40}.beve.light .beve-disc-cat-title{color:#7c3aed}.beve.light .beve-disc-q{color:#3f3f50}.beve.light .beve-disc-q:before{color:#7c3aed}.beve.light .beve-feedback-review{background:#7c3aed08;border-color:#e0d9f0}.beve.light .beve-feedback-label{color:#7c3aed}.beve.light .beve-feedback-template{color:#3f3f50;background:#fafafe;border-color:#e0d9f0}.beve.light .beve-feedback-template strong{color:#7c3aed}.beve.light .beve-tutor-note{color:#3f3f50;background:#fff;border-color:#d8cef0 #d8cef0 #eaedf3;border-bottom-style:solid;border-bottom-width:1px;box-shadow:0 1px 3px #0000000f}.beve.light .beve-tutor-note:last-of-type{border-bottom:none}.beve.light .beve-tutor-note:hover{background:#faf8ff;border-color:#7c3aed4d;box-shadow:0 2px 8px #7c3aed14}.beve.light .beve-tutor-note.drag-over{background:#f4eeff;box-shadow:inset 0 0 0 1px #7c3aed40}.beve.light .beve-tutor-note.script{color:#5b21b6;background:#7c3aed0a;border-left:4px solid #7c3aed}.beve.light .beve-tutor-note.script:before,.beve.light .beve-tutor-note.instruction:before{color:#3a5090}.beve.light .beve-tutor-note.instruction{background:#3b82f608;border-left:4px solid #3b82f6}.beve.light .beve-tutor-note.tip{background:#fffbeb;border-left:4px solid #f59e0b}.beve.light .beve-tutor-note.question{color:#6d28d9;background:#7c3aed0d;border-left:4px solid #8b5cf6}.beve.light .beve-tutor-note.script .beve-tutor-note-type{color:#7c3aed;background:#7c3aed14}.beve.light .beve-tutor-note.instruction .beve-tutor-note-type{color:#2563eb;background:#2563eb14}.beve.light .beve-tutor-note.tip .beve-tutor-note-type{color:#d97706;background:#d9770614}.beve.light .beve-tutor-note.question .beve-tutor-note-type{color:#7c3aed;background:#7c3aed14}.beve.light .beve-tutor-note-drag{color:#9ca3af}.beve.light .beve-tutor-note-drag:hover{color:#7c3aed}.beve.light .beve-tutor-add-note{color:#8992a4;border-color:#c5cad6}.beve.light .beve-tutor-add-note:hover{color:#3a5090;background:#f5f7fc;border-color:#7889ac}.beve.light .beve-practice-note-group{background:#fcfbff;border-color:#d8cef0;box-shadow:0 1px 3px #0000000a}.beve.light .beve-practice-note-group-header{border-bottom-color:#e6def6}.beve.light .beve-practice-note-group-eyebrow{color:#6d5db2}.beve.light .beve-practice-note-group-title,.beve.light .beve-practice-note-panel-title{color:#7c3aed}.beve.light .beve-fill-table td{color:#3f3f50;border-color:#e0d9f0}.beve.light .beve-fill-table .blank{color:#7c3aed;background:#7c3aed0d;border-color:#7c3aed26}.beve.light .beve-lesson-type-select{color:#7c3aed;background:#7c3aed0f;border-color:#d0c4f0}.beve.light .beve-lesson-type-select:hover{background:#7c3aed1a;border-color:#7c3aed}.beve.light .beve-lesson-type-select option{color:#3f3f50;background:#fff}.beve.light .beve-drill-card{background:#7c3aed05;border-color:#e0d9f0}.beve.light .beve-drill-label{color:#1e1e2e}.beve.light .beve-drill-label-kr{color:#9ca3af}.beve.light .beve-drill-template{color:#7c3aed;background:#7c3aed0d;border-color:#e0d9f0}.beve.light .beve-drill-table td{color:#3f3f50;border-color:#f0ecf7}.beve.light .beve-drill-table td:nth-child(2){color:#9ca3af}.beve.light .beve-word-box{background:linear-gradient(135deg,#7c3aed08,#a78bfa03);border-color:#d0c4f0}.beve.light .beve-word-box-label{color:#7c3aed}.beve.light .beve-word-box-item{color:#3f3f50;background:#7c3aed0f;border-color:#d0c4f0}.beve.light .beve-word-box-trans{color:#9ca3af}.beve.light .beve-hint-box{background:linear-gradient(135deg,#7c3aed0a,#a78bfa05);border-color:#e0d9f0}.beve.light .beve-hint-label{color:#7c3aed}.beve.light .beve-hint-en{color:#1e1e2e}.beve.light .beve-hint-kr{color:#6b6b80}.beve.light .beve-guide-q{color:#3f3f50;background:#fafafe;border-color:#e0d9f0}.beve.light .beve-col-tutor .beve-guide-q .beve-rich-input,.beve.light .beve-col-tutor .beve-guide-q .beve-rich-input strong,.beve.light .beve-col-tutor .beve-guide-q .beve-rich-input b{color:#7c3aed;caret-color:#7c3aed}.beve.light .beve-sub-heading{color:#1e1e2e;border-bottom-color:#e0d9f0}.beve.light .beve-sub-heading i{color:#7c3aed}.beve.light .beve-sub-heading .kr-label{color:#9ca3af}.beve.light .beve-next-lesson{color:#6b6b80;background:linear-gradient(135deg,#7c3aed0a,#a78bfa05);border-color:#e0d9f0}.beve.light .beve-next-lesson i{color:#7c3aed}.beve.light .beve-next-lesson strong{color:#1e1e2e}.beve.light.beve-loading,.beve.light .beve-loading,.beve.light.beve-error,.beve.light .beve-error{color:#6b6b80;background:#f4f4f8}@media (width<=900px){.beve.light .beve-col-tutor{border-top:2px solid #627aa8}}.beve-activity-blocks-area{margin-top:20px}.beve-activity-block{background:#7c3aed0f;border:1px solid #7c3aed2e;border-radius:10px;margin-bottom:14px;padding:14px 16px;position:relative}.beve-activity-header{border-bottom:1px solid #7c3aed1f;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;display:flex}.beve-activity-header>i{color:#a78bfa;flex-shrink:0;font-size:18px}.beve-activity-header .beve-activity-title{color:#e0e0e8;border-radius:4px;flex:1;padding:2px 6px;font-size:14px;font-weight:700}.beve-activity-header .beve-activity-title:hover{background:#ffffff0d}.beve-activity-header .beve-icon-btn.danger{opacity:0;transition:opacity .2s}.beve-activity-block:hover .beve-activity-header .beve-icon-btn.danger{opacity:1}.beve-add-activity-wrap{margin-top:12px;position:relative}.beve-add-activity-btn{color:#a78bfa;cursor:pointer;background:#7c3aed0a;border:2px dashed #7c3aed40;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.beve-add-activity-btn:hover{background:#7c3aed1a;border-color:#a78bfa}.beve-add-activity-btn i{font-size:18px}.beve-add-activity-dropdown{z-index:50;background:#1e1e2e;border:1px solid #7c3aed4d;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:4px;padding:6px;display:grid;position:absolute;bottom:100%;left:0;right:0;box-shadow:0 8px 32px #0006}.beve-add-activity-option{color:#d4d4dc;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:background .15s;display:flex}.beve-add-activity-option:hover{color:#fff;background:#7c3aed26}.beve-add-activity-option i{color:#a78bfa;font-size:16px}.beve-matching-table{border-collapse:collapse;width:100%;font-size:13px}.beve-matching-table th{color:#a78bfa;text-transform:uppercase;letter-spacing:.4px;text-align:left;border-bottom:1px solid #7c3aed26;padding:4px 8px;font-size:10px;font-weight:700}.beve-matching-table td{border-bottom:1px solid #ffffff0a;padding:4px 8px}.beve-mcq-item{background:#00000026;border-radius:8px;margin-bottom:12px;padding:10px 12px;position:relative}.beve-mcq-question{align-items:center;gap:6px;margin-bottom:8px;display:flex}.beve-mcq-num{color:#a78bfa;flex-shrink:0;font-size:14px;font-weight:700}.beve-mcq-options{flex-direction:column;gap:4px;padding-left:20px;display:flex}.beve-mcq-option{border-radius:6px;align-items:center;gap:6px;padding:4px 8px;transition:background .15s;display:flex}.beve-mcq-option.correct{background:#22c55e14}.beve-mcq-radio{cursor:pointer;color:#71717a;background:0 0;border:none;padding:0;font-size:16px}.beve-mcq-option.correct .beve-mcq-radio{color:#22c55e}.beve-reorder-item{background:#00000026;border-radius:8px;margin-bottom:10px;padding:10px 12px;position:relative}.beve-reorder-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.beve-reorder-label{color:#a78bfa;text-transform:uppercase;flex-shrink:0;width:55px;font-size:10px;font-weight:700}.beve-error-item{background:#00000026;border-radius:8px;margin-bottom:10px;padding:10px 12px;position:relative}.beve-error-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.beve-error-label{text-align:center;flex-shrink:0;width:20px;font-size:14px;font-weight:700}.beve-error-row:first-child .beve-error-label{color:#ef4444}.beve-error-row:nth-child(2) .beve-error-label{color:#22c55e}.beve-error-row:nth-child(3) .beve-error-label{color:#71717a}.beve-dialogue-slot{border-left:3px solid #71717a;border-radius:8px;margin-bottom:6px;padding:8px 12px}.beve-dialogue-slot.tutor{background:#7c3aed0d;border-left-color:#a78bfa}.beve-dialogue-slot.student{background:#3b82f60d;border-left-color:#3b82f6}.beve-dialogue-slot.blank{opacity:.85;border-left-style:dashed}.beve-dialogue-slot-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.beve-dialogue-role-select{color:#d4d4dc;background:#0003;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.beve-dialogue-blank-toggle{color:#71717a;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:4px;padding:2px 8px;font-size:10px}.beve-dialogue-blank-toggle.active{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b4d}.beve-tf-item{margin-bottom:8px}.beve-tf-statement{align-items:center;gap:6px;margin-bottom:4px;display:flex}.beve-tf-num{color:#a78bfa;flex-shrink:0;font-size:13px;font-weight:700}.beve-tf-answer{align-items:center;gap:4px;padding-left:20px;display:flex}.beve-tf-btn{color:#71717a;cursor:pointer;background:#00000026;border:1px solid #ffffff1a;border-radius:4px;padding:3px 14px;font-size:11px;font-weight:600;transition:all .15s}.beve-tf-btn.active{color:#22c55e;background:#22c55e26;border-color:#22c55e4d}.beve-reading-passage{background:#00000026;border-radius:8px;min-height:80px;margin-bottom:10px;padding:12px 14px;font-size:13px;line-height:1.6}.beve-reading-questions{padding-top:6px}.beve-reading-q{align-items:flex-start;gap:6px;margin-bottom:6px;display:flex}.beve-reading-q-num{color:#a78bfa;flex-shrink:0;padding-top:2px;font-size:13px;font-weight:700}.beve-categorize-grid{gap:10px;margin-bottom:8px;display:grid}.beve-categorize-col{background:#0000001f;border-radius:8px;padding:10px 12px}.beve-categorize-col-header{border-bottom:1px solid #7c3aed1f;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:6px;font-size:13px;font-weight:700;display:flex}.beve-categorize-item{background:#7c3aed0f;border-radius:5px;align-items:center;gap:4px;margin-bottom:4px;padding:3px 6px;display:flex}.beve-readonly-ref{pointer-events:none;-webkit-user-select:text;user-select:text;background:#7c3aed0a;border:1px solid #7c3aed1f;border-radius:10px;margin-bottom:14px;padding:14px 16px}.beve-readonly-ref .beve-goal-label{text-transform:uppercase;letter-spacing:.5px;color:#a78bfa;align-items:center;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.beve-readonly-ref .beve-goal-en{color:#e0e0e8;margin-bottom:2px;font-size:15px;font-weight:600}.beve-readonly-ref .beve-goal-kr{color:#a1a1aa;font-size:13px}.beve-key-expr-ref{margin-top:0}.beve-key-expr-row{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.beve-key-expr-num{color:#a78bfa;flex-shrink:0;padding-top:1px;font-size:14px;font-weight:700}.beve-key-expr-en{color:#e0e0e8;font-size:14px;font-weight:600}.beve-key-expr-kr{color:#a1a1aa;margin-top:1px;font-size:12px}.beve.light .beve-activity-block{background:#7c3aed0a;border-color:#7c3aed26}.beve.light .beve-activity-header .beve-activity-title{color:#1e1e2e}.beve.light .beve-activity-header .beve-activity-title:hover{background:#0000000a}.beve.light .beve-add-activity-dropdown{background:#fff;border-color:#7c3aed33;box-shadow:0 8px 32px #0000001f}.beve.light .beve-add-activity-option{color:#3f3f50}.beve.light .beve-add-activity-option:hover{color:#1e1e2e;background:#7c3aed14}.beve.light .beve-mcq-item,.beve.light .beve-reorder-item,.beve.light .beve-error-item{background:#00000008}.beve.light .beve-mcq-option.correct{background:#22c55e0f}.beve.light .beve-dialogue-role-select{color:#3f3f50;background:#0000000a;border-color:#0000001f}.beve.light .beve-tf-btn{color:#71717a;background:#0000000a;border-color:#0000001a}.beve.light .beve-tf-btn.active{color:#16a34a;background:#22c55e1a;border-color:#22c55e40}.beve.light .beve-reading-passage,.beve.light .beve-categorize-col{background:#00000008}.beve.light .beve-categorize-item{background:#7c3aed0a}.beve.light .beve-readonly-ref{background:#7c3aed08;border-color:#7c3aed1a}.beve.light .beve-readonly-ref .beve-goal-en{color:#1e1e2e}.beve.light .beve-readonly-ref .beve-goal-kr{color:#6b6b80}.beve.light .beve-key-expr-en{color:#1e1e2e}.beve.light .beve-key-expr-kr{color:#6b6b80}.beve.light .beve-matching-table td{border-bottom-color:#0000000d}.beve-img-grid{gap:10px;width:100%;display:grid}.beve-img-grid.beve-img-single{grid-template-columns:1fr;max-width:320px;margin:0 auto}.beve-img-grid.beve-img-double,.beve-img-grid.beve-img-triple{grid-template-columns:1fr 1fr}.beve-img-grid.beve-img-triple .beve-img-cell:nth-child(3){grid-column:1/-1;justify-self:center;max-width:calc(50% - 5px)}.beve-img-grid.beve-img-quad{grid-template-columns:1fr 1fr}.beve-img-cell{flex-direction:column;align-items:center;display:flex}.beve-img-square{aspect-ratio:1;background:#00000026;border:2px solid #7c3aed1f;border-radius:12px;width:100%;transition:border-color .2s;position:relative;overflow:hidden}.beve-img-square:hover{border-color:#7c3aed59}.beve-img-square img{object-fit:cover;width:100%;height:100%;display:block}.beve-img-remove{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;opacity:0;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:opacity .2s;display:flex;position:absolute;top:6px;right:6px}.beve-img-square:hover .beve-img-remove{opacity:1}.beve-img-remove:hover{background:#ef4444cc}.beve-img-label{text-align:center;color:#a1a1aa;border-radius:4px;width:100%;margin-top:6px;padding:2px 4px;font-size:12px}.beve-img-label:hover{background:#ffffff0d}.beve-img-add-btn{margin-top:10px}.beve.light .beve-img-square{background:#0000000a;border-color:#7c3aed1a}.beve.light .beve-img-square:hover{border-color:#7c3aed4d}.beve.light .beve-img-remove{background:#00000073}.beve.light .beve-img-label{color:#6b6b80}.beve.light .beve-img-label:hover{background:#00000008}.beve-preview{--beve-tutor-sticky-top:16px;--beve-tutor-sticky-bottom-gap:16px}.beve-preview .beve-toolbar,.beve-preview .beve-sidebar{display:none}.beve-preview .beve-body{flex:1;display:block;overflow:hidden}.beve-preview .beve-canvas{height:100%;padding-top:24px;padding-bottom:48px}.beve-preview .beve-toolbar-center{color:#a1a1aa}.beve-preview .beve-canvas{padding-bottom:48px}.beve-preview-type-pill{color:#a78bfa;letter-spacing:.8px;text-transform:uppercase;background:#7c3aed26;border:1px solid #7c3aed59;border-radius:5px;align-items:center;padding:3px 10px;font-size:9px;font-weight:700;display:inline-flex}.beve-preview .beve-preview-static-rich{white-space:pre-wrap;word-break:break-word}.beve-preview .beve-preview-empty{color:#71717a;font-size:13px;font-style:italic;line-height:1.6}.beve-preview .beve-step-body>.beve-preview-static-rich+.beve-dialogue,.beve-preview .beve-step-body>.beve-preview-static-rich+.beve-word-box{margin-top:12px}.beve-preview .beve-preview-step-note-title{color:#7c3aed;margin-top:12px;margin-bottom:6px;font-size:11px;font-weight:700}.beve-preview .beve-preview-step-note-title:first-child{margin-top:0}.beve-preview .beve-preview-roleplay-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.beve-preview .beve-preview-role-label{color:#a78bfa;margin-bottom:6px;font-size:11px;font-weight:700}.beve-preview .beve-preview-role-list{flex-direction:column;gap:6px;display:flex}.beve-preview .beve-preview-radio{color:#71717a;font-size:16px;line-height:1}.beve-preview .beve-preview-role-pill,.beve-preview .beve-preview-blank-pill{letter-spacing:.3px;text-transform:uppercase;border-radius:999px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.beve-preview .beve-preview-role-pill{color:#c4b5fd;background:#7c3aed1f;border:1px solid #7c3aed38}.beve-preview .beve-preview-blank-pill{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b38}.beve-preview .beve-preview-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.beve-preview .beve-preview-image-card{background:#ffffff08;border:1px solid #7c3aed29;border-radius:8px;margin:0;overflow:hidden}.beve-preview .beve-preview-image-card img,.beve-preview .beve-preview-image-placeholder{aspect-ratio:16/10;width:100%;display:block}.beve-preview .beve-preview-image-card img{object-fit:cover}.beve-preview .beve-preview-image-placeholder{color:#a78bfa;background:#7c3aed0f;justify-content:center;align-items:center;font-size:28px;display:flex}.beve-preview .beve-preview-image-card figcaption{color:#a1a1aa;padding:10px 12px;font-size:12px;line-height:1.5}.beve-preview.light .beve-preview-type-pill{color:#5b21b6;background:#7c3aed14;border-color:#7c3aed33}.beve-preview.light .beve-preview-role-label,.beve-preview.light .beve-preview-step-note-title{color:#7c3aed}.beve-preview.light .beve-preview-role-pill{color:#5b21b6;background:#7c3aed14;border-color:#7c3aed2e}.beve-preview.light .beve-preview-image-card{background:#00000005;border-color:#7c3aed1a}.beve-preview.light .beve-preview-image-card figcaption{color:#6b6b80}@media (width<=900px){.beve-preview .beve-preview-roleplay-grid,.beve-preview .beve-preview-image-grid{grid-template-columns:1fr}}:root{--beai-bg:#0d0b14;--beai-surface:#16132a;--beai-surface-hover:#1e1a36;--beai-border:#8b5cf633;--beai-accent:#8b5cf6;--beai-accent-dim:#7c3aed;--beai-accent-glow:#8b5cf666;--beai-accent-subtle:#8b5cf614;--beai-cyan:#06b6d4;--beai-green:#10b981;--beai-red:#ef4444;--beai-text:#c8c0e0;--beai-text-dim:#8b82a8;--beai-text-bright:#f0ecff;--beai-radius:10px}.beai-fab{background:var(--beai-bg);width:56px;height:56px;color:var(--beai-accent);border:2px solid var(--beai-accent);cursor:pointer;box-shadow:0 0 20px var(--beai-accent-glow), 0 8px 24px #0009, inset 0 0 20px #8b5cf61a;z-index:999;border-radius:50%;justify-content:center;align-items:center;font-size:24px;transition:all .3s;animation:2s ease-in-out infinite beai-pulse;display:flex;position:fixed;bottom:30px;right:20px}@keyframes beai-pulse{0%,to{box-shadow:0 0 20px var(--beai-accent-glow), 0 8px 24px #0009}50%{box-shadow:0 0 35px var(--beai-accent-glow), 0 8px 24px #0009}}.beai-fab:hover{box-shadow:0 0 40px var(--beai-accent-glow), 0 12px 32px #000c;background:#8b5cf61a;transform:scale(1.1)}.beai-fab-badge{background:var(--beai-accent);color:#fff;border-radius:8px;padding:2px 5px;font-size:10px;font-weight:700;line-height:1;position:absolute;top:-4px;right:-4px}.beai-panel{background:var(--beai-bg);border-radius:var(--beai-radius);border:1px solid var(--beai-border);z-index:1000;flex-direction:column;width:540px;max-width:calc(100vw - 36px);max-height:calc(100vh - 80px);display:flex;position:fixed;top:40px;right:18px;overflow:hidden;box-shadow:0 0 40px #8b5cf61f,0 8px 32px #000000b3}.beai-header{border-bottom:1px solid var(--beai-border);background:linear-gradient(135deg,#1a1530,#251e42);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.beai-header-left{align-items:center;gap:8px;display:flex}.beai-header-left>i{color:var(--beai-accent);font-size:24px}.beai-header-title{color:var(--beai-text-bright);font-size:16px;font-weight:700}.beai-header-subtitle{color:var(--beai-accent);background:var(--beai-accent-subtle);text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600}.beai-close-btn{color:var(--beai-text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:20px;transition:all .2s}.beai-close-btn:hover{color:var(--beai-text-bright);background:#ffffff0f}.beai-section-tabs{background:var(--beai-surface);border-bottom:1px solid var(--beai-border);grid-template-columns:1fr;gap:8px;max-height:230px;padding:12px 14px;display:grid;overflow:hidden auto}.beai-section-tabs::-webkit-scrollbar{width:4px;height:0}.beai-section-tabs::-webkit-scrollbar-thumb{background:#8b5cf640;border-radius:2px}.beai-section-tab{color:var(--beai-text-dim);cursor:pointer;white-space:normal;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:4px;width:100%;padding:10px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex;position:relative}.beai-section-tab:hover{background:var(--beai-surface-hover);color:var(--beai-text)}.beai-section-tab.active{border-color:var(--beai-accent);color:var(--beai-accent);background:#8b5cf61f}.beai-section-tab.has-content{color:var(--beai-green)}.beai-section-tab.active.has-content{color:var(--beai-accent)}.beai-tab-num{color:inherit;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.beai-section-tab.active .beai-tab-num{background:var(--beai-accent);color:#fff}.beai-tab-label{text-align:left;flex:1;font-size:12px;line-height:1.2}.beai-tab-check{color:var(--beai-green);font-size:12px}.beai-content{flex-direction:column;flex:1;gap:10px;padding:14px 16px;display:flex;overflow-y:auto}.beai-content::-webkit-scrollbar{width:4px}.beai-content::-webkit-scrollbar-track{background:0 0}.beai-content::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:2px}.beai-section-info{background:var(--beai-surface);border:1px solid var(--beai-border);border-radius:8px;align-items:center;gap:10px;padding:12px 14px;display:flex}.beai-section-info>i{color:var(--beai-accent);font-size:22px}.beai-section-info strong{color:var(--beai-text-bright);font-size:15px;display:block}.beai-section-desc{color:var(--beai-text-dim);margin-top:1px;font-size:12px;display:block}.beai-quick-actions{border:1px solid var(--beai-border);background:linear-gradient(135deg,#8b5cf614,#7c3aed0a);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.beai-quick-actions-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.beai-quick-actions-copy strong{color:var(--beai-text-bright);font-size:14px}.beai-quick-actions-copy span{color:var(--beai-text-dim);font-size:12px}.beai-progress-bar{background:var(--beai-surface);border:1px solid var(--beai-border);border-radius:10px;height:22px;position:relative;overflow:hidden}.beai-progress-fill{background:linear-gradient(90deg, var(--beai-accent-dim), var(--beai-accent));border-radius:10px;height:100%;transition:width .4s}.beai-progress-text{color:var(--beai-text);font-size:12px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.beai-mode-toggle{background:var(--beai-surface);border:1px solid var(--beai-border);border-radius:8px;gap:4px;padding:3px;display:flex}.beai-mode-btn{color:var(--beai-text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.beai-mode-btn:hover:not(:disabled){color:var(--beai-text);background:#ffffff0a}.beai-mode-btn.active{color:var(--beai-accent);background:#8b5cf626}.beai-mode-btn:disabled{opacity:.4;cursor:not-allowed}.beai-mode-btn i{font-size:14px}.beai-prompt-area{flex-direction:column;gap:4px;display:flex}.beai-prompt-label{color:var(--beai-text-dim);align-items:center;gap:4px;font-size:12px;display:flex}.beai-prompt-label i{font-size:12px}.beai-prompt-input{border:1px solid var(--beai-border);background:var(--beai-surface);width:100%;color:var(--beai-text);resize:vertical;box-sizing:border-box;border-radius:6px;min-height:44px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.beai-prompt-input::placeholder{color:var(--beai-text-dim);opacity:.6}.beai-prompt-input:focus{border-color:var(--beai-accent);outline:none}.beai-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;align-items:center;gap:6px;padding:8px 10px;font-size:13px;display:flex}.beai-error i{color:var(--beai-red);font-size:14px}.beai-batch-progress{flex-direction:column;gap:4px;display:flex}.beai-batch-bar{background:var(--beai-surface);border-radius:2px;height:4px;overflow:hidden}.beai-batch-fill{background:linear-gradient(90deg, var(--beai-accent-dim), var(--beai-accent));border-radius:2px;height:100%;transition:width .3s}.beai-batch-text{color:var(--beai-text-dim);text-align:center;font-size:12px}.beai-preview{border:1px solid var(--beai-border);border-radius:8px;overflow:hidden}.beai-preview-header{background:var(--beai-surface);border-bottom:1px solid var(--beai-border);color:var(--beai-text-bright);justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.beai-preview-actions{gap:4px;display:flex}.beai-preview-content{max-height:250px;padding:8px;overflow-y:auto}.beai-preview-content::-webkit-scrollbar{width:4px}.beai-preview-content::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:2px}.beai-preview-json{color:var(--beai-text);white-space:pre-wrap;word-break:break-word;background:#0000004d;border-radius:4px;margin:0;padding:8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px}.beai-preview-empty{text-align:center;color:var(--beai-text-dim);padding:20px;font-size:12px}.beai-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.beai-btn i{font-size:14px}.beai-btn-primary{background:var(--beai-accent);color:#fff}.beai-btn-primary:hover{background:var(--beai-accent-dim)}.beai-btn-secondary{color:var(--beai-text);background:#ffffff0f}.beai-btn-secondary:hover{background:#ffffff1a}.beai-generate-buttons{flex-direction:column;gap:6px;margin-top:auto;padding-top:6px;display:flex}.beai-btn-generate{background:linear-gradient(135deg, var(--beai-accent-dim), var(--beai-accent));color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 12px var(--beai-accent-glow);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.beai-btn-generate:hover:not(:disabled){box-shadow:0 6px 20px var(--beai-accent-glow);transform:translateY(-1px)}.beai-btn-generate:disabled{opacity:.5;cursor:not-allowed;transform:none}.beai-btn-batch{background:var(--beai-surface);width:100%;color:var(--beai-text);border:1px solid var(--beai-border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.beai-btn-batch:hover:not(:disabled){border-color:var(--beai-accent);color:var(--beai-accent);background:#8b5cf60f}.beai-btn-batch:disabled{opacity:.4;cursor:not-allowed}.beai-btn-batch-top{white-space:nowrap;width:auto;min-width:150px;color:var(--beai-text-bright);background:#8b5cf61f;border-color:#8b5cf659}@media (width<=640px){.beai-btn-batch-top{width:100%}}.beai-btn-batch-top:hover:not(:disabled){color:#fff;background:#8b5cf62e}@keyframes beai-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.beai-spin{animation:1s linear infinite beai-spin}.admin-tasks-page{width:100%;min-width:0;max-width:1180px;color:var(--text-primary);margin:0 auto}.admin-tasks-header,.admin-tasks-list-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-tasks-header{margin-bottom:24px}.admin-tasks-header h1{margin:0 0 4px;font-size:28px}.admin-tasks-header p{color:var(--text-secondary);margin:0}.admin-tasks-count{color:var(--primary);font-weight:700}.admin-tasks-form{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;margin-bottom:30px;padding:22px}.admin-tasks-form-heading{color:var(--primary);align-items:center;gap:9px;margin-bottom:18px;display:flex}.admin-tasks-form-heading h2,.admin-tasks-list-head h2{color:var(--text-primary);margin:0;font-size:18px}.admin-tasks-form-heading i{font-size:21px}.admin-tasks-fields{grid-template-columns:minmax(0,1fr) 160px 210px;gap:14px;display:grid}.admin-tasks-form label,.admin-task-status-label{color:var(--text-secondary);flex-direction:column;gap:7px;font-size:13px;font-weight:700;display:flex}.admin-tasks-form label span{font-weight:400}.admin-tasks-form input,.admin-tasks-form textarea,.admin-tasks-form select,.admin-task-status{box-sizing:border-box;border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);font:inherit;border-radius:6px;padding:10px 12px;font-weight:500}.admin-tasks-form textarea{resize:vertical;margin-bottom:0}.admin-tasks-fields+label{margin-top:14px}.admin-tasks-form-actions{justify-content:flex-end;margin-top:14px;display:flex}.admin-tasks-form-actions button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:10px 17px;font-weight:700}.admin-tasks-form-actions button:disabled{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:not-allowed}.admin-tasks-list-head{margin-bottom:14px}.admin-tasks-filters{border:1px solid var(--border-color);border-radius:6px;flex-wrap:wrap;gap:3px;padding:3px;display:flex}.admin-tasks-filters button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:7px 10px;font-weight:600}.admin-tasks-filters button.active{background:var(--primary);color:#fff}.admin-tasks-filters span{opacity:.72;margin-left:3px}.admin-tasks-rows{border-top:1px solid var(--border-color)}.admin-task-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:18px;padding:19px 3px;display:flex}.admin-task-main{min-width:0}.admin-task-title{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.admin-task-title h3{overflow-wrap:anywhere;margin:0;font-size:15px}.admin-task-kind{text-transform:capitalize;color:#2b6ad0;background:#2b6ad01f;border-radius:4px;padding:3px 7px;font-size:11px;font-weight:700}.admin-task-kind.suggestion{color:#0b8762;background:#0b87621f}.admin-task-main p{color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;line-height:1.5}.admin-task-main small{color:var(--text-secondary)}.admin-task-status-label{flex:0 0 160px}.admin-task-controls{flex-shrink:0;align-items:center;gap:12px;display:flex}.admin-task-controls .admin-task-status-label:first-child{flex-basis:190px}.admin-task-controls select{box-sizing:border-box;border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);font:inherit;border-radius:6px;padding:10px 12px;font-weight:500}.admin-task-status{cursor:pointer}.admin-task-status.completed{color:#0b8762}.admin-task-status.rejected{color:#b84c4c}.admin-task-status.in_progress{color:#b16a11}.admin-tasks-empty,.admin-tasks-error{color:var(--text-secondary);border-top:1px solid var(--border-color);padding:30px 12px}.admin-tasks-error{color:#b84c4c}.admin-tasks-error button{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--primary);cursor:pointer;border-radius:6px;margin-left:8px;padding:6px 10px;font-weight:700}@media (width<=900px){.admin-task-row{flex-direction:column;align-items:flex-start}.admin-task-controls{width:100%}.admin-task-controls .admin-task-status-label{flex:1 1 0;min-width:0}}@media (width<=640px){.admin-tasks-header h1{font-size:23px}.admin-tasks-form{padding:16px}.admin-tasks-fields{grid-template-columns:1fr}.admin-tasks-list-head{align-items:stretch}.admin-tasks-filters{width:100%}.admin-tasks-filters button{flex:auto}.admin-task-controls{flex-direction:column;align-items:stretch}.admin-task-controls .admin-task-status-label{flex:none;width:100%}}.lesson-operations{max-width:1200px;color:var(--text-primary);margin:0 auto}.lesson-operations header{justify-content:space-between;align-items:center;gap:12px;display:flex}.lesson-operations h1{font-size:24px}.lesson-operations h2{font-size:18px}.lesson-operations h3{overflow-wrap:anywhere;font-size:14px}.lesson-operations section{border-top:1px solid var(--border-color,#ddd);padding:20px 0}.lesson-operations label{gap:6px;font-size:13px;display:grid}.lesson-operations input,.lesson-operations select,.lesson-operations textarea{border:1px solid var(--border-color,#bbb);background:var(--bg-secondary,#fff);color:var(--text-primary,#222);border-radius:6px;min-width:0;padding:9px}.lesson-operations button{border:1px solid var(--border-color,#ccc);background:var(--bg-secondary,#fff);color:var(--text-primary,#222);border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.lesson-operations button:disabled{opacity:.5}.operations-report-list article{border-bottom:1px solid var(--border-color,#ddd);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;display:flex}.operations-report-list article>div{overflow-wrap:anywhere;flex:1;gap:4px;min-width:220px;display:grid}.operations-report-list span{font-size:13px}.operations-status{color:#226ac6;text-transform:capitalize}.operations-status.resolved{color:#148454}.operations-lookup,.operations-attendance-actions{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.operations-lookup label{flex:1}.operations-audit{border-bottom:1px solid var(--border-color,#ddd);overflow-wrap:anywhere;padding:16px 0}.operations-audit p{font-size:13px}.operations-error{color:#c43d52}.operations-dialog{border:1px solid var(--border-color,#ccc);background:var(--bg-primary,#fff);width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text-primary,#222);border-radius:8px;margin:auto;padding:20px;position:fixed;inset:0;overflow:auto}.operations-dialog::backdrop{background:#0000008c}.operations-dialog form{gap:16px;display:grid}.operations-dialog footer{justify-content:flex-end;gap:10px;display:flex}.operations-dialog textarea{min-height:100px}.lesson-operations{--ops-panel:var(--bg-secondary,#fff);--ops-border:var(--border-color,#ddd)}.lesson-operations h1{margin:0 0 6px}.lesson-operations h2{margin:20px 0 12px}.lesson-operations h3{margin:0 0 12px}.lesson-operations a{color:var(--primary-color,#2970ce);overflow-wrap:anywhere;text-decoration:none}.lesson-operations p{line-height:1.5}.operations-muted{color:var(--text-secondary,#666);font-size:12px}.operations-tabs{border-bottom:1px solid var(--ops-border);gap:4px;margin:22px 0 16px;padding-bottom:6px;display:flex;overflow-x:auto}.lesson-operations .operations-tabs button{white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0}.lesson-operations .operations-tabs button.active{color:var(--primary-color,#2970ce);border-color:var(--primary-color,#2970ce)}.operations-filters{flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0;display:flex}.operations-filters>label{flex:0 200px;min-width:160px}.operations-filters .operations-search{flex:1;position:relative}.operations-search input{padding-right:44px}.operations-search button{width:36px;height:34px;position:absolute;bottom:2px;right:2px}.operations-table-wrap{border:1px solid var(--ops-border);border-radius:6px;max-width:100%;overflow-x:auto}.lesson-operations table{border-collapse:collapse;text-align:left;background:0 0;width:100%;font-size:13px}.lesson-operations th,.lesson-operations td{border-bottom:1px solid var(--ops-border);vertical-align:middle;padding:13px 12px}.lesson-operations th{color:var(--text-secondary,#666);background:var(--ops-panel);font-size:12px;font-weight:600}.lesson-operations tbody tr,.lesson-operations tbody tr:nth-child(2n){background:0 0}.lesson-operations tbody tr:hover{background:var(--ops-panel)}.operations-table-wrap td:first-child{min-width:180px}.operations-icon-link{border:1px solid var(--ops-border);border-radius:5px;place-items:center;width:34px;height:34px;display:inline-grid}.operations-pagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin:14px 0;font-size:12px;display:flex}.operations-pagination span{margin-right:auto}.operations-metrics{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;margin:20px 0;display:grid}.operations-metrics article{border:1px solid var(--ops-border);background:var(--ops-panel);border-radius:6px;gap:10px;padding:16px;display:grid}.operations-metrics article span{color:var(--text-secondary,#666);font-size:12px}.operations-metrics article strong{font-size:24px}.operations-metrics article .operations-small-value{font-size:14px;line-height:1.5}.operations-toolbar{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.operations-calendar{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.operations-calendar article,.operations-live,.operations-record{border:1px solid var(--ops-border);background:var(--ops-panel);overflow-wrap:anywhere;border-radius:6px;margin-bottom:12px;padding:16px}.operations-slot{border-top:1px solid var(--ops-border);justify-content:space-between;gap:8px;padding:8px 0;font-size:12px;display:flex}.operations-presence{grid-template-columns:1fr 1fr;gap:12px;font-size:13px;display:grid}.operations-fields{gap:12px;margin:0;display:grid}.operations-fields>div{border-bottom:1px solid var(--ops-border);grid-template-columns:minmax(110px,180px) minmax(0,1fr);gap:12px;padding:8px 0;display:grid}.operations-fields dt{color:var(--text-secondary,#666);text-transform:capitalize;font-size:12px}.operations-fields dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px}.operations-audit span{color:var(--text-secondary,#666);margin-top:5px;font-size:12px;display:block}.lesson-operations pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.lesson-operations details{font-size:13px}.lesson-operations summary{cursor:pointer;padding:8px 0}.operations-feedback-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.operations-feedback-point{grid-template-columns:minmax(0,1fr) 100px 24px;align-items:center;gap:10px;padding:8px 0;font-size:12px;display:grid}.operations-feedback-point progress{accent-color:#208573;width:100%;height:8px}.operations-check{text-transform:capitalize;align-items:center;padding:8px 0;display:flex!important}.operations-check input{width:16px;height:16px}.operations-dialog fieldset{border:1px solid var(--ops-border);border-radius:6px}.operations-dialog h2{margin:0}.operations-dialog .operations-primary{color:#fff;background:#2264cc}.operations-dialog{box-sizing:border-box}.operations-empty{padding:12px}@media (width<=600px){.operations-presence,.operations-feedback-grid{grid-template-columns:1fr}.operations-metrics{grid-template-columns:1fr 1fr}.operations-metrics article{padding:12px}.operations-fields>div{grid-template-columns:1fr;gap:5px}.operations-filters>label{flex:130px;min-width:0}.operations-filters .operations-search{flex-basis:100%}.operations-live header{flex-wrap:wrap;align-items:flex-start}.operations-report-list article>div{flex-basis:100%}.lesson-operations header h1{font-size:20px}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#0245ae;--primary-light:#4a9eff;--primary-dark:#01337d;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--border-color:#e2e8f0;--border-light:#f1f5f9;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--error:#ef4444;--error-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--sidebar-width:260px;--header-height:70px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--transition-fast:.15s ease;--transition-normal:.25s ease}html,body{max-width:100vw;overflow-x:hidden}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.dashboard-layout{width:100%;min-height:100vh;display:flex;overflow-x:hidden}.dashboard-main{min-width:0;margin-left:var(--sidebar-width);max-width:calc(100% - var(--sidebar-width));flex-direction:column;flex:1;display:flex;overflow-x:hidden}.dashboard-content{flex:1;min-width:0;max-width:100%;padding:24px 32px;overflow:hidden auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#e5e7eb;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0356c9 0%,#5aa8ff 100%)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid var(--border-light);padding:20px 24px}.card-body{padding:24px}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;box-shadow:0 4px 12px #0245ae4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0245ae66}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.badge{border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-error{background:var(--error-light);color:var(--error)}.badge-info{background:var(--info-light);color:var(--info)}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border-light);padding:14px 16px}.table th{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);background:var(--bg-tertiary);font-size:12px;font-weight:600}.table tr:hover td{background:var(--bg-tertiary)}.avatar{object-fit:cover;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.avatar-sm{width:32px;height:32px;font-size:12px}.avatar-lg{width:56px;height:56px;font-size:18px}.input{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;transition:all var(--transition-fast);background:var(--bg-secondary);padding:10px 14px;font-size:14px}.input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0245ae1a}.input::placeholder{color:var(--text-tertiary)}@media (width<=1024px){.dashboard-main{max-width:100%;margin-left:0}.dashboard-content{padding:20px}}.loading-screen{background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.loading-screen p{color:var(--text-secondary);font-size:14px}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}