@font-face{font-family:Daybreaker;src:url(/assets/0226-LNTH-Daybreaker-BIZNr8H3.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.sudo-brand-font{font-family:Daybreaker,Be Vietnam Pro,system-ui,sans-serif}.header-logo-wrap{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .9rem;transform:skew(-12deg);border-radius:.5rem;background:radial-gradient(ellipse 120% 100% at 50% 100%,#c73b3b,#a52d2d 45%,#8b2c2c);box-shadow:0 2px 8px #8b2c2c40}.header-logo-wrap img{display:block;height:2rem;width:auto;object-fit:contain;transform:skew(12deg)}.header-logo-wrap img:last-child{height:2.75rem;transform:skew(12deg)}:root{font-family:Be Vietnam Pro,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffeb;background-color:#0a0a0c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--gold: #d4af37;--gold-light: #f0d875;--red-accent: #c41e3a;--border: rgba(255, 255, 255, .12);--glow: rgba(212, 175, 55, .4)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}a{font-weight:500;color:var(--gold);text-decoration:none}a:hover{color:var(--gold-light)}button{font-family:inherit;cursor:pointer}#root{min-height:100vh}html{scroll-behavior:smooth}.landing{--primary: #d41132;--primary-dark: #9b0c25;--primary-light: #e63950;--secondary: #b59b4d;--secondary-light: #c9b36a;--gold: #b59b4d;--gold-light: #c9b36a;--bg: #ffffff;--bg-subtle: #f8f6f6;--bg-card: #fffdfa;--text: #1c1917;--text-muted: #57534e;--border: #e7cfd3;--border-dark: #d4b8bd;position:relative;min-height:100vh;background:var(--bg);color:var(--text);font-family:Lexend,Be Vietnam Pro,system-ui,sans-serif;overflow-x:hidden;padding-top:5.5rem}#gioi-thieu,#tinh-nang,#vi-sao,#bang-gia{scroll-margin-top:6.5rem}.landing:before{content:"";position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(85vmin,720px);height:min(85vmin,720px);background:url(/assets/bg-ClC_u7Uo.png) center/contain no-repeat;opacity:.15;pointer-events:none;z-index:0}.landing-mobile-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:landing-popup-fade .2s ease}@keyframes landing-popup-fade{0%{opacity:0}to{opacity:1}}.landing-mobile-popup{position:relative;background:var(--bg);border-radius:1rem;padding:1.75rem 1.5rem;max-width:22rem;width:100%;box-shadow:0 24px 48px #0003;animation:landing-popup-scale .25s ease}@keyframes landing-popup-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.landing-mobile-popup-close{position:absolute;top:.75rem;right:.75rem;padding:.25rem;color:var(--text-muted);background:none;border:none;cursor:pointer;border-radius:.25rem;transition:color .2s,background .2s}.landing-mobile-popup-close:hover{color:var(--text);background:var(--bg-subtle)}.landing-mobile-popup-close .material-symbols-outlined{font-size:1.5rem}.landing-mobile-popup-icon{width:3.5rem;height:3.5rem;border-radius:50%;background:#d411321a;color:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.landing-mobile-popup-icon .material-symbols-outlined{font-size:2rem}.landing-mobile-popup-title{margin:0 0 .75rem;font-size:1.25rem;font-weight:700;color:var(--text);text-align:center}.landing-mobile-popup-desc{margin:0 0 1.5rem;font-size:.9375rem;color:var(--text-muted);line-height:1.5;text-align:center}.landing-mobile-popup-download{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-bottom:.75rem;text-decoration:none;box-sizing:border-box}.landing-mobile-popup-download .material-symbols-outlined{font-size:1.25rem;color:inherit}.landing-mobile-popup-dismiss{display:block;width:100%;padding:.5rem;font-size:.875rem;font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color .2s}.landing-mobile-popup-dismiss:hover{color:var(--text)}.landing-nav{position:fixed;top:0;left:0;width:100%;z-index:50;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:.75rem 1rem;gap:.75rem;border-bottom:1px solid var(--border);background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 16px #0000000f;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.landing-nav--scrolled{background:linear-gradient(to bottom,#b12620,#311716);border-bottom-color:#c9b36a59;box-shadow:0 10px 24px #0000004d}.landing-nav--scrolled .landing-nav-link{color:#d8c07a}.landing-nav--scrolled .landing-nav-link:hover{background:#c9b36a2e;color:#f0dfaf}.landing-nav--scrolled .landing-nav-search-bar{border-color:#c9b36a73;background:#ffffff1a}.landing-nav--scrolled .landing-nav-search-input{color:#f0dfaf}.landing-nav--scrolled .landing-nav-search-input::placeholder{color:#d8c07a}.landing-nav--scrolled .landing-btn-primary{background:#c9b36a;color:#311716;box-shadow:0 4px 14px #3117164d}.landing-nav--scrolled .landing-btn-primary:hover{background:#d8c07a}@media (max-width: 767px){.landing-nav-menu,.landing-nav-search-bar{display:none}.landing-nav-actions .landing-btn-primary{min-width:auto;padding:.5rem .75rem;font-size:.8125rem}}@media (min-width: 768px){.landing-nav{padding:.75rem 1.5rem;gap:1rem}}.landing-nav-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;flex-shrink:0;min-width:0}.landing-nav-brand .header-logo-wrap img:last-child{height:2.25rem}@media (min-width: 480px){.landing-nav-brand .header-logo-wrap img:last-child{height:2.75rem}}.landing-nav-menu{display:none;align-items:center;gap:.25rem}@media (min-width: 768px){.landing-nav-menu{display:flex}}.landing-nav-link{display:inline-flex;align-items:center;padding:.5rem .75rem;border-radius:9999px;color:var(--text-muted);font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s}.landing-nav-link:hover{background:#d4113214;color:var(--primary)}.landing-nav-icon{width:2rem;height:2rem;font-size:1.75rem;color:var(--primary)}.landing-nav-logo{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text);font-family:Daybreaker,Lexend,Be Vietnam Pro,system-ui,sans-serif}.landing-nav-search-bar{display:flex;align-items:center;flex:1 1 20rem;max-width:36rem;margin:0;height:2.75rem;padding:0 .5rem;border:1px solid #1c1917;border-radius:9999px;background:#fff}@media (max-width: 767px){.landing-nav-search-bar{display:none}}.landing-nav-search-wrap{flex:1;min-width:0;display:flex;align-items:center}.landing-nav-search-input{width:100%;padding:0 .75rem;font-size:.875rem;color:var(--text);background:none;border:none;outline:none;font-family:inherit}.landing-nav-search-input::placeholder{color:var(--primary-dark);opacity:.9}.landing-nav-search-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:50%;background:var(--primary);color:#fff;transition:background .2s,transform .2s}.landing-nav-search-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.landing-nav-search-btn .material-symbols-outlined{font-size:1.25rem}.landing-nav-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}@media (max-width: 767px){.landing-nav-cta{display:none}}.landing-nav-drawer-toggle{display:none;width:2.5rem;height:2.5rem;border:1px solid var(--border-dark);border-radius:.5rem;background:#fff;color:var(--text);align-items:center;justify-content:center;cursor:pointer}.landing-nav-drawer-toggle .material-symbols-outlined{font-size:1.4rem}.landing-nav--scrolled .landing-nav-drawer-toggle{background:#ffffff14;border-color:#c9b36a66;color:#d8c07a}@media (max-width: 767px){.landing-nav-drawer-toggle{display:inline-flex}}.landing-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0006}.landing-drawer{position:absolute;top:0;right:0;width:min(82vw,320px);height:100%;background:#fff;box-shadow:-10px 0 32px #0003;padding:1rem;display:flex;flex-direction:column;gap:1rem}.landing-drawer-close{align-self:flex-end;width:2.25rem;height:2.25rem;border:1px solid var(--border-dark);border-radius:.5rem;background:#fff;color:var(--text);cursor:pointer}.landing-drawer-nav{display:grid;gap:.4rem}.landing-drawer-nav a{padding:.65rem .75rem;border-radius:.5rem;color:var(--text);text-decoration:none;font-weight:600}.landing-drawer-nav a:hover{background:var(--bg-subtle)}@media (min-width: 1024px){.landing-nav{padding-left:2rem;padding-right:2rem}}.landing-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.landing-btn.full{width:100%}.landing-price-card>.landing-btn.full{margin-top:auto}.landing-btn-ghost{display:none;color:var(--text);background:transparent}.landing-btn-ghost:hover{text-decoration:underline}.landing-btn-primary{min-width:7rem;height:2.5rem;background:var(--primary);color:#fff;box-shadow:0 4px 14px #d4113240}.landing-btn-primary:hover{background:var(--primary-dark);transform:scale(1.02)}@media (min-width: 640px){.landing-btn-ghost{display:inline-flex}}.landing-hero{width:100%;max-width:none;margin:0;padding:0}.landing-hero-bg{position:relative;min-height:380px;border-radius:0;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.25rem .75rem;overflow:hidden}@media (min-width: 768px){.landing-hero-bg{min-height:620px;padding:1.5rem 1rem}}.landing-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(28,25,23,.85),transparent 40%,transparent);opacity:.9;pointer-events:none}.landing-hero-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:56rem;margin:0 auto}.landing-hero-title{margin:0;font-size:clamp(1.75rem,5vw,4rem);font-weight:900;line-height:1.15;letter-spacing:-.03em;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.4)}.landing-hero-title-accent{background:linear-gradient(to right,#f5e6c8,#b59b4d);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-hero-desc{margin:0;font-size:.9375rem;line-height:1.55;color:#e2e8f0f2;max-width:40rem;text-shadow:0 1px 8px rgba(0,0,0,.3)}@media (min-width: 768px){.landing-hero-desc{font-size:1.125rem}}.landing-hero-cta{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:20rem;justify-content:center;padding-top:.75rem}@media (min-width: 480px){.landing-hero-cta{max-width:none;flex-direction:row;gap:1rem}}.landing-btn-hero-primary{height:2.75rem;padding:0 1.5rem;font-size:.9375rem;background:var(--primary);color:#fff;box-shadow:0 10px 24px #d411324d}@media (min-width: 768px){.landing-btn-hero-primary{height:3rem;padding:0 2rem;font-size:1rem}}.landing-btn-hero-primary:hover{background:var(--primary-dark);transform:scale(1.05)}.landing-btn-hero-secondary{height:2.75rem;padding:0 1.5rem;font-size:.9375rem;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (min-width: 768px){.landing-btn-hero-secondary{height:3rem;padding:0 2rem;font-size:1rem}}.landing-btn-hero-secondary:hover{background:#ffffff4d;transform:scale(1.05)}.landing-section{padding:2rem 1rem}.landing-section-inner{max-width:1280px;margin:0 auto}@media (min-width: 768px){.landing-section{padding:3rem 1.5rem}}@media (min-width: 1024px){.landing-section{padding-left:2rem;padding-right:2rem}}.landing-section-head{text-align:center;margin-bottom:2rem}@media (min-width: 768px){.landing-section-head{margin-bottom:3rem}}.landing-section-title{margin:0 0 .75rem;font-size:1.5rem;font-weight:700;color:var(--text)}@media (min-width: 768px){.landing-section-title{font-size:1.875rem;margin-bottom:1rem}}.landing-section-desc{margin:0 auto;max-width:42rem;font-size:.9375rem;color:var(--text-muted);line-height:1.6}@media (min-width: 768px){.landing-section-desc{font-size:1rem}}.landing-modules{background:var(--bg-subtle)}.landing-modules-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}@media (min-width: 768px){.landing-modules-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.landing-modules-grid{grid-template-columns:repeat(3,1fr)}}.landing-module-card{position:relative;border-radius:1rem;overflow:hidden;border:1px solid var(--border);background:var(--bg-card);box-shadow:0 1px 3px #0000000f;transition:border-color .2s,box-shadow .2s}.landing-module-card:hover{box-shadow:0 12px 32px #00000014}.landing-module-primary:hover{border-color:#d4113266;box-shadow:0 12px 32px #d411321a}.landing-module-secondary:hover{border-color:#b59b4d66;box-shadow:0 12px 32px #b59b4d1a}.landing-module-purple:hover{border-color:#9b844166;box-shadow:0 12px 32px #b59b4d14}.landing-module-image{height:10rem;background-color:#e7e5e4;background-size:cover;background-position:center;background-repeat:no-repeat}@media (min-width: 768px){.landing-module-image{height:12rem}}.landing-module-badge{position:absolute;top:1rem;left:1rem;padding:.25rem .75rem;border-radius:4px;background:var(--primary);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase}.landing-module-body{padding:1.25rem}@media (min-width: 768px){.landing-module-body{padding:1.5rem}}.landing-module-cat{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.landing-module-cat .material-symbols-outlined{font-size:1.25rem}.landing-module-cat-primary{color:var(--primary)}.landing-module-cat-secondary{color:var(--secondary)}.landing-module-cat-purple{color:var(--gold)}.landing-module-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:var(--text);transition:color .2s}.landing-module-primary:hover .landing-module-title{color:var(--primary)}.landing-module-secondary:hover .landing-module-title{color:var(--secondary)}.landing-module-purple:hover .landing-module-title{color:var(--gold)}.landing-module-desc{margin:0 0 1rem;font-size:.875rem;color:var(--text-muted);line-height:1.5}.landing-module-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:opacity .2s}.landing-module-link .material-symbols-outlined{font-size:.875rem}.landing-module-link-primary{color:var(--primary)}.landing-module-link-primary:hover{text-decoration:underline}.landing-module-link-secondary{color:var(--secondary)}.landing-module-link-secondary:hover{text-decoration:underline}.landing-module-link-purple{color:var(--gold)}.landing-module-link-purple:hover{text-decoration:underline}.landing-why{padding-top:2.5rem;padding-bottom:2.5rem}@media (min-width: 768px){.landing-why{padding-top:4rem;padding-bottom:4rem}}.landing-why-inner{display:grid;gap:2rem;align-items:center}@media (min-width: 1024px){.landing-why-inner{grid-template-columns:1fr 1fr;gap:4rem}}.landing-why-cards{position:relative;order:2}@media (min-width: 1024px){.landing-why-cards{order:1}}.landing-why-card{padding:1.25rem;border-radius:.75rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:160px}@media (min-width: 768px){.landing-why-card{padding:1.5rem;min-height:200px}}.landing-why-card .material-symbols-outlined{font-size:2.5rem;margin-bottom:.75rem}@media (min-width: 768px){.landing-why-card .material-symbols-outlined{font-size:3rem;margin-bottom:1rem}}.landing-why-card h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:700}@media (min-width: 768px){.landing-why-card h4{font-size:1.25rem}}.landing-why-card p{margin:0;font-size:.8125rem;color:var(--text-muted)}@media (min-width: 768px){.landing-why-card p{font-size:.875rem}}.landing-why-card-before{position:absolute;top:0;left:0;width:70%;transform:rotate(-6deg);z-index:10;opacity:.7;scale:.85;filter:grayscale(1);background:#e7e5e4;border:1px solid var(--border-dark);box-shadow:0 10px 32px #0000001a}@media (min-width: 768px){.landing-why-card-before{width:75%;scale:.9}}.landing-why-card-before .material-symbols-outlined,.landing-why-card-before h4,.landing-why-card-before p{color:var(--text-muted)}.landing-why-card-after{position:relative;z-index:20;width:75%;margin-left:auto;transform:rotate(3deg);box-shadow:0 24px 48px #d411321f;background:linear-gradient(135deg,#fff5f5,#fef2f2);border:1px solid rgba(212,17,50,.15);min-height:180px}@media (min-width: 768px){.landing-why-card-after{min-height:220px}}.landing-why-card-after .material-symbols-outlined{color:var(--primary)}.landing-why-card-after h4{color:var(--text);font-size:1.25rem}.landing-why-card-after p{color:var(--text-muted);max-width:14rem;font-size:.75rem}@media (min-width: 768px){.landing-why-card-after p{max-width:16rem;font-size:.875rem}}.landing-why-card-brand{position:absolute;bottom:1rem;right:1rem;padding:.25rem .5rem;border-radius:4px;background:var(--primary);color:#fff;font-size:.75rem;font-weight:700;font-family:Daybreaker,Lexend,Be Vietnam Pro,system-ui,sans-serif}.landing-why-content{order:1}@media (min-width: 1024px){.landing-why-content{order:2}}.landing-why-content .landing-section-title{margin-bottom:2rem;text-align:left}.landing-why-list{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 768px){.landing-why-list{gap:2rem}}.landing-why-item{display:flex;gap:1rem}.landing-why-icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.landing-why-icon .material-symbols-outlined{font-size:1.5rem}.landing-why-icon-primary{background:#d411321a;color:var(--primary)}.landing-why-icon-secondary{background:#b59b4d26;color:var(--gold)}.landing-why-icon-purple{background:#b59b4d1f;color:var(--gold)}.landing-why-item-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:700;color:var(--text)}@media (min-width: 768px){.landing-why-item-title{font-size:1.25rem}}.landing-why-item-desc{margin:0;font-size:.9375rem;color:var(--text-muted);line-height:1.5}.landing-pricing{background:var(--bg-subtle)}.landing-pricing-tabs{display:flex;gap:.25rem;margin-top:1.25rem;padding:.25rem;background:#fffc;border-radius:.5rem;width:100%;max-width:20rem;margin-left:auto;margin-right:auto}@media (min-width: 480px){.landing-pricing-tabs{width:fit-content;max-width:none;margin-top:1.5rem}}.landing-pricing-tab{flex:1;padding:.5rem .75rem;font-size:.875rem;font-weight:600;color:var(--text-muted);background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:color .2s,background .2s}@media (min-width: 480px){.landing-pricing-tab{flex:none;padding:.5rem 1.25rem;font-size:.9375rem}}.landing-pricing-tab:hover{color:var(--text);background:#ffffffe6}.landing-pricing-tab--active{color:var(--primary);background:#fff;box-shadow:0 1px 3px #00000014}.landing-pricing-grid{display:grid;gap:1rem;max-width:64rem;margin:0 auto}@media (min-width: 768px){.landing-pricing-grid{gap:1.5rem}}.landing-pricing-grid--many{max-width:72rem;grid-template-columns:1fr}@media (min-width: 640px){.landing-pricing-grid--many{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.landing-pricing-grid--many{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.landing-pricing-grid--many{grid-template-columns:repeat(5,1fr)}}@media (min-width: 768px){.landing-pricing-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch}}.landing-price-card{padding:1.25rem;border-radius:.75rem;border:1px solid var(--border);background:var(--bg-card);box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}@media (min-width: 768px){.landing-price-card{padding:2rem;border-radius:1rem}}.landing-price-card:hover{border-color:#d4113266}.landing-price-card-featured{position:relative;border-width:2px;border-color:var(--primary);background:var(--bg-card);box-shadow:0 24px 48px #d4113226,0 0 0 1px #d4113214;z-index:1}@media (min-width: 768px){.landing-price-card-featured{transform:scale(1.05);box-shadow:0 28px 56px #d411322e,0 0 0 1px #d411321a}}.landing-price-card-featured:hover{box-shadow:0 32px 64px #d4113233,0 0 0 1px #d411321f}.landing-price-featured-badge{position:absolute;top:0;right:0;padding:.25rem .75rem;border-radius:0 0 0 .5rem;background:var(--primary);color:#fff;font-size:.75rem;font-weight:700}.landing-price-tag{display:inline-block;padding:.25rem .75rem;border-radius:9999px;background:var(--bg-subtle);color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem}.landing-price-tag.primary{background:#d411321a;color:var(--primary)}.landing-price-block{padding:1rem 0;margin-bottom:.5rem;border-bottom:1px solid var(--border)}.landing-price-value{display:block;font-size:1.5rem;font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1.2}@media (min-width: 768px){.landing-price-value{font-size:1.75rem}}.landing-price-unit{font-size:1rem;font-weight:600;color:var(--text-muted)}.landing-price-note{display:block;margin-top:.35rem;font-size:.75rem;color:var(--text-muted);line-height:1.4}.landing-price-select-wrap{margin:0 0 1rem}.landing-price-select-label{display:block;margin-bottom:.4rem;font-size:.8125rem;font-weight:600;color:var(--text-muted)}.landing-plan-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.landing-plan-switcher-btn{height:2.25rem;padding:0 .5rem;border:1px solid var(--border-dark);border-radius:.5rem;background:#fff;color:var(--text-muted);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.landing-plan-switcher-btn:hover{border-color:var(--primary);color:var(--primary)}.landing-plan-switcher-btn--active{border-color:var(--primary);background:#d4113214;color:var(--primary-dark)}.landing-price-select-value{margin:.6rem 0 0;font-size:1rem;font-weight:700;color:var(--primary-dark)}.landing-plan-upsell{margin-top:.75rem;padding:.65rem .75rem;border:1px dashed rgba(212,17,50,.35);border-radius:.5rem;background:#d411320a}.landing-plan-upsell-note{margin:0 0 .4rem;font-size:.8125rem;font-weight:600;color:var(--primary-dark)}.landing-plan-upsell-btn{padding:0;border:none;background:none;color:var(--primary);font-size:.8125rem;font-weight:700;text-decoration:underline;font-family:inherit;cursor:pointer}.landing-price-options{list-style:none;padding:0;margin:0 0 1rem;font-size:.8125rem;color:var(--text-muted);line-height:1.6}.landing-price-options li{padding:.15rem 0}.landing-price-options li:before{content:"· ";color:var(--primary);font-weight:700}.landing-price-desc{margin:0 0 1.25rem;font-size:.875rem;color:var(--text-muted);flex:1;line-height:1.5}.landing-price-features{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-direction:column;gap:1rem}.landing-price-features li{display:flex;align-items:flex-start;gap:.5rem;font-size:.8125rem;line-height:1.4;color:var(--text-muted)}@media (min-width: 768px){.landing-price-features li{gap:.75rem;font-size:.875rem}}.landing-price-features .material-symbols-outlined{color:var(--primary);font-size:1rem;flex-shrink:0}.landing-price-card-featured .landing-price-features .material-symbols-outlined{color:var(--primary)}.landing-btn-outline{height:2.75rem;background:transparent;color:var(--text);border:1px solid var(--border-dark)}.landing-btn-outline:hover{background:var(--bg-subtle)}.landing-btn-cta{height:2.75rem;background:var(--primary);color:#fff;box-shadow:0 4px 14px #d4113240}.landing-btn-cta:hover{background:var(--primary-dark);transform:scale(1.02)}.landing-device-promo{background:linear-gradient(180deg,#f6f3ef,#fdfbf8);padding-top:1rem}.landing-device-promo-card{border:1px solid var(--border);border-radius:1rem;background:#f8f5f1;padding:1.5rem;display:grid;gap:1.5rem;overflow:hidden}@media (min-width: 1024px){.landing-device-promo-card{grid-template-columns:1fr 1fr;align-items:center;padding:2.25rem 2.5rem;gap:2rem}}.landing-device-promo-content .landing-section-title{margin-bottom:.75rem}.landing-device-promo-desc{margin:0;max-width:32rem}.landing-device-store-badges{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.landing-store-badge{display:inline-flex;align-items:center;gap:.35rem;min-height:2.5rem;padding:.4rem .85rem;border-radius:.55rem;background:#141414;color:#fff;text-decoration:none;font-size:.8rem;font-weight:600}.landing-store-badge .material-symbols-outlined{font-size:1rem}.landing-device-mockups{position:relative;min-height:220px;display:flex;align-items:flex-end;justify-content:center}.landing-device-laptop{position:relative;width:min(100%,360px)}.landing-device-screen{height:190px;border:8px solid #1b1f27;border-radius:.8rem;background:#10131a;box-shadow:0 14px 28px #14141433;overflow:hidden;padding:0}.landing-device-desktop-shot{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.landing-device-laptop-base{height:12px;background:linear-gradient(180deg,#cfd4dc,#aab1bc);border-radius:0 0 1.1rem 1.1rem;margin:0 auto;width:108%;transform:translate(-4%)}.landing-device-phone{position:absolute;right:.5rem;bottom:-.2rem;width:108px;height:208px;border:7px solid #1b1f27;border-radius:1.4rem;background:#fff;box-shadow:0 16px 30px #00000047;padding:.45rem}.landing-device-phone-screen{height:100%;border-radius:.95rem;background:#10131a;overflow:hidden;padding:0}.landing-device-mobile-shot{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.landing-device-ui-row{height:16px;border-radius:999px;background:linear-gradient(90deg,#2f8a3f,#64b76f)}.landing-device-ui-grid{margin-top:.5rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem}.landing-device-ui-grid span,.landing-device-ui-list span{display:block;height:34px;border-radius:.45rem;background:#d8e4d5}.landing-device-ui-list{margin-top:.4rem;display:grid;gap:.3rem}.landing-footer{margin-top:2.5rem;padding:0;background:linear-gradient(180deg,var(--bg-subtle) 0%,#efece8 100%);border-top:1px solid var(--border)}@media (min-width: 768px){.landing-footer{margin-top:4rem}}.landing-footer-inner{max-width:1280px;margin:0 auto;padding:1.5rem 1rem 1.25rem}@media (min-width: 768px){.landing-footer-inner{padding:2.5rem 1.5rem 1.5rem}}@media (min-width: 1024px){.landing-footer-inner{padding:3rem 2rem 2rem}}.landing-footer-top{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}@media (min-width: 768px){.landing-footer-top{gap:2rem;padding-bottom:2rem}}@media (min-width: 768px){.landing-footer-top{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem 3rem}}.landing-footer-brand{display:flex;align-items:center;text-decoration:none;color:inherit}.landing-footer-sections{display:grid;gap:1.25rem;width:100%;max-width:28rem}@media (min-width: 640px){.landing-footer-sections{grid-template-columns:repeat(2,minmax(0,1fr));max-width:36rem}}@media (min-width: 960px){.landing-footer-sections{grid-template-columns:repeat(3,minmax(0,1fr));max-width:52rem}}.landing-footer-section-col{display:flex;flex-direction:column;gap:.45rem}.landing-footer-section-title{margin:0 0 .2rem;font-size:.9rem;font-weight:700;color:var(--text)}.landing-footer-section-link{font-size:.8125rem;color:var(--text-muted);text-decoration:none;transition:color .2s}.landing-footer-section-link:hover{color:var(--primary)}.landing-footer-contact{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.landing-footer-contact-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem}@media (min-width: 768px){.landing-footer-contact{align-items:flex-start;text-align:left}.landing-footer-contact-wrap{align-items:flex-start}}@media (min-width: 768px){.landing-footer-contact{align-items:flex-start}}.landing-footer-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-muted);text-decoration:none;transition:color .2s;word-break:break-word}@media (min-width: 768px){.landing-footer-link{font-size:.875rem}}.landing-footer-link .material-symbols-outlined{font-size:1.125rem;color:var(--primary);opacity:.9}.landing-footer-brand-icon{display:inline-flex;width:1.125rem;height:1.125rem;color:var(--primary);opacity:.95}.landing-footer-brand-icon svg{width:100%;height:100%;fill:currentColor}.landing-footer-link:hover{color:var(--primary)}.landing-footer-cta{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.5rem;font-size:.9375rem;font-weight:700;color:#fff;background:var(--primary);border-radius:.5rem;text-decoration:none;box-shadow:0 4px 12px #d4113240;transition:background .2s,box-shadow .2s,transform .2s}.landing-footer-cta:hover{background:var(--primary-dark);box-shadow:0 6px 16px #d411324d;transform:translateY(-2px)}.landing-footer-legal{padding-top:1.25rem;text-align:center}@media (min-width: 768px){.landing-footer-legal{padding-top:1.5rem}}.landing-footer-copy{margin:0;font-size:.75rem;color:var(--text-muted);line-height:1.6;padding:0 .5rem}@media (min-width: 768px){.landing-footer-copy{font-size:.8125rem;padding:0}}.landing-policy-bar-hint{margin:0;font-size:.8125rem;color:var(--text-muted);line-height:1.5}.landing-policy-bar-hint--error{color:#9b0c25}.landing-policy-bar-nav{width:100%}.landing-policy-bar-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.45rem;width:100%}.landing-policy-bar-list li{margin:0}.period-select--timeline-theme{--period-primary: #d41132;--period-primary-dark: #9b0c25;--period-gold: #b59b4d;--period-gold-light: #c9b36a;--period-bg: #ffffff;--period-bg-subtle: #f8f6f6;--period-surface: #fffdfa;--period-border: #e7cfd3;--period-border-dark: #d4b8bd;--period-text: #1c1917;--period-text-muted: #57534e;--period-font: "Lexend", "Be Vietnam Pro", system-ui, sans-serif}.period-select{min-height:100vh;background:var(--period-bg);color:var(--period-text);font-family:var(--period-font);display:flex;flex-direction:column;overflow:hidden}.period-select-header-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;border-bottom:1px solid var(--period-border);background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.75rem 2.5rem;flex-shrink:0;z-index:20}.period-select-header-inner{display:flex;align-items:center;gap:2rem}.period-select-brand{display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit}.period-select-brand-icon{width:2rem;height:2rem;font-size:2rem;color:var(--period-primary);display:flex;align-items:center;justify-content:center}.period-select-brand-title{font-size:1.125rem;font-weight:700;letter-spacing:-.015em;margin:0;color:var(--period-text)}.period-select-nav-links{display:flex;align-items:center;gap:2.25rem}.period-select-nav-link{font-size:.875rem;font-weight:500;color:var(--period-text-muted);text-decoration:none;transition:color .2s}.period-select-nav-link:hover{color:var(--period-primary)}.period-select-nav-link--active{color:var(--period-primary);border-bottom:2px solid var(--period-primary);padding-bottom:2px}.period-select-header-actions{display:flex;flex:1;justify-content:flex-end;align-items:center;gap:1.5rem}.period-select-search-wrap{display:flex;align-items:stretch;min-width:10rem;max-width:16rem;height:2.5rem;border:1px solid var(--period-border);border-radius:.5rem;background:var(--period-surface);transition:border-color .2s}.period-select-search-wrap:focus-within{border-color:var(--period-primary)}.period-select-search-icon{display:flex;align-items:center;justify-content:center;padding-left:.75rem;padding-right:.5rem;color:var(--period-text-muted);font-size:1.25rem}.period-select-search{flex:1;min-width:0;background:transparent;border:none;color:var(--period-text);font-size:.875rem;padding:0 .5rem;outline:none}.period-select-search::placeholder{color:var(--period-text-muted)}.period-select-btn-login{display:flex;align-items:center;justify-content:center;height:2.5rem;padding:0 1.25rem;background:var(--period-primary);color:var(--period-bg);font-size:.875rem;font-weight:700;letter-spacing:.015em;border-radius:.5rem;text-decoration:none;transition:background .2s}.period-select-btn-login:hover{background:var(--period-primary-dark)}.period-select-body{display:flex;flex:1;overflow:hidden}.period-select-sidebar{width:20rem;flex-shrink:0;border-right:1px solid var(--period-border);background:var(--period-surface);display:flex;flex-direction:column;position:relative;z-index:10}.period-select-sidebar-head{padding:1.5rem;border-bottom:1px solid var(--period-border)}.period-select-sidebar-title{font-size:1.125rem;font-weight:700;color:var(--period-text);margin:0 0 .25rem}.period-select-sidebar-desc{font-size:.875rem;color:var(--period-text-muted);margin:0}.period-select-timeline-tabs{display:flex;gap:.25rem;margin-top:1rem;padding:.25rem;background:var(--period-bg-subtle);border-radius:8px}.period-select-timeline-tab{flex:1;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;color:var(--period-text-muted);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:color .2s,background .2s}.period-select-timeline-tab:hover{color:var(--period-text);background:#fffc}.period-select-timeline-tab--active{color:var(--period-primary);background:var(--period-bg);box-shadow:0 1px 2px #0000000f}.period-select-timeline-scroll{overflow-y:auto;flex:1;padding:1rem 1rem 5rem}.period-select-timeline-scroll::-webkit-scrollbar{width:6px}.period-select-timeline-scroll::-webkit-scrollbar-track{background:var(--period-surface)}.period-select-timeline-scroll::-webkit-scrollbar-thumb{background:var(--period-border);border-radius:3px}.period-select-timeline-scroll::-webkit-scrollbar-thumb:hover{background:var(--period-text-muted)}.period-select-timeline{display:grid;grid-template-columns:40px 1fr;gap:0;position:relative}.period-select-timeline-line{position:absolute;left:19px;top:1rem;bottom:0;width:2px;background:var(--period-border)}.period-select-timeline-row{display:contents;cursor:pointer}.period-select-timeline-row:focus{outline:none}.period-select-timeline-row:focus-visible .period-select-timeline-dot{box-shadow:0 0 0 2px var(--period-primary)}.period-select-timeline-dot{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid var(--period-border);background:var(--period-bg);color:var(--period-text-muted);margin-top:.5rem;margin-bottom:1.5rem;position:relative;z-index:1;transition:border-color .2s,color .2s,box-shadow .2s}.period-select-timeline-dot .material-symbols-outlined{font-size:1.25rem}.period-select-timeline-row:hover .period-select-timeline-dot{border-color:var(--period-primary);color:var(--period-primary)}.period-select-timeline-dot--active{border-color:var(--period-primary);background:#d4113233;color:var(--period-primary);box-shadow:0 0 15px #d4113259}.period-select-timeline-text{display:flex;flex-direction:column;padding:.5rem 0 2rem 1rem;cursor:pointer}.period-select-timeline-name{font-size:1rem;font-weight:500;color:var(--period-text);transition:color .2s}.period-select-timeline-row:hover .period-select-timeline-name{color:var(--period-primary)}.period-select-timeline-name--active{font-weight:700;color:var(--period-primary)}.period-select-timeline-range{font-size:.875rem;color:var(--period-text-muted)}.period-select-timeline-dot--active+.period-select-timeline-text .period-select-timeline-range{color:#d41132d9}.period-select-sidebar-fade{position:absolute;bottom:0;left:0;right:0;height:6rem;background:linear-gradient(to top,var(--period-surface),transparent);pointer-events:none}.period-select-main{flex:1;display:flex;flex-direction:column;background:var(--period-bg);overflow:hidden;position:relative}.period-select-main-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d41132' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.period-select-toolbar{padding:1.5rem 2rem;border-bottom:1px solid var(--period-border);display:flex;flex-direction:column;gap:1rem;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}@media (min-width: 768px){.period-select-toolbar{flex-direction:row;align-items:center;justify-content:space-between}}.period-select-main-title{font-size:1.875rem;font-weight:700;color:var(--period-primary);margin:0;font-family:var(--period-font)}.period-select-main-subtitle{font-size:.875rem;color:var(--period-text-muted);margin:.25rem 0 0}.period-select-filters{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}@media (min-width: 768px){.period-select-filters{padding-bottom:0}}.period-select-filters::-webkit-scrollbar{display:none}.period-select-filter-chip{display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.25rem;padding:0 1rem;border-radius:9999px;border:1px solid var(--period-border);background:var(--period-surface);color:var(--period-text-muted);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;flex-shrink:0;transition:border-color .2s,background .2s,color .2s}.period-select-filter-chip .material-symbols-outlined{font-size:1.125rem}.period-select-filter-chip:hover{border-color:#d4113280;background:#f8f6f6e6}.period-select-filter-chip--active{border-color:#d411324d;background:#d411321a;color:var(--period-primary)}.period-select-content-scroll{flex:1;overflow-y:auto;padding:2rem;z-index:10}.period-select-content-scroll::-webkit-scrollbar{width:6px}.period-select-content-scroll::-webkit-scrollbar-track{background:var(--period-bg)}.period-select-content-scroll::-webkit-scrollbar-thumb{background:var(--period-border);border-radius:3px}.period-select-event-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 768px){.period-select-event-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.period-select-event-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.period-select-event-grid{grid-template-columns:repeat(4,1fr)}}.period-select-event-card{display:flex;flex-direction:column;background:var(--period-surface);border:1px solid var(--period-border);border-radius:.75rem;overflow:hidden;height:100%;transition:border-color .3s,box-shadow .3s,transform .3s}.period-select-event-card:hover{border-color:#d4113280;box-shadow:0 10px 40px #0006;transform:translateY(-4px)}.period-select-event-card-image{height:12rem;width:100%;background-size:cover;background-position:center;position:relative}.period-select-event-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--period-surface),transparent 40%);opacity:.9}.period-select-event-card-badge{position:absolute;top:.75rem;right:.75rem;padding:.35rem .65rem;background:var(--period-primary);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem;box-shadow:0 2px 8px #d4113266}.period-select-event-card-body{padding:1.25rem;display:flex;flex-direction:column;flex:1}.period-select-event-card-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.period-select-event-card-meta .material-symbols-outlined{font-size:.875rem;color:var(--period-primary)}.period-select-event-card-year{font-size:.875rem;font-weight:700;letter-spacing:.05em;color:var(--period-primary)}.period-select-event-card-title{font-size:1.25rem;font-weight:700;color:var(--period-text);margin:0 0 .5rem;line-height:1.3;transition:color .2s}.period-select-event-card:hover .period-select-event-card-title{color:var(--period-primary)}.period-select-event-card-desc{font-size:.875rem;color:var(--period-text-muted);line-height:1.5;margin:0 0 1rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.period-select-event-card-link{display:inline-flex;align-items:center;margin-top:auto;font-size:.875rem;font-weight:700;color:var(--period-primary);text-decoration:none;transition:text-decoration .2s}.period-select-event-card-link:hover{text-decoration:underline}.period-select-event-card-link .material-symbols-outlined{font-size:1rem;margin-left:.25rem}.period-select-main-fade{position:absolute;bottom:0;left:0;right:0;height:4rem;background:linear-gradient(to top,var(--period-bg),transparent);pointer-events:none;z-index:20}@media (max-width: 1024px){.period-select-search-wrap{display:none}}@media (max-width: 768px){.period-select-header-bar{padding-left:1rem;padding-right:1rem}.period-select-nav-links{display:none}.period-select-body{flex-direction:column}.period-select-sidebar{width:100%;max-height:16rem;border-right:none;border-bottom:1px solid var(--period-border)}.period-select-timeline{grid-template-columns:1fr;gap:.5rem}.period-select-timeline-line,.period-select-timeline-dot{display:none}.period-select-timeline-text{padding:.5rem;border-radius:.5rem;border:1px solid var(--period-border)}.period-select-timeline-dot--active+.period-select-timeline-text{border-color:var(--period-primary);background:#d411321f}}.lesson-map{min-height:100vh;background:#0a0a0c;color:#fff}.lesson-map-header{border-bottom:1px solid var(--border);padding:1.25rem 1.5rem}.lesson-map-header-inner{max-width:1200px;margin:0 auto}.lesson-map-header .back-link{display:inline-block;margin-bottom:.5rem;font-size:.9rem;color:#fff9}.lesson-map-header .back-link:hover{color:var(--gold)}.lesson-map-header h1{font-size:1.5rem;margin:0 0 .25rem}.period-range{margin:0;font-size:.9rem;color:#ffffff80}.lesson-map-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:0;min-height:calc(100vh - 120px)}@media (max-width: 768px){.lesson-map-layout{grid-template-columns:1fr}}.timeline-panel{padding:1.5rem;border-right:1px solid var(--border);background:#0003}.timeline-panel h2{font-size:1rem;font-weight:600;color:var(--gold);margin:0 0 1rem}.timeline-list{list-style:none;padding:0;margin:0}.timeline-item{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:.25rem}.timeline-item:last-child{border-bottom:none}.timeline-year{font-size:.8rem;color:var(--gold);font-weight:600}.timeline-title{font-size:.9rem;color:#ffffffe6}.content-panel{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.map-placeholder{flex:0 0 auto;min-height:280px;border:2px dashed var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;background:#0000004d}.map-placeholder-inner{text-align:center;color:#ffffff80}.map-icon{font-size:3rem;display:block;margin-bottom:.5rem}.map-placeholder-inner p{margin:.25rem 0}.map-hint{font-size:.85rem;color:#fff6}.lesson-section h2{font-size:1.1rem;color:var(--gold);margin:0 0 .75rem}.lesson-intro{margin:0;color:#fffc;line-height:1.6}.lesson-map-error{max-width:400px;margin:4rem auto;text-align:center;padding:2rem}.lesson-map-error p{margin-bottom:1rem}.lesson-map-error .back-link{color:var(--gold)}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.bai-giang-quiz-gate-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:auto}.bai-giang-quiz-gate-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#020617b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bai-giang-quiz-gate-card{position:relative;width:min(100%,26rem);max-height:min(85vh,32rem);overflow:auto;border-radius:1rem;border:1px solid rgba(253,224,71,.22);background:linear-gradient(165deg,#1a1520,#0f0d12);box-shadow:0 24px 64px #0000008c;color:#f3f4f6}.bai-giang-quiz-gate-head{padding:1.1rem 1.2rem .85rem;border-bottom:1px solid rgba(255,255,255,.08);text-align:center}.bai-giang-quiz-gate-icon{font-size:2rem!important;color:#fde68a;display:block;margin:0 auto .35rem}.bai-giang-quiz-gate-head h3{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.bai-giang-quiz-gate-sub{margin:.35rem 0 0;font-size:.78rem;color:#9ca3af;line-height:1.45}.bai-giang-quiz-gate-body{padding:1rem 1.2rem 1.15rem}.bai-giang-quiz-gate-question{margin:0 0 1rem;font-size:.95rem;line-height:1.55;font-weight:600;color:#f9fafb}.bai-giang-quiz-gate-options{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.bai-giang-quiz-gate-opt{width:100%;display:flex;align-items:flex-start;gap:.55rem;text-align:left;padding:.65rem .75rem;border-radius:.65rem;border:1px solid rgba(255,255,255,.12);background:#00000059;color:#e5e7eb;font-size:.88rem;line-height:1.45;cursor:pointer;transition:border-color .15s ease,background .15s ease}.bai-giang-quiz-gate-opt:hover{border-color:#fde04773;background:#d411321f}.bai-giang-quiz-gate-opt-badge{flex-shrink:0;width:1.65rem;height:1.65rem;display:flex;align-items:center;justify-content:center;border-radius:.35rem;background:#fde04726;color:#fde68a;font-size:.72rem;font-weight:800}.bai-giang-quiz-gate-opt-text{flex:1;min-width:0}.bai-giang-quiz-gate-fill{display:flex;flex-direction:column;gap:.5rem}.bai-giang-quiz-gate-fill-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af}.bai-giang-quiz-gate-input{width:100%;box-sizing:border-box;padding:.6rem .75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.14);background:#0006;color:#f9fafb;font-size:.9rem}.bai-giang-quiz-gate-input:focus{outline:2px solid rgba(253,224,71,.45);outline-offset:1px}.bai-giang-quiz-gate-submit{margin-top:.25rem;padding:.55rem 1rem;border-radius:.5rem;border:none;background:linear-gradient(135deg,#d41132,#9f1239);color:#fff;font-weight:800;font-size:.85rem;cursor:pointer}.bai-giang-quiz-gate-submit:hover{filter:brightness(1.06)}.bai-giang-quiz-gate-wrong{margin:.85rem 0 0;padding:.5rem .65rem;border-radius:.45rem;background:#b91c1c33;border:1px solid rgba(248,113,113,.35);color:#fecaca;font-size:.82rem;font-weight:600}.bai-giang-quiz-gate-card--success{border-color:#34d39959;background:linear-gradient(165deg,#0f1a17,#0c1210)}.bai-giang-quiz-gate-head--success{border-bottom-color:#34d39926}.bai-giang-quiz-gate-icon--success{color:#6ee7b7!important}.bai-giang-quiz-gate-sub--success{color:#a7f3d0!important}.bai-giang-quiz-gate-explanation{margin:0 0 1rem;padding:.75rem .85rem;border-radius:.55rem;background:#064e3b59;border:1px solid rgba(52,211,153,.22)}.bai-giang-quiz-gate-explanation-label{display:block;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#6ee7b7;margin-bottom:.4rem}.bai-giang-quiz-gate-explanation-text{margin:0;font-size:.88rem;line-height:1.55;color:#ecfdf5;font-weight:500}.bai-giang-quiz-gate-success-note{margin:0 0 .85rem;font-size:.84rem;color:#9ca3af;line-height:1.45}.bai-giang-quiz-gate-continue-hint{margin:0 0 .65rem;font-size:.8rem;color:#d1d5db;text-align:center;line-height:1.45}.bai-giang-quiz-gate-continue-btn{width:100%;padding:.65rem 1rem;border-radius:.55rem;border:1px solid rgba(52,211,153,.4);background:linear-gradient(135deg,#047857,#065f46);color:#ecfdf5;font-weight:800;font-size:.88rem;cursor:pointer;transition:filter .15s ease}.bai-giang-quiz-gate-continue-btn:hover{filter:brightness(1.08)}.bai-giang-preview-audio-offscreen{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;pointer-events:none}.bai-giang-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6000;background:#0a0a0b;display:flex;flex-direction:column;animation:bai-giang-preview-in .2s ease-out}.bai-giang-preview-overlay>.bai-giang-map-player{flex:1;min-height:0}@keyframes bai-giang-preview-in{0%{opacity:0}to{opacity:1}}.bai-giang-preview-top{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1rem;background:linear-gradient(to right,#3e1a1a,#a11f1f);border-bottom:1px solid rgba(228,179,99,.35)}.bai-giang-preview-title{margin:0;font-size:.95rem;font-weight:700;color:#fff;font-family:Playfair Display,"Noto Serif",serif;letter-spacing:.02em}.bai-giang-preview-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#e4b363;margin-left:.5rem}.bai-giang-preview-controls{display:flex;align-items:center;gap:.5rem}.bai-giang-preview-time{font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600;color:#fde68a;min-width:7.5rem;text-align:right}.bai-giang-preview-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;border-radius:.45rem;background:#00000040;color:#fff;cursor:pointer;transition:background .15s ease}.bai-giang-preview-icon-btn:hover{background:#00000073}.bai-giang-preview-close{padding:.45rem .85rem;border-radius:.45rem;border:1px solid rgba(255,255,255,.25);background:#0003;color:#fff;font-size:.75rem;font-weight:700;cursor:pointer}.bai-giang-preview-close:hover{background:#0006}.bai-giang-preview-map-wrap{flex:1;min-height:0;position:relative;isolation:isolate}.bai-giang-preview-map-wrap .bai-giang-preview-map{position:relative;z-index:0}.bai-giang-preview-map{width:100%;height:100%;background:#1a1c1e}.bai-giang-preview-map-wrap--basemap-light .bai-giang-preview-map{background:#e4e7ec}.bai-giang-preview-bottom{flex-shrink:0;padding:.65rem 1rem .85rem;background:#1a1a1a;border-top:1px solid rgba(255,255,255,.08)}.bai-giang-preview-progress{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden;margin-bottom:.45rem}.bai-giang-preview-progress-fill{height:100%;background:linear-gradient(90deg,#e4b363,#f59e0b);border-radius:3px;transition:width .08s linear}.bai-giang-preview-hint{margin:0;font-size:.68rem;color:#9ca3af;line-height:1.4}.bai-giang-preview-hint code{font-size:.62rem;background:#ffffff0f;padding:.1rem .25rem;border-radius:.2rem}.bai-giang-route-arrowhead{background:transparent!important;border:none!important}.bai-giang-route-arrow-rot{width:22px;height:22px;transform-origin:17px 11px;pointer-events:none}.bai-giang-preview-map .leaflet-control-attribution{font-size:.6rem!important;background:#0000008c!important;color:#9ca3af!important}.bai-giang-preview-map-wrap--basemap-light .bai-giang-preview-map .leaflet-control-attribution{background:#ffffffe6!important;color:#64748b!important}.bai-giang-preview-map-wrap--basemap-light .bai-giang-preview-map .leaflet-control-attribution a{color:#2563eb!important}@keyframes baiGiangRegionBlink{0%,to{fill-opacity:.42!important;stroke-opacity:1!important;stroke-width:3px!important}50%{fill-opacity:.05!important;stroke-opacity:.35!important;stroke-width:1.5px!important}}.bai-giang-preview-map svg path.bai-giang-preview-region--blink{animation:baiGiangRegionBlink 1.05s ease-in-out infinite;vector-effect:non-scaling-stroke}.leaflet-popup.bai-giang-marker-popup-wrap .leaflet-popup-content-wrapper{background:#1a1c1ef5;color:#f3f4f6;border-radius:.5rem;border:1px solid rgba(228,179,99,.35);box-shadow:0 12px 32px #00000073}.leaflet-popup.bai-giang-marker-popup-wrap .leaflet-popup-tip{background:#1a1c1ef5;border:1px solid rgba(228,179,99,.25);border-top:none;border-left:none}.leaflet-popup.bai-giang-marker-popup-wrap .leaflet-popup-content{margin:.55rem .75rem;min-width:8rem}.bai-giang-marker-popup-title{font-size:.8rem;font-weight:800;letter-spacing:.03em;color:#e4b363;line-height:1.35;margin-bottom:.35rem}.bai-giang-marker-popup-body{font-size:.72rem;font-weight:500;color:#d1d5db;line-height:1.45}.bai-giang-map-player{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.bai-giang-map-player--embedded{background:#0a0a0b}.bai-giang-map-player--embedded .bai-giang-preview-top{padding:.5rem .65rem}.bai-giang-map-player--embedded .bai-giang-preview-title{font-size:.8125rem}.bai-giang-map-player-progress-only{flex-shrink:0;padding:.35rem .65rem .5rem;background:#1a1a1a;border-top:1px solid rgba(255,255,255,.08)}.bai-giang-map-player-progress-only .bai-giang-preview-progress{margin-bottom:0}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.admin-panel{min-height:100vh;height:100vh;background:#f6f7fb;color:#111827;display:grid;grid-template-columns:17.5rem 1fr;overflow:hidden;transition:grid-template-columns .28s cubic-bezier(.4,0,.2,1);color-scheme:light}html.admin-sidebar-collapsed .admin-panel,html.school-admin-sidebar-collapsed .admin-panel,html.teacher-sidebar-collapsed .admin-panel{grid-template-columns:4.75rem 1fr}.admin-sidebar{--admin-sb-edge: rgba(255, 255, 255, .07);--admin-sb-muted: rgba(248, 250, 252, .55);--admin-sb-gold: #f8d78a;background:linear-gradient(165deg,#321a28,#1f1018 48%,#150c12);color:#f9fafb;padding:1.25rem .875rem 0;display:flex;flex-direction:column;gap:.25rem;height:100vh;overflow:hidden;border-right:1px solid var(--admin-sb-edge);box-shadow:4px 0 32px #0000002e;transition:padding .28s cubic-bezier(.4,0,.2,1)}.admin-sidebar-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;margin:-.15rem 0 .35rem;padding:0 .1rem}.admin-sidebar-tool-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;background:#ffffff0f;color:#f8fafce0;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.admin-sidebar-tool-btn:hover:not(:disabled){background:#ffffff1c;border-color:#f8d78a47;color:#fff}.admin-sidebar-tool-btn:focus-visible{outline:2px solid rgba(248,215,138,.55);outline-offset:2px}.admin-sidebar-tool-btn:disabled{opacity:.35;cursor:not-allowed}.admin-sidebar-tool-btn .material-symbols-outlined{font-size:1.2rem}.admin-sidebar--collapsed{padding-left:.5rem;padding-right:.5rem}.admin-sidebar--collapsed .admin-sidebar-toolbar{justify-content:center;flex-direction:column;gap:.4rem;margin-bottom:.5rem}.admin-sidebar--collapsed .admin-nav-label,.admin-sidebar--collapsed .admin-brand-text,.admin-sidebar--collapsed .admin-nav-link-label,.admin-sidebar--collapsed .admin-nav-sublink-label{display:none!important}.admin-sidebar--collapsed .admin-brand{justify-content:center;padding-left:.35rem;padding-right:.35rem}.admin-sidebar--collapsed .admin-nav-link,.admin-sidebar--collapsed .admin-nav-sublink{justify-content:center;gap:0;padding-left:.45rem;padding-right:.45rem}.admin-sidebar--collapsed .admin-nav-sublink{padding-left:.45rem}.admin-sidebar--collapsed .admin-nav-link .material-symbols-outlined,.admin-sidebar--collapsed .admin-nav-sublink .material-symbols-outlined{margin:0}.admin-sidebar--collapsed .admin-nav-sub{margin-bottom:.35rem}.admin-sidebar--collapsed button.admin-nav-link--logout{justify-content:center}.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.admin-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--admin-sb-gold);font-weight:600;padding:.65rem .6rem;margin:0 0 .35rem;border-radius:.65rem;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.admin-brand:hover{background:#ffffff0f;border-color:#ffffff14}.admin-brand:focus-visible{outline:2px solid rgba(248,215,138,.55);outline-offset:2px}.admin-brand-mark{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:.55rem;display:flex;align-items:center;justify-content:center;background:#ffffff14;box-shadow:inset 0 1px #ffffff1f}.admin-brand-mark img{width:1.65rem;height:1.65rem;object-fit:contain}.admin-brand-text{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;min-width:0;line-height:1.1}.admin-brand-name{font-size:1.2rem;letter-spacing:.08em}.admin-brand-role{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--admin-sb-muted)}.admin-nav{display:flex;flex-direction:column;gap:.2rem;flex:1;min-height:0;padding-top:.35rem;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.admin-nav::-webkit-scrollbar{width:6px}.admin-nav::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.admin-nav-label{margin:0 0 .4rem;padding:.6rem .65rem 0;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#ffffff61}.admin-nav-label--footer{padding-top:0;margin-bottom:.2rem}.admin-nav-sub{display:flex;flex-direction:column;gap:.12rem;margin:0 0 .45rem;padding-bottom:.15rem}.admin-nav-sublink{position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem .65rem .5rem 2.15rem;border-radius:.5rem;text-decoration:none;color:#f8fafcd1;font-size:.8125rem;font-weight:500;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.admin-nav-sublink .material-symbols-outlined{font-size:1.1rem;width:1.35rem;text-align:center;opacity:.82;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.admin-nav-sublink:hover{background:#ffffff0f;color:#fff}.admin-nav-sublink:hover .material-symbols-outlined{opacity:1}.admin-nav-sublink:focus-visible{outline:2px solid rgba(212,17,50,.45);outline-offset:2px}.admin-nav-sublink--active{background:linear-gradient(90deg,#d411322e,#ffffff0a);color:#fff;font-weight:600;box-shadow:inset 2px 0 #d41132}.admin-nav-sublink--active .material-symbols-outlined{opacity:1;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.admin-nav-link{position:relative;display:flex;align-items:center;gap:.65rem;padding:.62rem .75rem .62rem .85rem;border-radius:.55rem;text-decoration:none;color:#f8fafce0;font-size:.875rem;font-weight:500;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.admin-nav-link .material-symbols-outlined{font-size:1.25rem;width:1.5rem;text-align:center;opacity:.88;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.admin-nav-link:hover{background:#ffffff12;color:#fff}.admin-nav-link:hover .material-symbols-outlined{opacity:1}.admin-nav-link:focus-visible{outline:2px solid rgba(212,17,50,.45);outline-offset:2px}.admin-nav-link--active{background:linear-gradient(90deg,#d4113238,#ffffff0f);color:#fff;font-weight:600;box-shadow:inset 3px 0 #d41132}.admin-nav-link--active .material-symbols-outlined{opacity:1;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}button.admin-nav-link--logout{width:100%;border:none;background:none;font:inherit;text-align:left;cursor:pointer;color:#f8fafcb8}button.admin-nav-link--logout:hover{background:#d411321f;color:#fecaca}button.admin-nav-link--logout:focus-visible{outline:2px solid rgba(212,17,50,.5);outline-offset:2px}.admin-sidebar-footer{flex-shrink:0;padding:.85rem 0 1rem;border-top:1px solid var(--admin-sb-edge)}.admin-main{display:flex;flex-direction:column;min-width:0;height:100vh;overflow-y:auto}.admin-main--lesson-detail{background:linear-gradient(180deg,#fafbfc,#f1f5f9)}.admin-main--lesson-detail .admin-content{padding-left:1rem;padding-right:1rem}.admin-main--bai-giang-embed{background:#121212;color:#e5e7eb;padding:0;min-height:0;overflow:hidden}.admin-main--bai-giang-embed .bai-giang{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}.admin-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.admin-header-stack{display:flex;flex-direction:column;gap:.35rem;min-width:0}.admin-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.8rem;color:#6b7280}.admin-breadcrumb a{color:#d41132;text-decoration:none;font-weight:600}.admin-breadcrumb a:hover{text-decoration:underline}.admin-breadcrumb-sep{color:#cbd5e1;-webkit-user-select:none;user-select:none}.admin-breadcrumb-chevron{font-size:1rem!important;color:#cbd5e1;-webkit-user-select:none;user-select:none;line-height:1}.admin-breadcrumb-current{color:#374151;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-title--detail{font-size:clamp(1.25rem,2.5vw,1.5rem);line-height:1.35;letter-spacing:-.02em;font-weight:800;color:#0f172a}.admin-header--lesson-detail{background:linear-gradient(135deg,#fff,#fff7f8);border-bottom:1px solid rgba(212,17,50,.12);box-shadow:0 4px 24px #0f172a0a;align-items:center;padding-left:1rem;padding-right:1rem;position:sticky;top:0;z-index:20}.admin-back-link{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;flex-shrink:0}.admin-back-link .material-symbols-outlined{font-size:1.1rem}.admin-back-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .95rem;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:.8rem;font-weight:700;text-decoration:none;box-shadow:0 1px 2px #0f172a0d;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease}.admin-back-pill:hover{border-color:#fecaca;color:#b91c1c;box-shadow:0 4px 14px #d411321f}.admin-back-pill .material-symbols-outlined{font-size:1.1rem}.admin-chapter-detail-header-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem}.admin-chapter-detail-header-actions .admin-primary-btn .material-symbols-outlined{font-size:1.05rem;line-height:1}.admin-title{margin:0;font-size:1.25rem}.admin-primary-btn{display:inline-flex;align-items:center;gap:.35rem;border:none;border-radius:.5rem;background:#d41132;color:#fff;padding:.55rem .8rem;font-weight:600;cursor:pointer}.admin-primary-btn:disabled{opacity:.7;cursor:not-allowed}.admin-content{padding:1rem 1.25rem 1.5rem;display:grid;gap:1rem}.admin-tabs{display:inline-flex;align-items:center;gap:.45rem;background:#fff;border:1px solid #e5e7eb;border-radius:.65rem;padding:.35rem;width:fit-content}.admin-tab-btn{border:none;background:transparent;color:#6b7280;font-weight:600;font-size:.9rem;border-radius:.45rem;padding:.5rem .8rem;cursor:pointer}.admin-tab-btn--active{background:#d41132;color:#fff}.admin-filter-form{display:grid;grid-template-columns:1.2fr .8fr auto;gap:.6rem;margin-bottom:.8rem}.admin-select{min-width:10rem}.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1rem 1.1rem;box-shadow:0 10px 25px #0f172a0d}.admin-card h3{margin:0 0 .25rem;font-size:.95rem;color:#6b7280}.admin-card p{margin:0;font-size:1.35rem;font-weight:700}.admin-card-hint{margin:0 0 .8rem!important;color:#6b7280;font-size:.9rem!important;font-weight:500!important}.admin-form{display:grid;gap:.95rem}.admin-fieldset{border:1px solid #e5e7eb;border-radius:.6rem;margin:0;padding:.6rem .7rem}.admin-fieldset legend{padding:0 .25rem;font-size:.85rem;font-weight:600;color:#374151}.admin-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .75rem}.admin-label{display:grid;gap:.35rem;font-size:.85rem;font-weight:600;color:#374151}.admin-input{border:1px solid #d1d5db;border-radius:.65rem;height:2.6rem;padding:0 .75rem;font-size:.9rem;background:#fcfcfd;color:#000;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.admin-input:focus{outline:none;border-color:#d41132;box-shadow:0 0 0 4px #d411321a;background:#fff}textarea.admin-input{height:auto;min-height:5rem;padding-top:.55rem;padding-bottom:.55rem;resize:vertical;line-height:1.45}.admin-users-actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.admin-users-actions .admin-secondary-btn,.admin-users-actions .admin-primary-btn{font-size:.78rem;padding:.35rem .55rem;min-height:0;height:auto}.admin-users-flash{margin:.35rem 1.35rem 0;padding:.55rem .75rem;border-radius:.5rem;background:#22c55e1f;border:1px solid rgba(34,197,94,.25);color:#166534;font-size:.85rem;font-weight:600}.admin-users-status-modal-intro{margin:0 0 .75rem;font-size:.9rem;line-height:1.5;color:#334155}.admin-combobox{position:relative;width:100%}.admin-combobox .admin-input{width:100%}.admin-combobox--filter-chapter{min-width:10rem}.admin-combobox-menu{position:absolute;top:calc(100% + .25rem);left:0;right:0;z-index:30;max-height:14rem;overflow:auto;border:1px solid #e5e7eb;border-radius:.75rem;background:#fff;box-shadow:0 16px 30px #11182729}.admin-combobox-item{width:100%;border:none;background:#fff;color:#111827;text-align:left;padding:.55rem .7rem;cursor:pointer}.admin-combobox-item:hover{background:#f9fafb}.admin-combobox-item:disabled{color:#6b7280;cursor:default}.admin-combobox-item--active{background:#fff1f2;color:#9f1239}.admin-hidden-native-select{display:none}.admin-checkbox{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:#374151;padding:.25rem 0}.admin-form-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.25rem}.admin-form-error{margin:0;padding:.55rem .7rem;border:1px solid #fecaca;border-radius:.5rem;background:#fff1f2;color:#b91c1c;font-size:.8rem}.admin-form-error--tight{margin-top:.35rem;padding:.45rem .6rem;font-size:.78rem}.admin-form-hint{margin:.25rem 0 0;font-size:.8rem;color:#6b7280}.admin-form-hint--break{word-break:break-all}.admin-radio-row{display:flex;flex-wrap:wrap;gap:1rem 1.25rem;margin-bottom:.5rem}.admin-radio-inline{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer}.admin-file-input{font-size:.85rem}.admin-chapter-meta-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.admin-chapter-meta-cover{flex:0 0 auto;display:block;width:min(11.5rem,100%);border-radius:.65rem;overflow:hidden;border:1px solid #eef2f7;background:#f8fafc;line-height:0}.admin-chapter-meta-cover img{display:block;width:100%;height:auto}.admin-chapter-meta-tiles-wrap{flex:1 1 12rem;min-width:0}.admin-chapter-lessons-count{margin:.65rem 0 0;font-size:.8125rem;font-weight:600;color:#64748b}.admin-chapter-list-title-link{color:#0f172a;font-weight:700;text-decoration:none}.admin-chapter-list-title-link:hover{color:#d41132;text-decoration:underline}.admin-chapter-detail-link{display:inline-flex;align-items:center;padding:.4rem .65rem;font-size:.78rem;text-decoration:none;white-space:nowrap}.admin-chapter-detail-link:hover{text-decoration:none}.admin-secondary-btn{border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#374151;padding:.55rem .8rem;font-weight:600;cursor:pointer}a.admin-secondary-btn.admin-link-as-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:inherit;font-family:inherit;box-sizing:border-box}a.admin-secondary-btn.admin-link-as-btn:hover{background:#f9fafb;border-color:#cbd5e1}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0206178c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1rem}.admin-modal{width:min(100%,34rem);background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.1rem;box-shadow:0 24px 60px #0206173d}.admin-modal--wide{width:min(100%,36rem)}.admin-modal--chapter-create,.admin-modal--lesson-create{width:min(100%,42rem);padding:0;overflow:hidden;border:1px solid rgba(212,17,50,.14);border-radius:1.05rem;box-shadow:0 4px 6px #0f172a0a,0 28px 64px #02061738}.admin-chapter-create-form,.admin-lesson-create-form{display:flex;flex-direction:column;gap:0}.admin-modal--lesson-create.admin-modal--lesson-create--compact.admin-lesson-create-form{width:min(100%,40rem);max-height:min(88vh,34rem);display:flex;flex-direction:column}@media (max-height: 560px){.admin-modal--lesson-create.admin-modal--lesson-create--compact.admin-lesson-create-form{max-height:92vh}}.admin-modal--lesson-create--compact .admin-modal-chapter-hero{padding:.75rem 2.85rem .65rem 1rem;flex-shrink:0}.admin-modal--lesson-create--compact .admin-modal-chapter-hero__icon{width:2.1rem;height:2.1rem;margin-bottom:.4rem}.admin-modal--lesson-create--compact .admin-modal-chapter-hero__icon .material-symbols-outlined{font-size:1.2rem}.admin-modal--lesson-create--compact .admin-modal-chapter-hero__title{margin:0 0 .25rem;font-size:clamp(1.05rem,2.4vw,1.22rem)}.admin-modal--lesson-create--compact .admin-modal-chapter-hero__subtitle{font-size:.76rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-modal--lesson-create--compact .admin-modal-chapter-body--lesson-create-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.65rem .95rem .5rem;gap:.55rem}.admin-modal--lesson-create--compact .admin-chapter-form-panel{padding:.65rem .8rem}.admin-modal--lesson-create--compact .admin-chapter-form-panel__head{margin-bottom:.55rem;padding-bottom:.55rem;gap:.55rem}.admin-modal--lesson-create--compact .admin-chapter-form-panel__icon{width:2rem;height:2rem;font-size:1.05rem}.admin-modal--lesson-create--compact .admin-chapter-form-panel__title{font-size:.88rem}.admin-modal--lesson-create--compact .admin-chapter-form-panel__desc{font-size:.72rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-modal--lesson-create--compact .admin-chapter-create-fields{gap:.55rem}.admin-modal--lesson-create--compact .admin-chapter-segmented{margin-bottom:.55rem}.admin-chapter-segmented--modal-main-tabs{margin-bottom:.15rem}.admin-modal--lesson-create--compact .admin-chapter-cover-preview__frame{max-height:100px}.admin-modal--lesson-create--compact .admin-chapter-cover-preview__frame img{max-height:100px;width:auto;object-fit:contain}.admin-modal--lesson-create--compact .admin-chapter-cover-preview__url{-webkit-line-clamp:1}.admin-modal--lesson-create--compact .admin-lesson-premium-toggle__hint{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.admin-chapter-create-footer--lesson-create-modal{margin:0;flex-shrink:0;padding:.55rem .95rem .65rem;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0}.admin-modal-chapter-hero{position:relative;padding:1.35rem 3.6rem 1.25rem 1.4rem;background:linear-gradient(135deg,#d41132,#be123c 52%,#9f1239);box-shadow:inset 0 1px #ffffff1a}.admin-modal-close--on-hero{position:absolute;top:.85rem;right:.85rem;border-color:#ffffff59;background:#ffffff1f;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.admin-modal-close--on-hero:hover{background:#ffffff38;border-color:#ffffff8c;color:#fff}.admin-modal-close--on-hero:active{transform:scale(.96)}.admin-modal-chapter-hero__icon{width:2.65rem;height:2.65rem;display:flex;align-items:center;justify-content:center;margin-bottom:.65rem;border-radius:.75rem;background:#ffffff24;border:1px solid rgba(255,255,255,.2);color:#fff}.admin-modal-chapter-hero__icon .material-symbols-outlined{font-size:1.45rem;line-height:1}.admin-modal-chapter-hero__kicker{margin:0 0 .35rem;font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#ffffffb8}.admin-modal-chapter-hero__title{margin:0 0 .4rem;font-size:clamp(1.2rem,2.8vw,1.45rem);font-weight:800;color:#fff;line-height:1.25;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(0,0,0,.15)}.admin-modal-chapter-hero__subtitle{margin:0;max-width:32rem;font-size:.84rem;line-height:1.5;font-weight:500;color:#ffffffd1}.admin-modal-chapter-body{padding:1.15rem 1.35rem 1.35rem;display:flex;flex-direction:column;gap:1rem;background:linear-gradient(180deg,#fafbfc,#fff .35rem)}.admin-chapter-create-form__alert{margin:0}.admin-chapter-form-panel{padding:1rem 1.05rem;border-radius:.85rem;border:1px solid #eef2f7;background:#fff;box-shadow:0 1px 2px #0f172a0a}.admin-chapter-form-panel--media{background:linear-gradient(180deg,#fff,#fcfcfd)}.admin-chapter-form-panel__head{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.95rem;padding-bottom:.85rem;border-bottom:1px solid #f1f5f9}.admin-chapter-form-panel__icon{flex-shrink:0;width:2.35rem;height:2.35rem;display:flex;align-items:center;justify-content:center;border-radius:.65rem;font-size:1.2rem;color:#9f1239;background:linear-gradient(145deg,#fff1f2,#ffe4e6);border:1px solid rgba(212,17,50,.12)}.admin-chapter-form-panel__title{margin:0 0 .2rem;font-size:.95rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.admin-chapter-form-panel__desc{margin:0;font-size:.78rem;line-height:1.45;color:#64748b;font-weight:500}.admin-chapter-create-fields{display:flex;flex-direction:column;gap:.85rem}.admin-label--chapter-create{gap:.4rem}.admin-label--chapter-create .admin-label__text{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.admin-chapter-form-grid-2{display:grid;grid-template-columns:1fr;gap:.85rem}@media (min-width: 520px){.admin-chapter-form-grid-2{grid-template-columns:1fr 1fr;gap:1rem}}.admin-chapter-field-hint{margin:0;font-size:.72rem;line-height:1.4;color:#94a3b8;font-weight:500}.admin-chapter-segmented{display:flex;flex-wrap:wrap;gap:.4rem;padding:.35rem;margin-bottom:.85rem;border-radius:.75rem;background:#f1f5f9;border:1px solid #e2e8f0}.admin-chapter-segmented__btn{flex:1 1 8rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .65rem;border:none;border-radius:.55rem;font-size:.8rem;font-weight:700;color:#64748b;background:transparent;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.admin-chapter-segmented__btn .material-symbols-outlined{font-size:1.05rem;line-height:1;opacity:.85}.admin-chapter-segmented__btn:hover{color:#475569;background:#ffffffa6}.admin-chapter-segmented__btn.is-active{color:#9f1239;background:#fff;box-shadow:0 1px 3px #0f172a14}.admin-chapter-upload-block{display:flex;flex-direction:column;gap:.5rem}.admin-chapter-upload-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;min-height:6.5rem;padding:1.1rem 1rem;border:1px dashed rgba(212,17,50,.3);border-radius:.85rem;background:linear-gradient(180deg,#fffafb,#fff 55%);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.admin-chapter-upload-drop:hover{border-color:#d411327a;box-shadow:0 0 0 4px #d4113212}.admin-chapter-upload-drop:focus-within{outline:none;border-color:#d41132;box-shadow:0 0 0 4px #d411321f}.admin-chapter-upload-drop.is-disabled{opacity:.72;pointer-events:none;cursor:default}.admin-chapter-upload-drop__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.admin-chapter-upload-drop__icon{font-size:1.75rem;color:#d41132;opacity:.9}.admin-chapter-upload-drop__title{font-size:.85rem;font-weight:700;color:#334155}.admin-chapter-upload-drop__hint{font-size:.72rem;color:#94a3b8;text-align:center;max-width:16rem;line-height:1.35}.admin-chapter-cover-preview{margin-top:.35rem;padding:.85rem;border-radius:.8rem;border:1px solid #eef2f7;background:#f8fafc}.admin-chapter-cover-preview__frame{border-radius:.65rem;overflow:hidden;border:1px solid #e2e8f0;background:#fff;line-height:0;max-height:11rem}.admin-chapter-cover-preview__frame img{width:100%;max-height:11rem;object-fit:cover;display:block}.admin-chapter-cover-preview__caption{margin:.65rem 0 .25rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}.admin-chapter-cover-preview__url{margin:0;font-size:.72rem;line-height:1.4;color:#64748b;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-chapter-create-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;margin:.15rem 0 0;padding-top:1rem;border-top:1px solid #f1f5f9}.admin-chapter-create-footer .admin-primary-btn{padding:.6rem 1rem;border-radius:.6rem;box-shadow:0 4px 14px #d4113238}.admin-final-test-create-modal__body{display:flex;flex-direction:column;gap:.85rem;margin-top:.35rem}.admin-final-test-create-modal__field-hint{display:block;margin-top:.3rem;font-size:.78rem;line-height:1.4}.admin-final-test-create-modal .admin-combobox-menu{z-index:50}.admin-chapter-create-footer__submit-icon{font-size:1.05rem;line-height:1}.admin-lesson-create-form .admin-combobox-menu{z-index:40}.admin-lesson-meta-label{margin:-.15rem 0 .5rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.admin-lesson-category-chips{display:flex;flex-wrap:wrap;gap:.45rem}.admin-lesson-category-chip{border:1px solid #e2e8f0;border-radius:999px;padding:.42rem .85rem;font-size:.8rem;font-weight:700;color:#64748b;background:#f8fafc;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}.admin-lesson-category-chip:hover:not(:disabled){border-color:#cbd5e1;color:#475569}.admin-lesson-category-chip.is-active{border-color:#d4113266;background:linear-gradient(145deg,#fff1f2,#ffe4e6);color:#9f1239;box-shadow:0 1px 2px #d411321f}.admin-lesson-category-chip:disabled{opacity:.55;cursor:not-allowed}.admin-lesson-premium-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem .9rem;border-radius:.75rem;border:1px solid #f1e5d8;background:linear-gradient(125deg,#fffdf8,#fffaf5,#fff);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.admin-lesson-premium-toggle:hover{border-color:#e8bc5e8c;box-shadow:0 0 0 3px #f8d78a38}.admin-lesson-premium-toggle__text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.admin-lesson-premium-toggle__title{display:inline-flex;align-items:center;gap:.35rem;font-size:.88rem;font-weight:800;color:#3d2910}.admin-lesson-premium-toggle__title .material-symbols-outlined{font-size:1.15rem;color:#b45309}.admin-lesson-premium-toggle__hint{font-size:.72rem;line-height:1.4;color:#92400e;font-weight:500;opacity:.9}.admin-lesson-premium-toggle input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:#d41132;flex-shrink:0;cursor:pointer}.admin-modal--section-item-text{width:min(100%,56rem);max-width:96vw;max-height:calc(100vh - 2rem);overflow-y:auto}.admin-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.15rem;border-bottom:1px solid #f1f5f9;margin-bottom:.2rem}.admin-modal-head h3{margin:0;font-size:1.02rem;color:#111827}.admin-modal-close{width:2.1rem;height:2.1rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:999px;background:#f8fafc;color:#64748b;cursor:pointer;transition:all .18s ease}.admin-modal-close .material-symbols-outlined{font-size:1.1rem;line-height:1}.admin-modal-close:hover{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.admin-modal-close:active{transform:scale(.96)}.admin-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:.9rem}.admin-table{width:100%;border-collapse:separate;border-spacing:0}.admin-table-wrap{width:100%;overflow-x:auto;border:1px solid #e5e7eb;border-radius:.8rem;background:#fff}.admin-table th,.admin-table td{text-align:left;padding:.72rem .75rem;border-bottom:1px solid #f1f5f9;font-size:.9rem;white-space:nowrap}.admin-table th{position:sticky;top:0;z-index:1;background:#fff7f8;color:#9f1239;font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:.78rem}.admin-table tbody tr:nth-child(2n) td{background:#fcfcfd}.admin-table tbody tr:hover td{background:#fff1f2}.admin-table td.admin-table-cell--thumb{white-space:normal;vertical-align:middle;width:4.25rem}.admin-table-thumb-link{display:inline-flex;line-height:0;border-radius:.4rem}.admin-table-thumb-link:focus-visible{outline:2px solid #d41132;outline-offset:2px}.admin-table-chapter-thumb{display:block;width:3.5rem;height:2.5rem;object-fit:cover;border-radius:.35rem;border:1px solid #e5e7eb;background:#f8fafc}.admin-table-cell-muted{color:#9ca3af;font-size:.85rem}.admin-chip{display:inline-flex;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.admin-chip--ok{background:#dcfce7;color:#166534}.admin-chip--warn{background:#fef3c7;color:#92400e}.admin-chip--muted{background:#f1f5f9;color:#475569}.admin-table-row--clickable{cursor:pointer}.admin-lesson-list-card{padding:0;overflow:hidden;border:1px solid rgba(43,18,32,.12);border-radius:1rem;box-shadow:0 1px #f8d78a1f inset,0 4px 28px #1a0f1712,0 16px 48px #0f172a0f;background:#fff}.admin-lesson-list-card__top{padding:1.1rem 1.35rem 1rem;background:linear-gradient(135deg,#fbf7f8,#fff 42%,#fff8f6);border-bottom:1px solid rgba(43,18,32,.08)}.admin-lesson-list-card__top h3{margin:0;font-size:1.08rem;font-weight:800;letter-spacing:-.025em;color:#1a0f17}.admin-lesson-list-card__top--with-action{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem}.admin-assets-header-upload-btn{align-self:center;flex-shrink:0}.admin-content>.admin-assets-upload-flash.admin-users-flash,.admin-content>.admin-content-create-flash.admin-users-flash{margin:0}.admin-assets-upload-hint{margin-top:0!important;margin-bottom:0!important;line-height:1.45}.admin-assets-upload-file-input{height:auto;min-height:2.6rem;padding:.45rem .65rem;line-height:1.3}.admin-lesson-list-card__kicker{margin:.4rem 0 0;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:#d41132e0}.admin-schools-api-hint{margin:.45rem 0 0;font-size:.78rem;font-weight:500;line-height:1.5;color:#64748b}.admin-inline-code{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;font-size:.88em;padding:.12em .4em;border-radius:.3rem;background:#0f172a12;color:#334155}.admin-question-bank-table .admin-question-bank-id{font-variant-numeric:tabular-nums}.admin-question-bank-content-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45;max-width:min(36rem,52vw)}.admin-question-bank-answer{font-weight:600;font-size:.88rem;color:#166534}.admin-question-bank-detail{max-width:36rem;width:calc(100% - 2rem);max-height:min(90vh,42rem);display:flex;flex-direction:column}.admin-question-bank-detail-body{overflow-y:auto;flex:1;min-height:0;padding:0 0 .25rem}.admin-question-bank-detail-meta{margin:0 0 1rem;line-height:1.5}.admin-question-bank-detail-block{margin-bottom:1rem}.admin-question-bank-detail-label{margin:0 0 .35rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.admin-question-bank-detail-text{margin:0;line-height:1.55;color:#1e293b}.admin-question-bank-detail-answer{margin:0;font-weight:700;color:#166534}.admin-question-bank-options{margin:0;padding-left:1.25rem;line-height:1.65}.admin-question-bank-option--correct{font-weight:700;color:#166534}.admin-question-bank-correct-badge{margin-left:.45rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#d41132eb}.admin-question-bank-detail-image{display:block;max-width:100%;max-height:220px;border-radius:.5rem;border:1px solid rgba(15,23,42,.1)}.admin-question-bank-image-link{display:inline-block}.admin-modal--question-create{width:min(100%,40rem);max-height:calc(100vh - 2rem);overflow-y:auto}.admin-question-create-options-label{margin:0 0 .35rem;font-size:.85rem;font-weight:600;color:#374151}.admin-question-create-options{display:grid;gap:.5rem}.admin-question-create-option-row{display:flex;gap:.45rem;align-items:center}.admin-question-create-option-row .admin-input{flex:1;min-width:0}.admin-question-create-option-remove{flex-shrink:0;padding:.35rem;min-width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center}.admin-question-create-option-remove .material-symbols-outlined{font-size:1.15rem}.admin-question-create-add-opt{display:inline-flex;align-items:center;gap:.25rem;width:fit-content;margin-top:.15rem}.admin-question-create-add-opt .material-symbols-outlined{font-size:1.1rem}.admin-question-create-image{display:grid;gap:.55rem}.admin-question-create-clear-image{margin-top:.45rem;width:fit-content;font-size:.82rem;padding:.35rem .65rem}.admin-asset-preview-cell{width:4.5rem;vertical-align:middle}.admin-asset-thumb{display:block;max-width:56px;max-height:42px;width:auto;height:auto;object-fit:contain;border-radius:.35rem;background:#0f172a0a}.admin-reward-item-thumb{display:block;width:40px;height:40px;object-fit:cover;border-radius:.35rem;background:#0f172a0a}.admin-reward-item-desc{margin:.25rem 0 0;font-size:.75rem;color:var(--text-muted, #64748b);line-height:1.35;max-width:18rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-reward-items-api-hint{margin-top:.35rem}.admin-reward-create-card{margin-bottom:1.25rem}.admin-reward-create-card__title{margin:0 0 .25rem;font-size:1.05rem;font-weight:700;color:#111827}.admin-reward-create-form__row{display:grid;gap:.95rem}@media (min-width: 640px){.admin-reward-create-form__row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.admin-asset-audio-wrap{position:relative;display:inline-flex;align-items:center;gap:.25rem}.admin-asset-audio-element{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.admin-asset-audio-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:.35rem;cursor:pointer;background:#d411321a;color:#d41132f2;transition:background .15s ease,color .15s ease}.admin-asset-audio-btn:hover{background:#d411322e}.admin-asset-audio-btn:focus-visible{outline:2px solid rgba(212,17,50,.45);outline-offset:2px}.admin-asset-audio-btn .material-symbols-outlined{font-size:1.35rem}.admin-asset-preview-fallback{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.35rem;text-decoration:none;color:#0f172aa6;background:#0f172a0f}.admin-asset-preview-fallback:hover{color:#d41132f2;background:#d411321a}.admin-asset-link-btn{padding:.35rem .65rem;font-size:.8rem}.admin-lesson-list-card .admin-form-error{margin:.85rem 1.35rem 0}.admin-lesson-list-card__filters{margin:.75rem 1.35rem .35rem}.admin-final-exams-filters.admin-filter-form{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:.75rem;max-width:44rem;align-items:end}.admin-final-exams-search-field{display:flex;flex-direction:column;gap:.3rem;min-width:0}.admin-final-exams-search-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}@media (max-width: 720px){.admin-final-exams-filters.admin-filter-form{grid-template-columns:1fr;max-width:100%}}.admin-classes-filters.admin-filter-form{grid-template-columns:minmax(0,1fr);max-width:22rem}.admin-classes-teacher-cell{display:flex;flex-direction:column;gap:.15rem;align-items:flex-start;max-width:14rem}.admin-classes-teacher-email{font-size:.78rem;color:#6b7280;word-break:break-all}.admin-classes-school-cell{display:block;max-width:16rem;line-height:1.35}.admin-final-exams-lesson-combo{width:100%}.admin-final-test-detail-meta{display:grid;gap:.35rem;margin-bottom:1rem;font-size:.9rem}.admin-final-test-detail-meta p{margin:0}.admin-final-test-detail-questions-title{margin:0 0 .65rem;font-size:.95rem;font-weight:700;color:#374151}.admin-final-test-detail-questions{display:flex;flex-direction:column;gap:1rem}.admin-final-test-detail-question-card{border:1px solid #e5e7eb;border-radius:.65rem;padding:.75rem .9rem;margin:0}.admin-final-test-detail-question-kicker{margin:0 0 .5rem;font-size:.8rem;font-weight:600;color:#6b7280}.admin-final-exam-detail-page{padding-bottom:1.5rem}.admin-final-exam-detail-subtitle{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;font-size:.85rem;color:#475569}.admin-final-exam-detail-subtitle-muted{color:#94a3b8;font-weight:500}.admin-final-exam-detail-id-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem .2rem .4rem;border-radius:999px;background:#d4113214;color:#9f1239;font-weight:700;font-size:.8rem}.admin-final-exam-detail-id-pill .material-symbols-outlined{font-size:1rem!important;opacity:.9}.admin-final-exam-detail-api{margin:0 0 1rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#fff;box-shadow:0 2px 10px #0f172a0a;overflow:hidden}.admin-final-exam-detail-api summary{cursor:pointer;list-style:none;padding:.55rem .9rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.admin-final-exam-detail-api summary::-webkit-details-marker{display:none}.admin-final-exam-detail-api summary:after{content:"";width:.42rem;height:.42rem;border-right:2px solid #94a3b8;border-bottom:2px solid #94a3b8;transform:rotate(45deg);flex-shrink:0;margin-top:-.15rem;transition:transform .2s ease}.admin-final-exam-detail-api[open] summary:after{transform:rotate(-135deg);margin-top:.15rem}.admin-final-exam-detail-api summary:hover{background:#f8fafc;color:#475569}.admin-final-exam-detail-api summary:focus-visible{outline:2px solid rgba(212,17,50,.45);outline-offset:-2px}.admin-final-exam-detail-api-body{padding:0 .9rem .75rem;border-top:1px solid #f1f5f9}.admin-final-exam-detail-feedback{display:flex;gap:1rem;align-items:flex-start;max-width:32rem;border-radius:.85rem;border:1px solid #fecaca;background:linear-gradient(135deg,#fff,#fff1f2);box-shadow:0 8px 28px #b91c1c14}.admin-final-exam-detail-feedback-icon{font-size:2rem!important;color:#e11d48;flex-shrink:0}.admin-final-exam-detail-feedback-title{margin:0 0 .35rem;font-weight:800;font-size:.95rem;color:#9f1239}.admin-final-exam-detail-feedback-text{margin:0 0 .85rem;font-size:.88rem;line-height:1.5;color:#57534e}.admin-final-exam-detail-feedback-btn{margin-top:.15rem}.admin-final-exam-detail-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:.75rem;margin-bottom:1.25rem}.admin-final-exam-detail-stat{border:1px solid #e5e7eb;border-radius:.85rem;padding:.85rem 1rem;background:#fff;box-shadow:0 4px 18px #0f172a0d;transition:border-color .15s ease,box-shadow .15s ease}.admin-final-exam-detail-stat:hover{border-color:#d4113233;box-shadow:0 6px 22px #0f172a12}.admin-final-exam-detail-stat-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#64748b;margin:0 0 .4rem}.admin-final-exam-detail-stat-value{margin:0;font-size:.92rem;font-weight:600;color:#0f172a;line-height:1.4;word-break:break-word}.admin-final-exam-detail-questions-shell{border:1px solid #e5e7eb;border-radius:1rem;background:#fff;box-shadow:0 10px 36px #0f172a12;overflow:hidden}.admin-final-exam-detail-section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem;padding:1rem 1.15rem;border-bottom:1px solid rgba(212,17,50,.12);background:linear-gradient(135deg,#fff,#fff7f8)}.admin-final-exam-detail-section-title{margin:0;font-size:1.02rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:.45rem}.admin-final-exam-detail-section-title .material-symbols-outlined{font-size:1.4rem!important;color:#d41132e0}.admin-final-exam-detail-section-head-right{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.5rem}.admin-final-exam-detail-add-questions-btn{white-space:nowrap}.admin-final-exam-detail-add-questions-btn .material-symbols-outlined{font-size:1.1rem!important}.admin-final-exam-detail-count-badge{display:inline-flex;align-items:center;padding:.28rem .65rem;border-radius:999px;font-size:.78rem;font-weight:800;background:#d411321a;color:#b91c1c;border:1px solid rgba(212,17,50,.15)}.admin-final-exam-detail-questions-body{padding:1.15rem 1.15rem 1.25rem}.admin-final-exam-detail-question-list .admin-question-bank-detail{max-width:none;width:100%;max-height:none}.admin-final-exam-detail-question-card.admin-final-test-detail-question-card{border:1px solid #e8e8ec;border-left:3px solid rgba(212,17,50,.42);border-radius:.75rem;padding:.9rem 1rem;background:linear-gradient(180deg,#fafafa,#fff);transition:box-shadow .18s ease,border-color .18s ease}.admin-final-exam-detail-question-card.admin-final-test-detail-question-card:hover{box-shadow:0 6px 20px #0f172a12;border-color:#e2e8f0;border-left-color:#d41132a6}.admin-final-exam-detail-q-index{color:#0f172a;font-weight:800}.admin-final-exam-detail-empty{text-align:center;padding:2.25rem 1.25rem 2rem;color:#64748b}.admin-final-exam-detail-empty .material-symbols-outlined{font-size:2.75rem!important;color:#cbd5e1;margin-bottom:.65rem;display:block}.admin-final-exam-detail-empty-title{margin:0 0 .35rem;font-weight:800;font-size:1rem;color:#475569}.admin-final-exam-detail-empty-hint{font-size:.88rem;line-height:1.55;max-width:22rem;margin:0 auto}.admin-asset-picker-modal{display:flex;flex-direction:column;max-height:min(90vh,42rem)}.admin-asset-picker-tabs{margin-bottom:.65rem}.admin-asset-picker-library{display:flex;flex-direction:column;gap:.55rem;overflow-y:auto;min-height:8rem}.admin-asset-picker-search{width:100%}.admin-asset-picker-status{margin:0;padding:1.5rem 0;text-align:center;font-size:.85rem;color:#6b7280}.admin-asset-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.5rem}.admin-asset-picker-grid-item{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.4rem;border:2px solid transparent;border-radius:.55rem;background:#f8fafc;cursor:pointer;transition:border-color .15s ease,background .15s ease}.admin-asset-picker-grid-item:hover{border-color:#d4113259;background:#fff1f2}.admin-asset-picker-thumb{width:100%;aspect-ratio:1;object-fit:cover;border-radius:.35rem;background:#0f172a0a}.admin-asset-picker-file-icon{font-size:2rem;color:#94a3b8;padding:.8rem 0}.admin-asset-picker-grid-name{display:block;width:100%;font-size:.7rem;color:#475569;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-asset-picker-list{display:flex;flex-direction:column;gap:.35rem}.admin-asset-picker-hidden-audio{display:none}.admin-asset-picker-list-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fafbfc;transition:border-color .15s ease,background .15s ease}.admin-asset-picker-list-item:hover{background:#fff1f2;border-color:#d4113233}.admin-asset-picker-play-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:50%;background:#d41132;color:#fff;cursor:pointer;transition:background .15s ease}.admin-asset-picker-play-btn:hover{background:#be123c}.admin-asset-picker-play-btn .material-symbols-outlined{font-size:1.15rem}.admin-asset-picker-list-select{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem;border:none;background:transparent;text-align:left;cursor:pointer;padding:.25rem 0}.admin-asset-picker-list-name{font-size:.85rem;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-asset-picker-list-url{font-size:.72rem;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-asset-picker-pagination{display:flex;align-items:center;justify-content:center;gap:.65rem;padding-top:.35rem}.admin-asset-picker-page-info{font-size:.82rem;font-weight:600;color:#475569;min-width:4rem;text-align:center}.admin-asset-picker-upload{padding:.5rem 0}.admin-lesson-table-wrap{width:100%;overflow-x:auto;background:#fff}.admin-lesson-table{width:100%;border-collapse:separate;border-spacing:0}.admin-lesson-table th,.admin-lesson-table td{text-align:left;vertical-align:middle;padding:.82rem 1.1rem;font-size:.9rem;border-bottom:1px solid rgba(43,18,32,.06)}.admin-lesson-table th{position:sticky;top:0;z-index:2;background:linear-gradient(165deg,#321a28,#251420 45%,#1a0f17);color:#f9fafbf2;font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid rgba(248,215,138,.18);box-shadow:0 4px 12px #0000001f;white-space:nowrap}.admin-lesson-table th:first-child,.admin-lesson-table td:first-child{padding-left:1.35rem}.admin-lesson-table td:last-child,.admin-lesson-table th:last-child{padding-right:1.35rem}.admin-lesson-table tbody tr{transition:background .16s ease,box-shadow .16s ease}.admin-lesson-table tbody tr:nth-child(2n) td{background:#fbf7f8a6}.admin-lesson-table tbody tr:hover td{background:linear-gradient(90deg,#d4113212,#fff6 55%)}.admin-lesson-table tbody tr.admin-table-row--clickable:focus-visible{outline:none}.admin-lesson-table tbody tr.admin-table-row--clickable:focus-visible td{box-shadow:inset 0 0 0 2px #d4113273}.admin-lesson-table-title-cell{display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-width:10rem;max-width:min(28rem,100%)}.admin-lesson-table-title-block{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .5rem;min-width:0}.admin-lesson-table-title{font-weight:700;font-size:.92rem;color:#0f172a;line-height:1.35;word-break:break-word}.admin-lesson-table-premium{flex-shrink:0;display:inline-flex;align-items:center;padding:.12rem .45rem;border-radius:999px;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#3d2910;background:linear-gradient(135deg,#f8d78a,#e8bc5e);border:1px solid rgba(248,215,138,.5);box-shadow:0 1px 2px #1a0f171f}.admin-lesson-table-go{flex-shrink:0;font-size:1.35rem!important;color:#2b122047;transition:color .15s ease,transform .15s ease}.admin-lesson-table tbody tr:hover .admin-lesson-table-go{color:#d41132;transform:translate(2px)}.admin-lesson-table-chapter{color:#64748b;font-size:.875rem;font-weight:500;max-width:14rem;word-break:break-word}.admin-lesson-table-cats{display:flex;flex-wrap:wrap;gap:.35rem;max-width:18rem}.admin-lesson-table-chip{display:inline-flex;padding:.2rem .5rem;border-radius:.45rem;font-size:.72rem;font-weight:700;color:#5c1f2e;background:#d4113212;border:1px solid rgba(212,17,50,.16)}.admin-policies-chip--active{color:#166534;background:#22c55e1f;border-color:#22c55e47}.admin-policies-chip--inactive{color:#64748b;background:#64748b1a;border-color:#64748b38}.admin-policies-table td:first-child .admin-inline-code{font-size:.78rem;word-break:break-word}.admin-policy-detail-meta{margin-top:.35rem!important}.admin-policy-detail-card .admin-lesson-list-card__top{border-bottom:1px solid rgba(43,18,32,.08)}.admin-policy-detail-fields{display:grid;gap:.85rem;padding:0 1.35rem}.admin-policy-detail-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:600;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.admin-policy-detail-checkbox input{width:1.05rem;height:1.05rem;accent-color:#d41132;cursor:pointer}.admin-policy-detail-save-error{margin:0 1.35rem!important}.admin-policy-detail-editor{padding:.85rem 1.35rem 1.35rem}.admin-policy-detail-editor .section-item-rich-text .ql-container.ql-snow{min-height:280px}.admin-policy-detail-editor .section-item-rich-text .ql-editor{min-height:280px;max-height:min(62vh,560px)}.admin-lesson-table-date{font-size:.8rem;font-weight:600;color:#475569;font-variant-numeric:tabular-nums;white-space:nowrap}.admin-lesson-table .admin-table-cell--thumb{white-space:normal;vertical-align:middle;width:4.25rem}.admin-users-table th,.admin-users-table td{white-space:normal;vertical-align:middle}.admin-users-table-email{display:inline-block;max-width:min(14rem,100%);font-size:.82rem;font-weight:500;color:#475569;word-break:break-word}.school-admin-teachers-avatar{width:2.25rem;height:2.25rem;border-radius:50%;object-fit:cover;vertical-align:middle;border:1px solid rgba(43,18,32,.1)}.school-admin-classes-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.25rem}.school-admin-classes-search{flex:1 1 12rem;min-width:min(100%,14rem);max-width:24rem}.school-admin-class-link{color:inherit;text-decoration:none;font-weight:700}.school-admin-class-link:hover{color:#d41132;text-decoration:underline}.school-admin-class-detail-link{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.5rem;color:#64748b;text-decoration:none;transition:background .15s ease,color .15s ease}.school-admin-class-detail-link:hover{background:#d4113214;color:#d41132}.school-admin-class-detail-breadcrumb{margin:0 0 1rem}.school-admin-class-detail-back{padding:1rem 1.35rem 1.25rem;border-top:1px solid rgba(43,18,32,.08)}.school-admin-class-detail-actions{display:inline-flex;align-items:center;gap:.5rem}.school-admin-assign-curriculum-modal{max-width:min(42rem,96vw)}.school-admin-assign-chapter-list{display:flex;flex-direction:column;gap:.45rem;max-height:20rem;padding:.35rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#f8fafc;overflow:auto}.school-admin-assign-chapter-list__hint{margin:0;padding:.7rem .6rem;font-size:.86rem;color:#64748b}.school-admin-assign-chapter-row{display:flex;align-items:center;gap:.65rem;padding:.5rem .6rem;border:1px solid #e2e8f0;border-radius:.65rem;background:#fff;cursor:pointer}.school-admin-assign-chapter-row.is-selected{border-color:#d4113273;box-shadow:0 0 0 2px #d4113214}.school-admin-assign-chapter-row.is-disabled{opacity:.65;cursor:not-allowed}.school-admin-assign-chapter-row input[type=checkbox]{width:1rem;height:1rem;margin:0}.school-admin-assign-chapter-row__main{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.school-admin-assign-chapter-row__title{font-size:.88rem;font-weight:700;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.school-admin-assign-chapter-row__meta{font-size:.76rem;color:#64748b}.school-admin-assign-chapter-row__source{font-size:.7rem;font-weight:700;letter-spacing:.02em;color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;border-radius:999px;padding:.15rem .45rem;white-space:nowrap}.school-admin-class-teacher-cell{display:flex;flex-direction:column;gap:.15rem;align-items:flex-start}.school-admin-class-teacher-cell .admin-users-table-email{max-width:16rem;font-size:.78rem}.school-admin-teacher-dd{position:relative;flex:1 1 16rem;min-width:min(100%,17rem);max-width:22rem}.school-admin-teacher-dd__label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:.35rem}.school-admin-teacher-dd__row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.school-admin-teacher-dd__trigger.admin-input{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left;cursor:pointer;font-family:inherit;font-size:.875rem;background:#fff}.school-admin-teacher-dd__trigger-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1a0f17}.school-admin-teacher-dd__chevron{flex-shrink:0;font-size:1.25rem;color:#64748b}.school-admin-teacher-dd__clear{flex-shrink:0;white-space:nowrap}.school-admin-teacher-dd__panel{position:absolute;top:calc(100% + .35rem);left:0;right:0;z-index:50;padding:.65rem;background:#fff;border:1px solid rgba(43,18,32,.12);border-radius:.65rem;box-shadow:0 10px 28px #0f172a1f,0 4px 12px #0f172a0f}.school-admin-teacher-dd__search{width:100%;margin-bottom:.5rem;box-sizing:border-box}.school-admin-teacher-dd__err{margin:0 0 .5rem;font-size:.8rem;color:#b91c1c}.school-admin-teacher-dd__list{list-style:none;margin:0;padding:0;max-height:15rem;overflow-y:auto}.school-admin-teacher-dd__hint{padding:.65rem .5rem;font-size:.85rem;color:#64748b}.school-admin-teacher-dd__option{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;margin:0;padding:.55rem .6rem;border:none;border-radius:.45rem;background:transparent;text-align:left;cursor:pointer;font-family:inherit;transition:background .15s ease}.school-admin-teacher-dd__option:hover{background:#fbf7f8f2}.school-admin-teacher-dd__opt-name{font-size:.875rem;font-weight:600;color:#1a0f17}.school-admin-teacher-dd__opt-email{font-size:.78rem;color:#64748b;word-break:break-all}.admin-lesson-table-empty td{text-align:center;padding:2.25rem 1.5rem!important;color:#64748b;font-size:.9rem;font-weight:500;background:#fbf7f880!important}.admin-lesson-list-pagination{margin:0;padding:1rem 1.35rem 1.15rem;border-top:1px solid rgba(43,18,32,.08);background:linear-gradient(180deg,#fbf7f880,#fff)}.admin-lesson-list-pagination .admin-lesson-pagination-info{color:#475569;font-weight:700}.admin-lesson-list-pagination .admin-lesson-pagination-limit{color:#334155}.admin-lesson-list-pagination .admin-secondary-btn{border-color:#2b122026;color:#3f1f28;font-weight:700}.admin-lesson-list-pagination .admin-secondary-btn:not(:disabled):hover{border-color:#d4113259;color:#b91c1c;background:#d411320d}.admin-lesson-detail{width:100%;max-width:none;margin:0;box-sizing:border-box}.admin-lesson-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .65rem}.admin-lesson-meta{margin-bottom:.35rem;padding:0;overflow:hidden;border:1px solid rgba(212,17,50,.18);background:#fff;box-shadow:0 8px 24px #0f172a0f}.admin-lesson-meta-bar{padding:.65rem .9rem .75rem;border-radius:1rem 1rem 0 0;background:linear-gradient(135deg,#d41132,#be123c 55%,#9f1239);box-shadow:inset 0 1px #ffffff1f}.admin-lesson-meta-bar-kicker{display:flex;align-items:center;gap:.4rem;margin-bottom:.45rem;font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#ffffffc7}.admin-lesson-meta-bar-kicker .material-symbols-outlined{font-size:1.05rem;opacity:.95}.admin-lesson-meta-lesson-title{margin:0;font-size:clamp(1.2rem,2.4vw,1.5rem);font-weight:800;color:#fff;line-height:1.2;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.18)}.admin-lesson-meta-body{padding:.75rem .9rem .9rem;background:#fff;border-radius:0 0 1rem 1rem}.admin-lesson-meta-tiles{display:flex;flex-wrap:wrap;gap:.45rem;align-items:stretch}.admin-meta-tile{flex:1 1 9.5rem;min-width:0;display:flex;flex-direction:column;gap:.2rem;padding:.45rem .55rem;border-radius:.5rem;background:#f8fafc;border:1px solid #eef2f7}.admin-meta-tile--grow{flex:2 1 14rem}.admin-meta-tile--narrow{flex:0 1 6.5rem;align-items:flex-start}.admin-meta-tile-label{font-size:.6875rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;line-height:1.2}.admin-meta-tile-value{font-size:.8125rem;font-weight:600;color:#0f172a;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.admin-meta-tile-value--muted{color:#94a3b8;font-weight:500}.admin-meta-tile-value--date{font-variant-numeric:tabular-nums;font-size:.78rem;color:#475569;font-weight:600}.admin-lesson-meta-tags{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.admin-tag{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:.45rem;font-size:.78rem;font-weight:700;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.admin-tag--compact{padding:.12rem .4rem;font-size:.72rem;border-radius:.35rem}.admin-pill{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:999px;font-size:.78rem;font-weight:800}.admin-pill--compact{padding:.12rem .45rem;font-size:.7rem}.admin-pill--premium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fcd34d}.admin-pill--free{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.admin-lesson-section{position:relative;border:1px solid #e2e8f0;background:#fff;box-shadow:0 8px 30px #0f172a0f;padding:0;overflow:hidden}.admin-lesson-section-head{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.85rem;padding-left:.25rem}.admin-lesson-section-head--row{align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem .65rem}.admin-lesson-section-head--bar{margin:0;padding:.65rem .75rem .65rem .85rem;border:none;border-radius:1rem 1rem 0 0;background:linear-gradient(135deg,#d41132,#be123c 55%,#9f1239);box-shadow:inset 0 1px #ffffff1f}.admin-lesson-section--collapsed .admin-lesson-section-head--bar{border-radius:1rem}.admin-lesson-section-head--bar.admin-lesson-section-head--row{margin-bottom:0}.admin-lesson-section-head-main{display:flex;align-items:center;gap:.65rem;flex:1;min-width:0}.admin-section-add-item-btn{flex-shrink:0;font-size:.78rem;padding:.4rem .65rem;background:#fff!important;color:#d41132!important;border:1px solid rgba(255,255,255,.85);box-shadow:0 1px 3px #0000001f}.admin-section-add-item-btn:hover{filter:brightness(1.03)}.admin-section-collapse-icon-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin-left:.1rem;padding:0;border:none;border-radius:.45rem;background:transparent;color:#fff;cursor:pointer;transition:background .15s ease}.admin-section-collapse-icon-btn:hover{background:#ffffff2e}.admin-section-collapse-icon-btn .material-symbols-outlined{font-size:1.5rem;line-height:1}.admin-modal-section-hint{margin:-.25rem 0 .35rem;font-size:.82rem;color:#64748b;line-height:1.4}.admin-modal-section-hint strong{color:#0f172a;font-weight:700}.admin-modal-field-hint{margin:0 0 .5rem;font-size:.8rem;font-weight:400;color:#64748b;line-height:1.45}.admin-item-image-upload-preview{margin-top:.65rem;max-width:100%}.admin-item-image-upload-preview img{display:block;max-width:100%;max-height:12rem;width:auto;height:auto;object-fit:contain;border-radius:.45rem;border:1px solid #e5e7eb;background:#f8fafc}.admin-item-map-audio-preview{margin-top:.65rem;display:grid;gap:.35rem}.admin-item-map-audio-player{width:100%;max-width:28rem;height:2.5rem}.admin-lesson-section-index{flex-shrink:0;width:1.85rem;height:1.85rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.55rem;font-size:.85rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#d41132,#be123c);box-shadow:0 4px 12px #d4113259}.admin-lesson-section-title{margin:0;flex:1;min-width:0;font-size:1.05rem;color:#0f172a;font-weight:800;letter-spacing:-.02em;line-height:1.35}.admin-lesson-section-head--bar .admin-lesson-section-index{background:#ffffff2e;border:1px solid rgba(255,255,255,.35);box-shadow:none;color:#fff}.admin-lesson-section-head--bar .admin-lesson-section-title{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.15)}.admin-lesson-section-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem .6rem;flex:1;min-width:0}.admin-lesson-section-title-row .admin-lesson-section-title{flex:0 1 auto}.admin-section-story-pill{flex-shrink:0;border:1px solid #e2e8f0;background:#f8fafc;color:#475569}.admin-section-story-pill--main{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.admin-section-story-pill--side{background:#faf5ff;color:#6b21a8;border-color:#e9d5ff}.admin-lesson-section-head--bar .admin-section-story-pill{background:#ffffff38;border-color:#ffffff73;color:#fff}.admin-lesson-section-head--bar .admin-section-story-pill--side{background:#0f172a59;border-color:#ffffff59}.admin-section-story-fieldset{border:1px solid #e5e7eb;border-radius:.5rem;padding:.65rem .85rem .75rem;margin:0 0 .5rem}.admin-section-story-legend{padding:0 .35rem;font-size:.85rem;font-weight:600;color:#374151}.admin-section-story-fieldset .admin-radio-row{margin-bottom:0}.admin-lesson-item-list{list-style:none;margin:0;padding:.75rem 1rem 1rem;display:grid;gap:.75rem}.admin-lesson-item{border:1px solid #e2e8f0;border-radius:.75rem;padding:.65rem .85rem;background:linear-gradient(180deg,#fafafa,#fff);transition:border-color .15s ease,box-shadow .15s ease}.admin-lesson-item:hover{border-color:#fecdd3;box-shadow:0 6px 18px #0f172a0f}.admin-lesson-item-head{display:flex;align-items:center;gap:.75rem}.admin-lesson-item-frames-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin-left:auto;padding:0;border-radius:.5rem;border:1px solid #e2e8f0;background:#fff;color:#d41132;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.admin-lesson-item-frames-btn:hover{background:#fff1f2;border-color:#fecdd3;box-shadow:0 2px 8px #d411321f}.admin-lesson-item-frames-btn .material-symbols-outlined{font-size:1.2rem}.admin-lesson-item-type-icon{flex-shrink:0;font-size:1.25rem;color:#d41132;margin-top:.05rem}.admin-lesson-item-main{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.admin-lesson-item-title{font-weight:700;font-size:.92rem;color:#0f172a;line-height:1.35}.admin-chip--type{background:#fff;border:1px solid #e2e8f0;color:#64748b;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.admin-lesson-item-text-preview{display:flex;align-items:flex-start;gap:.45rem;margin:.55rem 0 0 2rem;padding:.5rem .6rem;border-radius:.45rem;font-size:.8rem;line-height:1.45;color:#334155;background:#f8fafc;border:1px solid #e2e8f0}.admin-lesson-item-text-preview-icon{flex-shrink:0;font-size:1.05rem;color:#64748b;margin-top:.05rem}.admin-lesson-item-text-preview-body{flex:1;min-width:0;word-break:break-word}.admin-lesson-item-text-preview--html{align-items:flex-start}.admin-lesson-item-text-html{flex:1;min-width:0;font-size:.8125rem;line-height:1.5;color:#334155;word-break:break-word}.admin-lesson-item-text-html--rich{max-height:9rem;overflow:auto}.admin-lesson-item-text-html--plain-teaser{overflow:hidden}.admin-lesson-item-text-truncate-hint{display:block;margin-top:.35rem;font-size:.72rem;font-weight:600;color:#94a3b8}.admin-lesson-item-text-html p{margin:0 0 .5em}.admin-lesson-item-text-html p:last-child{margin-bottom:0}.admin-lesson-item-text-html img{max-width:100%;height:auto}.admin-lesson-item-text-html a{color:#2563eb}.admin-lesson-item-image-card{display:grid;gap:.35rem;margin-top:.55rem;margin-left:2rem;max-width:min(100%,18rem);text-decoration:none;color:inherit;transition:opacity .15s ease}.admin-lesson-item-image-card:hover{opacity:.92}.admin-lesson-item-image-thumb{display:block;width:100%;max-height:10rem;object-fit:cover;border-radius:.45rem;border:1px solid #e2e8f0;background:#f1f5f9}.admin-lesson-item-image-caption{font-size:.72rem;font-weight:600;color:#64748b}.admin-lesson-item-map-hint{margin:.55rem 0 0 2rem;padding:.45rem .55rem;font-size:.78rem;line-height:1.45;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.45rem}.admin-lesson-item-link{display:flex;align-items:flex-start;gap:.4rem;margin-top:.55rem;margin-left:2rem;padding:.45rem .55rem;border-radius:.45rem;font-size:.78rem;font-weight:600;color:#1d4ed8;word-break:break-all;background:#eff6ff;border:1px solid #bfdbfe;text-decoration:none;transition:background .15s ease,border-color .15s ease}.admin-lesson-item-link .material-symbols-outlined{flex-shrink:0;font-size:1rem;color:#2563eb;margin-top:.1rem}.admin-lesson-item-link:hover{background:#dbeafe;border-color:#93c5fd}.admin-lesson-item-link--after-thumb{margin-top:.45rem;font-size:.74rem}.admin-lesson-youtube{display:block;position:relative;margin-top:.55rem;margin-left:2rem;max-width:min(100%,16rem);border-radius:.5rem;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 4px 14px #0f172a12;line-height:0;transition:box-shadow .2s ease,transform .2s ease}.admin-lesson-youtube:hover{box-shadow:0 8px 20px #d411321a;transform:translateY(-1px)}.admin-lesson-youtube-img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:#0f172a}.admin-lesson-youtube-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.55));opacity:.92;transition:opacity .2s ease}.admin-lesson-youtube:hover .admin-lesson-youtube-overlay{opacity:1;background:linear-gradient(180deg,#0003,#0000008c)}.admin-lesson-youtube-play-icon{font-size:2.1rem;color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}.admin-lesson-item-link--audio{color:#0f766e;background:#f0fdfa;border-color:#99f6e4}.admin-lesson-item-link--audio .material-symbols-outlined{color:#0d9488}.admin-lesson-item-empty{display:block;margin-top:.45rem;margin-left:2rem;font-size:.8rem;color:#94a3b8;font-style:italic}.admin-lesson-empty{text-align:center;padding:2rem 1rem}.admin-lesson-empty-icon{font-size:2.5rem;color:#cbd5e1;display:block;margin-bottom:.5rem}.admin-lesson-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid #e5e7eb}.admin-lesson-pagination-info{font-size:.85rem;color:#64748b;font-weight:600}.admin-lesson-pagination-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.admin-lesson-pagination-limit{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;color:#374151}.admin-lesson-pagination-select{width:auto;min-width:4.5rem;height:2.25rem;padding:0 .5rem}.admin-lesson-pagination-btn:disabled{opacity:.45;cursor:not-allowed}.admin-lesson-skeleton{display:grid;gap:1rem}.admin-skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media (max-width: 640px){.admin-skeleton-grid{grid-template-columns:1fr}}.admin-skeleton{border-radius:.75rem;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:admin-shimmer 1.2s ease-in-out infinite}.admin-skeleton--hero{height:5.5rem}.admin-skeleton--line{height:2.75rem}.admin-skeleton--line.short{grid-column:span 1;max-width:60%}.admin-skeleton--block{height:7rem}@keyframes admin-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 1024px){.admin-panel,html.admin-sidebar-collapsed .admin-panel,html.school-admin-sidebar-collapsed .admin-panel,html.teacher-sidebar-collapsed .admin-panel{grid-template-columns:1fr}.admin-sidebar{padding:.8rem 1rem 0}.admin-sidebar-footer{padding:.5rem 0 .8rem}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid,.admin-filter-form{grid-template-columns:1fr}}.admin-qbank-picker-modal{display:flex;flex-direction:column;max-height:min(92vh,40rem)}.admin-qbank-picker-body{display:flex;flex-direction:column;gap:.75rem;min-height:0;flex:1}.admin-qbank-picker-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem 1rem}.admin-qbank-picker-field{display:flex;flex-direction:column;gap:.25rem;min-width:0}.admin-qbank-picker-field--search{flex:1 1 12rem;max-width:20rem}.admin-qbank-picker-field--type{flex:0 1 10.5rem}.admin-qbank-picker-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.admin-qbank-picker-table-wrap{overflow:auto;max-height:min(50vh,20rem);border:1px solid #e5e7eb;border-radius:.65rem}.admin-qbank-picker-table-wrap .admin-lesson-table{margin:0}.admin-qbank-picker-row:hover{background:#d411320a}.admin-qbank-picker-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.25rem}.admin-qbank-picker-pagination-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.admin-qbank-picker-select-btn{white-space:nowrap}.event-sim{--sim-primary: #d41132;--sim-primary-dark: #9b0c25;--sim-bg: #ffffff;--sim-bg-subtle: #f8f6f6;--sim-surface: #fffdfa;--sim-border: #e7cfd3;--sim-text: #1c1917;--sim-text-muted: #57534e;--sim-font: "Lexend", "Be Vietnam Pro", system-ui, sans-serif;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--sim-bg);color:var(--sim-text);font-family:var(--sim-font)}.event-sim-error{padding:3rem 2rem;text-align:center}.event-sim-error a{color:var(--sim-primary);display:inline-block;margin-top:1rem}.event-sim-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--sim-border);background:var(--sim-bg);box-shadow:0 1px 3px #0000000f;flex-shrink:0;z-index:20}.event-sim-header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.event-sim-header-spacer{min-width:6rem;flex-shrink:0}.event-sim-header .event-sim-btn-back{text-decoration:none;flex-shrink:0}.event-sim-btn-back-text{display:none}@media (min-width: 480px){.event-sim-btn-back-text{display:inline}}.event-sim-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.event-sim-brand-icon{width:2rem;height:2rem;font-size:1.75rem;color:var(--sim-primary)}.event-sim-brand-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0;color:var(--sim-text);font-family:"Daybreaker",var(--sim-font)}.event-sim-nav{display:none;align-items:center;gap:2rem}@media (min-width: 768px){.event-sim-nav{display:flex}}.event-sim-nav-link{font-size:.875rem;font-weight:500;color:var(--sim-text-muted);text-decoration:none;transition:color .2s}.event-sim-nav-link:hover{color:var(--sim-primary)}button.event-sim-nav-link{background:none;border:none;cursor:pointer;font-family:inherit}.event-sim-nav-link--active{color:var(--sim-primary);font-weight:700}.event-sim-header-actions{display:flex;align-items:center;gap:1rem}.event-sim-search-wrap{display:none;align-items:center;width:16rem;height:2.5rem;padding-left:.75rem;padding-right:.75rem;background:var(--sim-bg-subtle);border-radius:.5rem;border:1px solid var(--sim-border);transition:border-color .2s}.event-sim-search-wrap:focus-within{border-color:var(--sim-primary)}@media (min-width: 768px){.event-sim-search-wrap{display:flex}}.event-sim-search-wrap .material-symbols-outlined{color:var(--sim-text-muted);font-size:1.25rem;margin-right:.5rem}.event-sim-search-wrap input{flex:1;min-width:0;border:none;background:transparent;font-size:.875rem;color:var(--sim-text);outline:none}.event-sim-search-wrap input::placeholder{color:var(--sim-text-muted)}.event-sim-btn-login{display:flex;align-items:center;justify-content:center;height:2.5rem;padding:0 1.25rem;background:var(--sim-primary);color:#fff;font-size:.875rem;font-weight:700;border-radius:.5rem;text-decoration:none;transition:background .2s}.event-sim-btn-login:hover{background:var(--sim-primary-dark)}.event-sim-main{display:flex;flex:1;min-height:0;overflow:hidden}.event-sim-map-wrap{position:relative;flex:1;min-width:0;min-height:0;background:#e7e5e4;overflow:hidden}.event-sim-map-leaflet-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.event-sim-map-leaflet-root .leaflet-container{font-family:inherit;background:#0d0d0d}.event-sim-map-leaflet{position:absolute;top:0;right:0;bottom:0;left:0}.event-sim-map-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center;background:linear-gradient(165deg,#faf6f7,#ebe6e8);color:var(--sim-text-muted)}.event-sim-map-placeholder-icon{font-size:3.5rem;opacity:.28;color:var(--sim-primary);margin-bottom:.75rem}.event-sim-map-placeholder-text{margin:0;max-width:22rem;font-size:.9375rem;line-height:1.5}.event-sim-left-panel-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;background:var(--sim-bg);overflow:hidden}.event-sim-left-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-shrink:0;padding:.65rem 1rem;border-bottom:1px solid var(--sim-border);background:var(--sim-surface)}.event-sim-left-panel-title{margin:0;font-size:.9375rem;font-weight:700;line-height:1.35;color:var(--sim-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-sim-left-panel-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;border-radius:8px;background:transparent;color:var(--sim-text-muted);cursor:pointer;transition:background .2s,color .2s}.event-sim-left-panel-close:hover{background:var(--sim-bg-subtle);color:var(--sim-text)}.event-sim-left-panel-inner{flex:1;min-height:0;position:relative;overflow:auto;padding:1rem 1.1rem 1.25rem}.event-sim-left-panel-inner--map,.event-sim-left-panel-inner--media{display:flex;flex-direction:column;padding:0;overflow:hidden}.event-sim-left-panel-status{margin:2rem .5rem;text-align:center;font-size:.9rem;color:var(--sim-text-muted)}.event-sim-left-panel-status--error{color:#b91c1c}.event-sim-left-panel-media{max-width:52rem;margin:0 auto}.event-sim-left-panel-inner--media .event-sim-left-panel-media{flex:1 1 auto;min-height:0;min-width:0;width:100%;max-width:none;margin:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;background:#0a0a0a}.event-sim-left-panel-video{position:relative;width:100%;padding-bottom:56.25%;height:0;background:#0a0a0a;border-radius:10px;overflow:hidden}.event-sim-left-panel-inner--media .event-sim-left-panel-video{position:relative;flex:0 1 auto;width:auto;max-width:100%;height:100%;max-height:100%;padding-bottom:0;aspect-ratio:16 / 9;border-radius:0;align-self:center}.event-sim-left-panel-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.event-sim-left-panel-native-video{display:block;width:100%;max-height:min(calc(100vh - 12rem),520px);border-radius:10px;background:#000}.event-sim-left-panel-inner--media .event-sim-left-panel-native-video{flex:1 1 auto;min-height:0;width:100%;max-height:none;height:100%;border-radius:0;object-fit:contain}.event-sim-left-panel-html{font-size:.9375rem;line-height:1.6;color:var(--sim-text)}.event-sim-left-panel-html.ql-editor{border:none;min-height:0}.event-sim-left-panel-image-wrap{display:flex;align-items:center;justify-content:center;min-height:12rem}.event-sim-left-panel-image{max-width:100%;max-height:min(calc(100vh - 10rem),720px);width:auto;height:auto;object-fit:contain;border-radius:8px;background:var(--sim-bg-subtle)}.event-sim-left-panel-fallback{text-align:center}.event-sim-left-panel-link{display:inline-block;word-break:break-all;font-size:.875rem;color:var(--sim-primary);font-weight:600}.event-sim-left-panel-map-player-wrap{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.event-sim-map-search{position:absolute;top:1.5rem;left:1.5rem;z-index:10;display:flex;align-items:center;width:18rem;max-width:calc(100% - 3rem);height:3rem;padding:0 .75rem;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;border:1px solid var(--sim-border);box-shadow:0 4px 12px #00000014}.event-sim-map-search .material-symbols-outlined{color:var(--sim-text-muted);margin-right:.5rem}.event-sim-map-search input{flex:1;min-width:0;border:none;background:transparent;font-size:.875rem;color:var(--sim-text);outline:none}.event-sim-map-search input::placeholder{color:var(--sim-text-muted)}.event-sim-map-zoom{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:.5rem}.event-sim-map-zoom button{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--sim-border);border-radius:.5rem;box-shadow:0 2px 8px #00000014;color:var(--sim-text);cursor:pointer;transition:background .2s,color .2s}.event-sim-map-zoom button:hover{background:var(--sim-bg-subtle);color:var(--sim-primary)}.event-sim-map-zoom button:last-of-type{margin-top:.5rem}.event-sim-legend{position:absolute;bottom:1.5rem;left:1.5rem;z-index:10;max-width:20rem;width:100%}.event-sim-legend-inner{background:#1c1917e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #0003;color:#fff}.event-sim-legend-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.event-sim-legend-head h3{margin:0 0 .25rem;font-size:1rem;font-weight:700}.event-sim-legend-head p{margin:0;font-size:.75rem;color:#ffffffb3}.event-sim-legend-toggle{background:none;border:none;color:#fff9;cursor:pointer;padding:.25rem}.event-sim-legend-items{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}.event-sim-legend-item{display:flex;align-items:center;gap:.75rem}.event-sim-legend-dot{width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0}.event-sim-legend-dot--enemy{background:#ef4444;box-shadow:0 0 8px #ef444499}.event-sim-legend-dot--ally{background:var(--sim-primary);box-shadow:0 0 8px #d4113299}.event-sim-legend-icon{font-size:1rem;color:#fbbf24}.event-sim-fab{position:absolute;bottom:1.5rem;right:1.5rem;z-index:20;display:flex;gap:.75rem}.event-sim-fab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;border:1px solid var(--sim-border);background:#fff;color:var(--sim-text);box-shadow:0 4px 12px #00000014}.event-sim-fab-btn:hover{transform:scale(1.05)}.event-sim-fab-btn .material-symbols-outlined{color:var(--sim-primary)}.event-sim-fab-quiz{background:var(--sim-primary);color:#fff;border-color:var(--sim-primary);box-shadow:0 4px 14px #d411324d}.event-sim-fab-quiz .material-symbols-outlined{color:#fff}.event-sim-fab-quiz:hover{background:var(--sim-primary-dark)}.event-sim-sidebar{width:100%;max-width:28rem;flex-shrink:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--sim-bg);border-left:1px solid var(--sim-border);box-shadow:-4px 0 24px #0000000f;z-index:10}@media (min-width: 1024px){.event-sim-sidebar{max-width:30rem}}.event-sim-sidebar-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.event-sim-sidebar-scroll::-webkit-scrollbar{width:6px}.event-sim-sidebar-scroll::-webkit-scrollbar-track{background:transparent}.event-sim-sidebar-scroll::-webkit-scrollbar-thumb{background:var(--sim-border);border-radius:20px}.event-sim-sidebar-head{padding:1.5rem;border-bottom:1px solid var(--sim-border)}.event-sim-sidebar-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.event-sim-sidebar-meta-start{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.event-sim-sidebar-tag{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sim-primary)}.event-sim-sidebar-time{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;color:var(--sim-text-muted)}.event-sim-sidebar-time .material-symbols-outlined{font-size:.875rem}.event-sim-sidebar-title{font-size:1.5rem;font-weight:700;line-height:1.25;margin:0 0 .5rem;color:var(--sim-text)}.event-sim-sidebar-desc{font-size:.875rem;color:var(--sim-text-muted);line-height:1.5;margin:0 0 1.25rem}.event-sim-progress-wrap{display:flex;align-items:center;gap:.75rem}.event-sim-progress-track{flex:1;height:.5rem;background:var(--sim-bg-subtle);border-radius:9999px;overflow:hidden}.event-sim-progress-fill{height:100%;background:var(--sim-primary);border-radius:9999px;transition:width .3s}.event-sim-progress-label{font-size:.75rem;font-weight:700;color:var(--sim-text-muted)}.event-sim-lesson-tabs{display:flex;gap:.25rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--sim-border);background:var(--sim-bg-subtle)}.event-sim-lesson-tab{flex:1;padding:.5rem .75rem;font-size:.875rem;font-weight:600;color:var(--sim-text-muted);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:color .2s,background .2s}.event-sim-lesson-tab:hover{color:var(--sim-text);background:#fffc}.event-sim-lesson-tab--active{color:var(--sim-primary);background:var(--sim-bg);box-shadow:0 1px 2px #0000000f}.event-sim-lesson-tab-count{margin-left:.35rem;opacity:.72;font-weight:700;font-size:.8125rem}.event-sim-sidebar-tag-premium{padding:.2rem .45rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#b45309,#78350f);border-radius:4px}.event-sim-sidebar-categories{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.65rem}.event-sim-sidebar-cat-chip{font-size:.6875rem;font-weight:600;padding:.25rem .5rem;border-radius:999px;background:var(--sim-bg-subtle);color:var(--sim-text-muted);border:1px solid var(--sim-border)}.event-sim-sidebar-alert{margin-top:.75rem;padding:.6rem .75rem;border-radius:8px;background:#fef2f2;border:1px solid #fecaca}.event-sim-sidebar-alert p{margin:0 0 .5rem;font-size:.8125rem;color:#991b1b}.event-sim-sidebar-retry{font-size:.75rem;font-weight:600;padding:.35rem .65rem;border-radius:6px;border:1px solid var(--sim-primary);background:#fff;color:var(--sim-primary);cursor:pointer}.event-sim-master-scroll{gap:1rem}.event-sim-master-status{margin:1.5rem 1rem;text-align:center;font-size:.875rem;color:var(--sim-text-muted)}.event-sim-master-block{border:1px solid var(--sim-border);border-radius:12px;overflow:hidden;background:var(--sim-surface)}.event-sim-master-block--side{border-style:dashed}.event-sim-master-block-head{display:flex;align-items:flex-start;gap:.65rem;padding:.75rem 1rem;background:var(--sim-bg-subtle);border-bottom:1px solid var(--sim-border)}.event-sim-master-block-icon{font-size:1.35rem;color:var(--sim-primary);flex-shrink:0;margin-top:.1rem}.event-sim-master-block-titles{flex:1;min-width:0}.event-sim-master-block-title{margin:0;font-size:.9375rem;font-weight:700;line-height:1.35;color:var(--sim-text)}.event-sim-master-block-meta{display:block;margin-top:.25rem;font-size:.75rem;font-weight:600;color:var(--sim-text-muted)}.event-sim-master-item-list{list-style:none;margin:0;padding:.35rem 0}.event-sim-master-item{display:flex;align-items:center;gap:.65rem;padding:.55rem .85rem;border-bottom:1px solid var(--sim-border)}.event-sim-master-item--clickable{cursor:pointer}.event-sim-master-item--clickable:hover{background:#d411320a}.event-sim-master-item--panel-active{border-color:var(--sim-primary);background:#d4113217;box-shadow:0 0 0 1px #d411321f}.event-sim-master-item:last-child{border-bottom:none}.event-sim-master-item--empty{font-size:.8125rem;color:var(--sim-text-muted);font-style:italic;justify-content:center;padding:.85rem}.event-sim-master-item-num{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--sim-primary);background:var(--sim-bg-subtle);border-radius:8px}.event-sim-master-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.event-sim-master-item-title{font-size:.875rem;font-weight:600;color:var(--sim-text);line-height:1.35}.event-sim-master-type{font-size:.6875rem;font-weight:600;align-self:flex-start;padding:.15rem .45rem;border-radius:4px;background:#f1f5f9;color:#475569}.event-sim-master-type--Media{background:#fce7f3;color:#9d174d}.event-sim-master-type--Map-Polygon{background:#dbeafe;color:#1e40af}.event-sim-master-type--Image{background:#ecfccb;color:#3f6212}.event-sim-master-type--Text{background:#ffedd5;color:#9a3412}.event-sim-master-item-open{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;color:var(--sim-primary);pointer-events:none}.event-sim-master-item-open .material-symbols-outlined{font-size:1.35rem}.event-sim-ngoai-truyen{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;min-height:10rem}.event-sim-ngoai-truyen-text{margin:0;font-size:.9375rem;color:var(--sim-text-muted);text-align:center}.event-sim-lesson-list{gap:.5rem}.event-sim-lesson-item{display:flex;gap:.75rem;padding:.75rem 1rem;background:var(--sim-surface);border:1px solid var(--sim-border);border-radius:8px;transition:border-color .2s,background .2s}.event-sim-lesson-item:hover{border-color:var(--sim-primary);background:#fff}.event-sim-lesson-item-num{flex-shrink:0;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;color:var(--sim-primary);background:var(--sim-bg-subtle);border-radius:50%}.event-sim-lesson-item-body{flex:1;min-width:0}.event-sim-lesson-item-title{font-size:.9375rem;font-weight:600;line-height:1.35;margin:0 0 .5rem;color:var(--sim-text)}.event-sim-lesson-item-note{font-size:.75rem;color:var(--sim-text-muted);margin:0 0 .5rem;font-style:italic}.event-sim-lesson-item-cta{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .65rem;font-size:.8125rem;font-weight:600;color:var(--sim-primary);background:transparent;border:1px solid var(--sim-primary);border-radius:6px;cursor:pointer;transition:background .2s,color .2s}.event-sim-lesson-item-cta:hover{background:var(--sim-primary);color:#fff}.event-sim-lesson-item-cta .material-symbols-outlined{font-size:1rem}.event-sim-chapters{padding:1rem 1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.event-sim-chapter{display:flex;gap:1rem;padding:.75rem;border-radius:.75rem;border:1px solid transparent;transition:background .2s,border-color .2s}.event-sim-chapter:hover{background:var(--sim-bg-subtle);border-color:var(--sim-border)}.event-sim-chapter--active{background:var(--sim-surface);border-color:#d411324d;box-shadow:0 2px 8px #d4113214}.event-sim-chapter--done .event-sim-chapter-num{background:var(--sim-primary);color:#fff}.event-sim-chapter-num{width:2rem;height:2rem;flex-shrink:0;border-radius:50%;background:var(--sim-bg-subtle);color:var(--sim-text-muted);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700}.event-sim-chapter-num .material-symbols-outlined{font-size:1.125rem}.event-sim-chapter-body{flex:1;min-width:0}.event-sim-chapter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.event-sim-chapter-head h4{margin:0;font-size:1rem;font-weight:700;color:var(--sim-text)}.event-sim-chapter--active .event-sim-chapter-head h4{color:var(--sim-primary)}.event-sim-chapter-badge{font-size:.6875rem;font-weight:600;padding:.2rem .5rem;border-radius:.25rem;flex-shrink:0}.event-sim-chapter-badge--done{background:#d411321a;color:var(--sim-primary)}.event-sim-chapter-badge--live{display:flex;align-items:center;gap:.25rem;color:var(--sim-primary)}.event-sim-chapter-badge--live .material-symbols-outlined{font-size:.875rem}.event-sim-chapter-duration{font-size:.75rem;color:var(--sim-text-muted)}.event-sim-chapter-media{position:relative;border-radius:.5rem;overflow:hidden;aspect-ratio:16/10;margin-bottom:.75rem;background:var(--sim-bg-subtle)}.event-sim-chapter-media img{width:100%;height:100%;object-fit:cover}.event-sim-chapter-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0003;transition:background .2s}.event-sim-chapter-play:hover{background:#0000001a}.event-sim-chapter-play .material-symbols-outlined{font-size:2.5rem;color:var(--sim-primary);background:#fffffff2;border-radius:50%;padding:.5rem}.event-sim-chapter-desc{font-size:.875rem;color:var(--sim-text-muted);line-height:1.5;margin:0 0 .75rem}.event-sim-chapter-cta{width:100%;padding:.5rem 1rem;border-radius:.5rem;background:#d411321a;color:var(--sim-primary);font-size:.875rem;font-weight:700;border:none;cursor:pointer;transition:background .2s}.event-sim-chapter-cta:hover{background:#d4113233}.event-sim-sidebar-footer{flex-shrink:0;padding:1rem 1.5rem;border-top:1px solid var(--sim-border);display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--sim-text-muted);background:var(--sim-bg)}.event-sim-footer-link{display:flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--sim-text-muted);font-size:.875rem;cursor:pointer;transition:color .2s}.event-sim-footer-link:hover{color:var(--sim-primary)}.event-sim-footer-link .material-symbols-outlined{font-size:1rem}@media (max-width: 768px){.event-sim-main{flex-direction:column;min-height:0}.event-sim-map-wrap{flex:1 1 50%;min-height:0}.event-sim-sidebar{flex:1 1 50%;min-height:0;max-width:none;max-height:none;border-left:none;border-top:1px solid var(--sim-border)}.event-sim-map-zoom{right:.75rem}.event-sim-legend{left:.75rem;right:.75rem;max-width:none}.event-sim-fab{right:.75rem;bottom:1rem}}.event-sim--quiz .event-sim-header-actions{display:flex;align-items:center;gap:1rem}.event-quiz-points{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:9999px;background:#d411321a;border:1px solid rgba(212,17,50,.2);font-size:.875rem;font-weight:700;color:var(--sim-text)}.event-quiz-points .material-symbols-outlined{color:var(--sim-primary);font-size:1.125rem}.event-sim-btn-back{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;font-family:inherit;color:var(--sim-primary);background:transparent;border:1px solid var(--sim-border);border-radius:.5rem;cursor:pointer;transition:background .2s,border-color .2s}.event-sim-btn-back:hover{background:var(--sim-bg-subtle);border-color:var(--sim-primary)}.event-quiz-nav-active{color:var(--sim-primary);font-weight:700;cursor:default}.event-quiz-main{display:flex;flex:1;min-height:0;overflow:hidden}.event-quiz-map-section{position:relative;width:100%;flex:1;min-width:0;min-height:0;background:#e7e5e4;overflow:hidden;cursor:crosshair}@media (min-width: 1024px){.event-quiz-map-section{width:70%}}.event-quiz-map-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.9;transition:transform .7s}.event-quiz-map-section:hover .event-quiz-map-bg{transform:scale(1.02)}.event-quiz-map-controls{position:absolute;top:1rem;left:1rem;z-index:10;display:flex;flex-direction:column;gap:.25rem}.event-quiz-map-controls button{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--sim-bg);border:1px solid var(--sim-border);border-radius:.5rem;box-shadow:0 2px 8px #00000014;color:var(--sim-text);cursor:pointer;transition:background .2s}.event-quiz-map-controls button:hover{background:var(--sim-bg-subtle);color:var(--sim-primary)}.event-quiz-question-overlay{position:absolute;top:1rem;left:50%;transform:translate(-50%);width:90%;max-width:42rem;z-index:20;pointer-events:none}.event-quiz-question-inner{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.75rem;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(212,17,50,.25)}.event-quiz-question-icon{width:3rem;height:3rem;flex-shrink:0;border-radius:50%;background:#d4113226;color:var(--sim-primary);display:flex;align-items:center;justify-content:center}.event-quiz-question-icon .material-symbols-outlined{font-size:1.5rem}.event-quiz-question-body{flex:1;min-width:0}.event-quiz-question-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sim-primary)}.event-quiz-question-text{font-size:1.125rem;font-weight:500;color:var(--sim-text);line-height:1.4;margin:0}.event-quiz-feedback{margin-top:.5rem;font-size:.875rem;font-weight:600}.event-quiz-feedback--correct{color:#16a34a}.event-quiz-feedback--wrong{color:var(--sim-primary)}.event-quiz-zone{position:absolute;z-index:15;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .2s;border-radius:50%}.event-quiz-zone:focus{outline:2px solid var(--sim-primary);outline-offset:2px}.event-quiz-zone--correct{border:2px dashed rgba(212,17,50,.5);background:#d411321a;border-radius:50%;min-width:4rem;min-height:4rem}.event-quiz-zone--correct span{font-size:.75rem;font-weight:700;color:var(--sim-text);background:var(--sim-bg);padding:.25rem .5rem;border-radius:.25rem;box-shadow:0 1px 4px #0000001a;white-space:nowrap;translate:0 3rem}.event-quiz-zone--correct:hover{background:#d4113233}.event-quiz-zone--wrong{width:2rem;height:2rem;transform:translate(-50%,-50%);background:var(--sim-surface);border:2px solid var(--sim-border);border-radius:50%;box-shadow:0 2px 8px #00000014;opacity:.8}.event-quiz-zone--wrong:hover{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.event-quiz-zone--wrong .material-symbols-outlined{font-size:1rem;color:var(--sim-text-muted)}.event-quiz-map-tools{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.5rem;border:1px solid var(--sim-border);box-shadow:0 4px 12px #00000014;font-size:.875rem;font-weight:500;color:var(--sim-text-muted);pointer-events:none}.event-quiz-map-tools:last-of-type{margin-left:.5rem}.event-quiz-map-tools .material-symbols-outlined{font-size:1.125rem}.event-quiz-sidebar{width:100%;max-width:24rem;flex-shrink:0;min-height:0;display:flex;flex-direction:column;background:var(--sim-bg);border-left:1px solid var(--sim-border);overflow:hidden}@media (min-width: 1024px){.event-quiz-sidebar{width:30%;max-width:28rem}}.event-quiz-timer-block{flex-shrink:0;padding:1.5rem;background:var(--sim-bg-subtle);border-bottom:1px solid var(--sim-border)}.event-quiz-timer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.event-quiz-timer-head h3{font-size:.9375rem;font-weight:700;color:var(--sim-text);margin:0}.event-quiz-timer-value{display:flex;align-items:center;gap:.25rem;font-size:1rem;font-weight:700;color:var(--sim-primary)}.event-quiz-timer-value .material-symbols-outlined{font-size:1.25rem}.event-quiz-timer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.event-quiz-timer-cell{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:var(--sim-bg);border:1px solid var(--sim-border);border-radius:.5rem;box-shadow:0 1px 3px #0000000f}.event-quiz-timer-cell span:first-child{font-size:1.25rem;font-weight:700;color:var(--sim-text)}.event-quiz-timer-cell span:last-child{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:var(--sim-text-muted)}.event-quiz-progress-block{flex:1;min-height:0;overflow-y:auto;padding:1.5rem}.event-quiz-progress-block h3{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sim-text-muted);margin:0 0 1rem}.event-quiz-question-list{display:flex;flex-direction:column;gap:.75rem}.event-quiz-q-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;border:1px solid var(--sim-border);background:transparent;opacity:.7}.event-quiz-q-item--current{background:#d4113214;border-color:#d4113259;opacity:1;box-shadow:0 0 0 1px #d411321a}.event-quiz-q-item--done{background:#16a34a1a;border-color:#16a34a4d;opacity:1}.event-quiz-q-item--wrong{background:#ef444414;border-color:#ef44444d;opacity:1}.event-quiz-q-num{width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:50%;background:var(--sim-bg-subtle);border:2px solid var(--sim-border);color:var(--sim-text-muted);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.event-quiz-q-item--current .event-quiz-q-num{background:var(--sim-primary);border-color:var(--sim-primary);color:#fff}.event-quiz-q-item--done .event-quiz-q-num{background:#16a34a;border-color:#16a34a;color:#fff}.event-quiz-q-num .material-symbols-outlined{font-size:.875rem}.event-quiz-q-info{flex:1;min-width:0}.event-quiz-q-info p{margin:0;font-size:.875rem;font-weight:500;color:var(--sim-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-quiz-q-pts{font-size:.75rem;font-weight:700;color:#16a34a;display:block;margin-top:.25rem}.event-quiz-q-current{font-size:.6875rem;font-weight:600;color:var(--sim-primary);display:block;margin-top:.25rem}.event-quiz-stats{flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 1.5rem}.event-quiz-stat{text-align:center;padding:1rem;background:var(--sim-bg-subtle);border-radius:.75rem}.event-quiz-stat span{display:block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sim-text-muted);margin-bottom:.25rem}.event-quiz-stat strong{font-size:1.5rem;color:var(--sim-primary)}.event-quiz-stat-accuracy{color:#16a34a!important}.event-quiz-actions{flex-shrink:0;padding:1.5rem;border-top:1px solid var(--sim-border);background:var(--sim-bg-subtle);display:flex;flex-direction:column;gap:.75rem}.event-quiz-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:700;border-radius:.75rem;border:none;cursor:pointer;transition:background .2s,transform .2s;font-family:inherit}.event-quiz-btn.full{width:100%}.event-quiz-btn-hint{background:#6366f11a;color:#4f46e5;border:1px solid rgba(99,102,241,.3);justify-content:space-between}.event-quiz-btn-hint:hover:not(:disabled){background:#6366f133}.event-quiz-btn-hint:disabled{opacity:.5;cursor:not-allowed}.event-quiz-hint-cost{font-size:.75rem;background:#fff;padding:.2rem .5rem;border-radius:.25rem;color:#4f46e5}.event-quiz-btn-submit{height:3rem;background:var(--sim-primary);color:#fff;box-shadow:0 4px 14px #d411324d}.event-quiz-btn-submit:hover{background:var(--sim-primary-dark);transform:scale(1.02)}@media (max-width: 1024px){.event-quiz-main{flex-direction:column}.event-quiz-map-tools{flex-wrap:wrap;gap:.5rem;left:.5rem;right:.5rem;transform:none;bottom:.5rem}.event-quiz-zone--correct span{font-size:.65rem}}.quiz-results{--qr-primary: #d41132;--qr-primary-dark: #9b0c25;--qr-bg: #ffffff;--qr-bg-subtle: #f8f6f6;--qr-surface: #fffdfa;--qr-border: #e7cfd3;--qr-text: #1c1917;--qr-text-muted: #57534e;--qr-font: "Lexend", "Be Vietnam Pro", system-ui, sans-serif;min-height:100vh;display:flex;flex-direction:column;background:var(--qr-bg);color:var(--qr-text);font-family:var(--qr-font)}.quiz-results-error{padding:3rem 2rem;text-align:center}.quiz-results-error a{color:var(--qr-primary);display:inline-block;margin-top:1rem}.quiz-results-header{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:4rem;border-bottom:1px solid var(--qr-border);background:var(--qr-bg)}.quiz-results-header-inner{display:flex;align-items:center;gap:2rem}.quiz-results-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.quiz-results-brand-icon{font-size:1.75rem;color:var(--qr-primary)}.quiz-results-brand-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0;font-family:"Daybreaker",var(--qr-font)}.quiz-results-nav{display:none;align-items:center;gap:2rem}@media (min-width: 768px){.quiz-results-nav{display:flex}}.quiz-results-nav-link{font-size:.875rem;font-weight:500;color:var(--qr-text-muted);text-decoration:none;transition:color .2s}.quiz-results-nav-link:hover{color:var(--qr-primary)}.quiz-results-btn-login{padding:.5rem 1rem;font-size:.875rem;font-weight:700;color:#fff;background:var(--qr-primary);border-radius:.5rem;text-decoration:none;transition:background .2s}.quiz-results-btn-login:hover{background:var(--qr-primary-dark)}.quiz-results-main{flex:1;padding:2rem 1rem}.quiz-results-container{max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width: 1024px){.quiz-results-container{padding:0 2rem}}.quiz-results-page-head{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media (min-width: 768px){.quiz-results-page-head{flex-direction:row;align-items:flex-end;justify-content:space-between}}.quiz-results-title{font-size:1.875rem;font-weight:900;letter-spacing:-.02em;margin:0 0 .5rem;color:var(--qr-text)}@media (min-width: 768px){.quiz-results-title{font-size:2.25rem}}.quiz-results-subtitle{font-size:1.125rem;font-weight:500;color:var(--qr-text-muted);margin:0}.quiz-results-head-actions{display:flex;gap:.75rem;flex-shrink:0}.quiz-results-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;border-radius:.5rem;text-decoration:none;transition:background .2s,transform .2s;font-family:inherit;border:none;cursor:pointer}.quiz-results-btn .material-symbols-outlined{font-size:1.125rem}.quiz-results-btn-secondary{background:var(--qr-bg-subtle);color:var(--qr-text);border:1px solid var(--qr-border)}.quiz-results-btn-secondary:hover{background:#eee}.quiz-results-btn-primary{background:var(--qr-primary);color:#fff;box-shadow:0 4px 14px #d411324d}.quiz-results-btn-primary:hover{background:var(--qr-primary-dark);transform:scale(1.02)}.quiz-results-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 1024px){.quiz-results-grid{grid-template-columns:8fr 4fr}}.quiz-results-left{display:flex;flex-direction:column;gap:1.5rem}.quiz-results-stats-row{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width: 640px){.quiz-results-stats-row{grid-template-columns:repeat(3,1fr)}}.quiz-results-stat-card{position:relative;padding:1.5rem;background:var(--qr-surface);border:1px solid var(--qr-border);border-radius:.75rem;box-shadow:0 1px 3px #0000000f;overflow:hidden}.quiz-results-stat-icon{position:absolute;right:.5rem;top:.5rem;font-size:3rem;color:var(--qr-primary);opacity:.15}.quiz-results-stat-icon--rank{color:#eab308}.quiz-results-stat-label{font-size:.875rem;font-weight:500;color:var(--qr-text-muted);margin:0 0 .25rem}.quiz-results-stat-value{font-size:1.75rem;font-weight:700;color:var(--qr-text);margin:0}.quiz-results-stat-max{font-size:1.25rem;font-weight:500;color:var(--qr-text-muted)}.quiz-results-stat-rank{font-size:1.5rem;color:#eab308}.quiz-results-radar-block{flex:1;padding:1rem;background:var(--qr-surface);border:1px solid var(--qr-border);border-radius:.75rem;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column}.quiz-results-radar-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.quiz-results-radar-head h3{font-size:1.25rem;font-weight:700;color:var(--qr-text);margin:0 0 .25rem}.quiz-results-radar-head p{font-size:.875rem;color:var(--qr-text-muted);margin:0}.quiz-results-radar-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;background:#16a34a1a;color:#16a34a;border:1px solid rgba(22,163,74,.2)}.quiz-results-radar-body{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.quiz-results-radar-body{flex-direction:row;align-items:center;gap:1rem}}.quiz-results-radar-chart{position:relative;width:16rem;height:16rem;flex-shrink:0;margin:0 auto;padding:.25rem}@media (min-width: 768px){.quiz-results-radar-chart{width:20rem;height:20rem}}.quiz-results-radar-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:var(--qr-border)}.quiz-results-radar-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:drop-shadow(0 0 10px rgba(212,17,50,.2))}.quiz-results-radar-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.quiz-results-radar-label{position:absolute;font-size:.6875rem;font-weight:700;color:var(--qr-primary);white-space:nowrap}.quiz-results-analysis{flex:1;min-width:0}.quiz-results-analysis-section ul{list-style:none;padding:0;margin:0}.quiz-results-analysis-section li{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;color:var(--qr-text);line-height:1.5;margin-bottom:.5rem}.quiz-results-analysis-section li:before{content:"";width:.375rem;height:.375rem;border-radius:50%;flex-shrink:0;margin-top:.5rem}.quiz-results-analysis-title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.quiz-results-analysis-title--strength{color:#16a34a}.quiz-results-analysis-title--strength+ul li:before{background:#16a34a}.quiz-results-analysis-title--improve{color:#d97706}.quiz-results-analysis-title--improve+ul li:before{background:#d97706}.quiz-results-analysis-divider{height:1px;background:var(--qr-border);margin:1rem 0}.quiz-results-right{min-height:28rem}.quiz-results-questions-panel{height:100%;display:flex;flex-direction:column;background:var(--qr-surface);border:1px solid var(--qr-border);border-radius:.75rem;box-shadow:0 1px 3px #0000000f;overflow:hidden}.quiz-results-questions-head{padding:1.25rem;border-bottom:1px solid var(--qr-border);background:var(--qr-bg-subtle)}.quiz-results-questions-head h3{font-size:1.125rem;font-weight:700;color:var(--qr-text);margin:0 0 .5rem}.quiz-results-questions-badges{display:flex;gap:.5rem;flex-wrap:wrap}.quiz-results-badge{padding:.2rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.quiz-results-badge--correct{background:#16a34a26;color:#16a34a}.quiz-results-badge--wrong{background:#ef444426;color:#dc2626}.quiz-results-questions-list{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.quiz-results-q-item{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem;border-radius:.5rem;border:1px solid transparent;transition:background .2s}.quiz-results-q-item--correct{background:transparent}.quiz-results-q-item--correct:hover{background:var(--qr-bg-subtle)}.quiz-results-q-item--wrong{background:#ef44440f;border-color:#ef444433}.quiz-results-q-icon{width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem}.quiz-results-q-item--correct .quiz-results-q-icon{background:#16a34a}.quiz-results-q-item--wrong .quiz-results-q-icon{background:#dc2626}.quiz-results-q-icon .material-symbols-outlined{font-size:.875rem;font-weight:700}.quiz-results-q-content{flex:1;min-width:0}.quiz-results-q-text{font-size:.875rem;font-weight:500;color:var(--qr-text);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quiz-results-q-meta{font-size:.75rem;color:var(--qr-text-muted);margin:.25rem 0 0}.quiz-results-q-item--wrong .quiz-results-q-meta{color:#dc2626}.quiz-results-questions-footer{padding:1rem;border-top:1px solid var(--qr-border);background:var(--qr-bg-subtle);text-align:center}.quiz-results-link{font-size:.875rem;font-weight:600;color:var(--qr-primary);text-decoration:none;transition:color .2s}.quiz-results-link:hover{color:var(--qr-primary-dark)}.auth-split-page{--primary: #d41132;--primary-hover: #9b0c25;--bg-dark: #191022;--surface: #ffffff;--surface-dark: #261933;--border-dark: #4d3267;--text-muted: #64748b;--text-muted-dark: #ad92c9;display:flex;width:100%;min-height:100vh;overflow:hidden;font-family:Be Vietnam Pro,system-ui,sans-serif;color:#0f172a;background:#f7f6f8}.auth-split-left{display:none;width:60%;position:relative;background-size:cover;background-position:center;overflow:hidden}@media (min-width: 1024px){.auth-split-left{display:flex;flex-direction:column;justify-content:flex-end}}.auth-split-left-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#191022 0%,rgba(25,16,34,.4) 50%,transparent 100%);pointer-events:none}.auth-split-left-content{position:relative;z-index:2;padding:3rem;max-width:36rem}.auth-split-left-brand{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.auth-split-left-icon{width:2.25rem;height:2.25rem;object-fit:contain;flex-shrink:0}.auth-split-left-logo{font-size:1.5rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;font-family:Daybreaker,Be Vietnam Pro,system-ui,sans-serif}.auth-split-left-title{margin:0 0 1rem;font-size:2.5rem;font-weight:900;line-height:1.15;letter-spacing:-.03em;color:#fff}.auth-split-left-desc{margin:0;font-size:1.125rem;font-weight:500;line-height:1.6;color:#e2e8f0f2;max-width:28rem}.auth-split-right{width:100%;min-height:100vh;background:var(--surface);display:flex;flex-direction:column;position:relative;overflow-y:auto}@media (min-width: 1024px){.auth-split-right{width:40%}}.auth-lac-viet-border{position:absolute;top:0;left:0;right:0;height:10px;background-image:url("data:image/svg+xml,%3Csvg width='40' height='10' viewBox='0 0 40 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5 L5 0 L10 5 L5 10 Z M15 5 L20 0 L25 5 L20 10 Z M30 5 L35 0 L40 5 L35 10 Z' fill='%23d41132' fill-opacity='0.2'/%3E%3C/svg%3E");background-repeat:repeat-x}.auth-split-right-inner{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;max-width:28rem;margin:0 auto;width:100%}@media (min-width: 640px){.auth-split-right-inner{padding-left:3rem;padding-right:3rem}}@media (min-width: 1024px){.auth-split-right-inner{padding-left:4rem;padding-right:4rem;align-items:stretch}}.auth-mobile-brand{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.auth-mobile-brand-icon{width:1.875rem;height:1.875rem;object-fit:contain;flex-shrink:0}.auth-mobile-brand span:last-child{font-size:1.25rem;font-weight:700;letter-spacing:.05em;color:#0f172a;font-family:Daybreaker,Be Vietnam Pro,system-ui,sans-serif}@media (min-width: 1024px){.auth-mobile-brand{display:none}}.auth-tabs{display:flex;border-bottom:1px solid #e2e8f0;width:100%;margin-bottom:0}.auth-tab{flex:1;padding-bottom:1rem;text-align:center;font-size:1rem;font-weight:600;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-muted);cursor:pointer;transition:color .2s,border-color .2s}.auth-tab:hover{color:#475569}.auth-tab-active{color:#0f172a;border-bottom-color:var(--primary)}.auth-welcome{padding-top:1rem;margin-bottom:1.5rem}@media (min-width: 1024px){.auth-welcome{text-align:left}}.auth-welcome-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#0f172a}.auth-welcome-desc{margin:0;font-size:.875rem;color:var(--text-muted)}.auth-welcome-hint{margin:.5rem 0 0;font-size:.75rem;color:var(--text-muted)}.auth-welcome-hint strong{font-weight:600;color:#0f172a}.auth-form-block{width:100%;display:flex;flex-direction:column;gap:1.5rem}.auth-form-block--student-login .auth-input-wrap{border-radius:.625rem;background:linear-gradient(160deg,#f8fafc,#f1f5f9 55%,#eef2f7);border:1px solid #e2e8f0;box-shadow:inset 0 1px #ffffffd9,0 1px 2px #0f172a0a;transition:border-color .2s ease,box-shadow .2s ease}.auth-form-block--student-login .auth-input-wrap:focus-within{border-color:#d4113259;box-shadow:inset 0 1px #ffffffe6,0 0 0 3px #d411321a}.auth-form-block--student-login .auth-input{border:none;border-radius:.5rem;background:#ffffffb8;color:#0f172a;box-shadow:none}.auth-form-block--student-login .auth-input:hover{background:#ffffffeb}.auth-form-block--student-login .auth-input:focus{border:none;box-shadow:none;background:#fff}.auth-form-block--student-login .auth-input-wrap .material-symbols-outlined:first-child{color:#64748b}.auth-form-block--student-login .auth-input-wrap:focus-within .material-symbols-outlined:first-child{color:var(--primary)}.auth-form-error{margin:0;padding:.6rem .75rem;border-radius:.5rem;border:1px solid #fecaca;background:#fff1f2;color:#b91c1c;font-size:.8125rem;font-weight:500}.auth-fields{display:flex;flex-direction:column;gap:1.25rem}.auth-segment-wrap{margin-bottom:0}.auth-segment{display:flex;padding:.25rem;background:#f1f5f9;border-radius:.5rem;position:relative}.auth-segment-indicator{position:absolute;left:.25rem;top:.25rem;bottom:.25rem;width:calc(50% - .25rem);background:#fff;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;transition:transform .3s ease}.auth-segment-btn{flex:1;position:relative;z-index:1;padding:.5rem;font-size:.875rem;font-weight:600;font-family:inherit;background:none;border:none;cursor:pointer;color:var(--text-muted);transition:color .2s}.auth-segment-btn.active{color:var(--primary)}.auth-label{display:block}.auth-label-text{display:block;font-size:.875rem;font-weight:500;color:#334155;margin-bottom:.375rem}.auth-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.auth-link{font-size:.875rem;font-weight:500;color:var(--primary);text-decoration:none}.auth-link:hover{color:var(--primary-hover)}.auth-input-wrap{position:relative;display:flex;align-items:center;overflow:hidden;border-radius:.5rem}.auth-input-wrap .material-symbols-outlined:first-child{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1.25rem;color:var(--text-muted);pointer-events:none}.auth-input{display:block;width:100%;padding:.75rem .75rem .75rem 2.5rem;font-size:.875rem;font-family:inherit;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;color:#0f172a;transition:border-color .2s,box-shadow .2s}.auth-input::placeholder{color:var(--text-muted)}.auth-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #d4113226}.auth-input-with-toggle{padding-right:2.5rem}.auth-input-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);padding:.25rem;border:none;background:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem}.auth-input-toggle:hover{color:#475569}.auth-input-toggle .material-symbols-outlined{font-size:1.25rem;display:block}.auth-checkbox-label{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-muted)}.auth-checkbox-label a{color:var(--primary);text-decoration:none}.auth-checkbox-label a:hover{text-decoration:underline}.auth-checkbox{width:1rem;height:1rem;margin-top:.125rem;accent-color:var(--primary)}.auth-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;font-size:1rem;font-weight:700;font-family:inherit;color:#fff;background:var(--primary);border:none;border-radius:.5rem;cursor:pointer;box-shadow:0 10px 15px -3px #d411324d;transition:background .2s,transform .2s}.auth-submit-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.auth-submit-btn:disabled{opacity:.75;cursor:not-allowed;transform:none}.auth-submit-arrow{font-size:1.125rem;transition:transform .2s}.auth-submit-btn:hover .auth-submit-arrow{transform:translate(4px)}.auth-divider{position:relative;margin:1.5rem 0;width:100%}.auth-divider:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid #e2e8f0}.auth-divider-text{position:relative;display:block;text-align:center;padding:0 .5rem;font-size:.875rem;color:var(--text-muted);background:var(--surface)}.auth-social-error{margin:0 0 .75rem;text-align:center}.auth-social{display:flex;justify-content:center;width:100%}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;font-family:inherit;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:background .2s,box-shadow .2s}.auth-social-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.auth-social-btn:hover{background:#f8fafc;box-shadow:0 1px 3px #0000000f}.auth-social-icon-google{width:1.25rem;height:1.25rem;flex-shrink:0}.auth-cta{margin-top:1.5rem;text-align:center;font-size:.875rem;color:var(--text-muted)}.auth-cta-link{font-weight:700;color:var(--primary);text-decoration:none;background:none;border:none;cursor:pointer;padding:0;font-size:inherit}.auth-cta-link:hover{color:var(--primary-hover);text-decoration:underline}.auth-footer-copy{margin-top:auto;padding:2rem 1.5rem;text-align:center;font-size:.75rem;color:var(--text-muted);line-height:1.6}.auth-footer-copy a{color:inherit;text-decoration:none}.auth-footer-copy a:hover{text-decoration:underline;color:var(--primary)}.profile-page{--profile-primary: #E4B363;--profile-primary-dark: #D4A353;--profile-bg-light: #FAFAFA;--profile-bg-dark: #1A1A1A;--profile-hero-start: #A11F1F;--profile-hero-end: #3E1A1A;min-height:100vh;display:flex;font-family:Lexend,Be Vietnam Pro,system-ui,sans-serif;background:var(--profile-bg-light);color:#1f2937;color-scheme:light}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.profile-page .admin-sidebar--student{width:17.5rem;flex-shrink:0;position:fixed;top:0;left:0;bottom:0;z-index:20;display:none;box-sizing:border-box;transition:width .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.profile-page .admin-sidebar--student{display:flex}}.profile-page .admin-sidebar--student.admin-sidebar--collapsed{width:4.75rem}@media (min-width: 768px){.profile-page--sidebar-collapsed .profile-main{margin-left:4.75rem}}.profile-main{flex:1;min-height:100vh;position:relative;margin-left:0;transition:margin-left .2s ease}@media (min-width: 768px){.profile-main{margin-left:17.5rem}}.profile-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23E4B363' fill-opacity='0.05' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");opacity:.3;pointer-events:none;z-index:0}.profile-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e5e7eb}@media (min-width: 768px){.profile-header{padding:1rem 2rem}}.profile-header-left{display:flex;align-items:center}.profile-menu-btn{display:flex;margin-right:1rem;padding:.25rem;color:#6b7280;background:none;border:none;cursor:pointer}@media (min-width: 768px){.profile-menu-btn{display:none}}.profile-menu-btn:hover{color:#111827}.profile-header-title{margin:0;font-size:1.25rem;font-weight:600;font-family:Lexend,Be Vietnam Pro,system-ui,sans-serif;color:#111827}.profile-header-right{display:flex;align-items:center;gap:1rem}.profile-icon-btn{display:flex;padding:.25rem;color:#6b7280;background:none;border:none;cursor:pointer;transition:color .2s}.profile-icon-btn:hover{color:var(--profile-primary)}.profile-header-avatar{width:2rem;height:2rem;border-radius:50%;border:2px solid var(--profile-primary);overflow:hidden;background:var(--profile-hero-start)}.profile-content{position:relative;z-index:1;padding:1rem 1rem 1.5rem;width:100%;box-sizing:border-box}@media (min-width: 768px){.profile-content{padding:1.5rem 1.5rem 2rem}}.profile-hero{position:relative;border-radius:1rem;padding:1.5rem 2rem;margin-bottom:2rem;background:linear-gradient(to right,var(--profile-hero-start),var(--profile-hero-end));color:#fff;overflow:hidden;box-shadow:0 10px 40px #00000026}@media (min-width: 768px){.profile-hero{padding:2.5rem}}.profile-hero-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23E4B363' fill-opacity='0.08' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.profile-hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1rem}@media (min-width: 768px){.profile-hero-inner{flex-direction:row;gap:2rem;align-items:center}}.profile-hero-avatar-wrap{position:relative}.profile-hero-avatar{width:8rem;height:8rem;border-radius:50%;border:4px solid var(--profile-primary);overflow:hidden;box-shadow:0 20px 40px #0000004d}.profile-hero-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--profile-font-display, "Georgia", serif);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:.02em;color:var(--profile-gold, #c9a227);background:#00000040}.profile-hero-email{margin:.35rem 0 0;font-size:.95rem;opacity:.92;font-weight:500}.profile-hero-verified--off{opacity:.45}.profile-account-card{margin-top:1.25rem}.profile-account-dl{display:grid;gap:.65rem 1rem;margin:0}@media (min-width: 480px){.profile-account-dl{grid-template-columns:auto 1fr}}.profile-account-dt{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;opacity:.75}.profile-account-dd{margin:0;font-size:.95rem}.profile-load-banner{margin:1rem 0;padding:.85rem 1rem;border-radius:12px;background:#a11f1f1f;border:1px solid rgba(161,31,31,.35);font-size:.92rem}.profile-load-banner a{color:inherit;font-weight:600;text-decoration:underline}.profile-header-avatar img,.profile-header-avatar .profile-hero-avatar-placeholder{width:100%;height:100%;border-radius:inherit;object-fit:cover}.profile-header-avatar .profile-hero-avatar-placeholder{font-size:.75rem}.profile-hero-avatar img{width:100%;height:100%;object-fit:cover}.profile-hero-verified{position:absolute;bottom:-.5rem;right:-.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--profile-primary);color:var(--profile-hero-end);border-radius:50%;border:2px solid #fff;font-size:1.25rem;box-shadow:0 2px 8px #0003}.profile-hero-info{text-align:center;flex:1}@media (min-width: 768px){.profile-hero-info{text-align:left}}.profile-hero-name{margin:0 0 .5rem;font-size:1.875rem;font-weight:700;font-family:Lexend,Be Vietnam Pro,system-ui,sans-serif;color:#fff}.profile-hero-badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}@media (min-width: 768px){.profile-hero-badges{justify-content:flex-start}}.profile-hero-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;background:#e4b36333;color:var(--profile-primary);border:1px solid rgba(228,179,99,.3)}.profile-hero-badge .material-symbols-outlined{font-size:.875rem}.profile-hero-sub{font-size:.875rem;color:#fffc}.profile-hero-stats{display:inline-flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;background:#0000004d;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-hero-stat-label{margin:0 0 .25rem;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:#fff9}.profile-hero-stat-value{margin:0;font-size:1.25rem;font-weight:700;color:#fff}.profile-hero-stat-value--gold{color:var(--profile-primary)}.profile-hero-stat-divider{width:1px;height:2rem;background:#fff3}.profile-grid{display:grid;gap:2rem}@media (min-width: 1024px){.profile-grid{grid-template-columns:2fr 1fr}}.profile-grid-left{display:flex;flex-direction:column;gap:2rem}.profile-card{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;padding:1.5rem;box-shadow:0 1px 3px #0000000f}.profile-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.profile-card-title{margin:0;font-size:1.125rem;font-weight:700;font-family:Lexend,Be Vietnam Pro,system-ui,sans-serif;color:#111827;display:flex;align-items:center;gap:.5rem}.profile-card-title .material-symbols-outlined{color:var(--profile-primary)}.profile-card-title--block{margin-bottom:1.5rem}.profile-card-link{font-size:.875rem;color:var(--profile-primary);text-decoration:none}.profile-card-link:hover{text-decoration:underline}button.profile-card-link{background:none;border:none;padding:0;font:inherit;cursor:pointer}.profile-btn-secondary{font-size:.875rem;padding:.375rem .75rem;border-radius:.375rem;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;cursor:pointer;transition:background .2s}.profile-btn-secondary:hover{background:#e5e7eb}.profile-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:500;font-size:.9375rem;border:1px solid transparent;cursor:pointer;transition:background-color .2s,box-shadow .2s;box-shadow:0 1px 3px #0000001a}.profile-btn-primary--red{background:var(--profile-hero-start);color:#fff;border-color:#7f1d1d80}.profile-btn-primary--red:hover{background:#b91c1c}.profile-history-list{display:flex;flex-direction:column;gap:1.25rem}.profile-history-item{margin-bottom:.25rem}.profile-history-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.5rem}.profile-history-period{margin:0;font-size:.9375rem;font-weight:500;color:#111827}.profile-history-topic{margin:.25rem 0 0;font-size:.875rem;color:#6b7280}.profile-history-pct{font-size:.875rem;font-weight:600;color:var(--profile-primary)}.profile-history-pct--done{color:#22c55e}.profile-progress-track{width:100%;height:.5rem;background:#e5e7eb;border-radius:9999px;overflow:hidden}.profile-progress-fill{height:100%;background:var(--profile-primary);border-radius:9999px;transition:width .3s}.profile-progress-fill--done{background:#22c55e}.profile-progress-fill--rank{background:var(--profile-hero-start)}.profile-card--classes{padding-bottom:2rem}.profile-classes-intro{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media (min-width: 640px){.profile-classes-intro{flex-direction:row;justify-content:space-between;align-items:center}}.profile-classes-intro-title{margin:0;font-size:1.5rem;font-weight:700;color:#111827}.profile-classes-intro-desc{margin:.25rem 0 0;font-size:.875rem;color:#6b7280}.profile-classes-section-title{display:flex;align-items:center;margin:0 0 1rem;font-size:1.125rem;font-weight:700;color:#1f2937}.profile-classes-section-title--active{margin-top:2rem}.profile-classes-section-title--active .profile-classes-section-bar{background:var(--profile-primary)}.profile-classes-section-title--ended{margin-top:2rem}.profile-classes-section-title--ended .profile-classes-section-bar{background:#9ca3af}.profile-classes-section-bar{width:.5rem;height:1.5rem;border-radius:9999px;margin-right:.75rem;flex-shrink:0}.profile-classes-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 768px){.profile-classes-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.profile-classes-grid{grid-template-columns:repeat(3,1fr)}}.profile-class-card{border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;background:#fff;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.profile-class-card--active{box-shadow:0 1px 3px #0000000d}.profile-class-card--active:hover{border-color:#e4b36380}.profile-class-card-corner{position:absolute;top:0;right:0;width:4rem;height:4rem;background:linear-gradient(135deg,rgba(228,179,99,.2) 0%,transparent 100%);border-radius:0 0 0 1.5rem;pointer-events:none}.profile-class-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;position:relative;z-index:1}.profile-class-name{margin:0 0 .25rem;font-size:1.25rem;font-weight:700;color:#111827}.profile-class-name--muted{font-size:1.125rem;color:#374151}.profile-class-teacher{margin:0;font-size:.875rem;color:#6b7280;display:flex;align-items:center;gap:.375rem}.profile-class-teacher--muted{color:#6b7280}.profile-class-teacher .material-symbols-outlined{font-size:.875rem}.profile-class-status{font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:.375rem;border:1px solid;display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.profile-class-status .material-symbols-outlined{font-size:.875rem}.profile-class-status--assignments{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.profile-class-status--exam{background:#fefce8;color:#a16207;border-color:#fef08a}.profile-class-status--none{background:#f3f4f6;color:#1f2937;border-color:#e5e7eb}.profile-class-status--completed{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}.profile-class-progress-wrap{margin-bottom:1.25rem;position:relative;z-index:1}.profile-class-progress-label{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.5rem;font-size:.875rem}.profile-class-progress-label span:first-child{color:#6b7280}.profile-class-progress-pct{font-weight:600;color:var(--profile-primary)}.profile-class-card .profile-progress-track{height:.5rem}.profile-progress-fill--class{background:var(--profile-primary)}.profile-class-footer{padding-top:1rem;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.profile-class-footer--active{border-top-color:#f3f4f6}.profile-class-footer--ended{border-top-color:#e5e7eb;padding-top:.75rem;flex-wrap:wrap;gap:.5rem}.profile-class-avatars{display:flex;align-items:center}.profile-class-avatars img{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid #fff;object-fit:cover;margin-right:-.5rem}.profile-class-avatars-more{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid #fff;background:#e5e7eb;color:#4b5563;font-size:.625rem;font-weight:500;display:flex;align-items:center;justify-content:center}.profile-class-link{font-size:.875rem;font-weight:500;color:var(--profile-hero-start);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;transition:transform .2s}.profile-class-link .material-symbols-outlined{font-size:.875rem}.profile-class-card--active:hover .profile-class-link{text-decoration:underline;transform:translate(.25rem)}.profile-class-end-date{font-size:.75rem;color:#6b7280}.profile-class-score{font-size:.875rem;font-weight:600;color:#374151}.profile-class-card--ended{background:#f9fafb;opacity:.9}.profile-class-card--ended:hover{opacity:1}.profile-classes-grid--ended .profile-class-card{padding:1.25rem}.profile-rank-box{background:#a11f1f1a;border:1px solid rgba(161,31,31,.2);border-radius:.5rem;padding:1.25rem;margin-bottom:1.5rem;text-align:center}.profile-rank-icon{width:4rem;height:4rem;margin:0 auto .75rem;border-radius:50%;background:var(--profile-hero-start);color:var(--profile-primary);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 8px #0003}.profile-rank-icon .material-symbols-outlined{font-size:1.875rem}.profile-rank-title{margin:0;font-size:1.25rem;font-weight:700;font-family:Lexend,Be Vietnam Pro,system-ui,sans-serif;color:#111827}.profile-rank-desc{margin:.25rem 0 0;font-size:.875rem;color:#6b7280}.profile-rank-progress-wrap{margin-top:1rem}.profile-rank-progress-label{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.25rem;color:#6b7280}.profile-rank-progress-value{font-weight:500;color:var(--profile-hero-start)}.profile-rank-progress-wrap .profile-progress-track{height:.375rem}.profile-badges-title{margin:0 0 1rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#111827}.profile-badges-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.profile-badge-item{aspect-ratio:1;border-radius:.5rem;background:#f9fafb;border:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;text-align:center}.profile-badge-item .material-symbols-outlined{font-size:1.5rem;margin-bottom:.25rem}.profile-badge-item--primary .material-symbols-outlined{color:var(--profile-primary)}.profile-badge-item--red .material-symbols-outlined{color:var(--profile-hero-start)}.profile-badge-item--blue .material-symbols-outlined{color:#3b82f6}.profile-badge-item--green .material-symbols-outlined{color:#22c55e}.profile-badge-label{font-size:.625rem;line-height:1.2;color:#6b7280}.profile-join-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.profile-join-modal{width:100%;max-width:26rem;background:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;border:1px solid #e5e7eb}.profile-join-modal-bar{height:.35rem;background:linear-gradient(90deg,var(--profile-hero-start),var(--profile-primary))}.profile-join-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.25rem 0}.profile-join-modal-title{margin:0;font-size:1.125rem;font-weight:700;color:#111827;display:flex;align-items:center;gap:.5rem}.profile-join-modal-title .material-symbols-outlined{font-size:1.5rem;color:var(--profile-hero-start)}.profile-join-modal-close{padding:.25rem;border:none;background:#f3f4f6;border-radius:.375rem;cursor:pointer;color:#6b7280;line-height:0}.profile-join-modal-close:hover:not(:disabled){background:#e5e7eb;color:#111827}.profile-join-modal-close:disabled{opacity:.5;cursor:not-allowed}.profile-join-modal-body{padding:1rem 1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.profile-join-api-kicker{margin:0;font-size:.75rem;color:#6b7280}.profile-join-api-kicker code{font-size:.7rem;padding:.15rem .4rem;background:#f3f4f6;border-radius:.25rem;color:#374151}.profile-join-hint{margin:0;font-size:.875rem;color:#6b7280;line-height:1.45}.profile-join-label{font-size:.8125rem;font-weight:600;color:#374151}.profile-join-input{width:100%;box-sizing:border-box;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.9375rem;letter-spacing:.04em;background:#fff;color:#111827}.profile-join-input::placeholder{color:#9ca3af}.profile-join-input:-webkit-autofill,.profile-join-input:-webkit-autofill:hover,.profile-join-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#111827;caret-color:#111827;transition:background-color 99999s ease-out}.profile-join-input:focus{outline:none;border-color:var(--profile-primary);box-shadow:0 0 0 2px #e4b36340}.profile-join-input:disabled{opacity:.65;background:#f9fafb}.profile-join-error{margin:0;font-size:.8125rem;color:#b91c1c;background:#fef2f2;padding:.5rem .65rem;border-radius:.375rem}.profile-join-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.profile-join-success-msg{margin:0;font-size:.9375rem;color:#166534;line-height:1.5;background:#f0fdf4;border:1px solid #bbf7d0;padding:.75rem 1rem;border-radius:.5rem}.profile-join-summary{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 0;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6}.profile-join-summary-row{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;font-size:.875rem}.profile-join-summary-label{min-width:5rem;color:#6b7280;font-weight:600}.profile-join-summary-value{color:#111827;flex:1;min-width:0}.profile-join-code{font-size:.8125rem;font-weight:700;padding:.15rem .4rem;background:#f9fafb;border-radius:.25rem;border:1px solid #e5e7eb}.profile-join-status{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .5rem;border-radius:999px}.profile-join-status--pending{background:#fef3c7;color:#92400e}.profile-join-done{align-self:stretch;justify-content:center;margin-top:.25rem}.profile-xu-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;background:#f3f4f6;border:1px solid rgba(228,179,99,.3);font-weight:700;color:#111827;font-size:.875rem}.profile-xu-badge .material-symbols-outlined{font-size:.875rem;color:var(--profile-primary)}.tasks-hero{position:relative;border-radius:1rem;padding:1.5rem 2rem;margin-bottom:2rem;background:linear-gradient(to right,var(--profile-hero-start),var(--profile-hero-end));color:#fff;overflow:hidden;box-shadow:0 10px 40px #00000026}.tasks-hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1rem}@media (min-width: 768px){.tasks-hero-inner{flex-direction:row;gap:2rem;align-items:center}}.tasks-hero-icon{width:6rem;height:6rem;border-radius:50%;border:4px solid var(--profile-primary);background:#0006;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px #0000004d}@media (min-width: 768px){.tasks-hero-icon{width:8rem;height:8rem}}.tasks-hero-icon .material-symbols-outlined{font-size:3rem;color:var(--profile-primary)}@media (min-width: 768px){.tasks-hero-icon .material-symbols-outlined{font-size:4rem}}.tasks-hero-info{text-align:center;flex:1;width:100%}@media (min-width: 768px){.tasks-hero-info{text-align:left}}.tasks-hero-title{margin:0 0 .5rem;font-size:1.875rem;font-weight:700;font-family:Lexend,Be Vietnam Pro,system-ui,sans-serif;color:#fff}.tasks-hero-desc{margin:0 0 1rem;color:#fffc;font-size:.9375rem}.tasks-hero-stats{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#0000004d;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:28rem}@media (min-width: 640px){.tasks-hero-stats{flex-direction:row;align-items:center}}.tasks-hero-daily{flex:1}.tasks-hero-daily-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.5rem}.tasks-hero-daily-label{font-size:.875rem;font-weight:500;color:#fff}.tasks-hero-daily-value{font-size:.875rem;font-weight:700;color:var(--profile-primary)}.tasks-hero-reward{padding-left:0;border-left:none}@media (min-width: 640px){.tasks-hero-reward{padding-left:1rem;border-left:1px solid rgba(255,255,255,.2)}}.tasks-hero-reward-label{margin:0 0 .25rem;font-size:.75rem;color:#fff9}.tasks-hero-reward-value{margin:0;font-weight:700;color:var(--profile-primary);display:flex;align-items:center;gap:.25rem}.tasks-card-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.tasks-refresh{font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:.25rem .75rem;border-radius:9999px;border:1px solid #e5e7eb}.tasks-daily-list{display:flex;flex-direction:column;gap:1rem}.tasks-daily-item{padding:1rem;border-radius:.75rem;border:1px solid #e5e7eb;background:#f9fafb;transition:border-color .2s}.tasks-daily-item:hover{border-color:#e4b36380}.tasks-daily-item--done{opacity:.7}.tasks-daily-main{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}@media (min-width: 640px){.tasks-daily-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.tasks-daily-main{margin-bottom:0;flex:1}}.tasks-daily-icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tasks-daily-icon .material-symbols-outlined{font-size:1.5rem}.tasks-daily-icon--blue{background:#3b82f626;color:#2563eb}.tasks-daily-icon--green{background:#22c55e26;color:#16a34a}.tasks-daily-title{margin:0;font-size:1rem;font-weight:700;color:#111827}.tasks-daily-desc{margin:.25rem 0 0;font-size:.875rem;color:#6b7280;display:flex;align-items:center;gap:.25rem}.tasks-daily-desc .material-symbols-outlined{font-size:.875rem}.tasks-daily-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.tasks-daily-progress{font-size:.875rem;font-weight:600;color:#374151;margin:0}.tasks-daily-done-label{font-size:.875rem;font-weight:600;color:#16a34a;display:flex;align-items:center;gap:.25rem;margin:0}.tasks-btn{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:background .2s;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.tasks-btn--primary{background:var(--profile-hero-start);color:#fff}.tasks-btn--primary:hover:not(:disabled){background:#b91c1c}.tasks-btn--disabled{background:#e5e7eb;color:#6b7280;cursor:not-allowed}.tasks-ads-milestones{width:100%;margin-top:1rem;padding:1rem 1rem 0;border-top:1px solid #e5e7eb;box-sizing:border-box}.tasks-milestones-title{margin:0 0 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#111827;text-align:center}@media (min-width: 640px){.tasks-milestones-title{text-align:left}}.tasks-ads-milestones .tasks-milestones-track{position:relative;height:.375rem;background:#e5e7eb;border-radius:9999px;margin-top:1.25rem;margin-bottom:2.25rem}.tasks-milestones-fill{position:absolute;left:0;top:0;height:100%;background:var(--profile-primary);border-radius:9999px;transition:width .3s;z-index:0}.tasks-milestone-point{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:1;min-width:3.5rem}.tasks-milestone-point:nth-child(2){left:0}.tasks-milestone-point:nth-child(3){left:50%}.tasks-milestone-point:nth-child(4){left:100%}.tasks-milestone-dot{width:1.25rem;height:1.25rem;border-radius:50%;background:#d1d5db;border:4px solid #fff;margin-top:-.4375rem;margin-bottom:.35rem;flex-shrink:0}.tasks-milestone-point--done .tasks-milestone-dot{background:var(--profile-primary)}.tasks-milestone-at{font-size:.75rem;font-weight:700;color:#6b7280;white-space:nowrap}.tasks-milestone-point--done .tasks-milestone-at{color:#111827}.tasks-milestone-reward{font-size:.75rem;color:#9ca3af;display:flex;align-items:center;gap:.125rem;margin-top:.2rem;white-space:nowrap}.tasks-milestone-point--done .tasks-milestone-reward{color:var(--profile-primary);font-weight:500}.tasks-milestone-reward .material-symbols-outlined{font-size:.75rem}.tasks-study-block{position:relative;border:1px solid rgba(161,31,31,.2);background:#a11f1f0d;border-radius:.75rem;padding:1.25rem;overflow:hidden}.tasks-study-decor{position:absolute;top:0;right:0;width:8rem;height:8rem;background:#a11f1f1a;border-radius:0 0 0 100%;margin-right:-2rem;margin-top:-2rem}.tasks-study-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 768px){.tasks-study-content{flex-direction:row;align-items:center}}.tasks-study-left{flex:1}.tasks-study-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:700;color:#111827;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.tasks-study-badge{font-size:.75rem;padding:.125rem .5rem;border-radius:.25rem;background:#e4b36333;color:var(--profile-hero-start);border:1px solid rgba(228,179,99,.3)}.tasks-study-desc{margin:0 0 .75rem;font-size:.875rem;color:#6b7280}.tasks-study-list{list-style:none;padding:0;margin:0}.tasks-study-list li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;margin-bottom:.5rem}.tasks-check{color:#22c55e;font-size:1.125rem}.tasks-uncheck{color:#9ca3af;font-size:1.125rem}.tasks-study-reward{background:#fff;border:1px solid #f3f4f6;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;align-items:center;min-width:10rem}.tasks-study-reward-label{margin:0 0 .5rem;font-size:.75rem;text-transform:uppercase;font-weight:700;color:#6b7280}.tasks-study-reward-value{margin:0 0 .75rem;font-size:1.5rem;font-weight:700;color:var(--profile-primary);display:flex;align-items:center;gap:.25rem}.tasks-study-reward .tasks-btn{width:100%}.tasks-icon-orange{color:#ea580c!important}.tasks-icon-purple{color:#9333ea!important}.tasks-streak-box{text-align:center;padding:1.25rem;margin-bottom:1.5rem;background:#ea580c14;border:1px solid rgba(234,88,12,.2);border-radius:.75rem}.tasks-streak-icon{width:4rem;height:4rem;margin:0 auto .75rem;border-radius:50%;background:#ea580c26;border:2px solid rgba(234,88,12,.3);display:flex;align-items:center;justify-content:center}.tasks-streak-icon .material-symbols-outlined{font-size:2.5rem;color:#ea580c}.tasks-streak-value{margin:0;font-size:1.5rem;font-weight:700;color:#111827}.tasks-streak-desc{margin:.25rem 0 0;font-size:.875rem;color:#6b7280}.tasks-week-title{margin:0 0 1rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#111827}.tasks-week-days{display:flex;justify-content:space-between;gap:.25rem;margin-bottom:1rem;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem}.tasks-week-day{width:2rem;height:2rem;border-radius:50%;background:#e5e7eb;color:#6b7280;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.tasks-week-day--done{background:#ea580c;color:#fff}.tasks-week-day--current{box-shadow:0 0 0 2px #fff,0 0 0 4px #ea580c}.tasks-streak-goal{display:flex;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#e4b3631a,#e4b3630d);border:1px solid rgba(228,179,99,.2);border-radius:.5rem}.tasks-streak-goal .material-symbols-outlined:first-child{font-size:1.5rem;color:var(--profile-primary);flex-shrink:0}.tasks-streak-goal-title{margin:0 0 .25rem;font-size:.875rem;font-weight:700;color:#111827}.tasks-streak-goal-desc{margin:0;font-size:.75rem;color:#6b7280;line-height:1.4}.tasks-streak-goal-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;font-size:.75rem}.tasks-streak-goal-lock{font-weight:700;color:var(--profile-hero-start);display:flex;align-items:center;gap:.25rem}.tasks-streak-goal-progress{color:#6b7280}.tasks-streak-goal .profile-progress-track{margin-top:.5rem;height:.375rem}.tasks-special-box{border:1px solid rgba(147,51,234,.3);background:#9333ea0f;border-radius:.5rem;padding:1rem;text-align:center}.tasks-special-icon{width:4rem;height:4rem;margin:0 auto .75rem}.tasks-special-icon img{width:100%;height:100%;object-fit:contain}.tasks-special-title{margin:0 0 .25rem;font-size:1rem;font-weight:700;color:#111827}.tasks-special-desc{margin:0 0 1rem;font-size:.75rem;color:#6b7280;line-height:1.4}.tasks-special-box .tasks-btn{width:100%}.class-detail-content{padding:.75rem 1rem 2rem;width:100%;box-sizing:border-box}@media (min-width: 768px){.class-detail-content{padding:1rem 1.25rem 2rem}}.class-detail-back{margin-bottom:.75rem}.class-detail-back-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;color:#6b7280;text-decoration:none;transition:color .2s}.class-detail-back-link:hover{color:var(--profile-hero-start)}.class-detail-back-link .material-symbols-outlined{font-size:1rem}.class-detail-hero{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media (min-width: 768px){.class-detail-hero{flex-direction:row;justify-content:space-between;align-items:flex-end}}.class-detail-title{margin:0;font-size:1.875rem;font-weight:700;color:#111827}.class-detail-teacher{margin:.5rem 0 0;font-size:.9375rem;color:#6b7280;display:flex;align-items:center;gap:.375rem}.class-detail-teacher strong{color:#111827;font-weight:500}.class-detail-teacher .material-symbols-outlined{font-size:.875rem}.class-detail-actions{display:flex;gap:.75rem}.class-detail-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:background .2s,border-color .2s;border:1px solid #e5e7eb;background:#fff;color:#374151;box-shadow:0 1px 2px #0000000d}.class-detail-btn--secondary:hover{background:#f9fafb;border-color:#d1d5db}.class-detail-btn .material-symbols-outlined{font-size:.875rem}.class-detail-layout{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width: 1024px){.class-detail-layout{grid-template-columns:2fr 1fr}}.class-detail-main{min-width:0}.class-detail-tabs{display:flex;gap:2rem;border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem}.class-detail-tab{display:flex;align-items:center;gap:.5rem;padding:1rem .25rem;font-size:.875rem;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;margin:0 0 -1px;cursor:pointer;font-family:inherit;transition:color .2s,border-color .2s}.class-detail-tab:hover{color:#374151}.class-detail-tab--active{color:var(--profile-hero-start);border-bottom-color:var(--profile-hero-start)}.class-detail-tab .material-symbols-outlined{font-size:1.125rem}.class-detail-topics,.class-detail-quizzes{display:flex;flex-direction:column;gap:1.5rem}.class-detail-topic{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000000d}.class-detail-topic--accent{border-left:4px solid var(--profile-hero-start)}.class-detail-topic-head{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:#f9fafb;border-bottom:1px solid #f3f4f6}.class-detail-topic-title{margin:0;font-size:1.125rem;font-weight:700;color:#111827}.class-detail-topic-progress{font-size:.875rem;font-weight:500;color:#6b7280}.class-detail-topic-progress--done{color:var(--profile-primary)}.class-detail-topic-lessons{border-top:1px solid #f3f4f6}.class-detail-lesson{display:flex;align-items:center;padding:1rem 1.25rem;gap:1rem;transition:background .2s;cursor:pointer}.class-detail-lesson:hover{background:#f9fafb}.class-detail-lesson--locked{opacity:.7}.class-detail-lesson-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.class-detail-icon--red{background:#fef2f2;color:#dc2626}.class-detail-icon--yellow{background:#fefce8;color:#ca8a04}.class-detail-icon--blue{background:#eff6ff;color:#2563eb}.class-detail-icon--purple{background:#f5f3ff;color:#7c3aed}.class-detail-quiz-link{text-decoration:none;color:inherit}.class-detail-quiz-link:hover{color:inherit}.class-detail-lesson-icon .material-symbols-outlined{font-size:1.25rem}.class-detail-lesson-body{flex:1;min-width:0}.class-detail-lesson-title{margin:0;font-size:.875rem;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.class-detail-lesson-meta{margin:.25rem 0 0;font-size:.75rem;color:#6b7280}.class-detail-lesson-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:9999px;border:1px solid;flex-shrink:0}.class-detail-lesson-badge .material-symbols-outlined{font-size:.75rem}.class-detail-lesson-badge--done{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.class-detail-lesson-badge--pending{background:#f3f4f6;color:#1f2937;border-color:#e5e7eb}.class-detail-lesson-badge--locked{background:#f3f4f6;color:#4b5563;border-color:#e5e7eb}.class-detail-sidebar{display:flex;flex-direction:column;gap:1.5rem}.class-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.class-detail-card-corner{position:absolute;top:0;right:0;width:6rem;height:6rem;background:linear-gradient(135deg,rgba(228,179,99,.1) 0%,transparent 100%);border-radius:0 0 0 100%;pointer-events:none}.class-detail-card-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:1.125rem;font-weight:700;color:#111827}.class-detail-card-title .material-symbols-outlined{color:var(--profile-primary);font-size:1.25rem}.class-detail-card-title--red .material-symbols-outlined{color:var(--profile-hero-start)}.class-detail-donut-wrap{position:relative;width:8rem;height:8rem;margin:0 auto 1.5rem}.class-detail-donut{width:100%;height:100%;transform:rotate(-90deg)}.class-detail-donut-bg{color:#e5e7eb}.class-detail-donut-fill{color:var(--profile-hero-start);transition:stroke-dasharray .3s}.class-detail-donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.class-detail-donut-value{font-size:1.5rem;font-weight:700;color:#111827}.class-detail-donut-label{font-size:.625rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-top:.125rem}.class-detail-score-row{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.5rem}.class-detail-score-label{color:#6b7280}.class-detail-score-value{font-weight:700;color:#111827}.class-detail-card--progress .profile-progress-track{height:.5rem;margin-bottom:1rem}.class-detail-card--progress .profile-progress-fill{background:var(--profile-primary)}.class-detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:1rem;border-top:1px solid #f3f4f6}.class-detail-stat{text-align:center;padding:.75rem;background:#f9fafb;border-radius:.5rem}.class-detail-stat-value{display:block;font-size:1.5rem;font-weight:700;color:#111827}.class-detail-stat-label{font-size:.75rem;color:#6b7280;margin-top:.25rem;display:block}.class-detail-events{display:flex;flex-direction:column;gap:1rem}.class-detail-event{display:flex;gap:.75rem}.class-detail-event-date{width:3rem;height:3rem;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.class-detail-event-date--exam{background:#fef2f2;color:#dc2626}.class-detail-event-date--assign{background:#fefce8;color:#ca8a04}.class-detail-event-day{font-size:.875rem;font-weight:700;line-height:1.2}.class-detail-event-weekday{font-size:.625rem;text-transform:uppercase;margin-top:.125rem}.class-detail-event-body{min-width:0}.class-detail-event-title{margin:0;font-size:.875rem;font-weight:600;color:#111827}.class-detail-event-meta{margin:.25rem 0 0;font-size:.75rem;color:#6b7280}.profile-page--achievements{--ach-bg: #f0f4fa;--ach-surface: #ffffff;--ach-surface-muted: #f8fafc;--ach-border: #e2e8f0;--ach-text: #0f172a;--ach-text-secondary: #475569;--ach-muted: #64748b;--ach-accent: #b45309;--ach-gold: #d97706;--ach-gold-soft: #fef3c7;--ach-primary: #a11f1f}.profile-page--achievements .profile-main--achievements{background:linear-gradient(180deg,var(--ach-bg) 0%,#fafbfc 45%,#f1f5f9 100%);color:var(--ach-text)}.achievements-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d97706' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.85}.achievements-header{position:relative;z-index:10;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--ach-border);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;box-shadow:0 1px #0f172a0a}@media (min-width: 768px){.achievements-header{padding:1rem 2rem}}.achievements-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--ach-primary);letter-spacing:-.02em}.achievements-header-left,.achievements-header-right{display:flex;align-items:center}.achievements-header-right .profile-header-avatar{border:2px solid rgba(217,119,6,.45)}.achievements-header-right .profile-icon-btn{color:var(--ach-muted)}.achievements-header-right .profile-icon-btn:hover{color:var(--ach-gold)}.profile-main--achievements .profile-menu-btn{color:var(--ach-muted)}.profile-main--achievements .profile-menu-btn:hover{color:var(--ach-text)}.achievements-content{position:relative;z-index:10;max-width:80rem;margin:0 auto;padding:2.5rem 1.5rem 6rem}@media (min-width: 768px){.achievements-content{padding:2.5rem 2rem 6rem}}.achievements-podium{display:flex;justify-content:center;align-items:flex-end;gap:.5rem;margin-bottom:3rem;margin-top:2.5rem}@media (min-width: 768px){.achievements-podium{gap:1.5rem}}.achievements-podium-item{display:flex;flex-direction:column;align-items:center;width:33.333%;max-width:12.5rem}.achievements-podium-item--first{transform:translateY(-1rem);z-index:2}.achievements-podium-item--gold .achievements-podium-avatar{border-color:#eab308;box-shadow:0 4px 20px #eab30859}.achievements-podium-item--gold .achievements-podium-badge{background:linear-gradient(135deg,#fde047,#eab308);color:#422006;border:1px solid rgba(250,204,21,.6)}.achievements-podium-item--gold .achievements-podium-block{border-color:#f59e0b;background:linear-gradient(to top,#fffbeb,#fef3c7);box-shadow:0 12px 24px #f59e0b26}.achievements-podium-item--gold .achievements-podium-rank{color:#b45309;font-size:3rem;opacity:1}.achievements-podium-item--gold .achievements-podium-points{font-weight:700;font-size:1rem;color:var(--ach-accent)}.achievements-podium-item--silver .achievements-podium-avatar{border-color:#94a3b8;box-shadow:0 4px 16px #94a3b859}.achievements-podium-item--silver .achievements-podium-badge{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#1e293b}.achievements-podium-item--silver .achievements-podium-block{border-color:#cbd5e1;background:linear-gradient(to top,#f8fafc,#e2e8f0);box-shadow:0 8px 20px #0f172a0f}.achievements-podium-item--silver .achievements-podium-rank{color:#64748b;font-size:2.25rem;opacity:.9}.achievements-podium-item--bronze .achievements-podium-avatar{border-color:#d97706;box-shadow:0 4px 16px #d9770640}.achievements-podium-item--bronze .achievements-podium-badge{background:linear-gradient(135deg,#fdba74,#ea580c);color:#fff}.achievements-podium-item--bronze .achievements-podium-block{border-color:#fb923c;background:linear-gradient(to top,#fff7ed,#ffedd5);box-shadow:0 8px 20px #ea580c1a}.achievements-podium-item--bronze .achievements-podium-rank{color:#c2410c;font-size:2.25rem;opacity:.95}.achievements-podium-crown{position:absolute;top:-1.5rem;left:50%;transform:translate(-50%);color:#eab308;z-index:3;filter:drop-shadow(0 2px 4px rgba(234,179,8,.4))}.achievements-podium-crown .material-symbols-outlined{font-size:2.5rem;font-variation-settings:"FILL" 1}.achievements-podium-item--first .achievements-podium-avatar-wrap{position:relative}.achievements-podium-avatar-wrap{position:relative;margin-bottom:1rem}.achievements-podium-avatar{width:5rem;height:5rem;border-radius:50%;border:4px solid;overflow:hidden;position:relative;z-index:1;background:var(--ach-surface)}@media (min-width: 768px){.achievements-podium-item--first .achievements-podium-avatar{width:8rem;height:8rem}.achievements-podium-item--silver .achievements-podium-avatar,.achievements-podium-item--bronze .achievements-podium-avatar{width:6rem;height:6rem}}.achievements-podium-avatar img{width:100%;height:100%;object-fit:cover}.achievements-podium-badge{position:absolute;bottom:-.75rem;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:9999px;white-space:nowrap;z-index:2;box-shadow:0 2px 10px #0f172a1f}.achievements-podium-name{margin:0 0 .25rem;font-size:1.125rem;font-weight:700;color:var(--ach-text);text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievements-podium-item--first .achievements-podium-name{font-size:1.25rem}.achievements-podium-points{margin:0 0 1rem;font-family:ui-monospace,monospace;font-size:.875rem;color:var(--ach-accent)}.achievements-podium-item--silver .achievements-podium-points,.achievements-podium-item--bronze .achievements-podium-points{color:var(--ach-text-secondary)}.achievements-podium-block{width:100%;border-top-width:4px;border-top-style:solid;border-radius:.5rem .5rem 0 0;display:flex;justify-content:center;padding-top:1rem;box-shadow:0 6px 16px #0f172a14}.achievements-podium-item--first .achievements-podium-block{height:10rem}.achievements-podium-item--silver .achievements-podium-block,.achievements-podium-item--bronze .achievements-podium-block{height:8rem}.achievements-podium-item--bronze .achievements-podium-block{height:6rem}.achievements-podium-rank{font-weight:700;font-family:inherit}.achievements-table-card{background:var(--ach-surface);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--ach-border);border-radius:.75rem;overflow:hidden;box-shadow:0 4px 24px #0f172a0f}.achievements-table-head{padding:1rem 1.5rem;border-bottom:1px solid var(--ach-border);background:var(--ach-surface-muted);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.achievements-table-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--ach-primary)}.achievements-table-filters{display:flex;gap:.5rem}.achievements-filter-btn{padding:.35rem .85rem;font-size:.75rem;font-weight:600;border-radius:.375rem;border:1px solid var(--ach-border);background:var(--ach-surface);color:var(--ach-text-secondary);cursor:pointer;font-family:inherit;transition:background .2s,color .2s,border-color .2s}.achievements-filter-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.achievements-filter-btn--active{background:linear-gradient(135deg,#c92a2a,var(--ach-primary));color:#fff;border-color:transparent;box-shadow:0 2px 8px #a11f1f40}.achievements-filter-btn--active:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.achievements-table-wrap{overflow-x:auto}.achievements-table{width:100%;font-size:.875rem;color:var(--ach-text-secondary);text-align:left;border-collapse:collapse}.achievements-table thead{font-size:.75rem;color:var(--ach-primary);text-transform:uppercase;letter-spacing:.04em;background:#fefce8;border-bottom:1px solid var(--ach-border)}.achievements-table th{padding:1rem 1.5rem;font-weight:600}.achievements-table th:last-child{text-align:right}.achievements-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--ach-border)}.achievements-table tbody tr{transition:background .2s}.achievements-table tbody tr:hover{background:#f8fafc}.achievements-table-row--me{background:linear-gradient(90deg,#fef3c78c,#ffffffe6);border-left:4px solid var(--ach-gold)}.achievements-table-rank{font-family:ui-monospace,monospace;color:var(--ach-muted)}.achievements-table-row--me .achievements-table-rank{font-weight:700;color:var(--ach-gold)}.achievements-table-user{display:flex;align-items:center}.achievements-table-avatar{width:2rem;height:2rem;border-radius:50%;border:1px solid var(--ach-border);margin-right:.75rem;object-fit:cover}.achievements-table-row--me .achievements-table-avatar{border-width:2px;border-color:var(--ach-gold)}.achievements-table-name{font-weight:600;color:var(--ach-text)}.achievements-table-row--me .achievements-table-name{font-weight:700}.achievements-table-title-cell{font-weight:600;color:var(--ach-accent)}.achievements-table-artifacts{text-align:center}.achievements-table-row--me .achievements-table-artifacts{font-weight:600}.achievements-table-points{text-align:right;font-family:ui-monospace,monospace;font-weight:600;color:var(--ach-accent)}.achievements-table-row--me .achievements-table-points{font-weight:700;color:var(--ach-gold)}.achievements-table-footer{padding:1rem 1.5rem;border-top:1px solid var(--ach-border);background:var(--ach-surface-muted);text-align:center}.achievements-load-more{font-size:.875rem;color:var(--ach-muted);background:none;border:none;cursor:pointer;font-family:inherit;transition:color .2s}.achievements-load-more:hover{color:var(--ach-gold)}.achievements-footer{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--ach-border);box-shadow:0 -4px 24px #0f172a0f;padding:1rem}@media (min-width: 768px){.achievements-footer{margin-left:17.5rem;width:calc(100% - 17.5rem)}.profile-page--achievements.profile-page--sidebar-collapsed .achievements-footer{margin-left:4.75rem;width:calc(100% - 4.75rem)}}.achievements-footer-inner{max-width:80rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.achievements-footer-left{display:flex;align-items:center;gap:1rem}.achievements-footer-rank{width:2.5rem;height:2.5rem;border-radius:.5rem;background:var(--ach-gold-soft);border:1px solid rgba(245,158,11,.35);display:flex;align-items:center;justify-content:center;font-family:ui-monospace,monospace;font-size:1.125rem;font-weight:700;color:var(--ach-accent)}.achievements-footer-user{display:flex;align-items:center}.achievements-footer-avatar{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid rgba(217,119,6,.5);margin-right:.75rem;object-fit:cover;box-shadow:0 2px 8px #d9770633}.achievements-footer-name{margin:0;font-size:.875rem;font-weight:700;color:var(--ach-text)}.achievements-footer-title{font-size:.75rem;color:var(--ach-accent);font-weight:600;display:flex;align-items:center;gap:.25rem}.achievements-footer-title .material-symbols-outlined{font-size:.875rem}.achievements-footer-right{display:flex;align-items:center;gap:1.5rem}.achievements-footer-progress-wrap{display:none;text-align:right}@media (min-width: 640px){.achievements-footer-progress-wrap{display:block}}.achievements-footer-progress-label{margin:0;font-size:.75rem;color:var(--ach-muted)}.achievements-footer-progress-bar{width:8rem;height:6px;background:#e2e8f0;border-radius:9999px;margin-top:.25rem;overflow:hidden}.achievements-footer-progress-fill{height:100%;background:linear-gradient(90deg,var(--ach-primary),#dc2626);border-radius:9999px}.achievements-footer-total{text-align:right}.achievements-footer-total-label{margin:0;font-size:.75rem;color:var(--ach-muted)}.achievements-footer-total-value{margin:.25rem 0 0;font-family:ui-monospace,monospace;font-size:1.125rem;font-weight:700;color:var(--ach-accent)}.profile-main--library{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:0}.profile-main--library .profile-pattern{display:none}.profile-main--library .period-select--no-header{width:100%}.profile-main--library .period-select-event-card-image--placeholder{background:linear-gradient(135deg,var(--period-bg-subtle) 0%,var(--period-border) 100%);display:flex;align-items:center;justify-content:center}.profile-main--library .period-select-event-card-image--chapter{background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}.profile-main--library .period-select-event-card-image--chapter .period-select-event-card-overlay{background:linear-gradient(180deg,#0f172a59,#0f172aa6)}.profile-main--library .period-select-event-card-badge--premium{background:#b4860bf2;color:#fff}.profile-main--library .period-select-event-card-icon{font-size:3rem;color:var(--period-primary);opacity:.6}.profile-main--library .period-select-event-card-badges{position:absolute;top:.75rem;right:.75rem;display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.profile-main--library .period-select-event-card-badges .period-select-event-card-badge{position:static;padding:.25rem .5rem;font-size:.6875rem}.profile-main--library .period-select-event-card-desc--muted{-webkit-line-clamp:1;font-size:.8125rem;color:var(--period-text-muted)}.profile-library-chapters-status{margin:.75rem .5rem 0;padding:.5rem;font-size:.875rem;color:var(--period-text-muted)}.profile-library-chapters-status--error p{margin:0 0 .5rem;color:#b91c1c}.profile-library-retry-btn{padding:.4rem .85rem;font-size:.8125rem;font-weight:600;color:var(--period-primary);background:transparent;border:1px solid var(--period-border);border-radius:.5rem;cursor:pointer}.profile-library-retry-btn:hover{background:var(--period-bg-subtle);border-color:var(--period-primary)}.profile-library-retry-btn--center{margin-top:1rem}.profile-library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:20rem;padding:2rem;text-align:center}.profile-library-empty-icon{font-size:4rem;color:var(--period-border);margin-bottom:1rem}.profile-library-empty-text{margin:0;font-size:1rem;color:var(--period-text-muted)}.profile-page--redeem .profile-content,.profile-redeem-content{max-width:none;width:100%}.profile-redeem-intro{margin:0 0 1.25rem;font-size:.9375rem;line-height:1.55;color:#4b5563}.profile-redeem-hint{margin:0 0 1rem;padding:.65rem .85rem;border-radius:.5rem;font-size:.875rem;background:#e4b3632e;border:1px solid rgba(228,179,99,.45);color:#78350f}.profile-redeem-error{margin:0 0 1rem;font-size:.9rem;color:#b91c1c}.profile-redeem-retry{margin-left:.35rem;padding:0;border:none;background:none;font:inherit;font-weight:600;color:var(--profile-hero-start, #a11f1f);text-decoration:underline;cursor:pointer}.profile-redeem-loading,.profile-redeem-empty{margin:0 0 1rem;font-size:.9rem;color:#6b7280}.profile-redeem-balance{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:999px;background:linear-gradient(135deg,#e4b36338,#a11f1f1f);border:1px solid rgba(228,179,99,.45);color:#78350f;font-weight:600;font-size:.875rem}.profile-redeem-balance .material-symbols-outlined{font-size:1.15rem;color:var(--profile-primary, #e4b363)}.profile-redeem-balance__value{font-variant-numeric:tabular-nums;letter-spacing:.02em}.profile-redeem-balance__unit{font-weight:500;opacity:.85;font-size:.8125rem}.profile-redeem-section .profile-card-head{margin-bottom:1rem}.profile-redeem-section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem}.profile-redeem-section-head .profile-card-title{margin-bottom:0}.profile-redeem-grid{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 640px){.profile-redeem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.profile-redeem-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}}@media (min-width: 1440px){.profile-redeem-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.profile-redeem-card{display:flex;flex-direction:column;align-items:stretch;padding:1.1rem 1.15rem 1rem;border-radius:.85rem;border:1px solid #e5e7eb;background:linear-gradient(165deg,#fffefb,#faf8f5);box-shadow:0 4px 20px #1118270f;transition:border-color .2s ease,box-shadow .2s ease}.profile-redeem-card:hover{border-color:#e4b3638c;box-shadow:0 8px 28px #a11f1f14}.profile-redeem-card__icon{width:2.75rem;height:2.75rem;border-radius:.65rem;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;background:linear-gradient(145deg,#a11f1f1f,#e4b36333);color:var(--profile-hero-start, #a11f1f)}.profile-redeem-card__icon .material-symbols-outlined{font-size:1.4rem}.profile-redeem-card__thumb{margin:-1.1rem -1.15rem .75rem;border-radius:.85rem .85rem 0 0;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:11rem;height:clamp(11rem,22vw,15.5rem);padding:.65rem;box-sizing:border-box;background:linear-gradient(180deg,#f3f4f6,#e8eaed)}.profile-redeem-card__thumb img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center}.profile-redeem-card__type{display:inline-block;align-self:flex-start;margin-bottom:.35rem;padding:.2rem .45rem;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;background:#1118270f;border-radius:4px}.profile-redeem-card__desc{margin:0 0 .65rem;font-size:.8125rem;line-height:1.5;color:#6b7280;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.profile-redeem-card__title{margin:0 0 .65rem;font-size:1rem;font-weight:700;line-height:1.35;color:#111827}.profile-redeem-card__meta{margin:0 0 1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;font-size:.8125rem}.profile-redeem-card__points{display:inline-flex;align-items:center;gap:.2rem;font-weight:600;color:#92400e}.profile-redeem-card__points .material-symbols-outlined{font-size:1rem;color:var(--profile-primary, #e4b363)}.profile-redeem-card__stock{color:#6b7280}.profile-redeem-card__stock--out{color:#b91c1c;font-weight:600}.profile-redeem-card__btn{margin-top:auto;width:100%;padding:.55rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;background:linear-gradient(135deg,var(--profile-hero-start, #a11f1f) 0%,#7f1d1d 100%);color:#fff;transition:opacity .2s,transform .15s}.profile-redeem-card__btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.profile-redeem-card__btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.profile-redeem-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e5e7eb}.profile-redeem-pager__btn{padding:.45rem .85rem;border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;font-size:.8125rem;font-weight:600;font-family:inherit;color:#374151;cursor:pointer;transition:background .15s ease,border-color .15s ease}.profile-redeem-pager__btn:hover:not(:disabled){background:#f9fafb;border-color:#e4b3638c}.profile-redeem-pager__btn:disabled{opacity:.4;cursor:not-allowed}.profile-redeem-pager__info{font-size:.8125rem;color:#6b7280}.profile-redeem-pager__total{color:#9ca3af}.class-quiz-page{--quiz-primary: #E4B363;--quiz-hero: #A11F1F;--quiz-bg: #FFFBF5;--quiz-surface-hover: #FEF7EC;min-height:100vh;display:flex;flex-direction:column;background:var(--quiz-bg);color:#1f2937;font-family:Lexend,Be Vietnam Pro,system-ui,sans-serif;position:relative;overflow:hidden}.class-quiz-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20.5V18H0v-2h20v-2H0v-2h20v-2H0V8h20V6H0V4h20V2H0V0h22v20h2V0h2v20h2V0h2v20h2V0h2v20h2V0h2v20h2v2H20v-1.5z' fill='%23E4B363' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.class-quiz-header{position:relative;z-index:20;height:4rem;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;flex-shrink:0}.class-quiz-header-left{display:flex;align-items:center;min-width:0}.class-quiz-close{display:inline-flex;align-items:center;gap:.25rem;color:#6b7280;text-decoration:none;font-size:.875rem;font-weight:500;padding:.375rem 0;margin-right:.5rem;transition:color .2s}.class-quiz-close:hover{color:var(--quiz-hero)}.class-quiz-close .material-symbols-outlined{font-size:1.25rem}.class-quiz-close-text{display:none}@media (min-width: 640px){.class-quiz-close-text{display:inline}.class-quiz-close:hover .class-quiz-close-text{text-decoration:underline}}.class-quiz-header-divider{width:1px;height:1.5rem;background:#d1d5db;margin:0 .5rem;display:none}@media (min-width: 640px){.class-quiz-header-divider{display:block}}.class-quiz-title{margin:0;font-size:1.125rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 640px){.class-quiz-title{font-size:1.25rem;margin-left:.5rem}}.class-quiz-header-right{display:flex;align-items:center;gap:1.5rem}.class-quiz-progress-badge{display:flex;align-items:center;background:#f3f4f6;border-radius:9999px;padding:.375rem 1rem}.class-quiz-progress-badge .material-symbols-outlined{font-size:1.25rem;color:#6b7280;margin-right:.5rem}.class-quiz-progress-badge span{font-size:.875rem;font-weight:500;color:#374151}.class-quiz-progress-badge strong{color:var(--quiz-hero)}.class-quiz-timer{display:flex;align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;padding:.375rem 1rem;box-shadow:0 1px 2px #0000000d}.class-quiz-timer .material-symbols-outlined{font-size:1.25rem;color:var(--quiz-hero);margin-right:.5rem;animation:class-quiz-pulse 1.5s ease-in-out infinite}@keyframes class-quiz-pulse{50%{opacity:.7}}.class-quiz-timer-value{font-family:ui-monospace,monospace;font-size:1.125rem;font-weight:700;color:var(--quiz-hero);letter-spacing:.05em}.class-quiz-progress-bar{position:relative;z-index:20;width:100%;height:4px;background:#e5e7eb}.class-quiz-progress-fill{height:100%;background:var(--quiz-primary);transition:width .3s}.class-quiz-main{position:relative;z-index:10;flex:1;display:flex;overflow:hidden}.class-quiz-content{flex:1;overflow-y:auto;padding:2rem 1.5rem}@media (min-width: 768px){.class-quiz-content{padding:2.5rem 3rem}}.class-quiz-question-wrap{max-width:48rem;margin:0 auto;display:flex;flex-direction:column;min-height:100%}.class-quiz-question-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.class-quiz-question-label{font-size:.875rem;font-weight:700;letter-spacing:.05em;color:#6b7280;text-transform:uppercase}.class-quiz-bookmark{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;color:#9ca3af;background:none;border:none;cursor:pointer;padding:.25rem 0;font-family:inherit;transition:color .2s}.class-quiz-bookmark:hover{color:var(--quiz-primary)}.class-quiz-bookmark .material-symbols-outlined{font-size:1.25rem}.class-quiz-bookmark--on .material-symbols-outlined{color:var(--quiz-hero)}.class-quiz-question-text{margin:0 0 2.5rem;font-size:1.5rem;font-weight:500;color:#111827;line-height:1.4}@media (min-width: 768px){.class-quiz-question-text{font-size:1.875rem}}.class-quiz-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem;flex:1}.class-quiz-option{display:flex;align-items:center;position:relative;padding:1.25rem;border-radius:.75rem;border:2px solid #e5e7eb;background:#fff;cursor:pointer;transition:border-color .2s,background .2s}.class-quiz-option:hover{border-color:#e4b36380;background:var(--quiz-surface-hover)}.class-quiz-option--selected{border-color:var(--quiz-primary);background:#e4b36314}.class-quiz-option-letter{width:2rem;height:2rem;border-radius:50%;border:1px solid #d1d5db;background:#f9fafb;color:#4b5563;font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0;transition:border-color .2s,color .2s,background .2s}.class-quiz-option:hover .class-quiz-option-letter{border-color:var(--quiz-primary)}.class-quiz-option--selected .class-quiz-option-letter{border-color:var(--quiz-primary);color:var(--quiz-primary);background:#fff;border-width:2px;box-shadow:0 1px 2px #0000000d}.class-quiz-option-text{font-size:1.125rem;color:#1f2937;flex:1}.class-quiz-option--selected .class-quiz-option-text{font-weight:500;color:#111827}.class-quiz-option-input{position:absolute;opacity:0;width:0;height:0}.class-quiz-option-check{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid #d1d5db;margin-left:auto;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .2s,border-color .2s,background .2s}.class-quiz-option:hover .class-quiz-option-check{opacity:1}.class-quiz-option--selected .class-quiz-option-check{border-color:var(--quiz-primary);background:var(--quiz-primary);color:#fff;opacity:1}.class-quiz-option-check .material-symbols-outlined{font-size:1rem;font-weight:700}.class-quiz-nav{margin-top:auto;padding-top:1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;width:100%}.class-quiz-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9375rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .2s,color .2s;border:none}.class-quiz-btn--prev{background:transparent;color:#4b5563}.class-quiz-btn--prev:hover:not(:disabled){background:#f3f4f6;color:#111827}.class-quiz-btn--prev:disabled{opacity:.5;cursor:not-allowed}.class-quiz-btn--next{background:#111827;color:#fff;padding-left:2rem;padding-right:2rem;box-shadow:0 1px 3px #0000001a}.class-quiz-btn--next:hover:not(:disabled){background:#1f2937}.class-quiz-btn--next:disabled{opacity:.6;cursor:not-allowed}.class-quiz-sidebar{width:20rem;flex-shrink:0;background:#fff;border-left:1px solid #e5e7eb;box-shadow:-4px 0 15px -3px #0000000d;display:none;flex-direction:column;height:100%}@media (min-width: 1024px){.class-quiz-sidebar{display:flex}}.class-quiz-sidebar-head{padding:1.5rem;border-bottom:1px solid #e5e7eb}.class-quiz-sidebar-title{margin:0;font-size:1.125rem;font-weight:700;color:#111827;display:flex;align-items:center}.class-quiz-sidebar-title .material-symbols-outlined{color:var(--quiz-primary);margin-right:.5rem;font-size:1.25rem}.class-quiz-sidebar-body{flex:1;overflow-y:auto;padding:1.5rem}.class-quiz-legend{display:flex;justify-content:space-between;font-size:.75rem;color:#6b7280;margin-bottom:1.5rem;padding:0 .25rem}.class-quiz-legend-dot{display:inline-block;width:.75rem;height:.75rem;border-radius:2px;margin-right:.375rem;vertical-align:middle}.class-quiz-legend-dot--done{background:var(--quiz-primary)}.class-quiz-legend-dot--pending{background:#e5e7eb}.class-quiz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.class-quiz-grid-item{aspect-ratio:1;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;cursor:pointer;border:1px solid #e5e7eb;background:#f9fafb;color:#4b5563;font-family:inherit;transition:background .2s,border-color .2s,color .2s;position:relative}.class-quiz-grid-item:hover{background:#f3f4f6;border-color:#d1d5db}.class-quiz-grid-item--done{background:#e4b36326;color:var(--quiz-primary);border-color:#e4b3634d}.class-quiz-grid-item--done:hover{background:#e4b36340}.class-quiz-grid-item--current{background:var(--quiz-primary);color:#fff;border:none;box-shadow:0 0 0 2px var(--quiz-primary)}.class-quiz-grid-item-dot{position:absolute;bottom:-2px;right:-2px;width:.625rem;height:.625rem;background:var(--quiz-hero);border-radius:50%}.class-quiz-grid-item-bookmark{position:absolute;top:-2px;right:-2px;font-size:.875rem;color:var(--quiz-hero)}.class-quiz-sidebar-footer{padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.class-quiz-submit{display:flex;align-items:center;justify-content:center;width:100%;padding:.875rem 1rem;border-radius:.75rem;background:var(--quiz-hero);color:#fff;font-size:1.125rem;font-weight:700;text-decoration:none;transition:background .2s;box-shadow:0 10px 15px -3px #a11f1f33}.class-quiz-submit:hover{background:#b91c1c}.class-quiz-submit .material-symbols-outlined{margin-right:.5rem;font-size:1.25rem}.teacher-panel{--td-primary: #e4b363;--td-primary-dark: #d4a353;--td-hero-start: #a11f1f;--td-hero-end: #3e1a1a;--td-bg-main: #fdfbf7;--td-bg-card: #fff;--td-border: #e5e7eb;--td-text: #1f2937;--td-text-muted: #6b7280}.teacher-panel .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.teacher-panel .admin-main.teacher-main{display:flex;flex-direction:column;overflow:hidden;min-height:0;background:var(--td-bg-main);color:var(--td-text);font-family:Lexend,Be Vietnam Pro,system-ui,sans-serif}.teacher-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--td-bg-main)}.teacher-header{height:5rem;background:var(--td-bg-card);border-bottom:1px solid var(--td-border);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;flex-shrink:0;box-shadow:0 1px 3px #0000000d}@media (min-width: 768px){.teacher-header{padding:0 1.5rem}}@media (min-width: 1024px){.teacher-header{padding:0 2rem}}.teacher-header-title{font-size:1.5rem;font-weight:700;color:var(--td-text);margin:0;font-family:Lexend,Be Vietnam Pro,system-ui,sans-serif}.teacher-header-actions{display:flex;align-items:center;gap:1.5rem}.teacher-header-noti{position:relative;cursor:pointer}.teacher-header-noti .material-symbols-outlined{font-size:1.5rem;color:var(--td-text-muted);transition:color .2s}.teacher-header-noti:hover .material-symbols-outlined{color:var(--td-hero-start)}.teacher-header-noti-badge{position:absolute;top:-.25rem;right:-.25rem;min-width:1rem;height:1rem;padding:0 .25rem;font-size:.5625rem;font-weight:700;color:#fff;background:var(--td-hero-start);border:2px solid #fff;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center}.teacher-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:.375rem;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:background .2s,box-shadow .2s}.teacher-btn-primary{background:var(--td-hero-start);color:#fff;box-shadow:0 4px 6px -1px #0000001a}.teacher-btn-primary:hover{background:var(--td-hero-end)}.teacher-btn-ghost{background:#fff;color:var(--td-text);border:1px solid var(--td-border)}.teacher-btn-ghost:hover{background:#f9fafb}.teacher-content{flex:1;overflow:auto;padding:1rem 0 1.5rem;box-sizing:border-box}@media (min-width: 768px){.teacher-content{padding:1.5rem 0 2rem}}.teacher-content-inner{max-width:80rem;width:100%;margin:0 auto;padding:0 1rem;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem}@media (min-width: 768px){.teacher-content-inner{padding:0 1.5rem}}.teacher-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.teacher-stat-card{background:var(--td-bg-card);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d;border:1px solid #f3f4f6;border-left-width:4px;display:flex;align-items:center;gap:1rem}.teacher-stat-card--primary{border-left-color:var(--td-primary)}.teacher-stat-card--red{border-left-color:var(--td-hero-start)}.teacher-stat-card--blue{border-left-color:#3b82f6}.teacher-stat-card--green{border-left-color:#22c55e}.teacher-stat-icon{width:3rem;height:3rem;border-radius:9999px;display:flex;align-items:center;justify-content:center}.teacher-stat-icon--primary{background:#e4b3631a;color:var(--td-primary)}.teacher-stat-icon--red{background:#fef2f2;color:var(--td-hero-start)}.teacher-stat-icon--blue{background:#eff6ff;color:#3b82f6}.teacher-stat-icon--green{background:#f0fdf4;color:#22c55e}.teacher-stat-icon .material-symbols-outlined{font-size:1.5rem}.teacher-stat-label{margin:0;font-size:.875rem;font-weight:500;color:var(--td-text-muted)}.teacher-stat-value{margin:.25rem 0 0;font-size:1.5rem;font-weight:700;color:#111827}.teacher-grid{display:grid;grid-template-columns:1fr 22rem;gap:2rem}.teacher-grid-main{display:flex;flex-direction:column;gap:2rem}.teacher-card{background:var(--td-bg-card);border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--td-border);overflow:hidden}.teacher-card-head{padding:1rem 1.5rem;border-bottom:1px solid var(--td-border);background:#f9fafb;display:flex;justify-content:space-between;align-items:center}.teacher-card-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--td-text);display:flex;align-items:center;gap:.5rem;font-family:Lexend,Be Vietnam Pro,system-ui,sans-serif}.teacher-card-title .material-symbols-outlined{color:var(--td-primary)}.teacher-card-title--small .material-symbols-outlined{color:var(--td-text-muted)}.teacher-card-link{font-size:.875rem;font-weight:500;color:var(--td-primary);text-decoration:none}.teacher-card-link:hover{color:var(--td-primary-dark)}.teacher-card-body{padding:1.5rem}.teacher-card-body--divided{padding:0}.teacher-class-row{padding:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:background .2s}.teacher-class-row:hover{background:#f9fafb}.teacher-class-row+.teacher-class-row{border-top:1px solid #f3f4f6}.teacher-class-name{margin:0;font-weight:700;color:#111827;font-size:.9375rem}.teacher-class-meta{margin:.25rem 0 0;font-size:.875rem;color:var(--td-text-muted);display:flex;align-items:center;gap:1rem}.teacher-class-meta span{display:inline-flex;align-items:center;gap:.25rem}.teacher-class-meta .material-symbols-outlined{font-size:1rem}.teacher-class-progress-wrap{text-align:right;flex-shrink:0}.teacher-class-progress-bar{width:8rem;height:.625rem;background:#e5e7eb;border-radius:9999px;overflow:hidden;margin-bottom:.25rem}.teacher-class-progress-fill{height:100%;border-radius:9999px;background:#22c55e;transition:width .3s}.teacher-class-row:first-child .teacher-class-progress-fill{background:#22c55e}.teacher-class-row:last-child .teacher-class-progress-fill{background:var(--td-primary)}.teacher-class-progress-label{font-size:.75rem;font-weight:500;color:var(--td-text-muted)}.teacher-table-wrap{overflow-x:auto}.teacher-table{width:100%;font-size:.875rem;text-align:left;color:var(--td-text-muted)}.teacher-table thead{font-size:.75rem;text-transform:uppercase;color:#374151;background:#f9fafb;border-bottom:1px solid var(--td-border)}.teacher-table th{padding:.75rem 1.5rem;font-weight:500}.teacher-table-td-right,.teacher-table-th-right{text-align:right}.teacher-table tbody tr{background:#fff;border-bottom:1px solid #f3f4f6;transition:background .2s}.teacher-table tbody tr:hover{background:#f9fafb}.teacher-table tbody th{padding:1rem 1.5rem;font-weight:500;color:#111827;white-space:nowrap}.teacher-table tbody td{padding:1rem 1.5rem}.teacher-badge{display:inline-block;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:9999px;border:1px solid}.teacher-badge--pending{background:#fef9c3;color:#854d0e;border-color:#fde047}.teacher-badge--done{background:#dcfce7;color:#166534;border-color:#86efac}.teacher-link{font-weight:500;color:var(--td-hero-start);text-decoration:none}.teacher-link:hover{text-decoration:underline}.teacher-table tbody tr:last-child .teacher-link{color:var(--td-primary)}.teacher-card--gradient{background:linear-gradient(to bottom right,var(--td-hero-start),var(--td-hero-end));border:1px solid rgba(228,179,99,.3);box-shadow:0 10px 15px -3px #0000001a;position:relative;overflow:hidden}.teacher-card-gradient-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23E4B363' fill-opacity='0.05' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");opacity:.5;pointer-events:none;z-index:0}.teacher-card-hero-body{position:relative;z-index:1;padding:1.5rem;color:#fff}.teacher-card-hero-icon{width:3rem;height:3rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.teacher-card-hero-icon .material-symbols-outlined{font-size:1.875rem;color:var(--td-primary)}.teacher-card-hero-title{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;font-family:Lexend,Be Vietnam Pro,system-ui,sans-serif}.teacher-card-hero-desc{font-size:.875rem;color:#e5e7eb;line-height:1.5;margin:0 0 1.5rem}.teacher-card-hero-list{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.75rem}.teacher-card-hero-list li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#d1d5db}.teacher-card-hero-list .material-symbols-outlined{font-size:1.125rem;color:var(--td-primary);flex-shrink:0}.teacher-btn-hero{width:100%;background:var(--td-primary);color:var(--td-hero-end);font-weight:700;padding:.75rem 1rem;border-radius:.5rem;box-shadow:0 4px 14px #e4b36363}.teacher-btn-hero:hover{background:var(--td-primary-dark);box-shadow:0 6px 20px #e4b3633b}.teacher-card-title--small{font-size:1rem;margin:0 0 1rem;padding:1.5rem 1.5rem 0}.teacher-drafts{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:0}.teacher-draft-item{display:block;padding:.75rem 0;text-decoration:none;border-top:1px solid #f3f4f6;transition:color .2s}.teacher-draft-item:first-child{border-top:none;padding-top:0}.teacher-draft-item:hover .teacher-draft-title{color:var(--td-primary)}.teacher-draft-title{margin:0;font-size:.875rem;font-weight:500;color:#111827;transition:color .2s}.teacher-draft-time{margin:.25rem 0 0;font-size:.75rem;color:var(--td-text-muted)}@media (max-width: 1024px){.teacher-grid{grid-template-columns:1fr}.teacher-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.teacher-stats{grid-template-columns:1fr}.teacher-header{padding:0 1rem;flex-wrap:wrap;gap:.5rem;height:auto;min-height:5rem}.teacher-content{padding:1rem}.teacher-class-row{flex-direction:column;align-items:flex-start}.teacher-class-progress-wrap{text-align:left;width:100%}.teacher-class-progress-bar{width:100%}}.teacher-classes-content{padding:2rem}.teacher-classes-wrap{max-width:80rem;margin:0 auto;display:flex;flex-direction:column;gap:2rem}@media (min-width: 1024px){.teacher-classes-wrap{flex-direction:row;align-items:flex-start}}.teacher-classes-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.5rem}.teacher-classes-toolbar{background:var(--td-bg-card, #fff);padding:1rem;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--td-border, #e5e7eb);display:flex;flex-wrap:wrap;flex-direction:column;gap:1rem}@media (min-width: 640px){.teacher-classes-toolbar{flex-direction:row;justify-content:space-between;align-items:center}}.teacher-classes-search-wrap{position:relative;width:100%}@media (min-width: 640px){.teacher-classes-search-wrap{width:24rem}}.teacher-classes-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--td-text-muted, #6b7280);font-size:1.25rem;pointer-events:none}.teacher-classes-search{width:100%;padding:.5rem 1rem .5rem 2.5rem;border:1px solid var(--td-border, #d1d5db);border-radius:.5rem;font-size:.875rem;color:var(--td-text, #1f2937);background:#fff;transition:border-color .2s,box-shadow .2s}.teacher-classes-search:focus{outline:none;border-color:var(--td-primary, #E4B363);box-shadow:0 0 0 2px #e4b36333}.teacher-classes-filters{display:flex;gap:.75rem;width:100%}@media (min-width: 640px){.teacher-classes-filters{width:auto}}.teacher-classes-select{flex:1;min-width:0;padding:.5rem .75rem;border:1px solid var(--td-border, #d1d5db);border-radius:.5rem;font-size:.875rem;color:var(--td-text, #374151);background:#fff}.teacher-classes-select:focus{outline:none;border-color:var(--td-primary, #E4B363)}.teacher-classes-toolbar-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.65rem}.teacher-classes-api-kicker{margin:0;font-size:.8rem;color:var(--td-text-muted, #6b7280)}.teacher-classes-api-code{font-size:.75rem;padding:.15rem .4rem;border-radius:.35rem;background:#f3f4f6;color:#374151}.teacher-classes-api-count{color:var(--td-text-muted, #6b7280)}.teacher-classes-toolbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.teacher-classes-limit-label{display:flex;flex-direction:column;gap:.25rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--td-text-muted, #6b7280)}.teacher-classes-select--limit{min-width:4.5rem}.teacher-classes-reload{white-space:nowrap}.teacher-classes-error{margin:0;padding:.75rem 1rem;border-radius:.5rem;background:#a11f1f14;color:#991b1b;font-size:.875rem}.teacher-classes-loading,.teacher-classes-empty{grid-column:1 / -1;padding:2rem 1rem;text-align:center;color:var(--td-text-muted, #6b7280);font-size:.9375rem;background:var(--td-bg-card, #fff);border:1px dashed var(--td-border, #e5e7eb);border-radius:.75rem}.teacher-class-card-meta--api{flex-direction:column;align-items:flex-start;gap:.5rem}.teacher-class-card-join-code{font-size:.8125rem;font-weight:600;color:#374151;background:#f9fafb;padding:.1rem .35rem;border-radius:.25rem}.teacher-class-card-body>.teacher-class-card-actions{margin-top:auto}.teacher-classes-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:var(--td-bg-card, #fff);border:1px solid var(--td-border, #e5e7eb);border-radius:.75rem}.teacher-classes-pagination-info{font-size:.875rem;color:var(--td-text-muted, #6b7280)}.teacher-classes-pagination-btns{display:flex;gap:.5rem}.teacher-classes-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.teacher-classes-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.teacher-classes-grid{grid-template-columns:repeat(3,1fr)}}.teacher-class-card{background:var(--td-bg-card, #fff);border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--td-border, #e5e7eb);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s}.teacher-class-card:hover{box-shadow:0 4px 6px -1px #0000001a}.teacher-class-card-bar{height:.5rem;background:linear-gradient(to right,var(--td-hero-start, #A11F1F),var(--td-hero-end, #3E1A1A))}.teacher-class-card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column}.teacher-class-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.teacher-class-card-grade{display:inline-block;padding:.25rem .5rem;background:#f3f4f6;color:var(--td-text-muted, #4b5563);font-size:.75rem;font-weight:600;border-radius:.25rem;margin-bottom:.5rem}.teacher-class-card-title{margin:0;font-size:1.125rem;font-weight:700;color:#111827;font-family:Lexend,Be Vietnam Pro,system-ui,sans-serif}.teacher-class-card-menu{padding:.25rem;color:#9ca3af;background:none;border:none;cursor:pointer;border-radius:.25rem;transition:color .2s,background .2s}.teacher-class-card-menu:hover{color:#4b5563;background:#f3f4f6}.teacher-class-card-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--td-text-muted, #6b7280);margin-bottom:1.5rem}.teacher-class-card-meta span{display:inline-flex;align-items:center;gap:.25rem}.teacher-class-card-meta .material-symbols-outlined{font-size:1.125rem}.teacher-class-card-progress-wrap{margin-top:auto}.teacher-class-card-progress-header{display:flex;justify-content:space-between;font-size:.75rem;font-weight:500;color:#374151;margin-bottom:.25rem}.teacher-class-card-progress-bar{width:100%;height:.5rem;background:#e5e7eb;border-radius:9999px;overflow:hidden;margin-bottom:1rem}.teacher-class-card-progress-fill{height:100%;border-radius:9999px;transition:width .3s}.teacher-class-card-progress-fill--green{background:#22c55e}.teacher-class-card-progress-fill--primary{background:var(--td-primary, #E4B363)}.teacher-class-card-progress-fill--blue{background:#3b82f6}.teacher-class-card-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding-top:1rem;border-top:1px solid #f3f4f6}.teacher-class-card-action{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;border-radius:.25rem;font-size:.75rem;font-weight:500;color:var(--td-text-muted, #4b5563);text-decoration:none;transition:background .2s,color .2s}.teacher-class-card-action:hover{background:#f9fafb;color:var(--td-primary, #E4B363)}.teacher-class-card-action .material-symbols-outlined{font-size:1.25rem;margin-bottom:.25rem}.teacher-class-add{min-height:250px;border:2px dashed var(--td-border, #d1d5db);border-radius:.75rem;background:#ffffff80;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--td-text-muted, #6b7280);transition:border-color .2s,color .2s,background .2s;cursor:pointer;font:inherit;width:100%;text-align:center}.teacher-class-add:focus{outline:none}.teacher-class-add:hover{border-color:var(--td-hero-start, #A11F1F);color:var(--td-hero-start, #A11F1F);background:#fef2f24d}.teacher-class-add-icon-wrap{width:4rem;height:4rem;border-radius:9999px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:background .2s}.teacher-class-add:hover .teacher-class-add-icon-wrap{background:#fee2e2}.teacher-class-add-icon-wrap .material-symbols-outlined{font-size:1.875rem}.teacher-class-add-title{font-size:1.125rem;font-weight:700;color:inherit;font-family:Lexend,Be Vietnam Pro,system-ui,sans-serif}.teacher-class-add-desc{font-size:.875rem;margin-top:.5rem;text-align:center;max-width:12.5rem}.teacher-classes-aside{width:100%}@media (min-width: 1024px){.teacher-classes-aside{width:20rem;flex-shrink:0}}.teacher-notices-card{background:var(--td-bg-card, #fff);border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--td-border, #e5e7eb);overflow:hidden}@media (min-width: 1024px){.teacher-notices-card{position:sticky;top:0}}.teacher-notices-head{padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6;background:#f9fafb;display:flex;align-items:center;justify-content:space-between}.teacher-notices-title{margin:0;font-size:1rem;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:.5rem;font-family:Lexend,Be Vietnam Pro,system-ui,sans-serif}.teacher-notices-title .material-symbols-outlined{color:var(--td-hero-start, #A11F1F)}.teacher-notices-list{border-bottom:1px solid #f3f4f6}.teacher-notice-item{padding:1rem;display:flex;align-items:flex-start;gap:.75rem;transition:background .2s}.teacher-notice-item:hover{background:#f9fafb}.teacher-notice-icon{width:2rem;height:2rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.teacher-notice-icon .material-symbols-outlined{font-size:1.125rem}.teacher-notice-icon--blue{background:#dbeafe;color:#2563eb}.teacher-notice-icon--green{background:#dcfce7;color:#16a34a}.teacher-notice-icon--yellow{background:#fef9c3;color:#ca8a04}.teacher-notice-icon--purple{background:#f3e8ff;color:#9333ea}.teacher-notice-text{margin:0;font-size:.875rem;color:#1f2937;line-height:1.4}.teacher-notice-time{margin:.25rem 0 0;font-size:.75rem;color:var(--td-text-muted, #6b7280);display:flex;align-items:center;gap:.25rem}.teacher-notice-time .material-symbols-outlined{font-size:.875rem}.teacher-notices-footer{display:block;text-align:center;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:var(--td-primary, #E4B363);text-decoration:none;border-top:1px solid #f3f4f6;background:#f9fafb;transition:background .2s,color .2s}.teacher-notices-footer:hover{background:#f3f4f6;color:var(--td-primary-dark, #D4A353)}.teacher-modal-close:disabled{opacity:.45;cursor:not-allowed}.teacher-modal-error{margin:0;padding:.65rem .85rem;border-radius:.5rem;font-size:.875rem;color:#991b1b;background:#a11f1f14}.teacher-modal-input,.teacher-modal-select,.teacher-modal-textarea{width:100%;padding:.625rem 1rem;background:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;font-size:.9375rem;color:#1f2937;transition:border-color .2s,box-shadow .2s}.teacher-modal-input:focus,.teacher-modal-select:focus,.teacher-modal-textarea:focus{outline:none;border-color:var(--td-primary, #E4B363);box-shadow:0 0 0 2px #e4b36333}.teacher-modal-input:-webkit-autofill,.teacher-modal-input:-webkit-autofill:hover,.teacher-modal-input:-webkit-autofill:focus,.teacher-modal-textarea:-webkit-autofill,.teacher-modal-textarea:-webkit-autofill:hover,.teacher-modal-textarea:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #f9fafb inset;-webkit-text-fill-color:#1f2937;caret-color:#1f2937;transition:background-color 99999s ease-out}.teacher-modal-textarea{resize:vertical;min-height:4.5rem}.teacher-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.teacher-modal-field{display:flex;flex-direction:column}.teacher-modal-field .teacher-modal-label{margin-bottom:.375rem}.teacher-modal-select-wrap{position:relative}.teacher-modal-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.5rem}.teacher-modal-select-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.teacher-modal-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.teacher-class-detail-header{display:flex;align-items:center;justify-content:space-between}.teacher-class-detail-header-left{display:flex;align-items:center;gap:1rem;min-width:0}.teacher-class-detail-header-left .teacher-header-title{margin:0 0 .25rem;line-height:1.25}.teacher-class-detail-subtitle{margin:0;font-size:.8rem;color:var(--td-text-muted, #6b7280);line-height:1.45}.teacher-class-detail-api-code{font-size:.72rem;padding:.1rem .35rem;border-radius:.3rem;background:#f3f4f6;color:#374151}.teacher-class-detail-subtitle-meta{color:var(--td-text-muted, #6b7280)}.teacher-back-btn{padding:.25rem;color:#9ca3af;background:none;border:none;cursor:pointer;border-radius:.25rem;transition:color .2s,background .2s}.teacher-back-btn:hover{color:#4b5563;background:#f3f4f6}.teacher-back-btn .material-symbols-outlined{font-size:1.5rem}.teacher-class-detail-inner{max-width:80rem;margin:0 auto;padding:0 1rem;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 768px){.teacher-class-detail-inner{padding:0 1.5rem}}.teacher-class-detail-stats{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.teacher-class-detail-stats:not(.teacher-class-detail-stats--single){grid-template-columns:repeat(3,1fr)}}.teacher-class-detail-stats--single{grid-template-columns:1fr;max-width:24rem}.teacher-class-detail-stat{background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--td-border, #e5e7eb);border-left-width:4px;display:flex;justify-content:space-between;align-items:center}.teacher-class-detail-stat--blue{border-left-color:#3b82f6}.teacher-class-detail-stat--green{border-left-color:#22c55e}.teacher-class-detail-stat--red{border-left-color:var(--td-hero-start, #A11F1F)}.teacher-class-detail-stat-label{margin:0 0 .25rem;font-size:.875rem;font-weight:500;color:var(--td-text-muted, #6b7280)}.teacher-class-detail-stat-value{margin:0;font-size:1.5rem;font-weight:700;color:#111827;font-family:Lexend,Be Vietnam Pro,system-ui,sans-serif}.teacher-class-detail-stat-icon{width:3rem;height:3rem;border-radius:9999px;display:flex;align-items:center;justify-content:center}.teacher-class-detail-stat-icon--blue{background:#dbeafe;color:#2563eb}.teacher-class-detail-stat-icon--green{background:#dcfce7;color:#16a34a}.teacher-class-detail-stat-icon--red{background:#fee2e2;color:var(--td-hero-start, #A11F1F)}.teacher-class-detail-stat-icon .material-symbols-outlined{font-size:1.5rem}.teacher-class-detail-toolbar{background:#fff;padding:1rem;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--td-border, #e5e7eb);display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){.teacher-class-detail-toolbar{flex-direction:row;justify-content:space-between;align-items:center}}.teacher-class-detail-search-wrap{position:relative;width:100%}@media (min-width: 640px){.teacher-class-detail-search-wrap{max-width:24rem}}.teacher-class-detail-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--td-text-muted, #6b7280);font-size:1.25rem}.teacher-class-detail-search{width:100%;padding:.5rem 1rem .5rem 2.5rem;border:1px solid var(--td-border, #d1d5db);border-radius:.5rem;font-size:.875rem;color:var(--td-text, #1f2937);background:#fff}.teacher-class-detail-search:focus{outline:none;border-color:var(--td-primary, #E4B363);box-shadow:0 0 0 2px #e4b36333}.teacher-class-detail-toolbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.teacher-class-detail-reload{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;background:#fff;border:1px solid var(--td-border, #d1d5db);border-radius:.5rem;font-size:.875rem;font-weight:600;color:#374151;cursor:pointer;transition:background .2s,border-color .2s}.teacher-class-detail-reload:hover:not(:disabled){background:#f9fafb;border-color:var(--td-primary, #e4b363)}.teacher-class-detail-reload:disabled{opacity:.55;cursor:not-allowed}.teacher-class-detail-error{margin:0;padding:.75rem 1rem;border-radius:.5rem;background:#a11f1f14;color:#991b1b;font-size:.875rem}.teacher-class-detail-invite{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:var(--td-hero-start, #A11F1F);border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:background .2s,box-shadow .2s}.teacher-class-detail-invite:hover{background:var(--td-hero-end, #3E1A1A);box-shadow:0 2px 8px #a11f1f4d}.teacher-class-detail-invite .material-symbols-outlined{font-size:1.25rem}.teacher-class-detail-export{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid var(--td-border, #d1d5db);border-radius:.5rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:background .2s}.teacher-class-detail-export:hover{background:#f9fafb}.teacher-class-detail-export .material-symbols-outlined{font-size:1.25rem;color:#16a34a}.teacher-class-detail-table-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--td-border, #e5e7eb);overflow:hidden}.teacher-class-detail-table-wrap{overflow-x:auto}.teacher-class-detail-table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left}.teacher-class-detail-table thead tr{background:#f9fafb;border-bottom:1px solid var(--td-border, #e5e7eb)}.teacher-class-detail-table th{padding:1rem 1.5rem;font-weight:500;color:#4b5563}.teacher-class-detail-th-center{text-align:center}.teacher-class-detail-th-narrow{width:2.75rem;text-align:center}.teacher-class-detail-table-empty{text-align:center;padding:2rem 1.5rem!important;color:var(--td-text-muted, #6b7280)}.teacher-class-detail-td-muted{text-align:center;color:var(--td-text-muted, #6b7280);font-size:.8125rem}.teacher-class-detail-email{color:#374151;word-break:break-word;max-width:14rem}.teacher-class-detail-joined{color:var(--td-text-muted, #6b7280);white-space:nowrap}.teacher-class-detail-avatar-img{width:2rem;height:2rem;border-radius:9999px;object-fit:cover;border:1px solid #e5e7eb;flex-shrink:0}.teacher-class-detail-avatar--muted{background:#e5e7eb;color:#4b5563}.teacher-class-detail-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.teacher-class-detail-table tbody tr:hover{background:#f9fafb}.teacher-class-detail-row--warn:hover{background:#fef2f24d}.teacher-class-detail-table td{padding:.75rem 1.5rem;vertical-align:middle}.teacher-class-detail-student{display:flex;align-items:center;gap:.75rem}.teacher-class-detail-avatar{width:2rem;height:2rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0}.teacher-class-detail-avatar--primary{background:#e4b36333;color:var(--td-primary-dark, #D4A353)}.teacher-class-detail-avatar--blue{background:#dbeafe;color:#2563eb}.teacher-class-detail-avatar--red{background:#fee2e2;color:#dc2626}.teacher-class-detail-avatar--purple{background:#f3e8ff;color:#9333ea}.teacher-class-detail-name{font-weight:500;color:#111827}.teacher-class-detail-code{color:var(--td-text-muted, #6b7280)}.teacher-class-detail-progress-cell{display:flex;align-items:center;gap:.5rem;min-width:8rem}.teacher-class-detail-progress-bar{flex:1;height:.375rem;background:#e5e7eb;border-radius:9999px;overflow:hidden}.teacher-class-detail-progress-fill{height:100%;border-radius:9999px;transition:width .3s}.teacher-class-detail-progress-fill--green{background:#22c55e}.teacher-class-detail-progress-fill--yellow{background:#eab308}.teacher-class-detail-progress-fill--red{background:#ef4444}.teacher-class-detail-progress-pct{font-size:.75rem;color:var(--td-text-muted, #6b7280);min-width:2rem}.teacher-class-detail-progress-pct--red{color:#dc2626;font-weight:500}.teacher-class-detail-avg{font-weight:500;color:#111827}.teacher-class-detail-avg--low{font-weight:500;color:#dc2626}.teacher-class-detail-status{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:.375rem;border:1px solid}.teacher-class-detail-status--online{background:#dcfce7;color:#166534;border-color:#86efac}.teacher-class-detail-status--offline{background:#f3f4f6;color:#4b5563;border-color:#e5e7eb}.teacher-class-detail-status-dot{width:.375rem;height:.375rem;border-radius:9999px}.teacher-class-detail-status--online .teacher-class-detail-status-dot{background:#22c55e}.teacher-class-detail-status--offline .teacher-class-detail-status-dot{background:#9ca3af}.teacher-class-detail-actions{display:flex;justify-content:center;gap:.25rem;opacity:0;transition:opacity .2s}.teacher-class-detail-table tbody tr:hover .teacher-class-detail-actions{opacity:1}.teacher-class-detail-action{padding:.375rem;color:#9ca3af;background:none;border:none;border-radius:.375rem;cursor:pointer;transition:color .2s,background .2s}.teacher-class-detail-action:hover{color:var(--td-primary, #E4B363);background:#e4b3631a}.teacher-class-detail-action--chat:hover{color:#2563eb;background:#dbeafe}.teacher-class-detail-action--remind:hover{color:#dc2626;background:#fee2e2}.teacher-class-detail-action .material-symbols-outlined{font-size:1.25rem}.teacher-class-detail-pagination{padding:1rem 1.5rem;border-top:1px solid var(--td-border, #e5e7eb);background:#f9fafb;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.teacher-class-detail-pagination-info{font-size:.875rem;color:var(--td-text-muted, #6b7280)}.teacher-class-detail-pagination-btns{display:flex;align-items:center;gap:.25rem}.teacher-class-detail-page-btn{min-width:2rem;height:2rem;padding:0 .25rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--td-border, #d1d5db);border-radius:.25rem;background:#fff;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:background .2s,border-color .2s}.teacher-class-detail-page-btn:hover:not(:disabled){background:#f9fafb}.teacher-class-detail-page-btn:disabled{opacity:.5;cursor:not-allowed}.teacher-class-detail-page-btn--active{background:var(--td-primary, #E4B363);border-color:var(--td-primary, #E4B363);color:var(--td-hero-end, #3E1A1A)}.teacher-class-detail-page-btn .material-symbols-outlined{font-size:1.125rem}.teacher-class-detail-page-ellipsis{padding:0 .25rem;color:var(--td-text-muted, #6b7280)}.teacher-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.teacher-modal{background:#fff;width:100%;max-width:36rem;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(228,179,99,.3);overflow:hidden}.teacher-modal-bar{height:.5rem;background:linear-gradient(to right,var(--td-hero-start, #A11F1F),var(--td-primary, #E4B363),var(--td-hero-end, #3E1A1A))}.teacher-modal-head{padding:2rem 2rem 1rem;display:flex;justify-content:space-between;align-items:flex-start}.teacher-modal-title{margin:0;font-size:1.5rem;font-weight:700;color:#111827;display:flex;align-items:center;gap:.5rem;font-family:Lexend,Be Vietnam Pro,system-ui,sans-serif}.teacher-modal-title .material-symbols-outlined{color:var(--td-hero-start, #A11F1F)}.teacher-modal-desc{margin:.25rem 0 0;font-size:.875rem;color:var(--td-text-muted, #6b7280)}.teacher-modal-close{padding:.25rem;color:#9ca3af;background:none;border:none;cursor:pointer;border-radius:.25rem;transition:color .2s,background .2s}.teacher-modal-close:hover{color:var(--td-hero-start, #A11F1F);background:#fef2f2}.teacher-modal-body{padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1.25rem}.teacher-modal-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.375rem}.teacher-modal-input{width:100%;padding:.625rem 1rem;background:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;font-size:.9375rem;color:#1f2937}.teacher-invite-field-wrap{display:flex;gap:.5rem;align-items:stretch}.teacher-invite-input{flex:1;min-width:0}.teacher-invite-copy{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--td-primary, #E4B363);color:var(--td-hero-end, #3E1A1A);border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .2s,box-shadow .2s}.teacher-invite-copy:hover{background:var(--td-primary-dark, #D4A353);box-shadow:0 2px 8px #e4b3634d}.teacher-invite-copy:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.teacher-invite-copy .material-symbols-outlined{font-size:1.125rem}.teacher-modal-footer{padding:1.5rem 2rem;background:#f9fafb;border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end;gap:.75rem}.teacher-modal-btn{padding:.625rem 1.5rem;font-size:.875rem;font-weight:700;border-radius:.5rem;border:none;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex;align-items:center;gap:.5rem}.teacher-modal-btn--secondary{color:#4b5563;background:transparent}.teacher-modal-btn--secondary:hover{background:#e5e7eb}.teacher-modal-btn--primary{color:var(--td-hero-end, #3E1A1A);background:var(--td-primary, #E4B363);box-shadow:0 4px 14px #e4b36333}.teacher-modal-btn--primary:hover{background:var(--td-primary-dark, #D4A353);box-shadow:0 6px 20px #e4b3633b}.teacher-join-requests{background:#fff;border-radius:.75rem;border:1px solid var(--td-border, #e5e7eb);box-shadow:0 1px 3px #0000000d;overflow:hidden}.teacher-join-requests__top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 1.5rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#a11f1f0a,#e4b36314);border-bottom:1px solid var(--td-border, #e5e7eb)}.teacher-join-requests__intro{display:flex;align-items:flex-start;gap:1rem;min-width:0}.teacher-join-requests__icon-wrap{flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:.65rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--td-hero-start, #a11f1f),var(--td-hero-end, #3e1a1a));color:var(--td-primary, #e4b363);box-shadow:0 4px 14px #a11f1f33}.teacher-join-requests__icon-wrap .material-symbols-outlined{font-size:1.35rem}.teacher-join-requests__title{margin:0 0 .35rem;font-size:1.0625rem;font-weight:700;color:#111827;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-family:Lexend,Be Vietnam Pro,system-ui,sans-serif}.teacher-join-requests__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .45rem;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--td-hero-start, #a11f1f);color:#fff}.teacher-join-requests__desc{margin:0;font-size:.8125rem;line-height:1.5;color:var(--td-text-muted, #6b7280)}.teacher-join-requests__desc .teacher-class-detail-api-code{display:inline;margin-left:.15rem}.teacher-join-requests__actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem}.teacher-join-requests__limit{display:flex;flex-direction:column;gap:.2rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--td-text-muted, #6b7280)}.teacher-join-requests__select{padding:.45rem .65rem;border:1px solid var(--td-border, #d1d5db);border-radius:.45rem;font-size:.875rem;color:#374151;background:#fff;color-scheme:light;cursor:pointer;min-width:4rem}.teacher-join-requests__select:focus{outline:none;border-color:var(--td-primary, #e4b363)}.teacher-join-requests__reload{align-self:flex-end}.teacher-join-requests__error{margin:0 1.5rem}.teacher-join-requests__table-wrap{overflow-x:auto}.teacher-join-requests__table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left}.teacher-join-requests__table thead tr{background:#f9fafb;border-bottom:1px solid var(--td-border, #e5e7eb)}.teacher-join-requests__table th{padding:.85rem 1.25rem;font-weight:600;color:#4b5563;white-space:nowrap}.teacher-join-requests__table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .15s ease}.teacher-join-requests__table tbody tr:hover{background:#fafafa}.teacher-join-requests__table td{padding:.75rem 1.25rem;vertical-align:middle}.teacher-join-req-status{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.teacher-join-req-status--pending{background:#fef3c7;color:#92400e}.teacher-join-req-status--ok{background:#dcfce7;color:#166534}.teacher-join-req-status--no{background:#fee2e2;color:#991b1b}.teacher-join-req-status--muted{background:#f3f4f6;color:#4b5563}.teacher-join-requests__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.25rem;background:#fafafa;border-top:1px solid var(--td-border, #e5e7eb)}.teacher-join-requests__page-info{font-size:.8125rem;color:var(--td-text-muted, #6b7280)}.teacher-join-requests__page-btns{display:flex;align-items:center;gap:.35rem}.teacher-curriculum-header-left{display:flex;align-items:center;gap:1rem}.teacher-curriculum-inner{max-width:80rem;margin:0 auto;padding:0 1rem;box-sizing:border-box}@media (min-width: 768px){.teacher-curriculum-inner{padding:0 1.5rem}}.teacher-curriculum-tabs{display:flex;gap:0;border-bottom:1px solid var(--td-border, #e5e7eb);margin-bottom:1.5rem}.teacher-curriculum-tab{display:inline-flex;align-items:center;gap:.5rem;padding:1rem .25rem;margin-bottom:-1px;border-bottom:2px solid transparent;font-size:.875rem;font-weight:500;color:var(--td-text-muted, #6b7280);text-decoration:none;white-space:nowrap;transition:color .2s,border-color .2s}.teacher-curriculum-tab:hover{color:#374151}.teacher-curriculum-tab--active{color:var(--td-hero-start, #A11F1F);border-bottom-color:var(--td-hero-start, #A11F1F)}.teacher-curriculum-tab .material-symbols-outlined{font-size:1.25rem}.teacher-curriculum-content{display:flex;flex-direction:column;gap:2rem}.teacher-curriculum-section{display:flex;flex-direction:column;gap:0}.teacher-curriculum-chapter-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--td-border, #e5e7eb);margin-bottom:0}.teacher-curriculum-chapter-title{margin:0;font-size:1.125rem;font-weight:700;color:#1f2937;font-family:Lexend,Be Vietnam Pro,system-ui,sans-serif}.teacher-curriculum-chapter-actions{display:flex;gap:.75rem}.teacher-curriculum-chapter-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.teacher-curriculum-chapter-btn .material-symbols-outlined{font-size:1.25rem}.teacher-curriculum-chapter-btn--secondary{background:#fff;border:1px solid var(--td-border, #d1d5db);color:#374151}.teacher-curriculum-chapter-btn--secondary:hover{background:#f9fafb}.teacher-curriculum-chapter-btn--primary{background:#e4b3631a;border:1px solid rgba(228,179,99,.3);color:var(--td-primary-dark, #D4A353)}.teacher-curriculum-chapter-btn--primary:hover{background:#e4b36333}.teacher-curriculum-lessons-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--td-border, #e5e7eb);overflow:hidden}.teacher-curriculum-lesson-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid #f3f4f6;transition:background .2s;cursor:pointer}.teacher-curriculum-lesson-row:last-child{border-bottom:none}.teacher-curriculum-lesson-row:hover{background:#f9fafb}.teacher-curriculum-lesson-main{display:flex;align-items:center;gap:1rem;min-width:0}.teacher-curriculum-lesson-num{width:2.5rem;height:2.5rem;border-radius:9999px;background:#a11f1f1a;color:var(--td-hero-start, #A11F1F);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0;font-family:Lexend,Be Vietnam Pro,system-ui,sans-serif}.teacher-curriculum-lesson-title{margin:0;font-size:1rem;font-weight:500;color:#111827;transition:color .2s}.teacher-curriculum-lesson-row:hover .teacher-curriculum-lesson-title{color:var(--td-hero-start, #A11F1F)}.teacher-curriculum-lesson-meta{margin:.25rem 0 0;font-size:.875rem;color:var(--td-text-muted, #6b7280)}.teacher-curriculum-lesson-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.teacher-curriculum-lesson-row:hover .teacher-curriculum-lesson-actions{opacity:1}.teacher-curriculum-lesson-action{padding:.5rem;color:#9ca3af;background:none;border:none;border-radius:.375rem;cursor:pointer;transition:color .2s,background .2s}.teacher-curriculum-lesson-action:hover{color:var(--td-primary, #E4B363);background:#e4b3631a}.teacher-curriculum-lesson-action--delete:hover{color:#dc2626;background:#fee2e2}.teacher-curriculum-lesson-action .material-symbols-outlined{font-size:1.25rem}.teacher-assignments-card{margin-top:0;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--td-border, #e5e7eb);overflow:hidden}.teacher-assignments-table-wrap{overflow-x:auto}.teacher-assignments-table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left}.teacher-assignments-table thead tr{background:#f9fafb;border-bottom:1px solid var(--td-border, #e5e7eb)}.teacher-assignments-table th{padding:1rem 1.5rem;font-weight:500;color:#4b5563}.teacher-assignments-th-center{text-align:center}.teacher-assignments-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.teacher-assignments-table tbody tr:hover{background:#f9fafb}.teacher-assignments-table tbody tr:last-child{border-bottom:none}.teacher-assignments-table td{padding:1rem 1.5rem;vertical-align:middle}.teacher-assignments-name-cell{display:flex;align-items:center;gap:.75rem}.teacher-assignments-icon{width:2rem;height:2rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.teacher-assignments-icon .material-symbols-outlined{font-size:1.125rem}.teacher-assignments-icon--blue{background:#dbeafe;color:#2563eb}.teacher-assignments-icon--purple{background:#f3e8ff;color:#9333ea}.teacher-assignments-title{display:block;font-weight:500;color:#111827}.teacher-assignments-subtitle{display:block;font-size:.75rem;color:var(--td-text-muted, #6b7280);margin-top:.125rem}.teacher-assignments-type,.teacher-assignments-deadline{color:#4b5563}.teacher-assignments-submitted{font-weight:500;color:#111827}.teacher-assignments-status{display:inline-block;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:.375rem;border:1px solid}.teacher-assignments-status--ended{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.teacher-assignments-status--open{background:#dcfce7;color:#166534;border-color:#86efac}.teacher-assignments-actions{display:flex;justify-content:center;gap:.5rem}.teacher-assignments-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;border:1px solid;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.teacher-assignments-btn .material-symbols-outlined{font-size:1rem}.teacher-assignments-btn--secondary{background:#f3f4f6;border-color:#e5e7eb;color:#374151}.teacher-assignments-btn--secondary:hover{background:#e5e7eb}.teacher-assignments-btn--primary{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.teacher-assignments-btn--primary:hover{background:#bfdbfe}.teacher-panel.teacher-panel--bai-giang-dark{background:#121212}.teacher-panel.teacher-panel--bai-giang-dark .admin-main.teacher-main{background:#121212;color:#e5e7eb}.teacher-main--bai-giang{background:#121212;color:#e5e7eb;padding:0;min-height:0}.teacher-main--bai-giang .bai-giang{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}.bai-giang{--bg-primary: #E4B363;--bg-primary-dark: #D4A353;--bg-hero-start: #A11F1F;--bg-hero-end: #3E1A1A;--bg-panel: #2A2A2A;--bg-workspace: #121212;--bg-main: #1A1C1E;--bg-card: #22252A;--bg-input: rgba(0, 0, 0, .3);--text-muted: #9ca3af;font-family:Roboto,Be Vietnam Pro,system-ui,sans-serif}.bai-giang .font-display,.bai-giang h1,.bai-giang h2,.bai-giang h3{font-family:Playfair Display,"Noto Serif",serif}.bai-giang .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.bai-giang ::-webkit-scrollbar{width:6px;height:6px}.bai-giang ::-webkit-scrollbar-track{background:var(--bg-panel)}.bai-giang ::-webkit-scrollbar-thumb{background:var(--bg-primary-dark);border-radius:3px}.bai-giang ::-webkit-scrollbar-thumb:hover{background:var(--bg-hero-start)}.bai-giang .map-grid{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px}.bai-giang-header{height:4rem;background:linear-gradient(to right,var(--bg-hero-end),var(--bg-hero-start));border-bottom:1px solid rgba(228,179,99,.3);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;flex-shrink:0;position:relative;z-index:20}.bai-giang-header-left{display:flex;align-items:center;gap:1.5rem;min-width:0}.bai-giang-back-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin-right:-.25rem;border:none;border-radius:.5rem;background:#ffffff1f;color:#fff;cursor:pointer;transition:background .15s ease}.bai-giang-back-btn:hover{background:#ffffff38}.bai-giang-back-btn .material-symbols-outlined{font-size:1.25rem}.bai-giang-brand{display:flex;align-items:center;gap:.75rem;border-right:1px solid rgba(255,255,255,.2);padding-right:1.5rem}.bai-giang-logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--bg-primary)}.bai-giang-logo-img{height:1.75rem;width:auto;object-fit:contain}.bai-giang-logo-text{font-size:1.25rem;font-weight:700;letter-spacing:.1em;font-family:Playfair Display,"Noto Serif",serif}.bai-giang-title-row{display:flex;align-items:center;font-size:.875rem}.bai-giang-title-label{color:var(--text-muted);margin-right:.5rem}.bai-giang-title-input{background:transparent;border:none;border-bottom:1px dashed rgba(228,179,99,.5);color:#fff;font-weight:500;padding:0 .25rem .125rem;width:16rem;outline:none}.bai-giang-title-input:focus{border-bottom-color:var(--bg-primary)}.bai-giang-title-edit{font-size:1rem;margin-left:.5rem;color:var(--bg-primary);cursor:pointer}.bai-giang-title-edit:hover{color:#fff}.bai-giang-catalog-scope-pill{margin-left:.65rem;padding:.15rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#0f172a;background:linear-gradient(135deg,#fde68a,#fbbf24);border:1px solid rgba(251,191,36,.85);white-space:nowrap}.bai-giang-header-right{display:flex;align-items:center;gap:1rem}.bai-giang-toolbar{display:flex;background:var(--bg-panel);border-radius:.375rem;padding:.25rem;border:1px solid rgba(255,255,255,.1)}.bai-giang-tool-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.375rem .75rem;border:none;border-radius:.25rem;background:transparent;color:var(--text-muted);cursor:pointer;font:inherit}.bai-giang-tool-btn:hover{color:#fff;background:#ffffff0d}.bai-giang-tool-btn--active{background:#e4b36333;color:var(--bg-primary)}.bai-giang-tool-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.bai-giang-tool-btn .material-symbols-outlined{font-size:1.125rem;line-height:1}.bai-giang-header-divider{width:1px;height:2rem;background:#fff3;margin:0 .5rem}.bai-giang-audio-offscreen{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;pointer-events:none}.bai-giang-timeline-audio-loading,.bai-giang-timeline-audio-error{margin:.35rem 1rem .75rem;font-size:.8125rem;color:var(--text-muted)}.bai-giang-timeline-audio-error{color:#fca5a5}.bai-giang-timeline-audio-transport{display:flex;align-items:center;gap:.65rem;padding:0 1rem .5rem}.bai-giang-timeline-audio-play{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;border-radius:50%;background:var(--bg-primary);color:var(--bg-hero-end);cursor:pointer;transition:filter .15s ease,transform .1s ease}.bai-giang-timeline-audio-play:hover{filter:brightness(1.08)}.bai-giang-timeline-audio-play .material-symbols-outlined{font-size:1.35rem}.bai-giang-timeline-audio-clock{font-size:.8125rem;font-variant-numeric:tabular-nums;color:#e5e7eb;letter-spacing:.02em}.bai-giang-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;font:inherit}.bai-giang-btn--ghost{background:transparent;color:#d1d5db}.bai-giang-btn--ghost:hover{color:#fff}.bai-giang-btn--primary{background:var(--bg-primary);color:var(--bg-hero-end);font-weight:700;box-shadow:0 4px 6px -1px #0003}.bai-giang-btn--primary:hover{background:var(--bg-primary-dark)}.bai-giang-btn--primary .material-symbols-outlined{font-size:1.125rem}.bai-giang-btn--primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.bai-giang-save-feedback{font-size:.8125rem;max-width:14rem;line-height:1.35}.bai-giang-save-feedback--ok{color:#86efac}.bai-giang-save-feedback--error{color:#fca5a5}.bai-giang-keyframes-load-overlay{position:absolute;left:0;right:0;top:4rem;bottom:0;z-index:15;display:flex;align-items:center;justify-content:center;background:#1212129e;pointer-events:all}.bai-giang-keyframes-load-text{font-size:.9375rem;font-weight:600;color:#f3f4f6;padding:.75rem 1.25rem;border-radius:.5rem;background:#2a2a2af2;border:1px solid rgba(228,179,99,.35)}.bai-giang-body--keyframes-loading{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.bai-giang-body{flex:1;min-height:0;display:flex;overflow:hidden}.bai-giang-main{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--bg-main)}.bai-giang-canvas{flex:1;position:relative;overflow:hidden;cursor:crosshair}.bai-giang-canvas-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:.3;pointer-events:none;z-index:0}.bai-giang-map-bg-img{max-height:120%;object-fit:contain;mix-blend-mode:screen;filter:grayscale(1) contrast(1.5)}.bai-giang-map-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;z-index:10;border:none;border-radius:0;background:#1a1c1e;box-shadow:none;overflow:hidden;display:flex;align-items:stretch;justify-content:stretch}.bai-giang-map-frame--pick-active{box-shadow:inset 0 0 0 2px #e4b36359}.bai-giang-map-leaflet-wrap{position:relative;flex:1;width:100%;height:100%;min-height:240px}.bai-giang-map-leaflet-wrap--pick-latlng .bai-giang-leaflet-map.leaflet-container{cursor:crosshair}.bai-giang-map-pick-banner{position:absolute;top:.5rem;left:50%;transform:translate(-50%);z-index:1200;display:flex;align-items:center;gap:.35rem;padding:.38rem .75rem;border-radius:.4rem;background:#141416eb;border:1px solid rgba(228,179,99,.45);color:#fde68a;font-size:.68rem;font-weight:600;pointer-events:none;max-width:calc(100% - 2rem);box-shadow:0 4px 16px #00000059}.bai-giang-map-pick-banner .material-symbols-outlined{font-size:1rem;flex-shrink:0}.leaflet-div-icon.bai-giang-editor-pick-icon{background:transparent!important;border:none!important}.bai-giang-editor-movemap-pin{width:44px;height:44px;border-radius:50%;background:linear-gradient(160deg,#fde68a,#d4a353);border:2px solid rgba(255,255,255,.95);box-shadow:0 3px 14px #0000006b;display:flex;align-items:center;justify-content:center;color:#1f2937}.bai-giang-editor-movemap-pin .material-symbols-outlined{font-size:24px;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24}.leaflet-div-icon.bai-giang-vertex-drag-wrap{background:transparent!important;border:none!important}.bai-giang-vertex-drag-core{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.95);box-shadow:0 2px 8px #00000073;box-sizing:border-box;cursor:grab}.bai-giang-vertex-drag-core:active{cursor:grabbing}.bai-giang-editor-movemap-pin--sm{width:30px;height:30px;border-width:2px;box-shadow:0 2px 10px #00000061}.bai-giang-editor-movemap-pin--sm .material-symbols-outlined{font-size:17px;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 20}.bai-giang-editor-quiz-pin{width:32px;height:32px;border-radius:50%;background:linear-gradient(160deg,#93c5fd,#3b82f6);border:2px solid rgba(255,255,255,.92);box-shadow:0 2px 12px #0006;display:flex;align-items:center;justify-content:center;color:#0f172a}.bai-giang-editor-quiz-pin .material-symbols-outlined{font-size:18px;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 20}.bai-giang-map-layer-panel{position:absolute;top:.5rem;right:.5rem;z-index:1100;max-width:min(14rem,42vw);max-height:min(38vh,220px);display:flex;flex-direction:column;border-radius:.4rem;background:#121418eb;border:1px solid rgba(255,255,255,.1);box-shadow:0 6px 20px #0006;overflow:hidden;font-size:.65rem}.bai-giang-map-layer-panel-head{display:flex;align-items:center;gap:.35rem;padding:.4rem .55rem;font-weight:600;color:#e5e7eb;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.bai-giang-map-layer-panel-head .material-symbols-outlined{font-size:1rem;color:#fde68a}.bai-giang-map-layer-panel-list{list-style:none;margin:0;padding:.25rem 0;overflow-y:auto;flex:1;min-height:0}.bai-giang-map-layer-panel-item{display:flex;align-items:flex-start;gap:.35rem;padding:.25rem .45rem;border-bottom:1px solid rgba(255,255,255,.04)}.bai-giang-map-layer-panel-item:last-child{border-bottom:none}.bai-giang-map-layer-panel-item--hidden .bai-giang-map-layer-panel-title,.bai-giang-map-layer-panel-item--hidden .bai-giang-map-layer-panel-type{opacity:.55}.bai-giang-map-layer-panel-visibility{flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:.3rem;background:#ffffff0f;color:#d1d5db;cursor:pointer;display:flex;align-items:center;justify-content:center}.bai-giang-map-layer-panel-visibility:hover{background:#ffffff1f;color:#fff}.bai-giang-map-layer-panel-visibility .material-symbols-outlined{font-size:1.1rem}.bai-giang-map-layer-panel-meta{display:flex;flex-direction:column;gap:.08rem;min-width:0;line-height:1.25}.bai-giang-map-layer-panel-type{font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af}.bai-giang-map-layer-panel-title{color:#f3f4f6;word-break:break-word}.bai-giang-leaflet-map.leaflet-container{z-index:1;font-family:Roboto,Be Vietnam Pro,system-ui,sans-serif;border-radius:0}.bai-giang-zoom-controls--on-map{z-index:1100}.bai-giang-map-frame .leaflet-control-attribution{font-size:.62rem!important;line-height:1.25;max-width:70%;background:#00000080!important;color:#9ca3af!important;border-radius:.35rem 0 0}.bai-giang-map-frame .leaflet-control-attribution a{color:#93c5fd!important}.bai-giang-marker{position:absolute;display:flex;flex-direction:column;align-items:center;cursor:pointer}.bai-giang-marker-dot{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--bg-hero-start);border:2px solid var(--bg-primary);box-shadow:0 0 15px #e4b36380;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.bai-giang-marker-dot:after{content:"";width:.5rem;height:.5rem;background:#fff;border-radius:50%}.bai-giang-marker--blue .bai-giang-marker-icon{width:1.5rem;height:1.5rem;border-radius:50%;background:#2563eb;border:2px solid #fff;box-shadow:0 0 10px #2563eb80;display:flex;align-items:center;justify-content:center}.bai-giang-marker--blue .bai-giang-marker-icon .material-symbols-outlined{font-size:.875rem;color:#fff}.bai-giang-marker-label{margin-top:.5rem;padding:.25rem .5rem;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:.25rem;font-size:.75rem;font-weight:700;color:#fff;white-space:nowrap}.bai-giang-marker--blue .bai-giang-marker-label{color:#d1d5db}.bai-giang-arrow-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.bai-giang-map-basemap-switch{position:absolute;bottom:1rem;left:1rem;z-index:1100;display:flex;flex-direction:column;gap:.3rem;max-width:min(9.5rem,46vw)}.bai-giang-map-basemap-btn{display:flex;align-items:center;gap:.35rem;padding:.28rem .45rem .28rem .38rem;border-radius:.35rem;border:1px solid rgba(255,255,255,.12);background:#00000085;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e5e7eb;font-size:.62rem;font-weight:600;cursor:pointer;text-align:left;line-height:1.2}.bai-giang-map-basemap-btn .material-symbols-outlined{font-size:1rem;flex-shrink:0;opacity:.88}.bai-giang-map-basemap-btn-label{flex:1;min-width:0}.bai-giang-map-basemap-btn:hover{background:#000000ad;color:#fff}.bai-giang-map-basemap-btn--active{border-color:#e4b363a6;background:#1e1c18e0;color:#fde68a;box-shadow:0 0 0 1px #e4b36333}.bai-giang-map-basemap-btn--active .material-symbols-outlined{opacity:1}.bai-giang-map-leaflet-wrap--basemap-light .bai-giang-map-basemap-btn{background:#ffffffeb;border-color:#0f172a1f;color:#334155}.bai-giang-map-leaflet-wrap--basemap-light .bai-giang-map-basemap-btn:hover{background:#fff;color:#0f172a}.bai-giang-map-leaflet-wrap--basemap-light .bai-giang-map-basemap-btn--active{border-color:#d4a333bf;background:linear-gradient(135deg,#fef3c7f2,#fffffffa);color:#78350f;box-shadow:0 1px 8px #d4a33340}.bai-giang-map-frame:has(.bai-giang-map-leaflet-wrap--basemap-light){background:#e4e7ec}.bai-giang-map-leaflet-wrap--basemap-light .bai-giang-map-pick-banner{background:#fffffff0;border-color:#d4a33380;color:#92400e;box-shadow:0 4px 18px #0f172a1a}.bai-giang-map-frame:has(.bai-giang-map-leaflet-wrap--basemap-light) .leaflet-control-attribution{background:#ffffffe6!important;color:#64748b!important}.bai-giang-map-frame:has(.bai-giang-map-leaflet-wrap--basemap-light) .leaflet-control-attribution a{color:#2563eb!important}.bai-giang-map-leaflet-wrap--basemap-light .bai-giang-zoom-btn{background:#ffffffe6;border-color:#0f172a1f;color:#1e293b}.bai-giang-map-leaflet-wrap--basemap-light .bai-giang-zoom-btn:hover{background:#fff}@media (max-width: 520px){.bai-giang-map-basemap-btn-label{display:none}.bai-giang-map-basemap-btn{justify-content:center;padding:.32rem;min-width:2rem}.bai-giang-map-basemap-switch{max-width:none}}.bai-giang-zoom-controls{position:absolute;bottom:1rem;right:1rem;display:flex;gap:.5rem}.bai-giang-zoom-btn{width:2rem;height:2rem;border-radius:.375rem;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.bai-giang-zoom-btn:hover{background:#000000b3}.bai-giang-zoom-btn .material-symbols-outlined{font-size:1.125rem}.bai-giang-timeline{height:12rem;background:var(--bg-panel);border-top:1px solid rgba(255,255,255,.1);flex-shrink:0;display:flex;flex-direction:column;z-index:20;box-shadow:0 -4px 20px #0000004d}.bai-giang-timeline-head{padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;background:#0003}.bai-giang-timeline-title{font-size:.875rem;font-weight:700;color:var(--bg-primary);display:flex;align-items:center;gap:.5rem;margin:0;text-transform:uppercase;letter-spacing:.05em}.bai-giang-timeline-title .material-symbols-outlined{font-size:1.125rem}.bai-giang-timeline-actions{display:flex;align-items:center;gap:.75rem}.bai-giang-timeline-scale{font-size:.75rem;color:var(--text-muted)}.bai-giang-timeline-zoom{display:flex;gap:.25rem}.bai-giang-timeline-zoom-btn{padding:.25rem;border:none;border-radius:.25rem;background:transparent;color:var(--text-muted);cursor:pointer}.bai-giang-timeline-zoom-btn:hover{background:#ffffff1a}.bai-giang-timeline-zoom-btn .material-symbols-outlined{font-size:1rem}.bai-giang-timeline-track{flex:1;position:relative;overflow-x:auto;overflow-y:hidden;display:flex;align-items:center;padding:0 2rem}.bai-giang-timeline-line{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:2px;background:#374151}.bai-giang-timeline-items{position:relative;display:flex;align-items:center;min-width:max-content;height:100%}.bai-giang-timeline-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 3rem;cursor:pointer;position:relative}.bai-giang-timeline-dot{width:.75rem;height:.75rem;border-radius:50%;background:#6b7280;border:2px solid var(--bg-panel);z-index:10;transition:all .2s}.bai-giang-timeline-item:hover .bai-giang-timeline-dot{background:var(--bg-primary);transform:scale(1.25)}.bai-giang-timeline-dot--active{width:1rem;height:1rem;background:var(--bg-primary);border:4px solid rgba(228,179,99,.3);box-shadow:0 0 10px #e4b36380}.bai-giang-timeline-item--active .bai-giang-timeline-date{color:var(--bg-primary);font-weight:700}.bai-giang-timeline-date{position:absolute;top:1rem;font-size:.75rem;color:var(--text-muted);font-weight:500}.bai-giang-timeline-tooltip{position:absolute;bottom:1rem;font-size:.75rem;color:#6b7280;max-width:100px;text-align:center;opacity:0;transition:opacity .2s}.bai-giang-timeline-item:hover .bai-giang-timeline-tooltip{opacity:1}.bai-giang-timeline-caption{position:absolute;bottom:1rem;font-size:.75rem;padding:.25rem .5rem;background:#e4b3631a;border:1px solid rgba(228,179,99,.3);color:var(--bg-primary);border-radius:.25rem;white-space:nowrap}.bai-giang-timeline-add{margin-left:2rem;width:2rem;height:2rem;border-radius:50%;border:1px dashed #6b7280;background:var(--bg-panel);color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.bai-giang-timeline-add:hover{color:var(--bg-primary);border-color:var(--bg-primary)}.bai-giang-timeline-add .material-symbols-outlined{font-size:1rem}.bai-giang-side-right{width:20rem;background:var(--bg-panel);border-left:1px solid rgba(255,255,255,.1);flex-shrink:0;display:flex;flex-direction:column;z-index:20;box-shadow:-4px 0 20px #0003}.bai-giang-panel-head{padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:#0003;display:flex;justify-content:space-between;align-items:center}.bai-giang-panel-title{font-size:1rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.5rem;margin:0;font-family:Playfair Display,"Noto Serif",serif}.bai-giang-panel-title .material-symbols-outlined{color:var(--bg-primary)}.bai-giang-panel-more{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem}.bai-giang-panel-more:hover{color:#fff}.bai-giang-panel-more .material-symbols-outlined{font-size:1.25rem}.bai-giang-panel-body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.bai-giang-scene{border:1px solid rgba(255,255,255,.1);border-radius:.5rem;background:#333;overflow:hidden}.bai-giang-scene--active{border-color:#e4b36380;box-shadow:0 0 10px #e4b3631a;position:relative}.bai-giang-scene--active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--bg-primary)}.bai-giang-scene--muted{opacity:.7}.bai-giang-scene-head{padding:.5rem .75rem;background:#444;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;cursor:move}.bai-giang-scene-head--active{background:#e4b3631a;border-bottom-color:#ffffff1a;padding-left:1rem}.bai-giang-scene-head-left{display:flex;align-items:center;gap:.5rem}.bai-giang-scene-head-left .material-symbols-outlined{font-size:1rem;color:var(--text-muted)}.bai-giang-scene--active .bai-giang-scene-head-left .material-symbols-outlined{color:var(--bg-primary)}.bai-giang-scene-name{font-size:.75rem;font-weight:700;color:#e5e7eb;text-transform:uppercase}.bai-giang-scene--active .bai-giang-scene-name{color:var(--bg-primary)}.bai-giang-scene-actions{display:flex;gap:.25rem}.bai-giang-scene-actions button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem}.bai-giang-scene-actions button:hover,.bai-giang-scene--active .bai-giang-scene-actions button:hover{color:#fff}.bai-giang-scene-actions .material-symbols-outlined{font-size:.875rem}.bai-giang-scene-body{padding:.75rem}.bai-giang-scene--active .bai-giang-scene-body{padding-left:1rem}.bai-giang-scene-input{width:100%;padding:.25rem .5rem;background:var(--bg-input);border:1px solid rgba(255,255,255,.05);border-radius:.25rem;font-size:.875rem;color:#fff;margin-bottom:.5rem;outline:none}.bai-giang-scene-input:focus{border-color:#e4b36380}.bai-giang-scene-input--active{background:#00000080;border-color:#e4b3634d}.bai-giang-scene-input[readonly]{color:var(--text-muted);border-color:transparent}.bai-giang-scene-textarea{width:100%;padding:.25rem .5rem;background:var(--bg-input);border:1px solid rgba(255,255,255,.05);border-radius:.25rem;font-size:.75rem;color:#d1d5db;margin-top:.25rem;resize:none;height:4rem;outline:none;font-family:inherit}.bai-giang-scene-textarea:focus{border-color:#e4b36380}.bai-giang-scene-textarea::placeholder{color:var(--text-muted)}.bai-giang-scene-tags{display:flex;gap:.5rem;margin-top:.5rem}.bai-giang-tag{display:inline-flex;align-items:center;padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem;font-weight:500;background:#374151;color:#d1d5db}.bai-giang-tag .material-symbols-outlined{font-size:.75rem;margin-right:.25rem}.bai-giang-interactions{margin-top:.75rem;padding:.5rem;background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:.25rem}.bai-giang-interactions-title{font-size:.625rem;color:var(--text-muted);font-weight:700;margin:0 0 .25rem;text-transform:uppercase}.bai-giang-interaction-item{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#d1d5db;background:#ffffff0d;padding:.25rem .5rem;border-radius:.25rem;margin-top:.25rem}.bai-giang-interaction-label{display:flex;align-items:center;gap:.25rem}.bai-giang-interaction-label .material-symbols-outlined{font-size:.875rem;color:#60a5fa}.bai-giang-interaction-item button{background:none;border:none;color:#6b7280;cursor:pointer;padding:0}.bai-giang-interaction-item button:hover{color:#fff}.bai-giang-interaction-item button .material-symbols-outlined{font-size:.875rem;color:inherit}.bai-giang-add-interaction{width:100%;margin-top:.5rem;padding:.25rem;border:1px dashed #4b5563;border-radius:.25rem;background:none;color:var(--text-muted);font-size:.625rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.25rem}.bai-giang-add-interaction:hover{border-color:var(--bg-primary);color:var(--bg-primary)}.bai-giang-add-interaction .material-symbols-outlined{font-size:.75rem}.bai-giang-add-scene{width:100%;padding:.75rem;border:2px dashed rgba(255,255,255,.1);border-radius:.5rem;background:none;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.bai-giang-add-scene:hover{color:#fff;border-color:#e4b36380;background:#e4b3630d}.bai-giang-add-scene .material-symbols-outlined{font-size:1.25rem}.bai-giang-timeline--keyframes{height:auto;min-height:8.5rem}.bai-giang-timeline-media-track{position:relative;padding:.35rem 1rem 1rem;flex:1;min-height:6rem}.bai-giang-timeline-media-ruler{display:flex;justify-content:space-between;font-size:.65rem;color:var(--text-muted);margin-bottom:.35rem;padding:0 .25rem}.bai-giang-timeline-media-ruler--stops{font-variant-numeric:tabular-nums;gap:.35rem;flex-wrap:wrap}.bai-giang-timeline-scrubber-stack{padding:0 1rem .85rem;display:flex;flex-direction:column;gap:.35rem}.bai-giang-timeline-scrubber-kf-row{position:relative;height:2.6rem;margin:0 .15rem}.bai-giang-timeline-kf-marker--scrub{bottom:0;top:auto;transform:translate(-50%)}.bai-giang-timeline-scrubber-rail{position:relative;height:1.75rem;margin:0 .15rem;cursor:pointer;border-radius:.5rem;outline:none}.bai-giang-timeline-scrubber-rail:focus-visible{box-shadow:0 0 0 2px var(--bg-hero-start),0 0 0 4px #e4b36373}.bai-giang-timeline-scrubber-tube{position:absolute;left:0;right:0;top:50%;height:10px;margin-top:-5px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 2px #00000059}.bai-giang-timeline-scrubber-fill{position:absolute;left:0;top:50%;height:10px;margin-top:-5px;border-radius:999px 0 0 999px;background:linear-gradient(90deg,rgba(228,179,99,.35),var(--bg-primary));pointer-events:none;max-width:100%}.bai-giang-timeline-scrubber-playhead{position:absolute;top:50%;width:3px;height:1.15rem;margin-top:-.575rem;margin-left:-1.5px;border-radius:2px;background:#fff;box-shadow:0 0 0 2px #e4b363d9,0 2px 8px #00000073;pointer-events:none;z-index:2}.bai-giang-timeline-scrubber-caption-row{position:relative;min-height:1.1rem;margin:0 .15rem}.bai-giang-timeline-media-line{height:2px;margin:0 .25rem .4rem;background:#ffffff1f;border-radius:1px}.bai-giang-timeline-media-markers{position:relative;height:2.75rem;margin-top:0}.bai-giang-timeline-kf-marker{position:absolute;transform:translate(-50%);width:2rem;height:2rem;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:var(--bg-card);color:var(--bg-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:2}.bai-giang-timeline-kf-marker:hover{border-color:var(--bg-primary);color:#fff}.bai-giang-timeline-kf-marker--active{background:#e4b36326;border-color:var(--bg-primary);box-shadow:0 0 0 3px #e4b36333}.bai-giang-timeline-kf-marker .material-symbols-outlined{font-size:1rem}.bai-giang-timeline-kf-marker-scene{position:absolute;bottom:-1.1rem;left:50%;transform:translate(-50%);font-size:.55rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;white-space:nowrap}.bai-giang-timeline-media-labels{position:relative;height:1.25rem;margin-top:.5rem}.bai-giang-timeline-kf-caption{position:absolute;transform:translate(-50%);font-size:.65rem;color:var(--text-muted);bottom:0}.bai-giang-side-right--wide{width:22rem;max-width:42vw}.bai-giang-kf-panel{border:1px solid rgba(255,255,255,.1);border-radius:.5rem;background:#0003;padding:.75rem}.bai-giang-kf-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.bai-giang-kf-panel-title{margin:0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--bg-primary);display:flex;align-items:center;gap:.35rem}.bai-giang-kf-panel-title .material-symbols-outlined{font-size:1rem}.bai-giang-kf-panel-sub{margin:.5rem 0 .65rem;font-size:.68rem;color:var(--text-muted);line-height:1.4}.bai-giang-kf-panel-sub strong{color:#e5e7eb}.bai-giang-kf-panel-add-wrap{position:relative}.bai-giang-kf-add-btn{display:inline-flex;align-items:center;gap:.2rem;padding:.35rem .55rem;border-radius:.35rem;border:1px solid rgba(228,179,99,.45);background:#e4b3631f;color:var(--bg-primary);font-size:.65rem;font-weight:700;cursor:pointer}.bai-giang-kf-add-btn:hover{background:#e4b36338}.bai-giang-kf-add-btn:disabled{opacity:.45;cursor:not-allowed}.bai-giang-kf-add-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:50;min-width:11rem;background:var(--bg-card);border:1px solid rgba(255,255,255,.12);border-radius:.45rem;box-shadow:0 12px 28px #00000073;padding:.35rem 0}.bai-giang-kf-add-menu-item{width:100%;display:flex;align-items:center;gap:.45rem;padding:.45rem .65rem;border:none;background:none;color:#e5e7eb;font-size:.72rem;cursor:pointer;text-align:left}.bai-giang-kf-add-menu-item:hover:not(:disabled){background:#ffffff0f}.bai-giang-kf-add-menu-item:disabled{opacity:.45;cursor:not-allowed}.bai-giang-kf-add-menu-item .material-symbols-outlined{font-size:1rem;color:var(--bg-primary)}.bai-giang-kf-list{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column;gap:.35rem}.bai-giang-kf-list-empty{font-size:.7rem;color:var(--text-muted);padding:.5rem 0}.bai-giang-kf-item{display:flex;align-items:stretch;border-radius:.4rem;border:1px solid rgba(255,255,255,.08);background:#2f2f2f;overflow:hidden}.bai-giang-kf-item--active{border-color:#e4b36373;background:#e4b36314}.bai-giang-kf-row{flex:1;min-width:0;width:100%;text-align:left;display:grid;grid-template-columns:2.5rem 1fr;grid-template-rows:auto auto;gap:.15rem .5rem;padding:.45rem .5rem .45rem .55rem;border:none;border-radius:0;background:transparent;cursor:pointer;color:inherit}.bai-giang-kf-row-time{grid-row:1 / span 2;align-self:center;font-size:.7rem;font-weight:800;color:var(--bg-primary)}.bai-giang-kf-row-type{font-size:.58rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9ca3af}.bai-giang-kf-row-title{font-size:.72rem;font-weight:600;color:#f3f4f6;grid-column:2}.bai-giang-kf-remove{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.15rem;margin:0;padding:0;border:none;border-left:1px solid rgba(255,255,255,.08);border-radius:0;background:transparent;color:#9ca3af;cursor:pointer;transition:color .12s ease,background .12s ease}.bai-giang-kf-remove .material-symbols-outlined{font-size:1rem}.bai-giang-kf-remove:hover{color:#fecaca;background:#7f1d1d59}.bai-giang-kf-item--active .bai-giang-kf-remove{border-left-color:#e4b36340}.bai-giang-kf-editor-wrap{border-top:1px solid rgba(255,255,255,.08);padding-top:.75rem}.bai-giang-kf-editor-section{margin-bottom:.75rem}.bai-giang-kf-editor-hint{margin:0 0 .45rem;font-size:.65rem;color:var(--text-muted);line-height:1.45}.bai-giang-kf-editor-hint:has(.bai-giang-kf-editor-hint-icon){display:flex;align-items:flex-start;gap:.35rem}.bai-giang-kf-editor-hint-icon{font-size:1rem;flex-shrink:0;opacity:.8;line-height:1}.bai-giang-kf-editor-hint--tight{margin-top:.35rem;margin-bottom:0}.bai-giang-kf-textarea--quiz-q{min-height:4.25rem;resize:vertical}.bai-giang-kf-quiz-options{margin-top:.45rem;display:flex;flex-direction:column;gap:.35rem}.bai-giang-kf-quiz-option-row{display:flex;align-items:center;gap:.4rem}.bai-giang-kf-quiz-option-badge{flex-shrink:0;width:1.65rem;height:1.65rem;display:flex;align-items:center;justify-content:center;border-radius:.35rem;font-size:.72rem;font-weight:800;color:#fde68a;background:#00000059;border:1px solid rgba(253,224,71,.35)}.bai-giang-kf-quiz-option-input{flex:1;min-width:0}.bai-giang-kf-quiz-option-remove{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:.35rem;background:#00000047;color:#fca5a5;cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease}.bai-giang-kf-quiz-option-remove:hover:not(:disabled){border-color:#fca5a573;color:#fecaca;background:#7f1d1d47}.bai-giang-kf-quiz-option-remove:disabled{opacity:.28;cursor:not-allowed}.bai-giang-kf-quiz-option-remove .material-symbols-outlined{font-size:1.05rem}.bai-giang-kf-quiz-option-add{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;margin-top:.15rem;padding:.4rem .65rem;border-radius:.4rem;border:1px dashed rgba(253,224,71,.32);background:#0000002e;color:#e5e7eb;font-size:.72rem;font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.bai-giang-kf-quiz-option-add:hover{border-color:#fde04780;background:#00000042;color:#f9fafb}.bai-giang-kf-quiz-option-add .material-symbols-outlined{font-size:1rem;color:#fde68a}.bai-giang-kf-quiz-readonly-list{margin:.35rem 0 0;padding-left:1.15rem;line-height:1.55;color:#e5e7eb}.bai-giang-kf-quiz-readonly-item{display:flex;align-items:flex-start;gap:.45rem;margin-bottom:.4rem}.bai-giang-kf-quiz-readonly-item .bai-giang-kf-quiz-option-badge{flex-shrink:0;margin-top:.05rem}.bai-giang-kf-route-pick{margin:.35rem 0 .5rem}.bai-giang-kf-route-pick-actions{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.bai-giang-kf-route-pick-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .55rem;border-radius:.35rem;border:1px solid rgba(56,189,248,.45);background:#0e749040;color:#a5f3fc;font-size:.68rem;font-weight:600;cursor:pointer}.bai-giang-kf-route-pick-btn:hover:not(:disabled){border-color:#67e8f9;background:#0e749066;color:#ecfeff}.bai-giang-kf-route-pick-btn:disabled{opacity:.35;cursor:not-allowed}.bai-giang-kf-route-pick-btn--active{border-color:#fde68a8c;background:#e4b3632e;color:#fde68a}.bai-giang-kf-route-pick-btn--ghost{border-color:#ffffff24;background:#00000040;color:#d1d5db}.bai-giang-kf-route-pick-btn--ghost:hover:not(:disabled){border-color:#ffffff38;color:#f3f4f6}.bai-giang-kf-route-pick-btn .material-symbols-outlined{font-size:1rem}.bai-giang-kf-route-pick-count{color:#fde68a;font-weight:700}.bai-giang-kf-editor-row{margin-bottom:.45rem}.bai-giang-kf-editor-row--2{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.bai-giang-kf-marker-mp3{margin-top:.35rem;display:flex;flex-direction:column;gap:.35rem}.bai-giang-kf-mp3-sources{display:flex;gap:.35rem;align-items:stretch}.bai-giang-kf-mp3-sources .bai-giang-kf-marker-mp3-drop{flex:1;min-width:0}.bai-giang-kf-pick-library-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.4rem .55rem;min-width:4.5rem;border:1px solid rgba(253,224,71,.25);border-radius:.45rem;background:#00000038;color:#fde68a;font-size:.62rem;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease}.bai-giang-kf-pick-library-btn:hover{background:#00000052;border-color:#fde04773}.bai-giang-kf-pick-library-btn:disabled{opacity:.5;cursor:default}.bai-giang-kf-pick-library-btn--full{flex-direction:row;width:100%;min-height:2.5rem;font-size:.78rem;gap:.4rem}.bai-giang-kf-pick-library-btn .material-symbols-outlined{font-size:1.15rem}.bai-giang-kf-input-with-btn{display:flex;gap:.3rem;align-items:center}.bai-giang-kf-input-with-btn .bai-giang-kf-input{flex:1;min-width:0}.bai-giang-kf-pick-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border:1px solid rgba(253,224,71,.25);border-radius:.35rem;background:#00000038;color:#fde68a;cursor:pointer;transition:background .15s ease,border-color .15s ease}.bai-giang-kf-pick-btn:hover{background:#00000059;border-color:#fde04780}.bai-giang-kf-pick-btn .material-symbols-outlined{font-size:1.05rem}.bai-giang-kf-marker-mp3-drop{position:relative;display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.5rem;padding:.45rem .75rem;border-radius:.45rem;border:1px dashed rgba(253,224,71,.35);background:#0003;cursor:pointer;transition:border-color .15s ease,background .15s ease}.bai-giang-kf-marker-mp3-drop:hover:not(.bai-giang-kf-marker-mp3-drop--busy){border-color:#fde0478c;background:#00000047}.bai-giang-kf-marker-mp3-drop--busy{opacity:.72;pointer-events:none;cursor:default}.bai-giang-kf-marker-mp3-drop__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.bai-giang-kf-marker-mp3-drop__icon{font-size:1.2rem;color:#fde68a;flex-shrink:0}.bai-giang-kf-marker-mp3-drop__text{font-size:.78rem;font-weight:700;color:#e5e7eb}.bai-giang-kf-marker-mp3-after{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.bai-giang-kf-marker-mp3-clear{border:1px solid rgba(255,255,255,.14);border-radius:.35rem;padding:.25rem .55rem;font-size:.68rem;font-weight:700;color:#fca5a5;background:#00000040;cursor:pointer}.bai-giang-kf-marker-mp3-clear:hover{border-color:#fca5a573;color:#fecaca}.bai-giang-kf-audio-upload{margin-top:.35rem;padding:.45rem .5rem;border-radius:.4rem;border:1px solid rgba(255,255,255,.1);background:#00000038;display:flex;flex-direction:column;gap:.35rem}.bai-giang-kf-file-input{font-size:.72rem;color:var(--text-muted);max-width:100%}.bai-giang-kf-upload-status{margin:0;font-size:.68rem;color:#fde68a}.bai-giang-kf-upload-error{margin:0;font-size:.68rem;color:#fca5a5;line-height:1.35}.bai-giang-kf-audio-preview{width:100%;max-width:20rem;height:2.25rem;margin-top:.15rem}.bai-giang-kf-editor-row--3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.35rem}.bai-giang-kf-field{display:flex;flex-direction:column;gap:.2rem}.bai-giang-kf-field-label{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.bai-giang-kf-color-row{display:flex;align-items:center;gap:.45rem}.bai-giang-kf-color-picker{flex-shrink:0;width:2.35rem;height:2.35rem;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:.35rem;background:#0006;cursor:pointer}.bai-giang-kf-color-picker::-webkit-color-swatch-wrapper{padding:3px}.bai-giang-kf-color-picker::-webkit-color-swatch{border:none;border-radius:.2rem}.bai-giang-kf-color-picker::-moz-color-swatch{border:none;border-radius:.2rem}.bai-giang-kf-color-hex{flex:1;min-width:0}.bai-giang-kf-input,.bai-giang-kf-select,.bai-giang-kf-textarea{width:100%;box-sizing:border-box;padding:.4rem .45rem;border-radius:.35rem;border:1px solid rgba(255,255,255,.12);background:#00000059;color:#f3f4f6;font-size:.75rem}.bai-giang-kf-textarea{resize:vertical;font-family:ui-monospace,monospace;font-size:.68rem}.bai-giang-kf-textarea--sm{min-height:3.5rem}.bai-giang-kf-check,.bai-giang-kf-check-row .bai-giang-kf-check{display:flex;align-items:center;gap:.35rem;font-size:.68rem;color:#d1d5db;margin-top:.35rem;cursor:pointer}.bai-giang-kf-check-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.35rem}.bai-giang-kf-placeholder{padding:.75rem;border-radius:.4rem;border:1px dashed rgba(255,255,255,.15);text-align:center;color:var(--text-muted);font-size:.72rem}.bai-giang-kf-placeholder .material-symbols-outlined{font-size:1.5rem;display:block;margin-bottom:.35rem;color:var(--bg-primary)}.bai-giang-kf-json{margin-top:.65rem;font-size:.65rem;color:var(--text-muted)}.bai-giang-kf-json summary{cursor:pointer;color:#9ca3af}.bai-giang-kf-json-pre{margin:.35rem 0 0;padding:.45rem;border-radius:.35rem;background:#0f0f0f;border:1px solid rgba(255,255,255,.08);overflow:auto;max-height:10rem;font-size:.62rem}button.bai-giang-scene-head{width:100%;font:inherit;cursor:pointer;text-align:left}.bai-giang-scene-chevron{color:var(--text-muted);font-size:1.1rem!important}.bai-giang-scene-body--compact{padding-top:.35rem}.bai-giang-scene-hint{margin:0;font-size:.65rem;color:var(--text-muted);line-height:1.4}.bai-giang-tool-btn--muted,.bai-giang-tool-btn:disabled{opacity:.35;cursor:not-allowed}.bai-giang-timeline--keyframes .bai-giang-timeline-head{padding-bottom:.35rem}.ngan-hang-header{height:5rem;background:#fff;border-bottom:1px solid var(--td-border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;flex-shrink:0;box-shadow:0 1px 3px #0000000f}.ngan-hang-header-left{display:flex;align-items:center;gap:1rem}.ngan-hang-back-btn{display:flex;align-items:center;justify-content:center;padding:.25rem;border:none;background:none;color:var(--td-text-muted);cursor:pointer}.ngan-hang-back-btn:hover{color:var(--td-text)}.ngan-hang-back-btn .material-symbols-outlined{font-size:1.5rem}.ngan-hang-title{font-size:1.5rem;font-weight:700;color:var(--td-text);margin:0;font-family:Lexend,"Noto Serif",serif}.ngan-hang-header-actions{display:flex;align-items:center;gap:1.5rem}.ngan-hang-noti{position:relative;display:flex;align-items:center;justify-content:center}.ngan-hang-noti .material-symbols-outlined{font-size:1.5rem;color:var(--td-text-muted);cursor:pointer}.ngan-hang-noti .material-symbols-outlined:hover{color:var(--td-hero-start)}.ngan-hang-noti-badge{position:absolute;top:-.25rem;right:-.25rem;min-width:1rem;height:1rem;padding:0 .25rem;font-size:.5625rem;font-weight:700;color:#fff;background:var(--td-hero-start);border:2px solid #fff;border-radius:9999px;display:flex;align-items:center;justify-content:center}.ngan-hang-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;font-family:inherit;text-decoration:none}.ngan-hang-btn--secondary{background:#fff;color:var(--td-text);border:1px solid var(--td-border)}.ngan-hang-btn--secondary:hover{background:#f9fafb;border-color:var(--td-primary);color:var(--td-hero-start)}.ngan-hang-btn--primary{background:var(--td-hero-start);color:#fff;box-shadow:0 1px 2px #0000000d}.ngan-hang-btn--primary:hover{background:#b91c1c}.ngan-hang-btn .material-symbols-outlined{font-size:1.25rem}.ngan-hang-content{flex:1;overflow:auto;padding:2rem}.ngan-hang-inner{max-width:80rem;margin:0 auto;height:100%;display:flex;flex-direction:column;position:relative}.ngan-hang-filters{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.ngan-hang-filters{flex-direction:row}}.ngan-hang-search-wrap{flex:1;position:relative}.ngan-hang-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1.25rem;color:var(--td-text-muted);pointer-events:none}.ngan-hang-search{width:100%;padding:.625rem 1rem .625rem 2.5rem;font-size:.875rem;border:1px solid var(--td-border);border-radius:.5rem;background:#fff;color:var(--td-text);outline:none}.ngan-hang-search:focus{border-color:var(--td-primary);box-shadow:0 0 0 2px #e4b36333}.ngan-hang-search::placeholder{color:var(--td-text-muted)}.ngan-hang-selects{display:flex;gap:1rem;flex-wrap:wrap}.ngan-hang-select{padding:.625rem 1rem;font-size:.875rem;color:var(--td-text);background:#fff;border:1px solid var(--td-border);border-radius:.5rem;outline:none;min-width:8rem}.ngan-hang-select:focus{border-color:var(--td-primary);box-shadow:0 0 0 2px #e4b36333}.ngan-hang-table-wrap{flex:1;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000f;border:1px solid var(--td-border);overflow:hidden;display:flex;flex-direction:column;min-height:0;margin-bottom:5rem}.ngan-hang-table-scroll{flex:1;overflow-y:auto}.ngan-hang-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.ngan-hang-th{padding:1rem 1.5rem;font-weight:500;color:var(--td-text-muted);background:#f9fafb;border-bottom:1px solid var(--td-border);position:sticky;top:0;z-index:10}.ngan-hang-th--check{width:3rem;text-align:center}.ngan-hang-th--type{width:10rem;text-align:center}.ngan-hang-th--dynasty{width:12rem}.ngan-hang-th--diff{width:8rem;text-align:center}.ngan-hang-th--action{width:6rem;text-align:center}.ngan-hang-row{transition:background .15s}.ngan-hang-row:hover{background:#f9fafb}.ngan-hang-td{padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;color:var(--td-text);vertical-align:middle}.ngan-hang-td--check{text-align:center}.ngan-hang-checkbox{width:1rem;height:1rem;border-radius:.25rem;border:1px solid var(--td-border);accent-color:var(--td-hero-start);cursor:pointer}.ngan-hang-question-text{font-weight:500;color:var(--td-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ngan-hang-td--type{text-align:center;color:var(--td-text-muted)}.ngan-hang-type{display:inline-flex;align-items:center;gap:.25rem}.ngan-hang-type .material-symbols-outlined{font-size:1.125rem}.ngan-hang-type--trắc_nghiệm .material-symbols-outlined{color:#3b82f6}.ngan-hang-type--tự_luận .material-symbols-outlined{color:#a855f7}.ngan-hang-td--dynasty{color:var(--td-text-muted)}.ngan-hang-td--diff{text-align:center}.ngan-hang-diff{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.ngan-hang-diff--dễ{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.ngan-hang-diff--trung_bình{background:#fefce8;color:#a16207;border:1px solid #fef08a}.ngan-hang-diff--khó{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.ngan-hang-td--action{text-align:center}.ngan-hang-action-btn{padding:.25rem;border:none;background:none;color:var(--td-text-muted);cursor:pointer}.ngan-hang-action-btn:hover{color:var(--td-hero-start)}.ngan-hang-action-btn .material-symbols-outlined{font-size:1.25rem}.ngan-hang-pagination{padding:1rem 1.5rem;border-top:1px solid var(--td-border);background:#f9fafb;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.ngan-hang-pagination-info{font-size:.875rem;color:var(--td-text-muted)}.ngan-hang-pagination-btns{display:flex;gap:.5rem}.ngan-hang-pagination-btn{padding:.25rem .75rem;font-size:.875rem;border:1px solid var(--td-border);border-radius:.25rem;background:#fff;color:var(--td-text-muted);cursor:pointer}.ngan-hang-pagination-btn:hover:not(:disabled){background:#f3f4f6}.ngan-hang-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.ngan-hang-pagination-btn--current{background:var(--td-hero-start);color:#fff;border-color:var(--td-hero-start)}.ngan-hang-float-actions{position:absolute;bottom:2rem;left:0;right:0;display:flex;justify-content:flex-end;pointer-events:none}.ngan-hang-float-btn{pointer-events:auto;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--td-primary);color:var(--td-text);border:1px solid var(--td-primary-dark);border-radius:.5rem;font-size:.875rem;font-weight:700;cursor:pointer;box-shadow:0 10px 15px -3px #0000001a}.ngan-hang-float-btn:hover{background:var(--td-primary-dark)}.ngan-hang-float-btn .material-symbols-outlined{font-size:1.25rem}.ngan-hang-import-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:50;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ngan-hang-import-modal{background:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:32rem;overflow:hidden;display:flex;flex-direction:column}.ngan-hang-import-head{padding:1rem 1.5rem;border-bottom:1px solid var(--td-border);background:#f9fafb;display:flex;align-items:center;justify-content:space-between}.ngan-hang-import-title{font-size:1.25rem;font-weight:700;color:var(--td-text);margin:0;font-family:Lexend,"Noto Serif",serif}.ngan-hang-import-close{padding:.25rem;border:none;background:none;color:var(--td-text-muted);cursor:pointer}.ngan-hang-import-close:hover{color:var(--td-text)}.ngan-hang-import-close .material-symbols-outlined{font-size:1.5rem}.ngan-hang-import-body{padding:1.5rem}.ngan-hang-import-desc{font-size:.875rem;color:var(--td-text-muted);margin:0 0 1rem;line-height:1.5}.ngan-hang-import-dropzone{border:2px dashed rgba(228,179,99,.4);border-radius:.75rem;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e4b3630d;cursor:pointer;transition:background .2s;position:relative}.ngan-hang-import-dropzone:hover,.ngan-hang-import-dropzone.ngan-hang-import-dropzone--drag{background:#e4b3631a}.ngan-hang-import-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.ngan-hang-import-icon{font-size:2.5rem;color:var(--td-hero-start);margin-bottom:.75rem}.ngan-hang-import-drop-text{font-weight:500;color:var(--td-text);margin:0 0 .25rem}.ngan-hang-import-drop-hint{font-size:.75rem;color:var(--td-text-muted);margin:0}.ngan-hang-import-footer-link{margin-top:1rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.ngan-hang-import-download{display:inline-flex;align-items:center;gap:.25rem;color:var(--td-hero-start);font-weight:500;text-decoration:none}.ngan-hang-import-download:hover{color:#b91c1c}.ngan-hang-import-download .material-symbols-outlined{font-size:1.125rem}.ngan-hang-import-actions{padding:1rem 1.5rem;border-top:1px solid var(--td-border);background:#f9fafb;display:flex;justify-content:flex-end;gap:.75rem}.ngan-hang-result-modal{background:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:32rem;overflow:hidden;display:flex;flex-direction:column}.ngan-hang-result-body{padding:1.5rem}.ngan-hang-result-summary{display:flex;flex-direction:column;gap:.75rem}.ngan-hang-result-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--td-text)}.ngan-hang-result-row .material-symbols-outlined{font-size:1.25rem;flex-shrink:0}.ngan-hang-result-row--success .material-symbols-outlined{color:#16a34a}.ngan-hang-result-row--error .material-symbols-outlined{color:var(--td-hero-start)}.ngan-hang-result-row strong{font-weight:700}.ngan-hang-result-errors{margin-top:1rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem}.ngan-hang-result-errors-title{font-size:.8125rem;font-weight:600;color:var(--td-text);margin:0 0 .5rem}.ngan-hang-result-errors-list{margin:0;padding-left:1.25rem;font-size:.8125rem;color:#b91c1c;line-height:1.6}.ngan-hang-result-errors-list li{margin-bottom:.25rem}.ngan-hang-result-errors-list li:last-child{margin-bottom:0}.them-cau-hoi-header{height:5rem;background:#fff;border-bottom:1px solid var(--td-border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;flex-shrink:0;box-shadow:0 1px 3px #0000000f}.them-cau-hoi-header-left{display:flex;align-items:center;gap:1rem}.them-cau-hoi-back{display:flex;align-items:center;justify-content:center;padding:.25rem;border:none;background:none;color:var(--td-text-muted);cursor:pointer}.them-cau-hoi-back:hover{color:var(--td-text)}.them-cau-hoi-back .material-symbols-outlined{font-size:1.5rem}.them-cau-hoi-breadcrumb-wrap{display:flex;flex-direction:column}.them-cau-hoi-breadcrumb{font-size:.75rem;color:var(--td-text-muted);font-weight:500;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.25rem}.them-cau-hoi-title{font-size:1.5rem;font-weight:700;color:var(--td-text);margin:0;line-height:1.2;font-family:Lexend,"Noto Serif",serif}.them-cau-hoi-header-actions{display:flex;align-items:center}.them-cau-hoi-header-actions .ngan-hang-noti .material-symbols-outlined{font-size:1.5rem;color:var(--td-text-muted)}.them-cau-hoi-header-actions .ngan-hang-noti:hover .material-symbols-outlined{color:var(--td-hero-start)}.them-cau-hoi-content{flex:1;overflow:auto;padding:2rem}.them-cau-hoi-card{max-width:56rem;margin:0 auto;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000f;border:1px solid var(--td-border);overflow:hidden}.them-cau-hoi-form{display:flex;flex-direction:column}.them-cau-hoi-form-body{padding:2rem}.them-cau-hoi-row{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.them-cau-hoi-row{grid-template-columns:1fr 1fr 1fr}}.them-cau-hoi-field{display:flex;flex-direction:column;gap:.75rem}.them-cau-hoi-label{display:block;font-size:.875rem;font-weight:500;color:var(--td-text)}.them-cau-hoi-required{color:var(--td-hero-start)}.them-cau-hoi-radio-group{display:flex;align-items:center;gap:1rem}.them-cau-hoi-radio-wrap{display:flex;align-items:center;gap:.5rem;cursor:pointer}.them-cau-hoi-radio{width:1.25rem;height:1.25rem;accent-color:var(--td-hero-start);cursor:pointer}.them-cau-hoi-radio-label{font-weight:500;color:var(--td-text)}.them-cau-hoi-select{width:100%;padding:.625rem 1rem;font-size:.875rem;color:var(--td-text);background:#fff;border:1px solid var(--td-border);border-radius:.5rem;outline:none}.them-cau-hoi-select:focus{border-color:var(--td-primary);box-shadow:0 0 0 2px #e4b36333}.them-cau-hoi-hr{border:none;border-top:1px solid var(--td-border);margin:0}.them-cau-hoi-label-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.them-cau-hoi-toolbar{display:flex;gap:.25rem}.them-cau-hoi-tool-btn{padding:.375rem;border:none;background:none;color:var(--td-text-muted);cursor:pointer;border-radius:.25rem}.them-cau-hoi-tool-btn:hover{color:var(--td-hero-start);background:#fef2f2}.them-cau-hoi-tool-btn .material-symbols-outlined{font-size:.875rem}.them-cau-hoi-textarea{width:100%;padding:.75rem 1rem;font-size:.875rem;color:var(--td-text);background:#fff;border:1px solid var(--td-border);border-radius:.5rem;min-height:10rem;resize:vertical;outline:none;font-family:inherit}.them-cau-hoi-textarea:focus{border-color:var(--td-primary);box-shadow:0 0 0 2px #e4b36333}.them-cau-hoi-textarea::placeholder{color:var(--td-text-muted)}.them-cau-hoi-mcq{margin-top:2rem;padding:1.5rem;background:#f9fafb;border:1px solid var(--td-border);border-radius:.5rem;display:flex;flex-direction:column;gap:1.25rem}.them-cau-hoi-mcq-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.them-cau-hoi-mcq-title{font-size:.875rem;font-weight:500;color:var(--td-text);margin:0}.them-cau-hoi-mcq-hint{font-size:.75rem;color:var(--td-text-muted)}.them-cau-hoi-option-row{display:flex;align-items:flex-start;gap:1rem}.them-cau-hoi-option-radio{padding-top:.625rem}.them-cau-hoi-option-radio-input{width:1.25rem;height:1.25rem;accent-color:var(--td-hero-start);cursor:pointer}.them-cau-hoi-option-input-wrap{flex:1;display:flex;align-items:center;gap:.75rem}.them-cau-hoi-option-letter{font-weight:700;color:var(--td-text-muted);width:1.5rem;flex-shrink:0}.them-cau-hoi-input{flex:1;padding:.625rem 1rem;font-size:.875rem;color:var(--td-text);background:#fff;border:1px solid var(--td-border);border-radius:.5rem;outline:none}.them-cau-hoi-input:focus{border-color:var(--td-primary);box-shadow:0 0 0 2px #e4b36333}.them-cau-hoi-input::placeholder{color:var(--td-text-muted)}.them-cau-hoi-option-delete{padding:.25rem;border:none;background:none;color:var(--td-text-muted);cursor:pointer;flex-shrink:0}.them-cau-hoi-option-delete:hover:not(:disabled){color:var(--td-hero-start)}.them-cau-hoi-option-delete:disabled{opacity:.4;cursor:not-allowed}.them-cau-hoi-option-delete .material-symbols-outlined{font-size:1.25rem}.them-cau-hoi-add-option{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;padding:0;border:none;background:none;font-size:.875rem;font-weight:500;color:var(--td-hero-start);cursor:pointer}.them-cau-hoi-add-option:hover:not(:disabled){color:#b91c1c}.them-cau-hoi-add-option:disabled{opacity:.5;cursor:not-allowed}.them-cau-hoi-add-option .material-symbols-outlined{font-size:1.125rem}.them-cau-hoi-essay{margin-top:2rem;padding:1.5rem;background:#f9fafb;border:1px solid var(--td-border);border-radius:.5rem;display:flex;flex-direction:column;gap:.75rem}.them-cau-hoi-form-footer{padding:1.5rem 2rem;border-top:1px solid var(--td-border);background:#f9fafb;display:flex;align-items:center;justify-content:flex-end;gap:1rem}.them-cau-hoi-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;font-family:inherit}.them-cau-hoi-btn--secondary{background:#fff;color:var(--td-text);border:1px solid var(--td-border)}.them-cau-hoi-btn--secondary:hover{background:#f3f4f6}.them-cau-hoi-btn--primary{background:var(--td-hero-start);color:#fff;border:none;box-shadow:0 1px 2px #0000000d}.them-cau-hoi-btn--primary:hover{background:#b91c1c}.them-cau-hoi-btn--primary .material-symbols-outlined{font-size:1.25rem}.bao-cao-header{height:5rem;background:#fff;border-bottom:1px solid var(--td-border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;flex-shrink:0;box-shadow:0 1px 3px #0000000f}.bao-cao-title{font-size:1.5rem;font-weight:700;color:var(--td-text);margin:0;font-family:Lexend,"Noto Serif",serif}.bao-cao-header-actions{display:flex;align-items:center;gap:1.5rem}.bao-cao-header-actions .ngan-hang-noti .material-symbols-outlined{font-size:1.5rem;color:var(--td-text-muted)}.bao-cao-export-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:var(--td-hero-start);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;box-shadow:0 1px 3px #0000001a}.bao-cao-export-btn:hover{background:var(--td-hero-end)}.bao-cao-export-btn .material-symbols-outlined{font-size:.875rem}.bao-cao-content{flex:1;overflow:auto;padding:2rem}.bao-cao-inner{max-width:80rem;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.bao-cao-filters{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000f;border:1px solid var(--td-border);padding:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.bao-cao-filters-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--td-text)}.bao-cao-filters-label .material-symbols-outlined{color:var(--td-text-muted)}.bao-cao-select{padding:.5rem .75rem;font-size:.875rem;color:var(--td-text);background:#f9fafb;border:1px solid var(--td-border);border-radius:.375rem;outline:none}.bao-cao-select:focus{border-color:var(--td-primary);ring:2px var(--td-primary)}.bao-cao-clear-filters{margin-left:auto;font-size:.875rem;font-weight:500;color:var(--td-hero-start);background:none;border:none;cursor:pointer}.bao-cao-clear-filters:hover{text-decoration:underline}.bao-cao-stats{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.bao-cao-stats{grid-template-columns:repeat(3,1fr)}}.bao-cao-stat{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000000f;border:1px solid #f3f4f6;display:flex;align-items:center;gap:1rem}.bao-cao-stat--blue{border-left:4px solid #3b82f6}.bao-cao-stat--green{border-left:4px solid #22c55e}.bao-cao-stat--gold{border-left:4px solid var(--td-primary)}.bao-cao-stat-icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.bao-cao-stat--blue .bao-cao-stat-icon{background:#eff6ff;color:#3b82f6}.bao-cao-stat--green .bao-cao-stat-icon{background:#f0fdf4;color:#22c55e}.bao-cao-stat--gold .bao-cao-stat-icon{background:#e4b3631a;color:var(--td-primary)}.bao-cao-stat-icon .material-symbols-outlined{font-size:1.5rem}.bao-cao-stat-body{flex:1;min-width:0}.bao-cao-stat-label{font-size:.875rem;color:var(--td-text-muted);font-weight:500;margin:0 0 .25rem}.bao-cao-stat-value-row{display:flex;align-items:flex-end;gap:.5rem}.bao-cao-stat-value{font-size:1.5rem;font-weight:700;color:var(--td-text)}.bao-cao-stat-delta{font-size:.875rem;font-weight:500;display:flex;align-items:center}.bao-cao-stat-delta--up{color:#22c55e}.bao-cao-stat-delta .material-symbols-outlined{font-size:1rem}.bao-cao-stat-name{font-size:1.125rem;font-weight:700;color:var(--td-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bao-cao-stat-hint{font-size:.75rem;color:var(--td-text-muted);margin:.25rem 0 0}.bao-cao-charts{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1024px){.bao-cao-charts{grid-template-columns:1fr 1fr}}.bao-cao-chart-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000f;border:1px solid var(--td-border);padding:1.5rem}.bao-cao-chart-title{font-size:1.125rem;font-weight:700;color:var(--td-text);margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem;font-family:Lexend,"Noto Serif",serif}.bao-cao-chart-card .bao-cao-chart-title .material-symbols-outlined{color:var(--td-primary)}.bao-cao-chart-card:nth-child(2) .bao-cao-chart-title .material-symbols-outlined{color:var(--td-hero-start)}.bao-cao-line-chart{height:16rem;display:flex;flex-direction:column;position:relative}.bao-cao-line-chart-y{position:absolute;left:0;top:0;bottom:2rem;display:flex;flex-direction:column;justify-content:space-between;font-size:.75rem;color:var(--td-text-muted);padding-right:.5rem}.bao-cao-line-chart-area{flex:1;position:relative;padding-left:2rem;padding-bottom:1.5rem}.bao-cao-line-chart-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bao-cao-line-chart-x{display:flex;justify-content:space-between;padding-left:2rem;font-size:.75rem;font-weight:500;color:var(--td-text-muted)}.bao-cao-bar-chart{height:16rem;display:flex;align-items:flex-end;justify-content:space-around;padding:1rem 0 2rem;position:relative}.bao-cao-bar-wrap{display:flex;flex-direction:column;align-items:center;gap:.25rem;position:relative;z-index:1}.bao-cao-bar-value{position:absolute;top:-1.5rem;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:700;color:var(--td-text)}.bao-cao-bar{width:3rem;border-radius:.25rem .25rem 0 0;min-height:2rem}.bao-cao-bar--gold{background:var(--td-primary)}.bao-cao-bar--red{background:var(--td-hero-start)}.bao-cao-bar-label{position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:500;color:var(--td-text-muted);white-space:nowrap}.bao-cao-bar-legend{display:flex;justify-content:center;gap:1rem;margin-top:.5rem;font-size:.75rem;color:var(--td-text-muted)}.bao-cao-legend-item{display:flex;align-items:center;gap:.25rem}.bao-cao-legend-dot{width:.75rem;height:.75rem;border-radius:.125rem}.bao-cao-legend-dot--gold{background:var(--td-primary)}.bao-cao-legend-dot--red{background:var(--td-hero-start)}.bao-cao-table-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000f;border:1px solid var(--td-border);overflow:hidden}.bao-cao-table-head{padding:1rem 1.5rem;border-bottom:1px solid var(--td-border);background:#f9fafb}.bao-cao-table-title{font-size:1.125rem;font-weight:700;color:var(--td-text);margin:0;display:flex;align-items:center;gap:.5rem;font-family:Lexend,"Noto Serif",serif}.bao-cao-table-title .material-symbols-outlined{color:var(--td-primary)}.bao-cao-table-scroll{overflow-x:auto}.bao-cao-table{width:100%;text-align:left;font-size:.875rem;color:var(--td-text-muted);border-collapse:collapse}.bao-cao-table thead{font-size:.75rem;color:var(--td-text);text-transform:uppercase;background:#f9fafb;border-bottom:1px solid var(--td-border)}.bao-cao-table th{padding:.75rem 1.5rem;font-weight:500}.bao-cao-table-th-right{text-align:right}.bao-cao-table tbody tr{background:#fff;border-bottom:1px solid var(--td-border)}.bao-cao-table tbody tr:hover{background:#f9fafb}.bao-cao-table td{padding:1rem 1.5rem;vertical-align:middle}.bao-cao-table-rank{text-align:center}.bao-cao-rank-badge{width:2rem;height:2rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;border:1px solid var(--td-border);background:#f3f4f6;color:var(--td-text-muted);margin:0 auto}.bao-cao-rank-badge--1{background:#fef9c3;color:#ca8a04;border-color:#fde047}.bao-cao-rank-badge--2{background:#f3f4f6;color:var(--td-text-muted);border-color:#d1d5db}.bao-cao-rank-badge--3{background:#ffedd5;color:#ea580c;border-color:#fed7aa}.bao-cao-table-student{font-weight:500;color:var(--td-text);white-space:nowrap;display:flex;align-items:center;gap:.75rem}.bao-cao-student-avatar{width:2rem;height:2rem;border-radius:50%;background:#e5e7eb;color:var(--td-text-muted);font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bao-cao-table-score{font-weight:700;color:var(--td-text)}.bao-cao-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:9999px;border:1px solid}.bao-cao-badge .material-symbols-outlined{font-size:.875rem}.bao-cao-badge--yellow{background:#fef9c3;color:#854d0e;border-color:#fde047}.bao-cao-badge--blue{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.bao-cao-badge--green{background:#dcfce7;color:#166534;border-color:#86efac}.bao-cao-badge-empty{font-size:.75rem;color:var(--td-text-muted);font-style:italic}.bao-cao-table-link{text-align:right}.bao-cao-profile-link{font-weight:500;color:var(--td-primary);text-decoration:none}.bao-cao-profile-link:hover{text-decoration:underline}.bao-cao-table-footer{padding:1rem 1.5rem;border-top:1px solid var(--td-border);background:#f9fafb;text-align:center}.bao-cao-view-all{font-size:.875rem;font-weight:500;color:var(--td-text-muted);background:none;border:none;cursor:pointer}.bao-cao-view-all:hover{color:var(--td-primary)}.admin-dash{display:flex;flex-direction:column;gap:1.25rem}.admin-dash-hero{position:relative;overflow:hidden;border-radius:1rem;padding:1.35rem 1.5rem;background:linear-gradient(125deg,#1a0a0f,#3e0f18 38%,#7f1230 72%,#d41132);color:#fff;box-shadow:0 18px 48px #d4113238}.admin-dash-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 100% 0%,rgba(255,255,255,.12),transparent 55%);pointer-events:none}.admin-dash-hero-inner{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.admin-dash-hero-kicker{margin:0 0 .35rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#ffffffb8}.admin-dash-hero-title{margin:0;font-size:1.45rem;font-weight:800;letter-spacing:-.03em;line-height:1.2}.admin-dash-hero-desc{margin:.45rem 0 0;max-width:36rem;font-size:.88rem;line-height:1.5;color:#ffffffe0}.admin-dash-hero-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.admin-dash-hero-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .85rem;border-radius:.55rem;border:1px solid rgba(255,255,255,.35);background:#0003;color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease}.admin-dash-hero-btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff8c}.admin-dash-hero-btn:disabled{opacity:.55;cursor:not-allowed}.admin-dash-hero-btn .material-symbols-outlined{font-size:1.1rem!important}.admin-dash-banner{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.65rem;padding:.75rem 1rem;border-radius:.75rem;border:1px solid #fecaca;background:#fff1f2;color:#7f1d1d;font-size:.86rem;line-height:1.45}.admin-dash-banner--warn{border-color:#eab30873;background:#fffbeb;color:#713f12}.admin-dash-banner-icon{flex-shrink:0;margin-top:.05rem}.admin-dash-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}@media (max-width: 1200px){.admin-dash-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.admin-dash-kpi-grid{grid-template-columns:1fr}}.admin-dash-kpi{position:relative;overflow:hidden;border-radius:.9rem;border:1px solid #e5e7eb;background:#fff;padding:1rem 1rem .95rem;box-shadow:0 8px 28px #0f172a0f;transition:border-color .15s ease,box-shadow .15s ease}.admin-dash-kpi:hover{border-color:#d4113233;box-shadow:0 12px 36px #d4113214}.admin-dash-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--admin-dash-kpi-accent, #d41132);border-radius:3px 0 0 3px}.admin-dash-kpi-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.admin-dash-kpi-label{margin:0;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b;line-height:1.35}.admin-dash-kpi-icon{width:2.1rem;height:2.1rem;display:flex;align-items:center;justify-content:center;border-radius:.55rem;background:#d4113214;color:#d41132}.admin-dash-kpi-icon .material-symbols-outlined{font-size:1.2rem!important}.admin-dash-kpi-value{margin:0;font-size:1.65rem;font-weight:800;letter-spacing:-.03em;color:#0f172a;font-variant-numeric:tabular-nums}.admin-dash-kpi-value--muted{color:#94a3b8;font-size:1.1rem;font-weight:700}.admin-dash-charts-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1rem;align-items:stretch}@media (max-width: 1024px){.admin-dash-charts-row{grid-template-columns:1fr}}.admin-dash-chart-card{border-radius:1rem;border:1px solid #e5e7eb;background:#fff;padding:1rem 1.1rem .85rem;box-shadow:0 10px 32px #0f172a0f;min-height:0}.admin-dash-chart-card-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.admin-dash-chart-title{margin:0;font-size:.98rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.admin-dash-chart-sub{margin:0;font-size:.75rem;color:#64748b;line-height:1.4}.admin-dash-chart-body{width:100%;height:300px}.admin-dash-chart-body--compact{height:280px}.admin-dash-shortcuts{border-radius:1rem;border:1px solid #e5e7eb;background:#fff;padding:1rem 1.1rem;box-shadow:0 10px 32px #0f172a0f}.admin-dash-shortcuts-title{margin:0 0 .75rem;font-size:.92rem;font-weight:800;color:#0f172a}.admin-dash-shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.5rem}.admin-dash-shortcut{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .65rem;border-radius:.55rem;border:1px solid #e5e7eb;background:#f8fafc;color:#334155;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .12s ease,border-color .12s ease}.admin-dash-shortcut:hover{background:#fff;border-color:#d4113247;color:#d41132}.admin-dash-shortcut .material-symbols-outlined{font-size:1.05rem!important;color:#d41132}.admin-dash-footnote{margin:0;font-size:.72rem;color:#94a3b8;line-height:1.45}.admin-dash .recharts-default-tooltip{border-radius:.5rem!important;border:1px solid #e5e7eb!important;box-shadow:0 8px 24px #0f172a1a!important}.section-item-rich-text{border-radius:.65rem;overflow:hidden;border:1px solid #d1d5db;background:#fff}.section-item-rich-text .ql-toolbar.ql-snow{border:none;border-bottom:1px solid #e5e7eb;background:#f9fafb;padding:.45rem .5rem;flex-wrap:wrap}.section-item-rich-text .ql-container.ql-snow{border:none;font-size:.95rem;min-height:220px}.section-item-rich-text .ql-editor{min-height:220px;max-height:min(50vh,420px);overflow-y:auto;color:#111827}.section-item-rich-text .ql-editor.ql-blank:before{color:#9ca3af;font-style:normal}.section-item-rich-text--readonly .ql-toolbar{display:none}.section-item-rich-text--readonly .ql-container.ql-snow{border-top:1px solid #e5e7eb;border-radius:.65rem .65rem 0 0}.admin-question-bank-toolbar{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1rem}.admin-question-bank-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem}.admin-question-bank-filter-field{display:flex;flex-direction:column;gap:.3rem;min-width:0}.admin-question-bank-filter-field--search{flex:1 1 14rem;max-width:22rem}.admin-question-bank-filter-field--type{flex:0 1 11rem}.admin-question-bank-filter-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.admin-question-bank-api-hint{margin:0;font-size:.8rem;line-height:1.5;color:#64748b}.admin-question-bank-author-cell{display:flex;flex-direction:column;gap:.15rem;align-items:flex-start;max-width:14rem}.admin-question-bank-author-name{font-weight:600;color:#1e293b;font-size:.88rem;line-height:1.35;word-break:break-word}.admin-question-bank-author-email{font-size:.75rem;color:#64748b;word-break:break-all}.admin-question-bank-detail-author-card{padding:.65rem .85rem;border-radius:.65rem;background:#f8fafc;border:1px solid #e2e8f0}.admin-question-bank-detail-author-card .admin-question-bank-detail-text{margin:0}.admin-question-bank-detail-author-email{margin:.25rem 0 0;font-size:.82rem;color:#64748b}.admin-final-test-attach-q-modal.admin-qbank-picker-modal{max-height:min(92vh,44rem)}.admin-final-test-attach-col-check{width:3rem;text-align:center}.admin-final-test-attach-checkbox{width:1.1rem;height:1.1rem;accent-color:#d41132;cursor:pointer}.admin-final-test-attach-checkbox:disabled{cursor:not-allowed;opacity:.45}.admin-final-test-attach-row--excluded{opacity:.55}.admin-final-test-attach-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;padding-top:.85rem;margin-top:.25rem;border-top:1px solid #f1f5f9}.admin-final-test-attach-footer .admin-primary-btn{box-shadow:0 4px 14px #d4113238}.public-policy-page{--primary: #d41132;--text: #1c1917;--text-muted: #57534e;--border: #e7cfd3;--bg: #fffdfa;min-height:100vh;background:var(--bg);color:var(--text);font-family:Lexend,Be Vietnam Pro,system-ui,sans-serif}.public-policy-page-header{position:sticky;top:0;z-index:10;background:#fffdfaeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.public-policy-page-header-inner{max-width:48rem;margin:0 auto;padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.public-policy-page-logo{font-weight:800;font-size:1.15rem;letter-spacing:.04em;color:var(--primary);text-decoration:none}.public-policy-page-logo:hover{text-decoration:underline}.public-policy-page-back{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;font-weight:600;color:var(--primary);text-decoration:none}.public-policy-page-back:hover{text-decoration:underline}.public-policy-page-back .material-symbols-outlined{font-size:1.15rem}.public-policy-page-main{max-width:48rem;margin:0 auto;padding:1.75rem 1.25rem 3rem}.public-policy-page-status{margin:0;color:var(--text-muted);font-size:.95rem}.public-policy-page-error{margin:0;padding:.75rem 1rem;border-radius:.5rem;background:#d4113214;border:1px solid rgba(212,17,50,.2);color:#9b0c25;font-size:.9rem}.public-policy-page-title{margin:0 0 1.25rem;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:800;letter-spacing:-.02em;line-height:1.25;color:var(--text)}.public-policy-page-body{font-size:1rem;line-height:1.65;color:var(--text)}.public-policy-page-body h1,.public-policy-page-body h2,.public-policy-page-body h3{margin:1.25em 0 .5em;font-weight:800;line-height:1.3}.public-policy-page-body h1:first-child,.public-policy-page-body h2:first-child,.public-policy-page-body h3:first-child{margin-top:0}.public-policy-page-body p{margin:0 0 .85em}.public-policy-page-body ul,.public-policy-page-body ol{margin:0 0 .85em;padding-left:1.35rem}.public-policy-page-body a{color:var(--primary);font-weight:600}.public-policy-page-body blockquote{margin:1rem 0;padding:.65rem 1rem;border-left:4px solid var(--primary);background:#d411320d;border-radius:0 .35rem .35rem 0}