.home[data-v-d20b8a5d]{min-height:100vh;background:radial-gradient(circle at top left,rgba(220,38,38,.12),transparent 24%),linear-gradient(135deg,#091225,#1e3a8a);color:#fff}.navbar[data-v-d20b8a5d]{width:100%;height:64px;padding:0 20px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #e5e7eb}.nav-left[data-v-d20b8a5d],.nav-right[data-v-d20b8a5d]{display:flex;align-items:center;gap:10px}.nav-logo[data-v-d20b8a5d]{width:68px;height:auto;display:block}.nav-link[data-v-d20b8a5d]{text-decoration:none;font-weight:600;font-size:14px;color:#0f172a}.nav-link.dark[data-v-d20b8a5d]{color:#0f172a}.nav-link[data-v-d20b8a5d]:hover{opacity:1}.nav-btn[data-v-d20b8a5d]{text-decoration:none;background:#fff;color:#0f172a;padding:8px 12px;border-radius:10px;font-weight:700;font-size:14px;transition:.2s ease}.nav-btn[data-v-d20b8a5d]:hover{opacity:.92}.hero[data-v-d20b8a5d]{max-width:1180px;margin:0 auto;padding:34px 24px 50px;display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}.eyebrow[data-v-d20b8a5d],.section-kicker[data-v-d20b8a5d]{margin:0 0 12px;text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:700;color:#dbe3ff}.section-kicker.dark[data-v-d20b8a5d]{color:#1e3a8a}.hero-text h1[data-v-d20b8a5d]{font-size:58px;line-height:1.02;margin:0 0 18px}.hero-description[data-v-d20b8a5d]{font-size:20px;line-height:1.7;color:#ffffffe0;margin:0 0 26px;max-width:680px}.hero-actions[data-v-d20b8a5d]{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px}.primary-btn[data-v-d20b8a5d]{display:inline-block;text-decoration:none;border-radius:12px;padding:15px 24px;font-weight:700;font-size:16px;transition:.2s ease;background:linear-gradient(90deg,#dc2626,#1e3a8a);color:#fff}.primary-btn[data-v-d20b8a5d]:hover{opacity:.92}.hero-points[data-v-d20b8a5d]{display:flex;flex-wrap:wrap;gap:12px}.hero-points span[data-v-d20b8a5d]{background:#ffffff1a;padding:10px 14px;border-radius:999px;font-size:14px;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.12)}.pricing-highlight[data-v-d20b8a5d]{margin:24px 0}.price-tag[data-v-d20b8a5d]{display:inline-flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937;padding:16px 24px;border-radius:16px;box-shadow:0 8px 25px #fbbf244d;margin-bottom:16px}.original-price[data-v-d20b8a5d]{text-decoration:line-through;font-size:18px;color:#6b7280;margin-bottom:4px}.current-price[data-v-d20b8a5d]{font-size:32px;font-weight:900;color:#1f2937;margin-bottom:4px}.price-note[data-v-d20b8a5d]{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.cta-note[data-v-d20b8a5d]{display:block;font-size:12px;color:#fffc;margin-top:8px;text-align:center}.hero-visual[data-v-d20b8a5d]{display:flex;justify-content:center}.hero-image[data-v-d20b8a5d]{width:100%;max-width:520px;height:580px;object-fit:cover;border-radius:28px;box-shadow:0 20px 45px #00000040;border:1px solid rgba(255,255,255,.12)}.stats-section[data-v-d20b8a5d]{max-width:1180px;margin:0 auto;padding:0 24px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-card[data-v-d20b8a5d]{background:#ffffff14;border-radius:18px;padding:20px;border:1px solid rgba(255,255,255,.08);text-align:center}.stat-icon[data-v-d20b8a5d]{font-size:32px;margin-bottom:12px}.stat-card strong[data-v-d20b8a5d]{display:block;margin-bottom:6px;font-size:18px}.stat-card span[data-v-d20b8a5d]{color:#ffffffd1;font-size:14px}.section[data-v-d20b8a5d]{max-width:1180px;margin:0 auto;padding:30px 24px 34px}.section-header[data-v-d20b8a5d]{max-width:820px;margin-bottom:24px}.section-header.center[data-v-d20b8a5d]{text-align:center;margin-left:auto;margin-right:auto}.section-header h2[data-v-d20b8a5d]{margin:0 0 12px;font-size:40px;line-height:1.08}.section-header p[data-v-d20b8a5d]{margin:0;color:#ffffffe0;font-size:17px;line-height:1.7}.cards-grid[data-v-d20b8a5d]{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.info-card[data-v-d20b8a5d],.cta-card[data-v-d20b8a5d]{background:#fff;color:#0f172a;border-radius:22px;padding:28px 24px;box-shadow:0 14px 35px #00000029}.info-card h3[data-v-d20b8a5d],.cta-card h2[data-v-d20b8a5d]{margin:0 0 12px}.card-icon[data-v-d20b8a5d]{font-size:28px;margin-bottom:16px}.info-card p[data-v-d20b8a5d],.cta-card p[data-v-d20b8a5d],.split-text p[data-v-d20b8a5d]{margin:0;color:#555;line-height:1.7;font-size:16px}.split-section[data-v-d20b8a5d]{display:grid;grid-template-columns:.95fr 1.05fr;gap:26px;align-items:center}.split-image[data-v-d20b8a5d]{width:100%;height:430px;object-fit:cover;border-radius:28px;box-shadow:0 18px 40px #0003}.split-text[data-v-d20b8a5d]{background:#fff;color:#0f172a;border-radius:24px;padding:34px 28px;box-shadow:0 14px 35px #00000029}.split-text h2[data-v-d20b8a5d]{margin:0 0 12px;font-size:38px;line-height:1.08;color:#0f172a}.split-text p+p[data-v-d20b8a5d]{margin-top:14px}.guarantee-badge[data-v-d20b8a5d]{margin-top:20px;display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:12px 20px;border-radius:25px;font-weight:700;font-size:14px;box-shadow:0 4px 15px #10b9814d}.final-cta[data-v-d20b8a5d]{padding-bottom:60px}.cta-card[data-v-d20b8a5d]{max-width:900px;margin:0 auto;text-align:center;padding:42px 28px}.cta-card p[data-v-d20b8a5d]{margin-bottom:18px}.urgency-note[data-v-d20b8a5d]{background:#fef3c7;color:#92400e;padding:12px 16px;border-radius:12px;font-weight:700;font-size:14px;margin:20px 0;border:1px solid #f59e0b}.small-print[data-v-d20b8a5d]{font-size:12px;color:#6b7280;margin-top:16px;font-style:italic}@media(max-width:1024px){.hero[data-v-d20b8a5d],.split-section[data-v-d20b8a5d]{grid-template-columns:1fr}.hero-text h1[data-v-d20b8a5d]{font-size:46px}.stats-section[data-v-d20b8a5d],.cards-grid[data-v-d20b8a5d]{grid-template-columns:1fr}.hero-image[data-v-d20b8a5d]{height:460px}}@media(max-width:640px){.navbar[data-v-d20b8a5d]{padding:16px 18px}.nav-logo[data-v-d20b8a5d]{width:90px}.nav-right[data-v-d20b8a5d]{gap:10px}.nav-link[data-v-d20b8a5d]{display:none}.nav-btn[data-v-d20b8a5d]{padding:10px 14px;font-size:14px}.hero[data-v-d20b8a5d]{padding:20px 16px 34px}.hero-text h1[data-v-d20b8a5d]{font-size:34px}.hero-description[data-v-d20b8a5d]{font-size:17px}.hero-image[data-v-d20b8a5d]{height:360px;border-radius:22px}.section[data-v-d20b8a5d],.stats-section[data-v-d20b8a5d]{padding-left:16px;padding-right:16px}.section-header h2[data-v-d20b8a5d],.split-text h2[data-v-d20b8a5d]{font-size:30px}.primary-btn[data-v-d20b8a5d]{width:100%;text-align:center;box-sizing:border-box}.split-text[data-v-d20b8a5d],.cta-card[data-v-d20b8a5d],.info-card[data-v-d20b8a5d]{padding:24px 20px}}:root{--brand-red: #c8102e;--brand-blue: #163d7a;--brand-black: #111111;--brand-white: #ffffff;--brand-ink: #1f2937;--brand-soft: #f7f7f8;--brand-border: #e5e7eb;--brand-red-soft: rgba(200, 16, 46, .08);--brand-blue-soft: rgba(22, 61, 122, .08)}html,body,#app{margin:0;padding:0;min-height:100%;background:var(--brand-white);color:var(--brand-ink);font-family:Arial,sans-serif}.page{min-height:100vh;background:radial-gradient(circle at top left,var(--brand-red-soft),transparent 28%),radial-gradient(circle at bottom right,var(--brand-blue-soft),transparent 28%),#f8f8fa}.topbar{display:flex;justify-content:space-between;align-items:center;padding:22px 30px;background:#fffffff2;border-bottom:1px solid var(--brand-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar h1{margin:0;font-size:24px;color:var(--brand-black)}.logout-btn{background:var(--brand-black);color:var(--brand-white);border:none;padding:10px 16px;border-radius:12px;cursor:pointer;font-weight:600}.logout-btn:disabled{opacity:.7;cursor:not-allowed}.content{padding:40px 24px;box-sizing:border-box}.dashboard-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:.8fr 1.4fr;gap:24px;align-items:start}.info-card,.class-card,.posts-card,.lessons-card{background:#fffffff5;border:1px solid var(--brand-border);border-radius:24px;padding:34px 30px;box-shadow:0 18px 45px #1111110f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge{display:inline-block;padding:8px 14px;border-radius:999px;background:#c8102e1a;color:var(--brand-red);font-size:13px;font-weight:700;margin-bottom:18px}.info-card h2,.class-card h2,.posts-header h2,.lessons-header h2{margin:0 0 10px;font-size:34px;color:var(--brand-black)}.subtitle{margin:0 0 26px;color:#6b7280;font-size:16px;line-height:1.5}.data-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:20px}.data-box{background:#fcfcfd;border:1px solid var(--brand-border);border-radius:18px;padding:18px}.label{display:block;font-size:13px;color:#8a8f98;margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}.value{display:block;font-size:20px;font-weight:700;color:var(--brand-black)}.student-progress-box{background:linear-gradient(135deg,#163d7a0d,#c8102e0d);border:1px solid var(--brand-border);border-radius:18px;padding:18px}.student-progress-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.mini-label{display:block;font-size:12px;color:#8a8f98;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.student-progress-title{display:block;font-size:20px;color:var(--brand-black)}.student-progress-text{margin:0;color:#4b5563;line-height:1.6}.status-pill,.lesson-status-pill,.submitted-badge{padding:8px 12px;border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap}.status-green,.status-done{background:#dcfce7;color:#166534}.status-yellow,.status-warning{background:#fef3c7;color:#92400e}.status-neutral,.status-pending{background:#163d7a1a;color:var(--brand-blue)}.text{margin:0 0 18px;color:#555;font-size:17px;line-height:1.6}.next-class-box{background:#fcfcfd;border:1px solid var(--brand-border);border-radius:18px;padding:16px;margin-bottom:18px}.next-class-label{display:block;font-size:12px;color:#8a8f98;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.next-class-value{display:block;font-size:18px;color:var(--brand-black)}.zoom-btn{width:100%;background:linear-gradient(90deg,var(--brand-red),var(--brand-blue));color:var(--brand-white);border:none;padding:15px 22px;border-radius:14px;cursor:pointer;font-weight:700;font-size:16px;box-shadow:0 12px 28px #163d7a2e}.zoom-btn:disabled{opacity:.7;cursor:not-allowed}.not-available{margin:0;color:#6b7280;font-size:15px;line-height:1.6}.mensaje{margin-top:18px;color:#444;font-size:15px}.lessons-header,.posts-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.lessons-header p,.posts-header p{margin:0 0 22px;color:#6b7280;line-height:1.5}.lesson-filters{display:flex;gap:10px;flex-wrap:wrap}.lesson-filter-btn{border:1px solid var(--brand-border);background:var(--brand-white);color:var(--brand-black);border-radius:999px;padding:10px 14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.lesson-filter-btn.active{background:linear-gradient(90deg,var(--brand-red),var(--brand-blue));color:var(--brand-white);border-color:transparent}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:999px;background:#ffffff2e;font-size:12px;padding:0 6px}.lesson-filter-btn:not(.active) .filter-count{background:#f3f4f6}.lessons-list,.posts-list,.comments-list{display:flex;flex-direction:column;gap:16px}.lesson-card,.post-card{border:1px solid var(--brand-border);border-radius:20px;padding:18px;background:#fcfcfd}.lesson-card-compact{padding:14px 16px}.lesson-main-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.lesson-main-left{flex:1;min-width:0}.lesson-top,.post-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.lesson-top h3,.post-top h3{margin:0 0 4px;font-size:22px;color:var(--brand-black)}.lesson-top small,.post-top small{color:#6b7280}.lesson-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:12px;margin-bottom:0}.lesson-mini-box{background:var(--brand-white);border:1px solid var(--brand-border);border-radius:16px;padding:14px}.lesson-mini-label{display:block;font-size:12px;color:#8a8f98;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.lesson-actions{display:flex;gap:10px;flex-wrap:wrap}.lesson-actions-side{flex-direction:column;align-items:stretch;min-width:170px}.lesson-actions-inline{align-items:center;flex-shrink:0}.lesson-link-btn,.lesson-toggle-btn,.submit-quiz-btn,.comment-btn{border:none;border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:700;font-size:14px;text-align:center}.lesson-link-btn{background:var(--brand-blue);color:var(--brand-white);text-decoration:none}.lesson-toggle-btn{background:var(--brand-white);color:var(--brand-black);border:1px solid var(--brand-border)}.compact-btn{padding:10px 14px;font-size:13px}.submit-quiz-btn,.comment-btn{background:linear-gradient(90deg,var(--brand-red),var(--brand-blue));color:var(--brand-white)}.lesson-link-btn:hover,.submit-quiz-btn:hover,.comment-btn:hover,.lesson-toggle-btn:hover{opacity:.95}.lesson-compact-row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:nowrap}.lesson-compact-main{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.compact-date,.compact-book,.compact-unit,.compact-score,.compact-percent{white-space:nowrap;color:var(--brand-black);font-size:14px}.compact-score{color:var(--brand-blue);font-weight:700}.compact-percent{color:var(--brand-red);font-weight:700}.compact-separator{color:#9ca3af;white-space:nowrap}.lesson-panel{margin-top:18px;border-top:1px solid var(--brand-border);padding-top:18px}.submitted-box{background:var(--brand-white);border:1px solid var(--brand-border);border-radius:18px;padding:16px}.submitted-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px}.submitted-top h4{margin:0;font-size:22px}.submitted-date{margin:0;color:#6b7280}.student-question-card{background:var(--brand-white);border:1px solid var(--brand-border);border-radius:18px;padding:16px;margin-bottom:14px}.student-question-card h4{margin:0 0 10px;font-size:18px}.student-question-text{margin:0 0 14px;color:#374151;line-height:1.6}.options-list{display:flex;flex-direction:column;gap:10px}.option-item{display:flex;align-items:flex-start;gap:10px;background:#fcfcfd;border:1px solid var(--brand-border);border-radius:14px;padding:12px;cursor:pointer}.option-item input{margin-top:3px;accent-color:var(--brand-red)}.post-image{width:100%;border-radius:16px;margin-bottom:14px;border:1px solid var(--brand-border)}.post-footer{display:flex;justify-content:space-between;gap:12px;color:#6b7280;font-size:14px;margin-bottom:18px}.comments-section{margin-top:12px;border-top:1px solid var(--brand-border);padding-top:18px}.comments-title{margin:0 0 14px;font-size:18px;color:var(--brand-black)}.comment-form{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.comment-textarea{width:100%;min-height:90px;resize:vertical;box-sizing:border-box;border:1px solid var(--brand-border);border-radius:14px;padding:14px;font-size:14px;font-family:inherit;background:var(--brand-white)}.comment-btn:disabled,.submit-quiz-btn:disabled{opacity:.7;cursor:not-allowed}.comment-item{background:var(--brand-white);border:1px solid var(--brand-border);border-radius:16px;padding:14px}.comment-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:4px}.comment-header small{color:#6b7280}.comment-meta{margin:0 0 8px;font-size:13px;color:#8a8f98}.comment-content{margin:0;color:#374151;line-height:1.6;white-space:pre-line}.reply-toggle-btn{margin-top:12px;border:none;background:transparent;color:var(--brand-blue);font-weight:700;cursor:pointer;padding:0}.reply-textarea{min-height:80px;margin-bottom:10px}.replies-list{margin-top:14px;padding-left:18px;border-left:2px solid rgba(22,61,122,.18);display:flex;flex-direction:column;gap:10px}.reply-item{background:#f9fafb;border:1px solid var(--brand-border);border-radius:14px;padding:12px}@media(max-width:980px){.dashboard-grid{grid-template-columns:1fr}.info-card h2,.class-card h2,.posts-header h2,.lessons-header h2{font-size:28px}.post-footer,.comment-header,.lesson-top,.submitted-top,.student-progress-top,.lesson-main-row,.lessons-header,.posts-header,.lesson-compact-row{flex-direction:column;align-items:flex-start}.lesson-meta-grid{grid-template-columns:1fr}.lesson-actions-side,.lesson-actions-inline{width:100%;min-width:0;flex-direction:row;flex-wrap:wrap}.lesson-compact-main{flex-wrap:wrap;overflow-x:visible}}.login[data-v-90c20168]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e3a8a);padding:24px}.card[data-v-90c20168]{width:100%;max-width:420px;background:#fff;border-radius:20px;padding:40px 28px;box-shadow:0 15px 40px #00000040;text-align:center}.logo[data-v-90c20168]{width:120px;margin-bottom:20px}h1[data-v-90c20168]{font-size:32px;margin:0 0 10px;color:#0f172a}.text[data-v-90c20168]{font-size:16px;color:#555;margin-bottom:25px}.input[data-v-90c20168]{width:100%;padding:12px;margin-bottom:12px;border-radius:10px;border:1px solid #ddd;outline:none;box-sizing:border-box}.input[data-v-90c20168]:focus{border-color:#1e3a8a}.btn[data-v-90c20168]{width:100%;background:linear-gradient(90deg,#dc2626,#1e3a8a);color:#fff;padding:14px;border-radius:12px;font-weight:600;border:none;cursor:pointer;transition:.2s}.btn[data-v-90c20168]:hover{opacity:.9}.btn[data-v-90c20168]:disabled{opacity:.7;cursor:not-allowed}.error[data-v-90c20168]{margin-top:14px;color:#dc2626;font-size:14px}.admin-page[data-v-d0bc8b28]{min-height:100vh;background:#f6f4f1;padding:40px;box-sizing:border-box}.admin-topbar[data-v-d0bc8b28]{margin-bottom:28px}.admin-topbar h1[data-v-d0bc8b28]{margin:0 0 8px;font-size:36px;color:#111827}.admin-topbar p[data-v-d0bc8b28]{margin:0;color:#6b7280}.admin-grid[data-v-d0bc8b28]{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:24px;align-items:start}.card[data-v-d0bc8b28]{border:1px solid #e5e7eb;border-radius:20px;padding:24px;background:#fff;box-shadow:0 10px 30px #0f172a0a}.card h2[data-v-d0bc8b28]{margin:0 0 18px;color:#111827;font-size:24px}.label[data-v-d0bc8b28]{display:block;margin-bottom:6px;color:#374151;font-size:14px;font-weight:600}.input[data-v-d0bc8b28]{width:100%;box-sizing:border-box;padding:12px 14px;margin-bottom:12px;border:1px solid #d1d5db;border-radius:12px;background:#fff;font-size:14px}.primary-btn[data-v-d0bc8b28]{width:100%;border:none;border-radius:12px;padding:12px 16px;background:#111827;color:#fff;font-weight:700;cursor:pointer}.primary-btn[data-v-d0bc8b28]:hover{opacity:.95}.list[data-v-d0bc8b28]{display:flex;flex-direction:column;gap:12px}.list-item[data-v-d0bc8b28]{border:1px solid #ece7df;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:4px;background:#fbfaf8}.list-item strong[data-v-d0bc8b28]{color:#111827}.list-item span[data-v-d0bc8b28],.list-item small[data-v-d0bc8b28]{color:#6b7280;word-break:break-word}.empty-text[data-v-d0bc8b28]{margin:0;color:#6b7280}@media(max-width:1100px){.admin-grid[data-v-d0bc8b28]{grid-template-columns:1fr}}html,body,#app{margin:0;padding:0;min-height:100%;background:#f6f4f1;color:#111827;font-family:Arial,sans-serif}.page{min-height:100vh;background:radial-gradient(circle at top left,rgba(239,68,68,.06),transparent 24%),radial-gradient(circle at bottom right,rgba(37,99,235,.06),transparent 24%),#f6f4f1}.topbar{display:flex;justify-content:space-between;align-items:center;padding:22px 30px;background:#ffffffeb;border-bottom:1px solid #ece7df;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar h1{margin:0;font-size:28px}.logout-btn{background:#111827;color:#fff;border:none;padding:10px 16px;border-radius:12px;cursor:pointer;font-weight:600}.content{max-width:1380px;margin:0 auto;padding:32px 24px 50px}.hero-card{display:grid;grid-template-columns:1.5fr .7fr;gap:20px;background:#ffffffeb;border:1px solid #ece7df;border-radius:28px;padding:28px;box-shadow:0 18px 45px #0f172a0f;margin-bottom:24px}.eyebrow{margin:0 0 10px;color:#7c2d12;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hero-card h2{margin:0 0 10px;font-size:38px}.hero-text{margin:0;color:#6b7280;font-size:16px;line-height:1.6;max-width:760px}.teacher-mini-card{border:1px solid #ece7df;border-radius:20px;padding:18px;background:#fbfaf8;display:flex;flex-direction:column;gap:8px;justify-content:center}.mini-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#8a8f98}.mini-email{word-break:break-word}.main-grid{display:grid;grid-template-columns:360px 1fr;gap:24px}.left-column,.right-column{display:flex;flex-direction:column;gap:24px}.card{background:#ffffffeb;border:1px solid #ece7df;border-radius:24px;padding:24px;box-shadow:0 18px 45px #0f172a0d}.card-header h3{margin:0 0 6px;font-size:24px}.card-header p{margin:0 0 18px;color:#6b7280;line-height:1.5}.group-list{display:flex;flex-direction:column;gap:12px}.group-wrapper{display:flex;flex-direction:column;gap:10px}.group-button{width:100%;border:1px solid #e5e7eb;border-radius:18px;padding:16px;text-align:left;display:flex;justify-content:space-between;gap:14px;cursor:pointer;transition:.2s ease}.group-button:hover{transform:translateY(-1px);box-shadow:0 8px 22px #0f172a0d}.group-button.active{border-color:#1e3a8a}.group-main strong{display:block;margin-bottom:6px;font-size:22px}.group-main span{color:#374151;font-size:14px}.group-arrow{font-size:14px;color:#374151;flex-shrink:0;display:flex;align-items:center}.group-book-yellow{background:linear-gradient(180deg,#fff9db,#fffef6)}.group-book-orange{background:linear-gradient(180deg,#ffedd5,#fffaf5)}.group-book-blue{background:linear-gradient(180deg,#dbeafe,#f8fbff)}.group-book-green{background:linear-gradient(180deg,#dcfce7,#f7fff9)}.group-book-neutral{background:linear-gradient(180deg,#f8fafc,#fff)}.group-submenu{display:flex;flex-direction:column;gap:8px;padding-left:10px}.submenu-btn{border:1px solid #e5e7eb;background:#fff;color:#111827;padding:12px 14px;border-radius:14px;cursor:pointer;text-align:left;font-weight:700}.submenu-btn:hover{background:#f8fafc}.active-section-card{margin-bottom:0}.section-topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.section-title{margin:0 0 6px;font-size:24px}.section-subtitle{margin:0;color:#6b7280}.close-section-btn{border:none;background:#111827;color:#fff;padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:700;flex-shrink:0}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:14px;margin-bottom:18px}.summary-box{border:1px solid #ece7df;border-radius:18px;padding:16px;background:#fbfaf8}.summary-label{display:block;color:#8a8f98;font-size:12px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}.summary-hint{margin:8px 0 0;color:#6b7280;font-size:13px}.progress-card{border:1px solid #ece7df;border-radius:20px;padding:18px;background:#fbfaf8}.progress-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.progress-title{margin:6px 0;font-size:24px}.progress-message{margin:0;color:#6b7280}.progress-current-data{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:14px;margin-bottom:14px}.mini-progress-box{border:1px solid #ece7df;border-radius:16px;padding:14px;background:#fff}.progress-form-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:14px;margin-bottom:14px}.field-label{display:block;margin-bottom:8px;font-size:13px;font-weight:700;color:#374151}.status-pill{padding:10px 14px;border-radius:999px;font-weight:800;font-size:13px;white-space:nowrap}.status-green{background:#dcfce7;color:#166534}.status-yellow{background:#fef3c7;color:#92400e}.status-red{background:#fee2e2;color:#991b1b}.edit-progress-wrap{margin-top:16px}.edit-progress-actions{display:flex;gap:10px;flex-wrap:wrap}.student-list{display:flex;flex-direction:column;gap:12px}.student-row{border:1px solid #ece7df;border-radius:18px;padding:16px;background:#fbfaf8;display:flex;justify-content:space-between;gap:14px;align-items:center}.student-row p{margin:6px 0 0;color:#6b7280;word-break:break-word}.student-side{white-space:nowrap;font-weight:700}.input,.textarea{width:100%;box-sizing:border-box;border:1px solid #d8dbe2;border-radius:14px;padding:14px;font-size:15px;margin-bottom:12px;background:#fff}.textarea{min-height:130px;resize:vertical;font-family:inherit}.primary-btn,.secondary-btn,.ghost-btn{border:none;padding:14px 20px;border-radius:14px;cursor:pointer;font-weight:700;font-size:15px}.primary-btn{color:#fff;background:linear-gradient(90deg,#dc2626,#1e3a8a);min-width:180px}.secondary-btn{color:#fff;background:#111827}.ghost-btn{background:#fff;color:#111827;border:1px solid #d8dbe2}.ghost-btn:hover{background:#f9fafb}.primary-btn:disabled,.secondary-btn:disabled,.ghost-btn:disabled{opacity:.7;cursor:not-allowed}.small-btn{padding:10px 14px;font-size:14px}.uploading-text{margin:4px 0 12px;color:#6b7280;font-size:14px}.dashboard-empty{margin-bottom:18px}.dashboard-posts{margin-top:20px}.posts-list,.quiz-builder{display:flex;flex-direction:column;gap:16px}.post-card,.quiz-question-card{border:1px solid #ece7df;border-radius:20px;padding:18px;background:#fbfaf8}.post-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.post-top h4{margin:0 0 4px;font-size:20px}.post-top small{color:#6b7280}.post-content{margin:0 0 14px;color:#374151;line-height:1.7;white-space:pre-line}.post-image{width:100%;border-radius:16px;margin-bottom:14px;border:1px solid #e5e7eb}.preview-image{max-height:260px;object-fit:cover}.post-footer{display:flex;justify-content:space-between;gap:12px;color:#6b7280;font-size:14px;align-items:center}.comment-pill-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbe2ea;background:#fff;color:#111827;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer}.comment-pill-btn:hover{background:#f8fafc}.arrow-icon{font-size:12px}.comments-box{border-top:1px solid #ece7df;padding-top:14px;margin-top:14px}.comments-list{display:flex;flex-direction:column;gap:12px}.comment-item{background:#fff;border:1px solid #ece7df;border-radius:16px;padding:14px}.comment-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:4px}.comment-head small{color:#6b7280}.comment-code{margin:0 0 8px;font-size:13px;color:#8a8f98}.comment-text{margin:0;color:#374151;line-height:1.6;white-space:pre-line}.reply-toggle-btn{margin-top:12px;border:none;background:transparent;color:#1d4ed8;font-weight:700;cursor:pointer;padding:0}.reply-box{margin-top:12px}.reply-textarea{min-height:90px;margin-bottom:10px}.replies-list{margin-top:14px;padding-left:18px;border-left:2px solid #e5e7eb;display:flex;flex-direction:column;gap:10px}.reply-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:12px}.quiz-question-card h4{margin:0 0 12px;font-size:18px}.empty-comments,.empty-text{margin:0;color:#6b7280;line-height:1.6}.fade-slide-enter-active,.fade-slide-leave-active{transition:all .2s ease}.fade-slide-enter-from,.fade-slide-leave-to{opacity:0;transform:translateY(-4px)}@media(max-width:1100px){.hero-card,.main-grid{grid-template-columns:1fr}}@media(max-width:760px){.summary-grid,.progress-form-grid,.progress-current-data{grid-template-columns:1fr}.hero-card h2{font-size:30px}.student-row,.post-footer,.comment-head,.section-topbar,.progress-top{flex-direction:column;align-items:flex-start}}