.sidebar[data-v-e834ba45]{width:260px;flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--header-border);padding:12px 8px;transition:width .15s ease;min-height:calc(100vh - 64px)}.sidebar.collapsed[data-v-e834ba45]{width:76px}.sidebar.sekolah[data-v-e834ba45]{background:linear-gradient(180deg,#2563eb29,#2563eb0f);border-right-color:#3b82f659}.sidebar.sekolah .nav-item[data-v-e834ba45]:hover{background:#3b82f624}.sidebar.sekolah .nav-item.active[data-v-e834ba45]{background:var(--brand-blue);color:#fff}.sidebar.sekolah .nav-item.active .nav-icon[data-v-e834ba45]{color:#fff}.sidebar.kampus[data-v-e834ba45]{background:linear-gradient(180deg,#dc262629,#dc26260f);border-right-color:#ef444459}.sidebar.kampus .nav-item[data-v-e834ba45]:hover{background:#ef444424}.sidebar.kampus .nav-item.active[data-v-e834ba45]{background:#dc2626;color:#fff}.sidebar.kampus .nav-item.active .nav-icon[data-v-e834ba45]{color:#fff}.sidebar.collapsed .nav-label[data-v-e834ba45],.sidebar.collapsed .chevron[data-v-e834ba45],.sidebar.collapsed .sub-nav[data-v-e834ba45]{display:none}.nav[data-v-e834ba45]{display:flex;flex-direction:column;gap:2px}.nav-item[data-v-e834ba45]{display:flex;align-items:center;gap:18px;padding:10px 20px;border-radius:0 20px 20px 0;color:var(--sidebar-text);font-size:14px;font-weight:500;background:none;border:none;width:100%;text-align:left;cursor:pointer}.nav-item[data-v-e834ba45]:hover{background:var(--surface-alt)}.nav-item.disabled[data-v-e834ba45]{opacity:.35;cursor:not-allowed;pointer-events:none}.lock-note[data-v-e834ba45]{background:#ef44441f;color:#fca5a5;border-radius:10px;padding:12px 14px;margin:0 8px 12px;font-size:11.5px;line-height:1.6}.nav-item.active[data-v-e834ba45]{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:700}.nav-item.active .nav-icon[data-v-e834ba45]{color:var(--sidebar-active-text)}.nav-icon[data-v-e834ba45]{display:flex;align-items:center;justify-content:center;color:var(--sidebar-text-muted);flex-shrink:0}.expandable[data-v-e834ba45]{justify-content:flex-start}.chevron[data-v-e834ba45]{margin-left:auto;transition:transform .15s ease;color:var(--sidebar-text-muted)}.chevron.open[data-v-e834ba45]{transform:rotate(180deg)}.sub-nav[data-v-e834ba45]{display:flex;flex-direction:column}.nav-item.sub[data-v-e834ba45]{padding-left:58px;font-size:13.5px;border-radius:0 20px 20px 0}@media (max-width: 900px){.sidebar[data-v-e834ba45]{width:232px}.sidebar.collapsed[data-v-e834ba45]{width:60px;padding:12px 6px}.sidebar.collapsed .nav-item[data-v-e834ba45]{padding:10px 12px;gap:0;justify-content:center}.nav-item[data-v-e834ba45]{padding:10px 14px;gap:12px}.nav-item.sub[data-v-e834ba45]{padding-left:44px}}.modal-backdrop[data-v-a7c9c430]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0b73;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal[data-v-a7c9c430]{background:var(--card-bg);border-radius:14px;padding:28px;width:100%;max-width:420px;box-shadow:0 20px 50px #0003}.modal-title[data-v-a7c9c430]{font-size:18px;font-weight:700;color:var(--text-heading);margin:0 0 4px}.modal-sub[data-v-a7c9c430]{font-size:13px;color:var(--text-muted);margin:0 0 20px}.field-label[data-v-a7c9c430]{display:block;font-size:13px;font-weight:600;color:var(--text-body);margin-bottom:6px;margin-top:14px}.modal input[data-v-a7c9c430]{width:100%;padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit}.opsional[data-v-a7c9c430]{font-weight:400;color:var(--text-muted)}.dua-kolom[data-v-a7c9c430]{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 480px){.dua-kolom[data-v-a7c9c430]{grid-template-columns:1fr}}.error-msg[data-v-a7c9c430]{color:#f87171;font-size:13px;margin:12px 0 0}.modal-actions[data-v-a7c9c430]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.code-box[data-v-a7c9c430]{background:#3b82f61f;border:1.5px dashed var(--brand-blue);border-radius:10px;padding:16px;text-align:center;margin-bottom:14px}.code-label[data-v-a7c9c430]{display:block;font-size:11.5px;font-weight:700;letter-spacing:.05em;color:var(--brand-blue);text-transform:uppercase}.code-value[data-v-a7c9c430]{display:block;font-size:28px;font-weight:800;letter-spacing:.1em;color:var(--brand-blue);margin-top:4px}.modal-note[data-v-a7c9c430]{font-size:12.5px;color:var(--text-muted);line-height:1.5}.arsip-note[data-v-a7c9c430]{font-size:12.5px;line-height:1.65;margin:14px 0 0;background:#eab3081f;color:#fcd34d;padding:11px 13px;border-radius:8px}.arsip-note strong[data-v-a7c9c430]{color:#fde68a}.modal-backdrop[data-v-1f8a187a]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0b73;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal[data-v-1f8a187a]{background:var(--card-bg);border-radius:14px;padding:28px;width:100%;max-width:380px;box-shadow:0 20px 50px #0003}.modal-title[data-v-1f8a187a]{font-size:18px;font-weight:700;color:var(--text-heading);margin:0 0 4px}.modal-sub[data-v-1f8a187a]{font-size:13px;color:var(--text-muted);margin:0 0 20px;line-height:1.5}.field-label[data-v-1f8a187a]{display:block;font-size:13px;font-weight:600;color:var(--text-body);margin-bottom:6px}.modal input[data-v-1f8a187a]{width:100%;padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit}.code-input[data-v-1f8a187a]{text-transform:uppercase;letter-spacing:.08em;font-weight:700}.error-msg[data-v-1f8a187a]{color:#f87171;font-size:13px;margin:12px 0 0}.modal-actions[data-v-1f8a187a]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.app-header[data-v-d184d8f2]{height:64px;background:var(--header-bg);border-bottom:1px solid var(--header-border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:20}.header-left[data-v-d184d8f2]{display:flex;align-items:center;gap:6px;min-width:0}.brand[data-v-d184d8f2]{display:flex;align-items:center;gap:8px;margin-left:6px}.brand-mark[data-v-d184d8f2]{width:30px;height:30px;object-fit:contain;flex-shrink:0}.brand-name[data-v-d184d8f2]{font-size:19px;color:var(--text-heading);font-weight:700;white-space:nowrap}.breadcrumb-sep[data-v-d184d8f2]{color:var(--text-muted);font-size:18px}.breadcrumb-title[data-v-d184d8f2]{font-size:19px;color:var(--text-heading);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right[data-v-d184d8f2]{display:flex;align-items:center;gap:8px;flex-shrink:0}.icon-btn[data-v-d184d8f2]{width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:var(--text-body);display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn[data-v-d184d8f2]:hover{background:var(--surface-alt)}.add-menu[data-v-d184d8f2]{position:relative}.add-dropdown[data-v-d184d8f2]{width:200px;padding:8px}.dropdown-action[data-v-d184d8f2]{display:block;width:100%;text-align:left;background:none;border:none;border-radius:8px;padding:10px 12px;font-size:13.5px;font-weight:500;color:var(--text-heading);cursor:pointer}.dropdown-action[data-v-d184d8f2]:hover{background:var(--surface-alt)}.notif-menu[data-v-d184d8f2],.notif-menu .icon-btn[data-v-d184d8f2]{position:relative}.notif-badge[data-v-d184d8f2]{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--header-bg)}.notif-dropdown[data-v-d184d8f2]{width:340px;padding:0;max-height:420px;display:flex;flex-direction:column}.notif-head[data-v-d184d8f2]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--card-border)}.mark-all-btn[data-v-d184d8f2]{background:none;border:none;color:var(--brand-blue);font-size:12px;font-weight:600;cursor:pointer}.notif-empty[data-v-d184d8f2]{padding:28px 16px;text-align:center;color:var(--text-muted);font-size:13px}.notif-list[data-v-d184d8f2]{overflow-y:auto}.notif-item[data-v-d184d8f2]{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--card-border);padding:12px 16px;cursor:pointer}.notif-item[data-v-d184d8f2]:last-child{border-bottom:none}.notif-item[data-v-d184d8f2]:hover{background:var(--surface-alt)}.notif-item.unread[data-v-d184d8f2]{background:#3b82f61f}.notif-title[data-v-d184d8f2]{font-size:13.5px;font-weight:700;color:var(--text-heading);margin-bottom:2px}.notif-message[data-v-d184d8f2]{font-size:12.5px;color:var(--text-body);line-height:1.4;margin-bottom:4px}.notif-time[data-v-d184d8f2]{font-size:11px;color:var(--text-muted)}.avatar-menu[data-v-d184d8f2]{position:relative}.avatar[data-v-d184d8f2]{width:34px;height:34px;border-radius:50%;background:var(--brand-blue);color:#fff;font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;overflow:hidden;padding:0}.avatar-img[data-v-d184d8f2]{width:100%;height:100%;object-fit:cover}.dropdown[data-v-d184d8f2]{position:absolute;top:46px;right:0;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;box-shadow:0 8px 24px #0000001f;padding:14px 16px;min-width:200px}.dropdown-name[data-v-d184d8f2]{font-size:14px;font-weight:600;color:var(--text-heading)}.dropdown-email[data-v-d184d8f2]{font-size:12.5px;color:var(--text-muted);margin-bottom:10px}.dropdown-item[data-v-d184d8f2]{width:100%;text-align:left;background:none;border:none;border-top:1px solid var(--card-border);padding-top:10px;font-size:13.5px;color:#f87171;cursor:pointer;font-weight:600}@media (max-width: 700px){.brand-name[data-v-d184d8f2]{display:none}}.ingat-backdrop[data-v-83ad7f60]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#020617b3;display:flex;align-items:center;justify-content:center;padding:20px}.ingat-modal[data-v-83ad7f60]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:28px 30px;width:100%;max-width:440px;text-align:center;box-shadow:0 20px 50px #02061773}.ingat-ikon[data-v-83ad7f60]{width:52px;height:52px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eab30824;color:#fbbf24}.ingat-judul[data-v-83ad7f60]{font-size:18px;font-weight:800;color:var(--text-heading);margin:0 0 12px}.ingat-teks[data-v-83ad7f60]{font-size:13.5px;color:var(--text-muted);line-height:1.7;margin:0 0 10px}.ingat-teks strong[data-v-83ad7f60]{color:var(--text-heading)}.ingat-aksi[data-v-83ad7f60]{display:flex;justify-content:center;gap:10px;margin-top:22px}.btn-sm[data-v-83ad7f60]{padding:8px 18px;font-size:13px}@media (max-width: 480px){.ingat-aksi[data-v-83ad7f60]{flex-direction:column-reverse}}.app-shell[data-v-30af69d0]{display:flex;flex-direction:column;min-height:100vh}.body-row[data-v-30af69d0]{display:flex;flex:1;min-height:0}.app-main[data-v-30af69d0]{flex:1;min-width:0;padding:32px 40px}@media (max-width: 900px){.app-main[data-v-30af69d0]{padding:20px}}.landing[data-v-8664ae53]{--l-ink: #0f172a;--l-body: #475569;--l-muted: #64748b;--l-border: #e2e8f0;--l-surface: #ffffff;--l-soft: #f8fafc;--l-blue: #2563eb;--l-green: #10b981;background:var(--l-surface);color:var(--l-ink);min-height:100vh}.section-inner[data-v-8664ae53],.nav-inner[data-v-8664ae53],.hero-inner[data-v-8664ae53]{max-width:1160px;margin:0 auto;padding:0 24px}.nav[data-v-8664ae53]{position:sticky;top:0;z-index:40;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--l-border)}.nav-inner[data-v-8664ae53]{display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px}.brand[data-v-8664ae53]{display:flex;align-items:center;gap:10px}.brand-mark[data-v-8664ae53]{width:32px;height:32px;object-fit:contain}.brand-name[data-v-8664ae53]{font-size:18px;font-weight:800;color:var(--l-ink)}.nav-links[data-v-8664ae53]{display:flex;gap:26px}.nav-links a[data-v-8664ae53]{font-size:14.5px;font-weight:500;color:var(--l-body)}.nav-links a[data-v-8664ae53]:hover{color:var(--l-blue)}.nav-actions[data-v-8664ae53]{display:flex;align-items:center;gap:14px}.nav-login[data-v-8664ae53]{font-size:14.5px;font-weight:600;color:var(--l-body)}.nav-hello[data-v-8664ae53]{font-size:14px;color:var(--l-muted)}.btn-cta[data-v-8664ae53]{background:var(--l-blue);color:#fff;padding:10px 20px;border-radius:8px;font-size:14.5px;font-weight:600}.btn-cta[data-v-8664ae53]:hover{filter:brightness(1.08)}.hero[data-v-8664ae53]{background:linear-gradient(120deg,#2563eb,#3b82f6 45%,#10b981);padding:76px 0 0;position:relative}.hero-inner[data-v-8664ae53]{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding-bottom:96px}.hero-text h1[data-v-8664ae53]{font-size:52px;line-height:1.12;font-weight:800;color:#fff;margin:0 0 20px;letter-spacing:-.02em}.hero-sub[data-v-8664ae53]{font-size:16.5px;line-height:1.7;color:#ffffffeb;margin:0 0 32px;max-width:560px}.hero-actions[data-v-8664ae53]{display:flex;gap:14px;flex-wrap:wrap}.btn-primary-lg[data-v-8664ae53]{background:#1d4ed8;color:#fff;padding:15px 30px;border-radius:10px;font-size:15.5px;font-weight:700}.btn-primary-lg[data-v-8664ae53]:hover{filter:brightness(1.1)}.btn-ghost-lg[data-v-8664ae53]{background:#ffffffeb;color:var(--l-ink);padding:15px 30px;border-radius:10px;font-size:15.5px;font-weight:700}.btn-ghost-lg[data-v-8664ae53]:hover{background:#fff}.hero-art[data-v-8664ae53]{display:flex;justify-content:center}.hero-img[data-v-8664ae53]{width:100%;max-width:520px;border-radius:16px}.hero-placeholder[data-v-8664ae53]{width:100%;max-width:460px;aspect-ratio:4 / 3;background:#ffffff24;border:1px solid rgba(255,255,255,.25);border-radius:20px;display:grid;grid-template-columns:1fr 1fr;place-items:center;gap:8px}.hero-emoji[data-v-8664ae53]{font-size:56px}.highlight-row[data-v-8664ae53]{max-width:1160px;margin:-48px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;transform:translateY(50%)}.highlight-card[data-v-8664ae53]{background:#fff;border:1px solid var(--l-border);border-radius:16px;padding:26px 28px;box-shadow:0 12px 32px #0f172a1a}.highlight-icon[data-v-8664ae53]{width:46px;height:46px;border-radius:12px;background:#eff6ff;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}.highlight-card h3[data-v-8664ae53]{font-size:19px;font-weight:700;margin:0 0 6px;color:var(--l-ink)}.highlight-card p[data-v-8664ae53]{font-size:14.5px;line-height:1.65;color:var(--l-body);margin:0}.section[data-v-8664ae53]{padding:80px 0}.audience-section[data-v-8664ae53]{padding-top:140px;background:#f8fafcd1}.section-title[data-v-8664ae53]{font-size:34px;font-weight:800;text-align:center;margin:0 0 10px;color:var(--l-ink)}.section-sub[data-v-8664ae53]{font-size:16px;color:var(--l-muted);text-align:center;margin:0 auto 44px;max-width:620px;line-height:1.7}.audience-grid[data-v-8664ae53]{display:grid;grid-template-columns:1fr 1fr;gap:26px}.audience-card[data-v-8664ae53]{background:var(--l-surface);border:1px solid var(--l-border);border-radius:18px;padding:34px 36px}.audience-eyebrow[data-v-8664ae53]{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--l-blue);margin-bottom:8px}.audience-card h2[data-v-8664ae53]{font-size:26px;font-weight:800;margin:0 0 20px;color:var(--l-ink)}.audience-card ul[data-v-8664ae53]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:13px}.audience-card li[data-v-8664ae53]{display:flex;gap:11px;font-size:15px;color:var(--l-body);line-height:1.6}.check[data-v-8664ae53]{color:var(--l-green);font-weight:800;flex-shrink:0}.feature-grid[data-v-8664ae53]{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.feature-card[data-v-8664ae53]{background:var(--l-surface);border:1px solid var(--l-border);border-radius:16px;padding:26px 24px}.feature-icon[data-v-8664ae53]{width:44px;height:44px;border-radius:11px;background:#ecfdf5;display:flex;align-items:center;justify-content:center;font-size:21px;margin-bottom:14px}.feature-card h3[data-v-8664ae53]{font-size:17px;font-weight:700;margin:0 0 6px;color:var(--l-ink)}.feature-card p[data-v-8664ae53]{font-size:14px;line-height:1.65;color:var(--l-body);margin:0}.tutorial-section[data-v-8664ae53]{background:#f8fafcd1}.tab-row[data-v-8664ae53]{display:flex;justify-content:center;gap:10px;margin-bottom:34px;flex-wrap:wrap}.tab-btn[data-v-8664ae53]{background:var(--l-surface);border:1px solid var(--l-border);color:var(--l-body);font-family:inherit;padding:11px 24px;border-radius:999px;font-size:14.5px;font-weight:600;cursor:pointer}.tab-btn[data-v-8664ae53]:hover{border-color:var(--l-blue);color:var(--l-blue)}.tab-btn.active[data-v-8664ae53]{background:var(--l-blue);border-color:var(--l-blue);color:#fff}.video-grid[data-v-8664ae53]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.video-card[data-v-8664ae53]{background:var(--l-surface);border:1px solid var(--l-border);border-radius:16px;overflow:hidden}.video-frame[data-v-8664ae53]{aspect-ratio:16 / 9;background:#0f172a;display:flex;align-items:center;justify-content:center}.video-frame iframe[data-v-8664ae53],.video-frame video[data-v-8664ae53]{width:100%;height:100%;border:none;display:block}.video-empty[data-v-8664ae53],.video-link[data-v-8664ae53]{color:#94a3b8;font-size:14px}.video-link[data-v-8664ae53]{color:#93c5fd;font-weight:600}.video-card h3[data-v-8664ae53]{font-size:17.5px;font-weight:700;margin:20px 24px 6px;color:var(--l-ink)}.video-card p[data-v-8664ae53]{font-size:14.5px;line-height:1.65;color:var(--l-body);margin:0 24px 24px}.testimonial-section[data-v-8664ae53]{background:#f8fafcd1}.testimonial-grid[data-v-8664ae53]{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.testimonial-card[data-v-8664ae53]{background:var(--l-surface);border:1px solid var(--l-border);border-radius:16px;padding:28px;margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.testimonial-card blockquote[data-v-8664ae53]{margin:0;font-size:15px;line-height:1.75;color:var(--l-body)}.t-stars[data-v-8664ae53]{display:flex;gap:2px;margin-bottom:-8px}.t-star[data-v-8664ae53]{font-size:15px;color:#d8dde5;line-height:1}.t-star.on[data-v-8664ae53]{color:#f59e0b}.testimonial-card figcaption[data-v-8664ae53]{display:flex;align-items:center;gap:12px}.t-avatar[data-v-8664ae53]{width:40px;height:40px;border-radius:50%;background:#dbeafe;color:var(--l-blue);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.t-name[data-v-8664ae53]{display:block;font-size:14.5px;font-weight:700;color:var(--l-ink)}.t-role[data-v-8664ae53]{display:block;font-size:12.5px;color:var(--l-muted);margin-top:2px}.cta-band[data-v-8664ae53]{background:linear-gradient(120deg,#2563eb,#10b981);border-radius:22px;padding:56px 40px;text-align:center}.cta-band h2[data-v-8664ae53]{font-size:32px;font-weight:800;color:#fff;margin:0 0 10px}.cta-band p[data-v-8664ae53]{font-size:16px;color:#ffffffeb;margin:0 0 28px}.cta-actions[data-v-8664ae53]{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn-white[data-v-8664ae53]{background:#fff;color:var(--l-blue);padding:14px 28px;border-radius:10px;font-size:15px;font-weight:700}.btn-outline-white[data-v-8664ae53]{border:2px solid rgba(255,255,255,.8);color:#fff;padding:12px 26px;border-radius:10px;font-size:15px;font-weight:700}.btn-outline-white[data-v-8664ae53]:hover{background:#ffffff24}.footer[data-v-8664ae53]{background:#0f172a;color:#cbd5e1;padding:56px 0 0}.hakcipta-kotak[data-v-8664ae53]{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;text-align:center;border:1px solid #1e293b;border-radius:12px;background:#111c30;padding:14px 18px;margin-bottom:18px}.hakcipta-label[data-v-8664ae53]{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#64748b}.hakcipta-kode[data-v-8664ae53]{font-size:14px;font-weight:800;color:#fff;letter-spacing:.06em;font-variant-numeric:tabular-nums}.footer .brand-name[data-v-8664ae53]{color:#fff}.footer-grid[data-v-8664ae53]{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:36px;padding-bottom:40px}.footer-desc[data-v-8664ae53]{font-size:14px;line-height:1.7;color:#94a3b8;margin:14px 0 0;max-width:340px}.footer-head[data-v-8664ae53]{font-size:13px;font-weight:700;color:#fff;margin-bottom:14px;text-transform:uppercase;letter-spacing:.05em}.footer p[data-v-8664ae53]{font-size:14px;margin:0 0 9px;color:#94a3b8}.footer a[data-v-8664ae53]{color:#94a3b8}.footer a[data-v-8664ae53]:hover{color:#fff}.footer-bottom[data-v-8664ae53]{border-top:1px solid #1e293b;padding:20px 24px;text-align:center;font-size:13px;color:#64748b}@media (max-width: 960px){.hero-inner[data-v-8664ae53]{grid-template-columns:1fr;padding-bottom:80px}.hero-text h1[data-v-8664ae53]{font-size:38px}.hero-art[data-v-8664ae53]{display:none}.highlight-row[data-v-8664ae53]{grid-template-columns:1fr;transform:none;margin-top:0;padding-bottom:0}.audience-section[data-v-8664ae53]{padding-top:60px}.audience-grid[data-v-8664ae53],.feature-grid[data-v-8664ae53],.testimonial-grid[data-v-8664ae53],.footer-grid[data-v-8664ae53],.video-grid[data-v-8664ae53]{grid-template-columns:1fr}.nav-links[data-v-8664ae53]{display:none}.section[data-v-8664ae53]{padding:56px 0}.section-title[data-v-8664ae53]{font-size:27px}}@media (max-width: 1100px) and (min-width: 961px){.feature-grid[data-v-8664ae53]{grid-template-columns:repeat(2,1fr)}}.institusi-section[data-v-8664ae53]{background:#f8fafcd1}.statistik-row[data-v-8664ae53]{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:26px 0 34px}.statistik-item[data-v-8664ae53]{flex:1 1 150px;max-width:200px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 14px;text-align:center}.statistik-angka[data-v-8664ae53]{display:block;font-size:26px;font-weight:800;color:#2563eb;line-height:1.1;font-variant-numeric:tabular-nums}.statistik-label[data-v-8664ae53]{display:block;font-size:12.5px;color:#64748b;margin-top:5px}.institusi-grid[data-v-8664ae53]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.institusi-kartu[data-v-8664ae53]{display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 12px;text-align:center}.institusi-logo[data-v-8664ae53]{width:56px;height:56px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:15px;font-weight:800;letter-spacing:.02em;color:#fff;background:#2563eb}.institusi-logo.sekolah[data-v-8664ae53]{background:#2563eb}.institusi-logo.kampus[data-v-8664ae53]{background:#dc2626}.institusi-logo img[data-v-8664ae53]{width:100%;height:100%;object-fit:contain;background:#fff}.institusi-jumlah[data-v-8664ae53]{font-size:22px;font-weight:800;color:#2563eb;line-height:1.1;font-variant-numeric:tabular-nums}.institusi-label[data-v-8664ae53]{font-size:12px;color:#64748b;margin-top:-6px}.institusi-rincian[data-v-8664ae53]{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:6px;font-size:11.5px;color:#64748b;padding-top:6px;border-top:1px solid #eef2f7;width:100%}.institusi-rincian b[data-v-8664ae53]{color:#334155;font-weight:800}.rincian-pemisah[data-v-8664ae53]{color:#cbd5e1}@media (max-width: 560px){.statistik-item[data-v-8664ae53]{flex-basis:120px;padding:14px 10px}.statistik-angka[data-v-8664ae53]{font-size:21px}.institusi-grid[data-v-8664ae53]{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}}.ikon-gambar[data-v-8664ae53]{display:block;width:100%;height:100%;object-fit:contain}.highlight-icon img[data-v-8664ae53],.feature-icon img[data-v-8664ae53]{max-width:100%;max-height:100%}.panel[data-v-f02ecbab]{margin-bottom:36px}.eyebrow[data-v-f02ecbab]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-f02ecbab]{font-size:22px;font-weight:800;color:var(--text-heading);margin:0 0 16px}.announcement-list[data-v-f02ecbab]{display:flex;flex-direction:column;gap:12px}.announcement-row[data-v-f02ecbab]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:16px 18px;display:flex;align-items:flex-start;gap:14px}.item-icon[data-v-f02ecbab]{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.announcement-row.highlighted[data-v-f02ecbab]{border-color:var(--brand-blue);box-shadow:0 0 0 1px var(--brand-blue) inset,0 0 24px #3b82f62e}.item-icon.theme-blue[data-v-f02ecbab]{background:var(--grad-blue-a)}.item-icon.theme-green[data-v-f02ecbab]{background:var(--grad-green-a)}.item-icon.theme-purple[data-v-f02ecbab]{background:var(--grad-purple-a)}.announcement-meta[data-v-f02ecbab]{font-size:11.5px;color:var(--text-muted);font-weight:700;letter-spacing:.03em;margin-bottom:4px}.announcement-title[data-v-f02ecbab]{font-size:15px;font-weight:700;color:var(--text-heading);margin-bottom:6px}.announcement-content[data-v-f02ecbab]{font-size:13.5px;color:var(--text-body);margin:0;white-space:pre-wrap}.state-msg[data-v-f02ecbab]{color:var(--text-muted);font-size:14px;padding:20px 0}.feedback-card[data-v-6172d033]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:24px 26px;margin-top:32px;max-width:720px}.fb-head[data-v-6172d033]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.eyebrow[data-v-6172d033]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.fb-title[data-v-6172d033]{font-size:17px;font-weight:700;color:var(--text-heading);margin:0 0 4px}.fb-sub[data-v-6172d033]{font-size:13px;color:var(--text-muted);margin:0}.stars-input[data-v-6172d033],.stars-static[data-v-6172d033]{display:flex;align-items:center;gap:4px;margin-bottom:14px}.star-btn[data-v-6172d033],.star[data-v-6172d033]{background:none;border:none;padding:0 2px;font-size:26px;line-height:1;color:var(--card-border);cursor:pointer;transition:color .12s ease}.star[data-v-6172d033]{cursor:default}.star-btn.on[data-v-6172d033],.star.on[data-v-6172d033],.star-btn[data-v-6172d033]:hover{color:#fbbf24}.rating-text[data-v-6172d033]{font-size:13px;color:var(--text-muted);margin-left:10px;font-weight:600}textarea[data-v-6172d033]{width:100%;padding:11px 13px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;background:var(--bg-main);color:var(--text-heading)}.fb-actions[data-v-6172d033]{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.btn-sm[data-v-6172d033]{padding:8px 18px;font-size:13px}.fb-saved[data-v-6172d033]{padding-top:4px}.saved-comment[data-v-6172d033]{font-size:14px;color:var(--text-body);line-height:1.7;background:var(--surface-alt);border-radius:10px;padding:12px 14px;margin:0 0 10px}.saved-time[data-v-6172d033]{font-size:12.5px;color:var(--text-muted);margin:0}.link-btn[data-v-6172d033]{background:none;border:none;padding:0;color:var(--brand-blue);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.error-msg[data-v-6172d033]{color:#f87171;font-size:13px;margin:10px 0 0}.app-footer[data-v-13bb8668]{margin-top:40px;padding-top:20px;border-top:1px solid var(--card-border);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-contacts[data-v-13bb8668]{display:flex;gap:20px;flex-wrap:wrap}.contact[data-v-13bb8668]{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--text-body);font-weight:500}.contact[data-v-13bb8668]:hover{color:var(--brand-blue)}.contact-icon[data-v-13bb8668]{font-size:14px}.copyright[data-v-13bb8668]{font-size:12.5px;color:var(--text-muted);margin:0}.hakcipta-kotak[data-v-13bb8668]{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--card-border);border-radius:10px;background:var(--surface-alt);padding:8px 14px;margin:0 0 10px}.hakcipta-label[data-v-13bb8668]{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.hakcipta-kode[data-v-13bb8668]{font-size:13px;font-weight:800;color:var(--text-heading);letter-spacing:.05em;font-variant-numeric:tabular-nums}.section-head[data-v-ff631c30]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.eyebrow[data-v-ff631c30]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-ff631c30]{font-size:22px;font-weight:800;color:var(--text-heading);margin:0 0 6px}.section-sub[data-v-ff631c30]{font-size:14px;color:var(--text-muted);margin:0;max-width:520px}.class-card[data-v-3a7ab312]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.card-header[data-v-3a7ab312]{height:140px;display:flex;align-items:center;justify-content:center;position:relative}.header-icon[data-v-3a7ab312]{color:#fff;font-size:38px;font-weight:700}.class-card.locked[data-v-3a7ab312]{opacity:.85}.lock-overlay[data-v-3a7ab312]{position:absolute;top:10px;right:12px;font-size:18px}.locked-badge[data-v-3a7ab312]{background:#ef44442e;color:#f87171;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;letter-spacing:.03em;margin-left:6px}.btn-disabled[data-v-3a7ab312]{opacity:.6;cursor:not-allowed}.theme-blue[data-v-3a7ab312]{background:linear-gradient(135deg,var(--grad-blue-a),var(--grad-blue-b))}.theme-green[data-v-3a7ab312]{background:linear-gradient(135deg,var(--grad-green-a),var(--grad-green-b))}.theme-purple[data-v-3a7ab312]{background:linear-gradient(135deg,var(--grad-purple-a),var(--grad-purple-b))}.card-header.has-cover[data-v-3a7ab312]{background-size:cover;background-position:center;background-repeat:no-repeat}.card-header.has-cover .lock-overlay[data-v-3a7ab312]{text-shadow:0 1px 4px rgba(0,0,0,.6)}.card-body[data-v-3a7ab312]{padding:20px 22px 24px;display:flex;flex-direction:column;gap:4px}.meta-row[data-v-3a7ab312]{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px}.percent[data-v-3a7ab312]{color:var(--text-heading)}.title[data-v-3a7ab312]{font-size:18px;font-weight:700;color:var(--text-heading);margin:0 0 4px}.teacher[data-v-3a7ab312]{font-size:13.5px;color:var(--text-muted);margin:0 0 14px}.progress-track[data-v-3a7ab312]{height:6px;background:var(--surface-alt);border-radius:999px;overflow:hidden;margin-bottom:18px}.progress-fill[data-v-3a7ab312]{height:100%;border-radius:999px}.progress-fill.theme-blue[data-v-3a7ab312]{background:var(--grad-blue-b)}.progress-fill.theme-green[data-v-3a7ab312]{background:var(--grad-green-b)}.progress-fill.theme-purple[data-v-3a7ab312]{background:var(--grad-purple-b)}.btn[data-v-3a7ab312]{width:100%}.section-head[data-v-17c3ff26]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px}.eyebrow[data-v-17c3ff26]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-17c3ff26]{font-size:22px;font-weight:800;color:var(--text-heading);margin:0 0 6px}.section-sub[data-v-17c3ff26]{font-size:14px;color:var(--text-muted);margin:0;max-width:520px}.class-grid[data-v-17c3ff26]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.state-msg[data-v-17c3ff26]{color:var(--text-muted);font-size:14px;padding:40px 0}.state-msg.error[data-v-17c3ff26]{color:#f87171}.state-msg code[data-v-17c3ff26]{background:var(--surface-alt);padding:2px 6px;border-radius:4px}@media (max-width: 700px){.section-head[data-v-17c3ff26]{flex-direction:column}}.pilih-kelas[data-v-cf16e86c]{margin-bottom:18px}.pilih-label[data-v-cf16e86c]{display:block;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.pilih-baris[data-v-cf16e86c]{display:flex;gap:8px;flex-wrap:wrap}.pilih-chip[data-v-cf16e86c]{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;cursor:pointer;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-body);font-size:13px;font-family:inherit;max-width:100%}.pilih-chip[data-v-cf16e86c]:hover{border-color:var(--brand-blue)}.pilih-chip.aktif[data-v-cf16e86c]{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.chip-kode[data-v-cf16e86c]{font-weight:800;font-size:12px;letter-spacing:.02em}.chip-judul[data-v-cf16e86c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.chip-baru[data-v-cf16e86c]{font-size:11px;font-weight:800;padding:1px 7px;border-radius:999px;background:#dc2626;color:#fff}@media (max-width: 560px){.chip-judul[data-v-cf16e86c]{max-width:150px}}.eyebrow[data-v-6bbbe375]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-6bbbe375]{font-size:22px;font-weight:800;color:var(--text-heading);margin:0 0 6px}.section-sub[data-v-6bbbe375]{font-size:14px;color:var(--text-muted);margin:0 0 24px;max-width:560px}.session-list[data-v-6bbbe375]{display:flex;flex-direction:column;gap:14px}.session-row[data-v-6bbbe375]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.session-row.today[data-v-6bbbe375]{border-color:var(--brand-blue);box-shadow:0 0 0 1px var(--brand-blue) inset}.session-eyebrow[data-v-6bbbe375]{font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px;display:flex;align-items:center;gap:8px}.today-tag[data-v-6bbbe375]{background:var(--brand-blue);color:#fff;font-size:10px;padding:2px 7px;border-radius:999px}.session-topic[data-v-6bbbe375]{font-size:16px;font-weight:700;color:var(--text-heading)}.session-class[data-v-6bbbe375]{font-size:13px;color:var(--text-muted);margin-top:2px}.deadline-note[data-v-6bbbe375]{font-size:12px;color:#b45309;margin-top:4px}.session-actions[data-v-6bbbe375]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.marked-at[data-v-6bbbe375]{font-size:12.5px;color:var(--text-muted)}.oleh-guru[data-v-6bbbe375]{font-size:12.5px;color:var(--text-muted);font-style:italic}.status-pill[data-v-6bbbe375]{font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px}.status-pill.hadir[data-v-6bbbe375]{background:#22c55e2e;color:#4ade80}.status-pill.izin[data-v-6bbbe375]{background:#eab3082e;color:#fbbf24}.status-pill.sakit[data-v-6bbbe375]{background:#ef44442e;color:#f87171}.status-pill.alpha[data-v-6bbbe375],.status-pill.kosong[data-v-6bbbe375]{background:var(--surface-alt);color:var(--text-muted)}.state-msg[data-v-6bbbe375]{color:var(--text-muted);font-size:14px;padding:40px 0}.state-msg.error[data-v-6bbbe375]{color:#f87171}.modal-backdrop[data-v-6bbbe375]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0b80;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal[data-v-6bbbe375]{background:var(--card-bg);border-radius:16px;padding:26px;width:100%;max-width:420px;box-shadow:0 20px 50px #00000040;text-align:center}.modal-title[data-v-6bbbe375]{font-size:18px;font-weight:700;color:var(--text-heading);margin:0 0 4px}.modal-sub[data-v-6bbbe375]{font-size:13px;color:var(--text-muted);margin:0 0 18px}.camera-box[data-v-6bbbe375]{background:#111;border-radius:12px;overflow:hidden;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center}.camera-box video[data-v-6bbbe375],.camera-box img[data-v-6bbbe375]{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.error-msg[data-v-6bbbe375]{color:#f87171;font-size:13px;margin:14px 0 0}.modal-actions[data-v-6bbbe375]{display:flex;justify-content:center;gap:10px;margin-top:18px}.skip-link[data-v-6bbbe375]{display:block;width:100%;background:none;border:none;color:var(--text-muted);font-size:12.5px;text-decoration:underline;cursor:pointer;margin-top:14px}.file-viewer[data-v-bec223bf]{border-top:1px solid var(--card-border);background:var(--surface-alt)}.viewer-bar[data-v-bec223bf]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--card-border)}.file-name[data-v-bec223bf]{font-size:13px;font-weight:600;color:var(--text-heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:460px}.file-kind[data-v-bec223bf]{font-size:10.5px;font-weight:700;color:var(--text-muted);background:var(--card-bg);padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.drive-tag[data-v-bec223bf]{font-size:10.5px;font-weight:700;color:#4ade80;background:#22c55e24;padding:3px 9px;border-radius:999px}.bar-link[data-v-bec223bf]{font-size:12.5px;font-weight:600;color:var(--brand-blue);margin-left:auto}.btn-sm[data-v-bec223bf]{padding:6px 14px;font-size:12.5px}.viewer-frame[data-v-bec223bf]{display:block;width:100%;height:85vh;min-height:600px;border:none}.viewer-image[data-v-bec223bf]{display:block;width:100%;max-height:85vh;object-fit:contain;background:#0b0f18}.viewer-media[data-v-bec223bf]{display:block;width:100%;max-height:85vh;background:#0b0f18}.viewer-audio[data-v-bec223bf]{display:block;width:100%;padding:24px 16px}.viewer-fallback[data-v-bec223bf]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:40px 24px;height:85vh;min-height:600px}.fallback-icon[data-v-bec223bf]{font-size:44px;opacity:.5}.fallback-title[data-v-bec223bf]{font-size:15px;font-weight:700;color:var(--text-heading);margin:0}.fallback-sub[data-v-bec223bf]{font-size:13.5px;color:var(--text-muted);margin:0 0 10px;line-height:1.7;max-width:460px}.eyebrow[data-v-fa83e391]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-fa83e391]{font-size:22px;font-weight:800;color:var(--text-heading);margin:0 0 6px}.section-sub[data-v-fa83e391]{font-size:14px;color:var(--text-muted);margin:0 0 24px}.assignment-list[data-v-fa83e391]{display:flex;flex-direction:column;gap:14px}.assignment-row[data-v-fa83e391]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:18px 20px;display:flex;align-items:flex-start;gap:16px}.item-icon[data-v-fa83e391]{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.item-icon.theme-blue[data-v-fa83e391]{background:var(--grad-blue-b)}.item-icon.theme-green[data-v-fa83e391]{background:var(--grad-green-b)}.item-icon.theme-purple[data-v-fa83e391]{background:var(--grad-purple-b)}.item-info[data-v-fa83e391]{flex:1;min-width:0}.item-title[data-v-fa83e391]{font-size:15px;font-weight:700;color:var(--text-heading)}.type-chip[data-v-fa83e391]{display:inline-block;font-size:10.5px;font-weight:700;color:#c084fc;background:#a855f72e;padding:2px 8px;border-radius:999px;margin-left:8px;vertical-align:middle}.item-sub[data-v-fa83e391]{font-size:12.5px;color:var(--text-muted);margin-top:2px}.item-desc[data-v-fa83e391]{font-size:13.5px;color:var(--text-body);margin:8px 0 0}.submitted-box[data-v-fa83e391]{margin-top:10px;padding:10px 12px;background:var(--surface-alt);border-radius:10px}.submitted-text[data-v-fa83e391]{font-size:13px;color:var(--text-body);margin:0 0 4px;white-space:pre-wrap}.material-link[data-v-fa83e391]{display:inline-block;font-size:13px;color:var(--brand-blue);font-weight:600;margin-top:4px}.link-btn[data-v-fa83e391]{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;text-align:left}.file-actions[data-v-fa83e391]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}[data-v-fa83e391] .file-viewer{margin-top:10px;border:1px solid var(--card-border);border-radius:10px;overflow:hidden;width:100%}.submit-form[data-v-fa83e391]{margin-top:12px;display:flex;flex-direction:column;gap:8px;max-width:420px}.submit-form textarea[data-v-fa83e391],.submit-form input[type=file][data-v-fa83e391]{padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;font-size:13.5px;font-family:inherit;resize:vertical}.submit-form-actions[data-v-fa83e391]{display:flex;gap:8px;justify-content:flex-end}.upload-label[data-v-fa83e391]{font-size:12.5px;font-weight:600;color:var(--text-body);margin-top:4px}@media (max-width: 640px){.assignment-row[data-v-fa83e391]{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.item-actions[data-v-fa83e391]{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.item-actions .btn[data-v-fa83e391]{flex:1;justify-content:center;min-width:140px}.submit-form[data-v-fa83e391]{max-width:none}.file-actions[data-v-fa83e391]{flex-direction:column;align-items:flex-start;gap:6px}}.upload-hint[data-v-fa83e391]{font-size:11.5px;color:var(--text-muted);margin:-2px 0 0;line-height:1.6}.item-actions[data-v-fa83e391]{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.status-pill[data-v-fa83e391]{font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:999px;white-space:nowrap}.status-pill.turned_in[data-v-fa83e391]{background:#22c55e2e;color:#4ade80}.status-pill.graded[data-v-fa83e391]{background:#3b82f62e;color:#60a5fa}.status-pill.assigned[data-v-fa83e391]{background:var(--surface-alt);color:var(--text-muted)}.status-pill.terlewat[data-v-fa83e391]{background:#ef44442e;color:#f87171}.error-msg[data-v-fa83e391]{color:#f87171;font-size:12.5px;margin:0}.state-msg[data-v-fa83e391]{color:var(--text-muted);font-size:14px;padding:40px 0}.state-msg.error[data-v-fa83e391]{color:#f87171}.ukuran-backdrop[data-v-fa83e391]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#020617b3;display:flex;align-items:center;justify-content:center;padding:20px}.ukuran-modal[data-v-fa83e391]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:28px 30px;width:100%;max-width:430px;text-align:center;box-shadow:0 20px 50px #02061773}.ukuran-ikon[data-v-fa83e391]{width:52px;height:52px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ef444424;color:#f87171}.ukuran-judul[data-v-fa83e391]{font-size:17px;font-weight:800;color:var(--text-heading);margin:0 0 12px}.ukuran-teks[data-v-fa83e391]{font-size:13.5px;color:var(--text-muted);line-height:1.7;margin:0 0 10px}.ukuran-teks strong[data-v-fa83e391]{color:var(--text-heading)}.ukuran-modal .btn[data-v-fa83e391]{margin-top:14px}.grup-judul[data-v-fa83e391]{font-size:15px;font-weight:800;color:var(--text-heading);margin:26px 0 12px}.grup-judul[data-v-fa83e391]:first-of-type{margin-top:6px}.kuis-list[data-v-fa83e391]{margin-bottom:4px}.ingat-kotak[data-v-fa83e391]{background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:12px;padding:16px 18px;margin-bottom:20px}.ingat-judul[data-v-fa83e391]{font-size:14px;font-weight:800;color:#fcd34d;margin-bottom:10px}.ingat-daftar[data-v-fa83e391]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.ingat-daftar li[data-v-fa83e391]{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--text-body)}.ingat-daftar strong[data-v-fa83e391]{color:var(--text-heading);font-weight:600}.ingat-kelas[data-v-fa83e391]{font-size:12px;color:var(--text-muted)}.ingat-tenggat[data-v-fa83e391]{margin-left:auto;font-size:12px;font-weight:700;color:var(--text-muted);white-space:nowrap}.ingat-tenggat.mendesak[data-v-fa83e391]{color:#f87171}.ingat-sisa[data-v-fa83e391]{font-size:12px;color:var(--text-muted);margin:10px 0 0}.saring-baris[data-v-fa83e391]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.saring-chip[data-v-fa83e391]{display:inline-flex;align-items:center;gap:7px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;font-family:inherit;color:var(--text-body);cursor:pointer}.saring-chip[data-v-fa83e391]:hover{border-color:var(--brand-blue)}.saring-chip.aktif[data-v-fa83e391]{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.saring-jumlah[data-v-fa83e391]{font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--surface-alt);color:var(--text-muted)}.saring-chip.aktif .saring-jumlah[data-v-fa83e391]{background:#ffffff40;color:#fff}.page-head[data-v-3aa1f091]{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}.eyebrow[data-v-3aa1f091]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-3aa1f091]{font-size:22px;font-weight:700;color:var(--text-heading);margin:0 0 6px}.section-sub[data-v-3aa1f091]{font-size:13.5px;color:var(--text-muted);margin:0;max-width:620px;line-height:1.6}.state-msg[data-v-3aa1f091]{padding:36px 0;text-align:center;color:var(--text-muted);font-size:14px}.state-msg.error[data-v-3aa1f091]{color:#f87171}.error-msg[data-v-3aa1f091]{color:#f87171;font-size:13px;margin:10px 0 0}.diskusi-form[data-v-3aa1f091]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:22px 24px;margin-bottom:22px;display:flex;flex-direction:column;gap:4px}.form-title[data-v-3aa1f091]{font-size:16px;font-weight:700;color:var(--text-heading);margin:0 0 8px}.field-label[data-v-3aa1f091]{font-size:12.5px;font-weight:600;color:var(--text-body);margin-top:12px}.field-hint[data-v-3aa1f091]{font-size:11.5px;color:var(--text-muted);margin:5px 0 0}.diskusi-form input[data-v-3aa1f091],.diskusi-form select[data-v-3aa1f091],.diskusi-form textarea[data-v-3aa1f091]{width:100%;padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical}.two-col[data-v-3aa1f091]{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tutup-row[data-v-3aa1f091]{display:flex;align-items:center;gap:9px;margin-top:14px;font-size:13px;color:var(--text-body);cursor:pointer}.tutup-row input[type=checkbox][data-v-3aa1f091]{width:16px;height:16px;padding:0;accent-color:var(--brand-blue)}.form-actions[data-v-3aa1f091]{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.diskusi-list[data-v-3aa1f091]{display:flex;flex-direction:column;gap:14px}.diskusi-card[data-v-3aa1f091]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden}.diskusi-head[data-v-3aa1f091]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 20px}.diskusi-info[data-v-3aa1f091]{flex:1;min-width:240px}.diskusi-meta[data-v-3aa1f091]{font-size:11.5px;font-weight:700;letter-spacing:.03em;color:var(--text-muted);margin-bottom:4px}.diskusi-title[data-v-3aa1f091]{font-size:16px;font-weight:700;color:var(--text-heading)}.diskusi-desc[data-v-3aa1f091]{font-size:13.5px;color:var(--text-body);margin:6px 0 0;line-height:1.7}.diskusi-sub[data-v-3aa1f091]{font-size:12.5px;color:var(--text-muted);margin-top:6px}.diskusi-aksi[data-v-3aa1f091]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill[data-v-3aa1f091]{display:inline-block;font-size:10.5px;font-weight:700;margin-left:8px;color:var(--brand-blue);background:#3b82f629;padding:2px 8px;border-radius:999px;vertical-align:middle}.pill.closed[data-v-3aa1f091]{color:var(--text-muted);background:var(--surface-alt)}.link-btn[data-v-3aa1f091]{background:none;border:none;padding:0;font-family:inherit;color:var(--brand-blue);font-size:12.5px;font-weight:600;cursor:pointer}.link-btn.danger[data-v-3aa1f091]{color:#f87171}.pesan-panel[data-v-3aa1f091]{border-top:1px solid var(--card-border);background:var(--surface-alt);padding:16px 20px}.kosong[data-v-3aa1f091]{font-size:13px;color:var(--text-muted);margin:0;font-style:italic}.pesan-list[data-v-3aa1f091]{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.pesan[data-v-3aa1f091]{display:flex;gap:10px}.avatar-sm[data-v-3aa1f091]{width:32px;height:32px;border-radius:50%;flex-shrink:0;overflow:hidden;background:#3b82f62e;color:var(--brand-blue);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.avatar-sm-img[data-v-3aa1f091]{width:100%;height:100%;object-fit:cover}.pesan-isi[data-v-3aa1f091]{flex:1;min-width:0}.pesan-kepala[data-v-3aa1f091]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pesan-nama[data-v-3aa1f091]{font-size:13.5px;font-weight:700;color:var(--text-heading)}.role-chip[data-v-3aa1f091]{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--card-bg);color:var(--text-muted)}.pesan-waktu[data-v-3aa1f091]{font-size:11.5px;color:var(--text-muted)}.pesan-teks[data-v-3aa1f091]{font-size:13.5px;color:var(--text-body);line-height:1.7;margin:3px 0 0;white-space:pre-wrap}.pesan-form[data-v-3aa1f091]{display:flex;gap:10px;align-items:flex-start}.pesan-form textarea[data-v-3aa1f091]{flex:1;padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;font-size:13.5px;font-family:inherit;resize:vertical}@media (max-width: 640px){.page-head[data-v-3aa1f091]{flex-direction:column;align-items:stretch}.page-head .btn[data-v-3aa1f091]{width:100%;justify-content:center}.diskusi-form[data-v-3aa1f091]{padding:18px 16px}.diskusi-form .two-col[data-v-3aa1f091]{grid-template-columns:1fr}.diskusi-head[data-v-3aa1f091]{flex-direction:column;padding:16px}.diskusi-aksi[data-v-3aa1f091]{width:100%}.diskusi-aksi .btn[data-v-3aa1f091]{flex:1;justify-content:center;min-width:130px}.pesan-panel[data-v-3aa1f091]{padding:14px 16px}.pesan-form[data-v-3aa1f091]{flex-direction:column}.pesan-form .btn[data-v-3aa1f091]{width:100%;justify-content:center}}.placeholder[data-v-870a3acb]{background:var(--card-bg);border:1px dashed var(--card-border);border-radius:var(--radius-lg);padding:48px;text-align:center;color:var(--text-body)}.muted[data-v-870a3acb]{color:var(--text-muted);font-size:13.5px}.login-page[data-v-c37f94ee]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card[data-v-c37f94ee]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:40px;width:100%;max-width:400px;box-shadow:0 10px 30px #0f172a0f}.brand[data-v-c37f94ee]{display:flex;align-items:center;gap:10px;margin-bottom:28px}.brand-mark[data-v-c37f94ee]{width:34px;height:34px;object-fit:contain}.brand-name[data-v-c37f94ee]{font-weight:700;font-size:17px;color:var(--text-heading)}h1[data-v-c37f94ee]{font-size:22px;font-weight:800;margin:0 0 6px;color:var(--text-heading)}.subtitle[data-v-c37f94ee]{font-size:13.5px;color:var(--text-muted);margin:0 0 24px}.field-label[data-v-c37f94ee]{display:block;font-size:13px;font-weight:600;color:var(--text-body);margin-bottom:6px;margin-top:16px}input[data-v-c37f94ee]{width:100%;padding:11px 14px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit}input[data-v-c37f94ee]:focus{outline:2px solid var(--brand-blue);outline-offset:1px}.error-msg[data-v-c37f94ee]{color:#f87171;font-size:13px;margin:14px 0 0}button.btn-block[data-v-c37f94ee]{margin-top:22px}.btn-google[data-v-c37f94ee]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 14px;margin-top:4px;background:#fff;color:#1f1f1f;border:1px solid #dadce0;border-radius:8px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}.btn-google[data-v-c37f94ee]:hover:not(:disabled){background:#f7f8f8}.btn-google[data-v-c37f94ee]:disabled{opacity:.6;cursor:default}.alt-switch[data-v-c37f94ee]{display:flex;align-items:center;gap:12px;margin:18px 0 4px}.alt-line[data-v-c37f94ee]{flex:1;height:1px;background:var(--card-border)}.alt-text[data-v-c37f94ee]{font-size:12px;color:var(--text-muted)}.auth-links[data-v-c37f94ee]{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;font-size:13px}.auth-links a[data-v-c37f94ee]{color:var(--brand-blue);font-weight:600}.auth-links .sep[data-v-c37f94ee]{color:var(--text-muted)}.verify-box[data-v-c37f94ee]{background:#eab3081f;border-radius:10px;padding:14px;margin-top:14px}.verify-note[data-v-c37f94ee]{font-size:12.5px;color:#fcd34d;margin:0 0 10px;line-height:1.6}.verify-box .btn-block[data-v-c37f94ee]{margin-top:0}.verify-box .verify-note[data-v-c37f94ee]:last-child{margin:10px 0 0}.demo-accounts[data-v-c37f94ee]{margin-top:28px;padding-top:20px;border-top:1px solid var(--card-border)}.demo-title[data-v-c37f94ee]{font-size:12px;color:var(--text-muted);margin:0 0 10px}.demo-title code[data-v-c37f94ee]{background:var(--surface-alt);padding:1px 5px;border-radius:4px}.demo-btn[data-v-c37f94ee]{display:block;width:100%;text-align:left;background:var(--surface-alt);border:1px solid var(--card-border);border-radius:8px;padding:9px 12px;font-size:12.5px;color:var(--text-body);cursor:pointer;margin-bottom:8px}.demo-btn[data-v-c37f94ee]:hover{background:var(--surface-alt)}.auth-page[data-v-e15fef5e]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card[data-v-e15fef5e]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:40px;width:100%;max-width:420px;box-shadow:0 10px 30px #0f172a33}.brand[data-v-e15fef5e]{display:flex;align-items:center;gap:10px;margin-bottom:28px}.brand-mark[data-v-e15fef5e]{width:34px;height:34px;object-fit:contain}.brand-name[data-v-e15fef5e]{font-weight:700;font-size:17px;color:var(--text-heading)}h1[data-v-e15fef5e]{font-size:22px;font-weight:800;margin:0 0 6px;color:var(--text-heading)}.subtitle[data-v-e15fef5e]{font-size:13.5px;color:var(--text-muted);margin:0 0 24px;line-height:1.6}.field-label[data-v-e15fef5e]{display:block;font-size:13px;font-weight:600;color:var(--text-body);margin-bottom:6px;margin-top:16px}input[data-v-e15fef5e],select[data-v-e15fef5e]{width:100%;padding:11px 14px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--bg-main);color:var(--text-heading)}input[data-v-e15fef5e]:focus,select[data-v-e15fef5e]:focus{outline:2px solid var(--brand-blue);outline-offset:1px}button.btn-block[data-v-e15fef5e]{margin-top:22px}.btn-google[data-v-e15fef5e]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 14px;background:#fff;color:#1f1f1f;border:1px solid #dadce0;border-radius:8px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}.btn-google[data-v-e15fef5e]:hover:not(:disabled){background:#f7f8f8}.btn-google[data-v-e15fef5e]:disabled{opacity:.6;cursor:default}.google-note[data-v-e15fef5e]{font-size:12px;color:var(--text-muted);margin:10px 0 0;line-height:1.6}.alt-switch[data-v-e15fef5e]{display:flex;align-items:center;gap:12px;margin-top:20px}.alt-line[data-v-e15fef5e]{flex:1;height:1px;background:var(--card-border)}.alt-btn[data-v-e15fef5e]{background:none;border:none;padding:0;color:var(--brand-blue);font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap}.jenjang-note[data-v-e15fef5e]{font-size:12px;color:var(--text-muted);margin:8px 0 0;line-height:1.6}.error-msg[data-v-e15fef5e]{color:#f87171;font-size:13px;margin:14px 0 0}.mismatch-msg[data-v-e15fef5e]{color:#fbbf24;font-size:12.5px;margin:6px 0 0}.foot-link[data-v-e15fef5e]{font-size:13px;color:var(--text-muted);text-align:center;margin:20px 0 0}.foot-link a[data-v-e15fef5e]{color:var(--brand-blue);font-weight:600}.dev-box[data-v-e15fef5e]{background:#eab3081f;border-radius:10px;padding:16px;margin-top:8px}.dev-title[data-v-e15fef5e]{font-size:12.5px;font-weight:700;color:#fcd34d;margin:0 0 6px}.dev-note[data-v-e15fef5e]{font-size:12.5px;color:var(--text-muted);margin:0 0 14px;line-height:1.6}.auth-page[data-v-c0826f66]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card[data-v-c0826f66]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:40px;width:100%;max-width:420px;box-shadow:0 10px 30px #0f172a33}.brand[data-v-c0826f66]{display:flex;align-items:center;gap:10px;margin-bottom:28px}.brand-mark[data-v-c0826f66]{width:34px;height:34px;object-fit:contain}.brand-name[data-v-c0826f66]{font-weight:700;font-size:17px;color:var(--text-heading)}h1[data-v-c0826f66]{font-size:22px;font-weight:800;margin:0 0 6px;color:var(--text-heading)}.subtitle[data-v-c0826f66]{font-size:13.5px;color:var(--text-muted);margin:0 0 24px;line-height:1.6}.field-label[data-v-c0826f66]{display:block;font-size:13px;font-weight:600;color:var(--text-body);margin-bottom:6px;margin-top:16px}input[data-v-c0826f66]{width:100%;padding:11px 14px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--bg-main);color:var(--text-heading)}.btn-block[data-v-c0826f66]{margin-top:20px}.info-msg[data-v-c0826f66]{color:var(--text-muted);font-size:12.5px;margin:12px 0 0;line-height:1.6}.state-msg[data-v-c0826f66]{color:var(--text-muted);font-size:14px;padding:20px 0}.foot-link[data-v-c0826f66]{font-size:13px;color:var(--text-muted);text-align:center;margin:20px 0 0}.foot-link a[data-v-c0826f66]{color:var(--brand-blue);font-weight:600}.auth-page[data-v-ea837afd]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card[data-v-ea837afd]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:40px;width:100%;max-width:420px;box-shadow:0 10px 30px #0f172a33;text-align:center}.brand[data-v-ea837afd]{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:28px}.brand-mark[data-v-ea837afd]{width:34px;height:34px;object-fit:contain}.brand-name[data-v-ea837afd]{font-weight:700;font-size:17px;color:var(--text-heading)}h1[data-v-ea837afd]{font-size:20px;font-weight:800;margin:0 0 6px;color:var(--text-heading)}.subtitle[data-v-ea837afd]{font-size:13.5px;color:var(--text-muted);margin:0 0 20px;line-height:1.6}.foot-link[data-v-ea837afd]{font-size:13px;color:var(--text-muted);margin:18px 0 0}.foot-link a[data-v-ea837afd]{color:var(--brand-blue);font-weight:600}.auth-page[data-v-c92343be]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card[data-v-c92343be]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:40px;width:100%;max-width:420px;box-shadow:0 10px 30px #0f172a33}.brand[data-v-c92343be]{display:flex;align-items:center;gap:10px;margin-bottom:28px}.brand-mark[data-v-c92343be]{width:34px;height:34px;object-fit:contain}.brand-name[data-v-c92343be]{font-weight:700;font-size:17px;color:var(--text-heading)}h1[data-v-c92343be]{font-size:22px;font-weight:800;margin:0 0 6px;color:var(--text-heading)}.subtitle[data-v-c92343be]{font-size:13.5px;color:var(--text-muted);margin:0 0 24px;line-height:1.6}.field-label[data-v-c92343be]{display:block;font-size:13px;font-weight:600;color:var(--text-body);margin-bottom:6px;margin-top:16px}input[data-v-c92343be]{width:100%;padding:11px 14px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--bg-main);color:var(--text-heading)}.btn-block[data-v-c92343be]{margin-top:20px}.error-msg[data-v-c92343be]{color:#f87171;font-size:13px;margin:14px 0 0}.dev-box[data-v-c92343be]{background:#eab3081f;border-radius:10px;padding:16px}.dev-title[data-v-c92343be]{font-size:12.5px;font-weight:700;color:#fcd34d;margin:0 0 6px}.dev-note[data-v-c92343be]{font-size:12.5px;color:var(--text-muted);margin:0 0 14px;line-height:1.6}.foot-link[data-v-c92343be]{font-size:13px;color:var(--text-muted);text-align:center;margin:20px 0 0}.foot-link a[data-v-c92343be]{color:var(--brand-blue);font-weight:600}.auth-page[data-v-e97e169d]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card[data-v-e97e169d]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:40px;width:100%;max-width:420px;box-shadow:0 10px 30px #0f172a33}.brand[data-v-e97e169d]{display:flex;align-items:center;gap:10px;margin-bottom:28px}.brand-mark[data-v-e97e169d]{width:34px;height:34px;object-fit:contain}.brand-name[data-v-e97e169d]{font-weight:700;font-size:17px;color:var(--text-heading)}h1[data-v-e97e169d]{font-size:22px;font-weight:800;margin:0 0 6px;color:var(--text-heading)}.subtitle[data-v-e97e169d]{font-size:13.5px;color:var(--text-muted);margin:0 0 24px;line-height:1.6}.field-label[data-v-e97e169d]{display:block;font-size:13px;font-weight:600;color:var(--text-body);margin-bottom:6px;margin-top:16px}input[data-v-e97e169d]{width:100%;padding:11px 14px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--bg-main);color:var(--text-heading)}.btn-block[data-v-e97e169d]{margin-top:22px}.error-msg[data-v-e97e169d]{color:#f87171;font-size:13px;margin:14px 0 0}.foot-link[data-v-e97e169d]{font-size:13px;color:var(--text-muted);text-align:center;margin:20px 0 0}.foot-link a[data-v-e97e169d]{color:var(--brand-blue);font-weight:600}.donut-card[data-v-68f440d9]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.donut-wrap[data-v-68f440d9]{position:relative;width:112px;height:112px}.donut-svg[data-v-68f440d9]{width:100%;height:100%;transform:rotate(0)}.donut-track[data-v-68f440d9]{fill:none;stroke-width:10}.donut-fill[data-v-68f440d9]{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dasharray .5s ease}.donut-center[data-v-68f440d9]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.donut-value[data-v-68f440d9]{font-size:26px;font-weight:700;color:var(--text-heading);font-variant-numeric:proportional-nums}.donut-label[data-v-68f440d9]{font-size:13.5px;font-weight:600;color:var(--text-heading);margin-top:4px}.donut-subtitle[data-v-68f440d9]{font-size:12px;color:var(--text-muted)}.report[data-v-1a461171]{margin-bottom:36px}.eyebrow[data-v-1a461171]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-1a461171]{font-size:22px;font-weight:800;color:var(--text-heading);margin:0 0 18px}.donut-row[data-v-1a461171]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:28px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px}@media (max-width: 640px){.donut-row[data-v-1a461171]{grid-template-columns:repeat(2,1fr)}}.panel[data-v-9cd44520]{margin-bottom:36px}.eyebrow[data-v-9cd44520]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-9cd44520]{font-size:22px;font-weight:800;color:var(--text-heading);margin:0 0 6px}.section-sub[data-v-9cd44520]{font-size:14px;color:var(--text-muted);margin:0 0 18px}.post-form[data-v-9cd44520]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:10px;margin-bottom:24px}select[data-v-9cd44520],input[data-v-9cd44520],textarea[data-v-9cd44520]{padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical}.post-form .btn[data-v-9cd44520]{align-self:flex-start}.success-msg[data-v-9cd44520]{color:#4ade80;font-size:13px;margin:10px 0 0;line-height:1.6}.error-msg[data-v-9cd44520]{color:#f87171;font-size:13px;margin:0}.announcement-list[data-v-9cd44520]{display:flex;flex-direction:column;gap:12px}.announcement-row[data-v-9cd44520]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:16px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.announcement-meta[data-v-9cd44520]{font-size:11.5px;color:var(--text-muted);font-weight:700;letter-spacing:.03em;margin-bottom:4px}.announcement-title[data-v-9cd44520]{font-size:15px;font-weight:700;color:var(--text-heading);margin-bottom:6px}.announcement-content[data-v-9cd44520]{font-size:13.5px;color:var(--text-body);margin:0;white-space:pre-wrap}.delete-btn[data-v-9cd44520]{background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;flex-shrink:0;padding:4px 6px}.delete-btn[data-v-9cd44520]:hover{color:#f87171}.state-msg[data-v-9cd44520]{color:var(--text-muted);font-size:14px;padding:20px 0}.section-head[data-v-6a14d933]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.eyebrow[data-v-6a14d933]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-6a14d933]{font-size:22px;font-weight:800;color:var(--text-heading);margin:0 0 6px}.section-sub[data-v-6a14d933]{font-size:14px;color:var(--text-muted);margin:0}.sub-banner[data-v-6a14d933]{display:flex;align-items:flex-start;gap:12px;background:#eab3081f;color:#fcd34d;border-radius:12px;padding:14px 18px;margin-bottom:22px;font-size:13.5px;line-height:1.6}.sub-banner[data-v-6a14d933]:hover{filter:brightness(1.1)}.sub-banner.expired[data-v-6a14d933]{background:#ef44441f;color:#fca5a5}.sub-banner-icon[data-v-6a14d933]{font-size:17px;flex-shrink:0}.promo-card[data-v-6a14d933]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:24px}.promo-head[data-v-6a14d933]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.promo-tag[data-v-6a14d933]{font-size:10.5px;font-weight:800;letter-spacing:.08em;color:var(--brand-blue);background:#3b82f624;display:inline-block;padding:3px 9px;border-radius:999px;margin-bottom:8px}.promo-title[data-v-6a14d933]{font-size:16px;font-weight:800;color:var(--text-heading);margin:0 0 5px}.promo-sub[data-v-6a14d933]{font-size:13px;color:var(--text-muted);line-height:1.65;margin:0;max-width:520px}.promo-grid[data-v-6a14d933]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:18px}.promo-item[data-v-6a14d933]{position:relative;display:flex;flex-direction:column;gap:3px;background:var(--surface-alt);border:1.5px solid var(--card-border);border-radius:12px;padding:14px 13px}.promo-item[data-v-6a14d933]:hover{border-color:var(--brand-blue)}.promo-item.hemat[data-v-6a14d933]{border-color:#4ade80}.promo-hemat[data-v-6a14d933]{position:absolute;top:-9px;right:9px;font-size:9.5px;font-weight:800;letter-spacing:.03em;color:#052e16;background:#4ade80;padding:2px 8px;border-radius:999px}.promo-durasi[data-v-6a14d933]{font-size:12.5px;font-weight:700;color:var(--text-body)}.promo-harga[data-v-6a14d933]{font-size:19px;font-weight:800;color:var(--brand-blue);line-height:1.2}.promo-per-bulan[data-v-6a14d933]{font-size:11px;color:var(--text-muted)}.state-msg[data-v-6a14d933]{color:var(--text-muted);font-size:14px;padding:40px 0}.state-msg.error[data-v-6a14d933]{color:#f87171}.section-head[data-v-148b00f9]{margin-bottom:24px}.eyebrow[data-v-148b00f9]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-148b00f9]{font-size:22px;font-weight:800;color:var(--text-heading);margin:0 0 6px}.section-sub[data-v-148b00f9]{font-size:14px;color:var(--text-muted);margin:0}.class-grid[data-v-148b00f9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.course-card[data-v-148b00f9]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden}.course-card.locked[data-v-148b00f9]{opacity:.85}.card-header[data-v-148b00f9]{height:120px;display:flex;align-items:center;justify-content:center;position:relative}.header-icon[data-v-148b00f9]{color:#fff;font-size:34px;font-weight:700}.theme-blue[data-v-148b00f9]{background:linear-gradient(135deg,var(--grad-blue-a),var(--grad-blue-b))}.theme-green[data-v-148b00f9]{background:linear-gradient(135deg,var(--grad-green-a),var(--grad-green-b))}.theme-purple[data-v-148b00f9]{background:linear-gradient(135deg,var(--grad-purple-a),var(--grad-purple-b))}.card-header.has-cover[data-v-148b00f9]{background-size:cover;background-position:center;background-repeat:no-repeat}.card-header.has-cover[data-v-148b00f9]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000059,#0000 55%)}.card-actions[data-v-148b00f9]{z-index:1;position:absolute;top:10px;right:10px;display:flex;gap:4px}.icon-action[data-v-148b00f9]{width:30px;height:30px;border-radius:8px;border:none;background:#ffffff40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-action[data-v-148b00f9]:hover{background:#fff6}.card-body[data-v-148b00f9]{padding:20px 22px 24px}.subject-code[data-v-148b00f9]{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px;display:flex;align-items:center;gap:8px}.locked-badge[data-v-148b00f9]{background:#ef44442e;color:#f87171;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;letter-spacing:.03em}.title[data-v-148b00f9]{font-size:18px;font-weight:700;color:var(--text-heading);margin:0 0 4px}.student-count[data-v-148b00f9]{font-size:13.5px;color:var(--text-muted);margin:0 0 4px}.join-code[data-v-148b00f9]{font-size:12.5px;color:var(--text-muted);margin:0 0 16px}.join-code strong[data-v-148b00f9]{color:var(--brand-blue);letter-spacing:.05em}.state-msg[data-v-148b00f9]{color:var(--text-muted);font-size:14px;padding:40px 0}.state-msg.error[data-v-148b00f9]{color:#f87171}.modal-backdrop[data-v-148b00f9]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0b73;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal[data-v-148b00f9]{background:var(--card-bg);border-radius:14px;padding:28px;width:100%;max-width:400px;box-shadow:0 20px 50px #0003}.modal-title[data-v-148b00f9]{font-size:18px;font-weight:700;color:var(--text-heading);margin:0 0 18px}.field-label[data-v-148b00f9]{display:block;font-size:13px;font-weight:600;color:var(--text-body);margin-bottom:6px;margin-top:14px}.modal input[data-v-148b00f9],.modal select[data-v-148b00f9]{width:100%;padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit}.error-msg[data-v-148b00f9]{color:#f87171;font-size:13px;margin:12px 0 0}.modal-actions[data-v-148b00f9]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.two-col[data-v-148b00f9]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-label .hint[data-v-148b00f9]{font-weight:400;color:var(--text-muted)}@media (max-width: 480px){.two-col[data-v-148b00f9]{grid-template-columns:1fr}}.latar-baris[data-v-148b00f9]{display:flex;gap:14px;align-items:flex-start}.latar-pratinjau[data-v-148b00f9]{flex-shrink:0;width:104px;height:64px;border-radius:8px;border:1px solid var(--card-border);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.latar-kosong[data-v-148b00f9]{font-size:10.5px;font-weight:600;color:#ffffffd9}.latar-aksi[data-v-148b00f9]{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.latar-hint[data-v-148b00f9]{flex-basis:100%;font-size:11.5px;color:var(--text-muted);margin:0}.latar-input[data-v-148b00f9]{display:none}.btn-sm[data-v-148b00f9]{padding:6px 13px;font-size:12.5px}.btn-outline.danger[data-v-148b00f9]{color:#f87171;border-color:#f8717173}.eyebrow[data-v-2302e4ba]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-2302e4ba]{font-size:22px;font-weight:800;color:var(--text-heading);margin:0 0 6px}.section-sub[data-v-2302e4ba]{font-size:14px;color:var(--text-muted);margin:0 0 24px;max-width:620px}.class-grid[data-v-2302e4ba]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.course-card[data-v-2302e4ba]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden;opacity:.85}.card-header[data-v-2302e4ba]{height:120px;display:flex;align-items:center;justify-content:center;position:relative;filter:grayscale(.4)}.header-icon[data-v-2302e4ba]{color:#fff;font-size:34px;font-weight:700}.theme-blue[data-v-2302e4ba]{background:linear-gradient(135deg,var(--grad-blue-a),var(--grad-blue-b))}.theme-green[data-v-2302e4ba]{background:linear-gradient(135deg,var(--grad-green-a),var(--grad-green-b))}.theme-purple[data-v-2302e4ba]{background:linear-gradient(135deg,var(--grad-purple-a),var(--grad-purple-b))}.card-header.has-cover[data-v-2302e4ba]{background-size:cover;background-position:center;background-repeat:no-repeat}.archived-badge[data-v-2302e4ba]{position:absolute;top:10px;right:10px;background:#0006;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;letter-spacing:.03em}.card-body[data-v-2302e4ba]{padding:20px 22px 24px}.subject-code[data-v-2302e4ba]{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px}.title[data-v-2302e4ba]{font-size:18px;font-weight:700;color:var(--text-heading);margin:0 0 4px}.periode[data-v-2302e4ba]{font-size:12px;color:var(--brand-blue);font-weight:600;margin:0 0 4px}.student-count[data-v-2302e4ba]{font-size:13.5px;color:var(--text-muted);margin:0 0 16px}.card-actions-row[data-v-2302e4ba]{display:flex;flex-direction:column;gap:8px}.state-msg[data-v-2302e4ba]{color:var(--text-muted);font-size:14px;padding:40px 0}.state-msg.error[data-v-2302e4ba]{color:#f87171}.page-head[data-v-ee0988fc]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.eyebrow[data-v-ee0988fc]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-ee0988fc]{font-size:22px;font-weight:800;color:var(--text-heading);margin:0 0 6px}.section-sub[data-v-ee0988fc]{font-size:14px;color:var(--text-muted);margin:0;max-width:620px;line-height:1.6}.saring[data-v-ee0988fc]{display:flex;gap:26px;flex-wrap:wrap;margin-bottom:20px}.saring-label[data-v-ee0988fc]{display:block;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.saring-baris[data-v-ee0988fc]{display:flex;gap:8px;flex-wrap:wrap}.saring-chip[data-v-ee0988fc]{padding:8px 18px;border-radius:999px;cursor:pointer;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-body);font-size:13px;font-weight:600;font-family:inherit}.saring-chip.aktif[data-v-ee0988fc]{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.ringkas-baris[data-v-ee0988fc]{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.ringkas-kotak[data-v-ee0988fc]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:14px 22px;text-align:center}.ringkas-angka[data-v-ee0988fc]{display:block;font-size:22px;font-weight:800;color:var(--brand-blue)}.ringkas-label[data-v-ee0988fc]{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.formula-note[data-v-ee0988fc]{font-size:12.5px;color:var(--text-muted);margin:0 0 20px;line-height:1.7}.kelas-blok[data-v-ee0988fc]{margin-bottom:26px}.kelas-kepala[data-v-ee0988fc]{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.kelas-kode[data-v-ee0988fc]{font-size:11.5px;font-weight:700;color:var(--brand-blue);letter-spacing:.03em}.kelas-judul[data-v-ee0988fc]{font-size:17px;font-weight:800;color:var(--text-heading);margin:2px 0 0}.kelas-meta[data-v-ee0988fc]{font-size:12.5px;color:var(--text-muted)}.tabel-bungkus[data-v-ee0988fc]{overflow-x:auto;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px}.raport-tabel[data-v-ee0988fc]{width:100%;border-collapse:collapse;min-width:780px}.raport-tabel th[data-v-ee0988fc]{text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:var(--surface-alt);padding:11px 10px;border-bottom:1px solid var(--card-border);white-space:nowrap}.raport-tabel th.lekat[data-v-ee0988fc]{text-align:left}.raport-tabel td[data-v-ee0988fc]{padding:10px;border-bottom:1px solid var(--card-border);font-size:13px;vertical-align:middle}.raport-tabel tr:last-child td[data-v-ee0988fc]{border-bottom:none}.lekat[data-v-ee0988fc]{position:sticky;left:0;background:var(--card-bg);z-index:1}.raport-tabel th.lekat[data-v-ee0988fc]{background:var(--surface-alt)}.nama[data-v-ee0988fc]{font-weight:600;color:var(--text-heading)}.nim[data-v-ee0988fc]{font-size:11.5px;color:var(--text-muted);margin-top:2px}.angka-sel[data-v-ee0988fc]{text-align:center;font-variant-numeric:tabular-nums;color:var(--text-body)}.akhir-sel[data-v-ee0988fc]{white-space:nowrap}.akhir-angka[data-v-ee0988fc]{font-size:15px;font-weight:800;color:var(--text-heading)}.huruf[data-v-ee0988fc]{display:inline-block;margin-left:7px;padding:2px 9px;border-radius:999px;background:#4ade8029;color:#4ade80;font-size:11.5px;font-weight:800}.sementara[data-v-ee0988fc]{display:block;font-size:11px;color:var(--text-muted);font-style:italic;margin-top:2px}.catatan[data-v-ee0988fc]{font-size:12.5px;color:var(--text-muted);line-height:1.65;margin:6px 0 0;max-width:720px}.state-msg[data-v-ee0988fc]{color:var(--text-muted);font-size:14px;padding:40px 0}.state-msg.kecil[data-v-ee0988fc]{padding:16px 0;font-size:13px}.state-msg.error[data-v-ee0988fc]{color:#f87171}.error-msg[data-v-ee0988fc]{color:#f87171;font-size:13px;margin:12px 0 0}@media (max-width: 640px){.page-head .btn[data-v-ee0988fc]{width:100%}.kelas-kepala[data-v-ee0988fc]{align-items:flex-start}}.card-title[data-v-7678b2cd]{font-size:20px;font-weight:800;color:var(--text-heading);margin:0 0 18px}.ttd-label[data-v-7678b2cd]{font-size:13px;font-weight:600;color:var(--text-body);margin:0 0 8px}.ttd-papan[data-v-7678b2cd]{position:relative;background:#fff;border:1px solid var(--card-border);border-radius:10px;height:170px;margin-bottom:18px;overflow:hidden}.ttd-papan.tersimpan[data-v-7678b2cd]{display:flex;align-items:center;justify-content:center}.ttd-papan.tersimpan img[data-v-7678b2cd]{max-width:100%;max-height:100%;object-fit:contain}.ttd-kanvas[data-v-7678b2cd]{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.ttd-petunjuk[data-v-7678b2cd]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:13px;pointer-events:none}.ttd-aksi[data-v-7678b2cd]{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ttd-kanan[data-v-7678b2cd]{display:flex;gap:10px}.btn-ulangi[data-v-7678b2cd]{background:#dc2626;color:#fff;border:none;padding:9px 20px;border-radius:8px;font-size:13.5px;font-weight:700;font-family:inherit;cursor:pointer}.btn-simpan[data-v-7678b2cd]{background:#111827;color:#fff;border:none;padding:9px 20px;border-radius:8px;font-size:13.5px;font-weight:700;font-family:inherit;cursor:pointer}.btn-ulangi[data-v-7678b2cd]:disabled,.btn-simpan[data-v-7678b2cd]:disabled{opacity:.5;cursor:default}.btn-sm[data-v-7678b2cd]{padding:8px 14px;font-size:12.5px}.error-msg[data-v-7678b2cd]{color:#f87171;font-size:13px;margin:0 0 10px}.success-msg[data-v-7678b2cd]{color:#4ade80;font-size:13px;margin:0 0 10px}.switch{position:relative;display:inline-flex;width:40px;height:22px;flex-shrink:0}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-alt);border:1px solid var(--card-border);border-radius:999px;cursor:pointer;transition:background .15s ease}.switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .15s ease}.switch input:checked+.switch-track{background:var(--brand-blue);border-color:var(--brand-blue)}.switch input:checked+.switch-track .switch-thumb{transform:translate(18px)}.settings-card[data-v-a340a674]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:28px 30px;max-width:680px;margin:0 auto 24px}.card-title[data-v-a340a674]{font-size:20px;font-weight:800;color:var(--text-heading);margin:0 0 18px}.card-sub[data-v-a340a674]{font-size:13.5px;color:var(--text-muted);margin:-10px 0 18px;line-height:1.6}.pw-field[data-v-a340a674]{position:relative}.pw-field input[data-v-a340a674]{padding-right:44px}.pw-toggle[data-v-a340a674]{background:none;border:none;cursor:pointer;padding:2px 6px;color:var(--text-muted);display:inline-flex;align-items:center}.pw-toggle[data-v-a340a674]:hover{color:var(--brand-blue)}.pw-toggle.inside[data-v-a340a674]{position:absolute;right:6px;top:50%;transform:translateY(-50%)}.pw-view[data-v-a340a674]{display:flex;align-items:center;gap:8px}.pw-lock[data-v-a340a674]{color:var(--text-muted);display:inline-flex}.pw-view .field-value[data-v-a340a674]{letter-spacing:.12em}.ttd-kotak[data-v-a340a674]{width:150px;height:66px;flex-shrink:0;border:1px dashed var(--card-border);border-radius:10px;background:var(--surface-alt);display:flex;align-items:center;justify-content:center;overflow:hidden}.ttd-kotak img[data-v-a340a674]{max-width:100%;max-height:100%;object-fit:contain;background:#fff}.ttd-kosong[data-v-a340a674]{font-size:11px;color:var(--text-muted)}.wajib-tag[data-v-a340a674]{font-size:10.5px;font-weight:800;letter-spacing:.06em;color:#fcd34d;background:#eab30829;padding:3px 9px;border-radius:999px;vertical-align:middle;margin-left:8px}.wajib-kotak[data-v-a340a674]{font-size:12.5px;line-height:1.65;margin:0 0 16px;background:#eab3081f;color:#fcd34d;padding:11px 13px;border-radius:8px}.wajib-kotak strong[data-v-a340a674]{color:#fde68a}.logo-row[data-v-a340a674]{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:6px 0}.logo-row .field-label-col[data-v-a340a674]{flex:1;min-width:160px}.logo-kotak[data-v-a340a674]{width:64px;height:64px;flex-shrink:0;border:1px solid var(--card-border);border-radius:12px;background:var(--surface-alt);display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-kotak img[data-v-a340a674]{max-width:100%;max-height:100%;object-fit:contain}.logo-kosong[data-v-a340a674]{font-size:10.5px;color:var(--text-muted)}.logo-unggah[data-v-a340a674]{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-top:16px}.logo-unggah input[type=file][data-v-a340a674]{width:100%;max-width:360px;padding:9px 12px;border:1px solid var(--card-border);border-radius:8px;font-size:13.5px;font-family:inherit;background:var(--bg-main);color:var(--text-heading)}.bg-grid[data-v-a340a674]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:20px}.bg-option[data-v-a340a674]{background:none;border:2px solid var(--card-border);border-radius:12px;padding:6px;cursor:pointer;font-family:inherit;text-align:center;display:flex;flex-direction:column;gap:6px}.bg-option[data-v-a340a674]:hover{border-color:var(--brand-blue)}.bg-option.selected[data-v-a340a674]{border-color:var(--brand-blue);box-shadow:0 0 0 3px #3b82f633}.bg-preview[data-v-a340a674]{display:block;aspect-ratio:16 / 10;border-radius:8px;overflow:hidden;background:var(--surface-alt)}.bg-preview img[data-v-a340a674]{width:100%;height:100%;object-fit:cover;display:block}.default-preview[data-v-a340a674]{display:flex;align-items:center;justify-content:center}.bg-batik[data-v-a340a674]{font-size:12px;color:var(--text-muted);font-weight:600}.bg-name[data-v-a340a674]{font-size:12px;color:var(--text-body);font-weight:600}.bg-upload input[type=file][data-v-a340a674]{width:100%;padding:9px 12px;border:1px solid var(--card-border);border-radius:8px;font-size:13.5px;font-family:inherit;background:var(--bg-main);color:var(--text-heading)}.hint[data-v-a340a674]{font-size:12.5px;color:var(--text-muted);margin:8px 0 0}.field-row[data-v-a340a674]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 0}.field-label-col[data-v-a340a674]{flex:1;min-width:0}.field-label[data-v-a340a674]{font-size:13.5px;font-weight:600;color:var(--text-body);margin-bottom:4px}.field-hint[data-v-a340a674]{font-size:12.5px;color:var(--text-muted);margin:0}.field-value[data-v-a340a674]{font-size:15px;color:var(--text-heading);margin:0}.field-value.empty[data-v-a340a674]{color:var(--text-muted);font-style:italic;font-size:14px}.profile-view[data-v-a340a674]{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px 28px;padding:4px 0 2px}.profile-item[data-v-a340a674]{min-width:0}.profile-edit-row[data-v-a340a674]{display:flex;justify-content:flex-end;margin-top:14px}.profile-form[data-v-a340a674]{display:flex;flex-direction:column;gap:4px;max-width:520px}.profile-form .field-label[data-v-a340a674]{margin-top:12px}.profile-form input[data-v-a340a674],.profile-form textarea[data-v-a340a674]{padding:9px 12px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical}.profile-form input[data-v-a340a674]:disabled{color:var(--text-muted);cursor:not-allowed}.profile-form .two-col[data-v-a340a674]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-form .inline-edit-actions[data-v-a340a674]{margin-top:16px}.divider[data-v-a340a674]{height:1px;background:var(--card-border)}@media (max-width: 640px){.settings-card[data-v-a340a674]{padding:18px 16px}.profile-view[data-v-a340a674]{grid-template-columns:1fr;gap:14px}.profile-form[data-v-a340a674]{max-width:none}.profile-form .two-col[data-v-a340a674]{grid-template-columns:1fr}.field-row[data-v-a340a674]{flex-wrap:wrap;gap:10px}.avatar-circle[data-v-a340a674]{width:56px;height:56px;font-size:18px}.inline-edit-form[data-v-a340a674]{max-width:none}.bg-grid[data-v-a340a674]{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}.link-btn[data-v-a340a674]{background:none;border:none;color:var(--brand-blue);font-size:13px;font-weight:600;cursor:pointer;padding:4px 0;flex-shrink:0}.avatar-circle[data-v-a340a674]{width:48px;height:48px;border-radius:50%;background:var(--brand-blue);color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.avatar-circle-img[data-v-a340a674]{width:100%;height:100%;object-fit:cover}.avatar-actions[data-v-a340a674]{display:flex;gap:14px;margin-top:6px}.link-btn.danger[data-v-a340a674]{color:#f87171}.hidden-input[data-v-a340a674]{display:none}.inline-edit-form[data-v-a340a674]{display:flex;flex-direction:column;gap:8px;max-width:320px}.inline-edit-form input[data-v-a340a674]{padding:9px 12px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--bg-main);color:var(--text-heading)}.inline-edit-actions[data-v-a340a674]{display:flex;gap:8px}.btn-sm[data-v-a340a674]{padding:6px 14px;font-size:12.5px}.error-msg[data-v-a340a674]{color:#f87171;font-size:12.5px;margin:0}.success-msg[data-v-a340a674]{color:#4ade80;font-size:12.5px;margin:0}.group-title[data-v-a340a674]{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin:0 0 14px}.toggle-row[data-v-a340a674]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}.toggle-label[data-v-a340a674]{font-size:14px;color:var(--text-body)}.state-msg[data-v-a340a674]{color:var(--text-muted);font-size:14px;padding:10px 0}.eyebrow[data-v-084fe906]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-084fe906]{font-size:22px;font-weight:800;color:var(--text-heading);margin:0 0 6px}.section-sub[data-v-084fe906]{font-size:14px;color:var(--text-muted);margin:0 0 24px}.stat-grid[data-v-084fe906]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card[data-v-084fe906]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:20px 22px}.stat-label[data-v-084fe906]{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.stat-value[data-v-084fe906]{font-size:30px;font-weight:800;color:var(--brand-blue)}.shortcut-row[data-v-084fe906]{display:flex;gap:12px;flex-wrap:wrap}.state-msg[data-v-084fe906]{color:var(--text-muted);font-size:14px;padding:40px 0}.state-msg.error[data-v-084fe906]{color:#f87171}.page-head[data-v-25fdf62f]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.eyebrow[data-v-25fdf62f]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-25fdf62f]{font-size:22px;font-weight:800;color:var(--text-heading);margin:0 0 6px}.section-sub[data-v-25fdf62f]{font-size:14px;color:var(--text-muted);margin:0;max-width:560px}.toolbar[data-v-25fdf62f]{display:flex;gap:12px;margin-bottom:18px;flex-wrap:wrap}.search-input[data-v-25fdf62f]{padding:10px 14px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--card-bg);color:var(--text-heading);flex:1;min-width:220px;max-width:380px}.table-wrap[data-v-25fdf62f]{overflow-x:auto;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg)}.user-table[data-v-25fdf62f]{width:100%;border-collapse:collapse;min-width:700px}.user-table th[data-v-25fdf62f]{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:var(--surface-alt);padding:12px 16px;border-bottom:1px solid var(--card-border);white-space:nowrap}.user-table td[data-v-25fdf62f]{padding:12px 16px;border-bottom:1px solid var(--card-border);font-size:14px;vertical-align:middle}.user-table tr:last-child td[data-v-25fdf62f]{border-bottom:none}.right[data-v-25fdf62f]{text-align:right}.muted-cell[data-v-25fdf62f]{color:var(--text-muted);font-size:13px}.user-cell[data-v-25fdf62f]{display:flex;align-items:center;gap:10px}.avatar-sm[data-v-25fdf62f]{width:32px;height:32px;border-radius:50%;background:#3b82f62e;color:var(--brand-blue);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.avatar-sm-img[data-v-25fdf62f]{width:100%;height:100%;object-fit:cover}.user-name[data-v-25fdf62f]{font-weight:600;color:var(--text-heading)}.user-label[data-v-25fdf62f]{font-size:12px;color:var(--text-muted);margin-top:2px}.jenjang-chip[data-v-25fdf62f]{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:#3b82f629;color:#60a5fa;font-size:11px;font-weight:700;vertical-align:middle}.student-id[data-v-25fdf62f]{font-weight:700;color:var(--brand-blue);font-size:12.5px;letter-spacing:.02em}.action-row[data-v-25fdf62f]{display:flex;gap:12px;justify-content:flex-end}.link-btn[data-v-25fdf62f]{background:none;border:none;padding:0;color:var(--brand-blue);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.link-btn.danger[data-v-25fdf62f]{color:#f87171}.state-msg[data-v-25fdf62f]{color:var(--text-muted);font-size:14px;padding:40px 0}.state-msg.error[data-v-25fdf62f]{color:#f87171}.modal-backdrop[data-v-25fdf62f]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0b80;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal[data-v-25fdf62f]{background:var(--card-bg);border-radius:14px;padding:28px;width:100%;max-width:440px;box-shadow:0 20px 50px #0000004d;max-height:90vh;overflow-y:auto}.modal-title[data-v-25fdf62f]{font-size:18px;font-weight:700;color:var(--text-heading);margin:0 0 4px}.modal-sub[data-v-25fdf62f]{font-size:13px;color:var(--text-muted);margin:0 0 16px}.field-label[data-v-25fdf62f]{display:block;font-size:13px;font-weight:600;color:var(--text-body);margin:14px 0 6px}.modal input[data-v-25fdf62f],.modal select[data-v-25fdf62f]{width:100%;padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--bg-main);color:var(--text-heading)}.modal-actions[data-v-25fdf62f]{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.error-msg[data-v-25fdf62f]{color:#f87171;font-size:13px;margin:12px 0 0}.success-msg[data-v-25fdf62f]{color:#4ade80;font-size:13px;margin:12px 0 0}.hint-msg[data-v-25fdf62f]{color:var(--text-muted);font-size:12.5px;margin:8px 0 0;font-style:italic}.eyebrow[data-v-c5d9bc51]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-c5d9bc51]{font-size:22px;font-weight:800;color:var(--text-heading);margin:0 0 6px}.section-sub[data-v-c5d9bc51]{font-size:14px;color:var(--text-muted);margin:0 0 24px}.table-wrap[data-v-c5d9bc51]{overflow-x:auto;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg)}.class-table[data-v-c5d9bc51]{width:100%;border-collapse:collapse;min-width:800px}.class-table th[data-v-c5d9bc51]{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:var(--surface-alt);padding:12px 16px;border-bottom:1px solid var(--card-border);white-space:nowrap}.class-table td[data-v-c5d9bc51]{padding:12px 16px;border-bottom:1px solid var(--card-border);font-size:14px;vertical-align:middle}.class-table tr:last-child td[data-v-c5d9bc51]{border-bottom:none}.class-table tr.archived[data-v-c5d9bc51]{opacity:.6}.center[data-v-c5d9bc51]{text-align:center}.right[data-v-c5d9bc51]{text-align:right}.muted-cell[data-v-c5d9bc51]{color:var(--text-muted);font-size:13px}.class-cell[data-v-c5d9bc51]{display:flex;align-items:center;gap:12px}.class-dot[data-v-c5d9bc51]{width:10px;height:10px;border-radius:50%;flex-shrink:0}.class-dot.theme-blue[data-v-c5d9bc51]{background:var(--grad-blue-b)}.class-dot.theme-green[data-v-c5d9bc51]{background:var(--grad-green-b)}.class-dot.theme-purple[data-v-c5d9bc51]{background:var(--grad-purple-b)}.class-title[data-v-c5d9bc51]{font-weight:600;color:var(--text-heading)}.class-code[data-v-c5d9bc51]{font-size:12px;color:var(--text-muted);margin-top:2px}.join-code[data-v-c5d9bc51]{background:var(--surface-alt);color:var(--brand-blue);padding:3px 9px;border-radius:6px;font-size:12.5px;font-weight:700;letter-spacing:.05em}.status-pill[data-v-c5d9bc51]{display:inline-block;font-size:11px;font-weight:700;padding:4px 11px;border-radius:999px;white-space:nowrap;margin-right:6px}.status-pill.active[data-v-c5d9bc51]{background:#22c55e2e;color:#4ade80}.status-pill.archived[data-v-c5d9bc51]{background:var(--surface-alt);color:var(--text-muted)}.status-pill.locked[data-v-c5d9bc51]{background:#ef44442e;color:#f87171}.action-row[data-v-c5d9bc51]{display:flex;gap:12px;justify-content:flex-end}.link-btn[data-v-c5d9bc51]{background:none;border:none;padding:0;color:var(--brand-blue);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.link-btn.danger[data-v-c5d9bc51]{color:#f87171}.state-msg[data-v-c5d9bc51]{color:var(--text-muted);font-size:14px;padding:40px 0}.state-msg.error[data-v-c5d9bc51]{color:#f87171}.paket-card[data-v-d31103e3]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:24px 26px;max-width:820px}.paket-table-wrap[data-v-d31103e3]{overflow-x:auto}.paket-title[data-v-d31103e3]{font-size:16px;font-weight:800;color:var(--text-heading);margin:0 0 6px}.paket-sub[data-v-d31103e3]{font-size:13px;color:var(--text-muted);line-height:1.65;margin:0 0 18px}.paket-table[data-v-d31103e3]{width:100%;border-collapse:collapse;font-size:13.5px}.paket-table th[data-v-d31103e3],.paket-table td[data-v-d31103e3]{padding:10px 8px;text-align:left;border-bottom:1px solid var(--card-border)}.paket-table th[data-v-d31103e3]{font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted)}.paket-table[data-v-d31103e3]{min-width:620px}.kol-per-bulan[data-v-d31103e3]{color:var(--text-muted);white-space:nowrap}.kol-bulan[data-v-d31103e3]{width:110px}.kol-aktif[data-v-d31103e3]{width:90px;text-align:center}.kol-aksi[data-v-d31103e3]{width:70px;text-align:right}.nama-input[data-v-d31103e3],.bulan-input[data-v-d31103e3]{width:100%;padding:7px 10px;border:1px solid var(--card-border);border-radius:8px;font-size:13.5px;font-family:inherit;background:var(--bg-main);color:var(--text-heading)}.bulan-input[data-v-d31103e3]{max-width:90px}.link-btn[data-v-d31103e3]{background:none;border:none;padding:0;color:var(--brand-blue);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.aktif-box[data-v-d31103e3]{width:17px;height:17px;accent-color:var(--brand-blue);cursor:pointer}.harga-input[data-v-d31103e3]{width:100%;max-width:160px;padding:7px 10px;border:1px solid var(--card-border);border-radius:8px;font-size:13.5px;font-family:inherit;background:var(--bg-main);color:var(--text-heading)}.paket-actions[data-v-d31103e3]{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}.paket-catatan[data-v-d31103e3]{font-size:12.5px;color:var(--text-muted);line-height:1.65;margin:14px 0 0}.success-msg[data-v-d31103e3]{color:#4ade80;font-size:12.5px;margin:12px 0 0}.page-head[data-v-d31103e3]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.eyebrow[data-v-d31103e3]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-d31103e3]{font-size:22px;font-weight:800;color:var(--text-heading);margin:0 0 6px}.section-sub[data-v-d31103e3]{font-size:14px;color:var(--text-muted);margin:0;max-width:620px}.tabs[data-v-d31103e3]{display:flex;gap:28px;border-bottom:1px solid var(--card-border);margin-bottom:22px}.tab[data-v-d31103e3]{background:none;border:none;padding:10px 2px;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:3px solid transparent;display:flex;align-items:center;gap:8px}.tab.active[data-v-d31103e3]{color:var(--brand-blue);border-bottom-color:var(--brand-blue)}.tab-badge[data-v-d31103e3]{background:#f87171;color:#fff;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:999px}.table-wrap[data-v-d31103e3]{overflow-x:auto;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg)}.data-table[data-v-d31103e3]{width:100%;border-collapse:collapse;min-width:720px}.data-table th[data-v-d31103e3]{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:var(--surface-alt);padding:12px 16px;border-bottom:1px solid var(--card-border);white-space:nowrap}.data-table td[data-v-d31103e3]{padding:12px 16px;border-bottom:1px solid var(--card-border);font-size:14px;vertical-align:middle}.data-table tr:last-child td[data-v-d31103e3]{border-bottom:none}.center[data-v-d31103e3]{text-align:center}.right[data-v-d31103e3]{text-align:right}.name[data-v-d31103e3]{font-weight:600;color:var(--text-heading)}.role-tag[data-v-d31103e3]{font-size:10px;font-weight:700;color:var(--brand-blue);background:#3b82f62e;padding:2px 7px;border-radius:999px;margin-left:6px;vertical-align:middle}.muted-sub[data-v-d31103e3]{font-size:12.5px;color:var(--text-muted);margin-top:2px}.muted-cell[data-v-d31103e3]{color:var(--text-muted);font-size:13px}.text-danger[data-v-d31103e3]{color:#f87171;font-weight:700}.countdown-cell[data-v-d31103e3]{font-variant-numeric:tabular-nums;font-size:13px;white-space:nowrap}.head-actions[data-v-d31103e3]{display:flex;gap:10px;flex-wrap:wrap}.attention-box[data-v-d31103e3]{background:var(--card-bg);border:1px solid var(--card-border);border-left:4px solid #fbbf24;border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:20px}.attention-title[data-v-d31103e3]{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.attention-list[data-v-d31103e3]{display:flex;flex-wrap:wrap;gap:8px}.attention-chip[data-v-d31103e3]{font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;white-space:nowrap}.attention-chip.soon[data-v-d31103e3]{background:#eab3082e;color:#fbbf24}.attention-chip.warn[data-v-d31103e3]{background:#f973162e;color:#fb923c}.attention-chip.danger[data-v-d31103e3]{background:#ef44442e;color:#f87171}.price-cell[data-v-d31103e3]{font-weight:700;color:var(--brand-blue);white-space:nowrap}.hint-msg[data-v-d31103e3]{font-size:12.5px;color:var(--text-muted);margin:12px 0 0;line-height:1.6;font-style:italic}.hint-inline[data-v-d31103e3]{font-weight:400;color:var(--brand-blue);margin-left:6px}.review-modal[data-v-d31103e3]{max-width:720px}.review-bank[data-v-d31103e3]{font-size:13px;color:var(--text-body);background:var(--surface-alt);border-radius:8px;padding:12px 14px;margin-bottom:14px;line-height:1.6}.review-proof[data-v-d31103e3]{border:1px solid var(--card-border);border-radius:10px;overflow:hidden;background:#111}.proof-frame[data-v-d31103e3]{display:block;width:100%;height:60vh;min-height:420px;border:none}.proof-image[data-v-d31103e3]{display:block;width:100%;max-height:60vh;object-fit:contain}.proof-fallback[data-v-d31103e3]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px 20px;text-align:center;color:var(--text-muted);font-size:14px;background:var(--surface-alt)}.proof-name[data-v-d31103e3]{font-size:12px;color:var(--text-muted);margin:8px 0 0}.reject-box[data-v-d31103e3]{background:#ef44441a;border-radius:10px;padding:14px 16px;margin-top:16px}.reject-box .field-label[data-v-d31103e3]{margin-top:0}.reject-box input[data-v-d31103e3]{margin-top:8px}.danger-btn[data-v-d31103e3]{background:#ef4444}.status-pill[data-v-d31103e3]{display:inline-block;font-size:11px;font-weight:700;padding:4px 11px;border-radius:999px;white-space:nowrap;margin-right:6px}.status-pill.menunggu_pembayaran[data-v-d31103e3]{background:var(--surface-alt);color:var(--text-muted)}.status-pill.menunggu_verifikasi[data-v-d31103e3]{background:#eab3082e;color:#fbbf24}.status-pill.lunas[data-v-d31103e3]{background:#22c55e2e;color:#4ade80}.status-pill.ditolak[data-v-d31103e3]{background:#ef44442e;color:#f87171}.invoice-list[data-v-d31103e3]{display:flex;flex-direction:column;gap:14px;max-width:760px}.invoice-card[data-v-d31103e3]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:20px 22px}.invoice-head[data-v-d31103e3]{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.invoice-amount[data-v-d31103e3]{font-size:19px;font-weight:800;color:var(--text-heading)}.invoice-note[data-v-d31103e3]{font-size:13px;color:var(--text-muted);margin:12px 0 0;background:var(--surface-alt);padding:10px 12px;border-radius:8px}.invoice-actions[data-v-d31103e3]{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.btn-sm[data-v-d31103e3]{padding:7px 14px;font-size:12.5px}.btn-outline.danger[data-v-d31103e3]{color:#f87171;border-color:#ef444466}.proof-row[data-v-d31103e3]{margin-top:14px}.proof-meta[data-v-d31103e3]{font-size:12.5px;color:var(--text-muted);margin-bottom:6px}.proof-meta strong[data-v-d31103e3]{color:var(--text-heading)}.proof-empty[data-v-d31103e3]{font-size:12.5px;color:var(--text-muted);font-style:italic;margin:14px 0 0;padding:10px 12px;background:var(--surface-alt);border-radius:8px}.link-btn[data-v-d31103e3]{background:none;border:none;padding:0;color:var(--brand-blue);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;text-align:left;white-space:nowrap}.action-row[data-v-d31103e3]{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.link-btn.danger[data-v-d31103e3]{color:#f87171}.link-btn.ok[data-v-d31103e3]{color:#4ade80}.link-btn[data-v-d31103e3]:disabled{opacity:.55;cursor:default}.field-hint[data-v-d31103e3]{font-size:12px;color:var(--text-muted);margin:6px 0 0;line-height:1.6}.inline-viewer[data-v-d31103e3]{margin-top:10px;border:1px solid var(--card-border);border-radius:10px;overflow:hidden;background:var(--surface-alt)}.inline-frame[data-v-d31103e3]{display:block;width:100%;height:70vh;min-height:500px;border:none}.inline-image[data-v-d31103e3]{display:block;width:100%;max-height:70vh;object-fit:contain;background:#111}.inline-fallback[data-v-d31103e3]{padding:26px;text-align:center}.state-msg[data-v-d31103e3]{color:var(--text-muted);font-size:14px;padding:40px 0}.modal-backdrop[data-v-d31103e3]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0b80;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal[data-v-d31103e3]{background:var(--card-bg);border-radius:14px;padding:28px;width:100%;max-width:440px;box-shadow:0 20px 50px #0000004d;max-height:90vh;overflow-y:auto}.modal-title[data-v-d31103e3]{font-size:18px;font-weight:700;color:var(--text-heading);margin:0 0 4px}.field-label[data-v-d31103e3]{display:block;font-size:13px;font-weight:600;color:var(--text-body);margin:14px 0 6px}.section-divider[data-v-d31103e3]{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);border-top:1px solid var(--card-border);margin-top:22px;padding-top:16px}.modal input[data-v-d31103e3],.modal select[data-v-d31103e3]{width:100%;padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--bg-main);color:var(--text-heading)}.modal-actions[data-v-d31103e3]{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.error-msg[data-v-d31103e3]{color:#f87171;font-size:13px;margin:12px 0 0}.pilih-ikon[data-v-6178d6e5]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pratinjau[data-v-6178d6e5]{width:46px;height:46px;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--card-border);border-radius:10px;background:var(--bg-main);font-size:20px}.pratinjau-img[data-v-6178d6e5]{width:100%;height:100%;object-fit:contain}.kendali[data-v-6178d6e5]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.emoji-input[data-v-6178d6e5]{width:66px;text-align:center;font-size:18px;padding:8px 6px;border:1px solid var(--card-border);border-radius:8px;font-family:inherit;background:var(--bg-main);color:var(--text-heading)}.emoji-input[data-v-6178d6e5]:disabled{opacity:.45}.tersembunyi[data-v-6178d6e5]{display:none}.link-btn[data-v-6178d6e5]{background:none;border:none;padding:0;color:var(--brand-blue);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.link-btn.danger[data-v-6178d6e5]{color:#f87171}.link-btn[data-v-6178d6e5]:disabled{opacity:.55;cursor:default}.error-msg[data-v-6178d6e5]{color:#f87171;font-size:12.5px;margin:0;width:100%}.page-head[data-v-b4ccab23]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.eyebrow[data-v-b4ccab23]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-b4ccab23]{font-size:22px;font-weight:800;color:var(--text-heading);margin:0 0 6px}.section-sub[data-v-b4ccab23]{font-size:14px;color:var(--text-muted);margin:0;max-width:620px;line-height:1.6}.head-actions[data-v-b4ccab23]{display:flex;gap:10px;flex-wrap:wrap}.save-msg[data-v-b4ccab23]{background:#22c55e26;color:#4ade80;padding:12px 16px;border-radius:10px;font-size:13.5px;margin:0 0 18px}.save-msg.error[data-v-b4ccab23]{background:#ef444426;color:#f87171}.card[data-v-b4ccab23]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:24px 26px;margin-bottom:20px;max-width:860px}.card-title[data-v-b4ccab23]{font-size:16px;font-weight:700;color:var(--text-heading);margin:0 0 6px}.field-label[data-v-b4ccab23]{display:block;font-size:12.5px;font-weight:600;color:var(--text-body);margin:16px 0 6px}input[data-v-b4ccab23],select[data-v-b4ccab23],textarea[data-v-b4ccab23]{width:100%;padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;background:var(--bg-main);color:var(--text-heading)}.two-col[data-v-b4ccab23]{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sub-head[data-v-b4ccab23]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 10px;font-size:12.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted)}.sub-head.small[data-v-b4ccab23]{margin:16px 0 8px}.sub-head .card-title[data-v-b4ccab23]{margin:0;text-transform:none;letter-spacing:0}.row-item[data-v-b4ccab23]{display:flex;gap:8px;align-items:center;margin-bottom:8px}.row-item select[data-v-b4ccab23]{max-width:170px}.block-item[data-v-b4ccab23]{border:1px solid var(--card-border);border-radius:10px;padding:14px 16px;margin-bottom:12px;background:var(--surface-alt)}.block-head[data-v-b4ccab23]{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--text-heading);margin-bottom:10px}.block-item textarea[data-v-b4ccab23],.block-item input[data-v-b4ccab23]{margin-bottom:8px}.block-item .field-label[data-v-b4ccab23]{margin-top:6px}.icon-row[data-v-b4ccab23]{display:flex;gap:8px}.icon-input[data-v-b4ccab23]{max-width:66px;text-align:center;font-size:18px}.field-hint[data-v-b4ccab23]{font-size:12px;color:var(--text-muted);margin:6px 0 0;line-height:1.6}.check-row[data-v-b4ccab23]{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:14px 16px;background:var(--surface-alt);border:1px solid var(--card-border);border-radius:10px;cursor:pointer}.check-row input[type=checkbox][data-v-b4ccab23]{width:16px;height:16px;min-width:16px;padding:0;margin:2px 0 0;flex:0 0 auto;accent-color:var(--brand-blue)}.check-row>span[data-v-b4ccab23]{flex:1;min-width:0}.check-row strong[data-v-b4ccab23]{display:block;font-size:13.5px;color:var(--text-heading);margin-bottom:4px}.check-hint[data-v-b4ccab23]{display:block;font-size:12.5px;color:var(--text-muted);line-height:1.6}.inline-link[data-v-b4ccab23]{color:var(--brand-blue);font-weight:600}.link-btn[data-v-b4ccab23]{background:none;border:none;padding:0;color:var(--brand-blue);font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.link-btn.danger[data-v-b4ccab23]{color:#f87171}.del-btn[data-v-b4ccab23]{background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:6px 8px;flex-shrink:0}.del-btn[data-v-b4ccab23]:hover{color:#f87171}.btn-outline.danger[data-v-b4ccab23]{color:#f87171;border-color:#ef444466}.hero-image-row[data-v-b4ccab23]{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.hero-preview[data-v-b4ccab23]{width:200px;border-radius:10px;border:1px solid var(--card-border)}.hero-image-actions[data-v-b4ccab23]{flex:1;min-width:220px;display:flex;flex-direction:column;gap:10px}.hint[data-v-b4ccab23]{font-size:12px;color:var(--text-muted);margin:0}.latar-pratinjau[data-v-b4ccab23]{width:200px;height:120px;border-radius:10px;border:1px solid var(--card-border);background-color:#fff;background-position:center}.mode-row[data-v-b4ccab23]{display:flex;gap:8px;flex-wrap:wrap}.mode-chip[data-v-b4ccab23]{padding:7px 16px;border-radius:8px;cursor:pointer;border:1px solid var(--card-border);background:var(--surface-alt);color:var(--text-body);font-size:13px;font-weight:600;font-family:inherit}.mode-chip.aktif[data-v-b4ccab23]{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.kepekatan[data-v-b4ccab23]{width:100%;max-width:320px;accent-color:var(--brand-blue)}.group-block[data-v-b4ccab23]{border-top:1px solid var(--card-border);margin-top:22px;padding-top:6px}.video-upload-row[data-v-b4ccab23]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.video-upload-row input[type=file][data-v-b4ccab23]{flex:1;min-width:200px}.ok-tag[data-v-b4ccab23]{font-size:12px;font-weight:700;color:#4ade80;background:#22c55e26;padding:4px 10px;border-radius:999px;white-space:nowrap}.video-preview[data-v-b4ccab23]{width:100%;max-width:320px;border-radius:8px;display:block;margin-bottom:8px;background:#000}.bottom-bar[data-v-b4ccab23]{max-width:860px;display:flex;justify-content:flex-end;padding-bottom:20px}.state-msg[data-v-b4ccab23]{color:var(--text-muted);font-size:14px;padding:40px 0}.page-head[data-v-9ca74590]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.eyebrow[data-v-9ca74590]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-9ca74590]{font-size:22px;font-weight:800;color:var(--text-heading);margin:0 0 6px}.section-sub[data-v-9ca74590]{font-size:14px;color:var(--text-muted);margin:0;max-width:620px;line-height:1.6}.range-select[data-v-9ca74590]{padding:10px 14px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--card-bg);color:var(--text-heading)}.stat-row[data-v-9ca74590]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:22px}.stat-tile[data-v-9ca74590]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:20px 22px}.stat-label[data-v-9ca74590]{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.stat-value[data-v-9ca74590]{font-size:30px;font-weight:800;color:var(--brand-blue);line-height:1}.chart-card[data-v-9ca74590]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:24px 26px;margin-bottom:20px}.chart-title[data-v-9ca74590]{font-size:16px;font-weight:700;color:var(--text-heading);margin:0 0 4px}.chart-sub[data-v-9ca74590]{font-size:13px;color:var(--text-muted);margin:0 0 18px}.chart-wrap[data-v-9ca74590]{position:relative}.chart[data-v-9ca74590]{width:100%;height:auto;display:block;overflow:visible}.gridline[data-v-9ca74590]{stroke:var(--card-border);stroke-width:1}.bar[data-v-9ca74590]{fill:var(--brand-blue);transition:opacity .12s ease}.bar.dim[data-v-9ca74590]{opacity:.35}.axis-text[data-v-9ca74590]{fill:var(--text-muted);font-size:11px;font-family:inherit}.y-text[data-v-9ca74590]{text-anchor:end;font-variant-numeric:tabular-nums}.x-text[data-v-9ca74590]{text-anchor:middle}.year-text[data-v-9ca74590]{text-anchor:middle;font-weight:700}.peak-label[data-v-9ca74590]{text-anchor:middle;fill:var(--text-heading);font-size:12px;font-weight:700;font-family:inherit}.tooltip[data-v-9ca74590]{position:absolute;top:8px;transform:translate(-50%);background:var(--surface-alt);border:1px solid var(--card-border);border-radius:10px;padding:10px 14px;pointer-events:none;box-shadow:0 8px 24px #00000047;min-width:160px}.tt-title[data-v-9ca74590]{font-size:12.5px;font-weight:700;color:var(--text-heading);margin-bottom:6px}.tt-row[data-v-9ca74590]{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--text-muted);margin-top:3px}.tt-row strong[data-v-9ca74590]{color:var(--text-heading);font-variant-numeric:tabular-nums}.empty-chart[data-v-9ca74590]{padding:50px 20px;text-align:center;color:var(--text-muted);font-size:14px;line-height:1.6}.table-details[data-v-9ca74590]{max-width:560px}.table-details summary[data-v-9ca74590]{cursor:pointer;font-size:13.5px;font-weight:600;color:var(--brand-blue);padding:8px 0}.table-wrap[data-v-9ca74590]{overflow-x:auto;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);margin-top:10px}.data-table[data-v-9ca74590]{width:100%;border-collapse:collapse}.data-table th[data-v-9ca74590]{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:var(--surface-alt);padding:11px 16px;border-bottom:1px solid var(--card-border);white-space:nowrap}.data-table td[data-v-9ca74590]{padding:10px 16px;border-bottom:1px solid var(--card-border);font-size:13.5px;color:var(--text-body)}.data-table tr:last-child td[data-v-9ca74590]{border-bottom:none}.right[data-v-9ca74590]{text-align:right}.num[data-v-9ca74590]{font-variant-numeric:tabular-nums;color:var(--text-heading);font-weight:600}.state-msg[data-v-9ca74590]{color:var(--text-muted);font-size:14px;padding:40px 0}.state-msg.error[data-v-9ca74590]{color:#f87171}.page-head[data-v-0c30c004]{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}.eyebrow[data-v-0c30c004]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-0c30c004]{font-size:22px;font-weight:700;color:var(--text-heading);margin:0 0 6px}.section-sub[data-v-0c30c004]{font-size:13.5px;color:var(--text-muted);margin:0;max-width:620px;line-height:1.6}.state-msg[data-v-0c30c004]{padding:40px 0;text-align:center;color:var(--text-muted);font-size:14px}.state-msg.error[data-v-0c30c004]{color:#f87171}.notice[data-v-0c30c004]{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#6ee7b7;border-radius:8px;padding:10px 14px;font-size:13.5px;margin:0 0 18px}.card[data-v-0c30c004]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:24px 26px;margin-bottom:22px}.card-head[data-v-0c30c004]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.card-title[data-v-0c30c004]{font-size:16px;font-weight:700;color:var(--text-heading);margin:0 0 4px}.card-sub[data-v-0c30c004]{font-size:13px;color:var(--text-muted);margin:0 0 18px}.group-block[data-v-0c30c004]{padding-top:6px;margin-bottom:22px}.group-block[data-v-0c30c004]:last-child{margin-bottom:0}.group-head[data-v-0c30c004]{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap}.group-name[data-v-0c30c004]{font-size:14px;font-weight:700;color:var(--text-heading)}.group-hint[data-v-0c30c004]{font-size:12.5px;color:var(--text-muted)}.bg-grid[data-v-0c30c004]{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}.bg-option[data-v-0c30c004]{background:none;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;gap:6px;text-align:left;font-family:inherit}.bg-preview[data-v-0c30c004]{height:74px;border-radius:10px;background-size:cover;background-position:center;border:2px solid transparent;box-shadow:0 0 0 1px var(--card-border) inset;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px;font-weight:600}.bg-preview.batik[data-v-0c30c004]{background:var(--surface-alt)}.bg-option.selected .bg-preview[data-v-0c30c004]{border-color:var(--brand-blue)}.bg-name[data-v-0c30c004]{font-size:12.5px;color:var(--text-body)}.bg-option.selected .bg-name[data-v-0c30c004]{color:var(--brand-blue);font-weight:600}.upload-btn[data-v-0c30c004]{cursor:pointer}.lib-grid[data-v-0c30c004]{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.lib-item[data-v-0c30c004]{background:var(--surface-alt);border:1px solid var(--card-border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}.lib-preview[data-v-0c30c004]{height:100px;border-radius:8px;background-position:center}.lib-preview.pola[data-v-0c30c004],.bg-preview.pola[data-v-0c30c004]{background-color:var(--bg-main)}.mode-row[data-v-0c30c004]{display:flex;gap:6px}.mode-chip[data-v-0c30c004]{flex:1;padding:6px 10px;border-radius:7px;cursor:pointer;border:1px solid var(--card-border);background:var(--surface-alt);color:var(--text-body);font-size:12px;font-weight:600;font-family:inherit}.mode-chip.aktif[data-v-0c30c004]{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.lib-name-input[data-v-0c30c004]{width:100%;padding:7px 10px;font-size:13px;font-family:inherit;background:var(--bg-main);color:var(--text-heading);border:1px solid var(--card-border);border-radius:7px}.lib-actions[data-v-0c30c004]{display:flex;align-items:center;justify-content:space-between;gap:8px}.used-tag[data-v-0c30c004]{font-size:11.5px;color:var(--brand-blue);font-weight:600}.danger-btn[data-v-0c30c004]{background:none;border:none;padding:0;margin-left:auto;color:#f87171;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit}.empty[data-v-0c30c004]{font-size:13.5px;color:var(--text-muted);margin:0}.page-head[data-v-2b07b4c1]{margin-bottom:24px}.eyebrow[data-v-2b07b4c1]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-2b07b4c1]{font-size:22px;font-weight:700;color:var(--text-heading);margin:0 0 6px}.section-sub[data-v-2b07b4c1]{font-size:13.5px;color:var(--text-muted);margin:0;max-width:640px;line-height:1.6}.state-msg[data-v-2b07b4c1]{padding:40px 0;text-align:center;color:var(--text-muted);font-size:14px}.state-msg.error[data-v-2b07b4c1]{color:#f87171}.summary-row[data-v-2b07b4c1]{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:22px}.stat-tile[data-v-2b07b4c1]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:18px 22px;min-width:200px}.stat-label[data-v-2b07b4c1]{font-size:12.5px;color:var(--text-muted);margin-bottom:8px}.stat-value[data-v-2b07b4c1]{font-size:30px;font-weight:700;color:var(--text-heading);line-height:1.1;font-variant-numeric:tabular-nums}.stat-unit[data-v-2b07b4c1]{font-size:15px;font-weight:600;color:var(--text-muted)}.card[data-v-2b07b4c1]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:22px 26px;margin-bottom:22px}.card-title[data-v-2b07b4c1]{font-size:16px;font-weight:700;color:var(--text-heading);margin:0 0 16px}.spread[data-v-2b07b4c1]{display:flex;flex-direction:column;gap:10px}.spread-row[data-v-2b07b4c1]{display:flex;align-items:center;gap:12px}.spread-label[data-v-2b07b4c1]{font-size:13px;color:var(--text-body);width:38px;font-variant-numeric:tabular-nums}.spread-track[data-v-2b07b4c1]{flex:1;height:12px;background:var(--surface-alt);border-radius:6px;overflow:hidden}.spread-fill[data-v-2b07b4c1]{height:100%;background:var(--brand-blue);border-radius:0 6px 6px 0}.spread-count[data-v-2b07b4c1]{font-size:13px;color:var(--text-muted);width:34px;text-align:right;font-variant-numeric:tabular-nums}.empty[data-v-2b07b4c1]{font-size:14px;color:var(--text-muted);padding:30px 0;text-align:center}.fb-list[data-v-2b07b4c1]{display:flex;flex-direction:column;gap:14px}.fb-item[data-v-2b07b4c1]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;gap:14px}.fb-avatar[data-v-2b07b4c1]{width:42px;height:42px;border-radius:50%;flex-shrink:0;overflow:hidden;background:var(--brand-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700}.fb-avatar img[data-v-2b07b4c1]{width:100%;height:100%;object-fit:cover}.fb-body[data-v-2b07b4c1]{flex:1;min-width:0}.fb-meta[data-v-2b07b4c1]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.fb-name[data-v-2b07b4c1]{font-size:14px;font-weight:700;color:var(--text-heading)}.role-chip[data-v-2b07b4c1]{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;background:var(--surface-alt);color:var(--text-muted)}.fb-inst[data-v-2b07b4c1],.fb-date[data-v-2b07b4c1]{font-size:12.5px;color:var(--text-muted)}.fb-stars[data-v-2b07b4c1]{margin-bottom:8px}.star[data-v-2b07b4c1]{font-size:15px;color:var(--card-border)}.star.on[data-v-2b07b4c1]{color:#fbbf24}.fb-comment[data-v-2b07b4c1]{font-size:14px;color:var(--text-body);line-height:1.7;margin:0}.fb-comment.muted[data-v-2b07b4c1]{color:var(--text-muted);font-style:italic}.landing-row[data-v-2b07b4c1]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.landing-label[data-v-2b07b4c1]{font-size:12.5px;color:var(--text-muted)}.landing-row select[data-v-2b07b4c1]{padding:6px 10px;font-size:12.5px;font-family:inherit;border:1px solid var(--card-border);border-radius:7px}.landing-state[data-v-2b07b4c1]{font-size:12px;font-weight:700;padding:3px 9px;border-radius:20px}.landing-state.on[data-v-2b07b4c1]{background:#10b98124;color:#6ee7b7}.landing-state.off[data-v-2b07b4c1]{background:var(--surface-alt);color:var(--text-muted)}.action-error[data-v-2b07b4c1]{color:#f87171;font-size:13.5px;margin:0 0 14px}.eyebrow[data-v-97c489db]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-97c489db]{font-size:22px;font-weight:800;color:var(--text-heading);margin:0 0 6px}.section-sub[data-v-97c489db]{font-size:14px;color:var(--text-muted);margin:0 0 24px}.eyebrow[data-v-97c489db],.section-title[data-v-97c489db],.section-sub[data-v-97c489db],.list-heading[data-v-97c489db]{max-width:720px;margin-left:auto;margin-right:auto}.status-card[data-v-97c489db]{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:24px 28px;margin-bottom:18px;max-width:720px;margin-left:auto;margin-right:auto;background:var(--card-bg)}.status-card.active[data-v-97c489db]{border-left:4px solid #4ade80}.status-card.warning[data-v-97c489db]{border-left:4px solid #fbbf24}.status-card.expired[data-v-97c489db]{border-left:4px solid #f87171}.status-card.belum[data-v-97c489db]{border-left:4px solid var(--text-muted)}.days-value.belum-value[data-v-97c489db]{color:var(--text-muted)}.status-label[data-v-97c489db]{font-size:17px;font-weight:700;color:var(--text-heading)}.status-date[data-v-97c489db]{font-size:13.5px;color:var(--text-muted);margin-top:4px}.status-days[data-v-97c489db]{text-align:center;flex-shrink:0}.days-value[data-v-97c489db]{font-size:34px;font-weight:800;color:var(--brand-blue);line-height:1}.days-value.expired-value[data-v-97c489db]{color:#f87171}.days-label[data-v-97c489db]{font-size:12px;color:var(--text-muted);margin-top:6px}.countdown-row[data-v-97c489db]{display:flex;gap:10px}.cd-unit[data-v-97c489db]{background:var(--surface-alt);border-radius:8px;padding:8px 10px;min-width:52px;display:flex;flex-direction:column;align-items:center}.cd-num[data-v-97c489db]{font-size:22px;font-weight:800;color:var(--brand-blue);line-height:1;font-variant-numeric:tabular-nums}.cd-lbl[data-v-97c489db]{font-size:10px;color:var(--text-muted);margin-top:4px}.price-card[data-v-97c489db]{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:18px 24px;margin-bottom:18px;max-width:720px;margin-left:auto;margin-right:auto}.price-label[data-v-97c489db]{font-size:13.5px;font-weight:700;color:var(--text-heading)}.price-note[data-v-97c489db]{font-size:12.5px;color:var(--text-muted);margin-top:3px}.price-value[data-v-97c489db]{font-size:24px;font-weight:800;color:var(--brand-blue)}.paket-kotak[data-v-97c489db]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:18px;max-width:720px;margin-left:auto;margin-right:auto}.paket-kotak-head[data-v-97c489db]{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.paket-kotak-judul[data-v-97c489db]{font-size:16px;font-weight:800;color:var(--text-heading);margin:0}.paket-kotak-sub[data-v-97c489db]{font-size:13px;color:var(--text-muted);line-height:1.65;margin:8px 0 0}.trial-kotak[data-v-97c489db]{border-left:4px solid #4ade80}.trial-kotak.terpakai[data-v-97c489db]{border-left-color:var(--card-border)}.trial-badge[data-v-97c489db]{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.08em;color:#4ade80;background:#4ade8024;padding:3px 9px;border-radius:999px;margin-bottom:7px}.trial-kotak.terpakai .trial-badge[data-v-97c489db]{color:var(--text-muted);background:var(--surface-alt)}.trial-status[data-v-97c489db]{font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:999px;white-space:nowrap}.trial-status.jalan[data-v-97c489db]{background:#4ade8029;color:#4ade80}.trial-status.siap[data-v-97c489db]{background:#3b82f629;color:var(--brand-blue)}.trial-status.habis[data-v-97c489db]{background:var(--surface-alt);color:var(--text-muted)}.trial-btn[data-v-97c489db]{margin-top:16px}.trial-error[data-v-97c489db]{margin-top:10px}.bayar-kotak[data-v-97c489db]{border-left:4px solid var(--brand-blue)}.bayar-paket[data-v-97c489db]{font-size:13px;color:var(--text-muted);margin:5px 0 0}.bayar-paket strong[data-v-97c489db]{color:var(--text-heading)}.bayar-kotak .bank-box[data-v-97c489db]{margin-top:18px}.bank-nominal[data-v-97c489db]{font-size:13.5px;color:var(--text-body);margin:10px 0 0}.bank-nominal strong[data-v-97c489db]{color:var(--brand-blue);font-size:15px}.verifikasi-box[data-v-97c489db]{margin-top:14px;padding:12px 14px;border-radius:8px;background:#eab3081f;color:#fcd34d;font-size:13px;line-height:1.6}.bayar-upload[data-v-97c489db]{margin-top:18px}.ganti-row[data-v-97c489db]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--card-border)}.ganti-teks[data-v-97c489db]{font-size:12.5px;color:var(--text-muted)}.ganti-terkunci[data-v-97c489db]{margin-top:18px;padding-top:14px;border-top:1px solid var(--card-border)}.link-btn.danger[data-v-97c489db]{color:#f87171}.link-btn[data-v-97c489db]:disabled{opacity:.6;cursor:default}.paket-info[data-v-97c489db]{font-size:12.5px;line-height:1.6;margin:14px 0 0;background:#eab3081f;color:#fcd34d;padding:11px 13px;border-radius:8px}.paket-error[data-v-97c489db]{margin-top:12px}.paket-grid[data-v-97c489db]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px}.paket-item[data-v-97c489db]{position:relative;display:flex;flex-direction:column;gap:4px;background:var(--surface-alt);border:1.5px solid var(--card-border);border-radius:12px;padding:16px 14px 14px;font-family:inherit;text-align:left;cursor:pointer}.paket-item[data-v-97c489db]:hover:not(:disabled){border-color:var(--brand-blue)}.paket-item[data-v-97c489db]:disabled{opacity:.5;cursor:not-allowed}.paket-item.hemat[data-v-97c489db]{border-color:#4ade80}.hemat-tag[data-v-97c489db]{position:absolute;top:-9px;right:10px;font-size:10px;font-weight:800;letter-spacing:.04em;color:#052e16;background:#4ade80;padding:2px 8px;border-radius:999px}.paket-durasi[data-v-97c489db]{font-size:13px;font-weight:700;color:var(--text-body)}.paket-harga[data-v-97c489db]{font-size:20px;font-weight:800;color:var(--brand-blue);line-height:1.2}.paket-per-bulan[data-v-97c489db]{font-size:11.5px;color:var(--text-muted)}.paket-aksi[data-v-97c489db]{margin-top:8px;font-size:12px;font-weight:700;color:var(--brand-blue)}.warn-box[data-v-97c489db]{max-width:720px;font-size:13.5px;line-height:1.6;background:#ef44441f;color:#fca5a5;border-radius:10px;padding:14px 16px;margin:0 0 18px}.warn-box.soft[data-v-97c489db]{background:#eab3081f;color:#fcd34d}.bank-box[data-v-97c489db]{margin-top:14px;padding:14px 16px;background:var(--surface-alt);border-radius:10px}.bank-box-title[data-v-97c489db]{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.bank-row[data-v-97c489db]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bank-label[data-v-97c489db]{font-size:14px;color:var(--text-body);font-weight:600}.bank-number[data-v-97c489db]{font-size:20px;font-weight:800;color:var(--brand-blue);letter-spacing:.06em}.bank-holder[data-v-97c489db]{font-size:13.5px;color:var(--text-body);margin:6px 0 0}.copy-btn[data-v-97c489db]{background:none;border:1px solid var(--card-border);color:var(--brand-blue);font-size:12px;font-weight:600;padding:4px 12px;border-radius:6px;cursor:pointer;font-family:inherit}.copy-btn[data-v-97c489db]:hover{background:var(--card-bg)}.list-heading[data-v-97c489db]{font-size:16px;font-weight:700;color:var(--text-heading);margin:0 0 14px}.invoice-list[data-v-97c489db]{display:flex;flex-direction:column;gap:14px;max-width:720px;margin-left:auto;margin-right:auto}.invoice-card[data-v-97c489db]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:20px 22px}.invoice-head[data-v-97c489db]{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.invoice-amount[data-v-97c489db]{font-size:20px;font-weight:800;color:var(--text-heading)}.invoice-meta[data-v-97c489db]{font-size:12.5px;color:var(--text-muted);margin-top:4px}.invoice-note[data-v-97c489db]{font-size:13px;color:#fca5a5;margin:12px 0 0;background:#ef44441a;padding:10px 12px;border-radius:8px}.status-pill[data-v-97c489db]{font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:999px;white-space:nowrap}.status-pill.menunggu_pembayaran[data-v-97c489db]{background:var(--surface-alt);color:var(--text-muted)}.status-pill.menunggu_verifikasi[data-v-97c489db]{background:#eab3082e;color:#fbbf24}.status-pill.lunas[data-v-97c489db]{background:#22c55e2e;color:#4ade80}.status-pill.ditolak[data-v-97c489db]{background:#ef44442e;color:#f87171}.proof-row[data-v-97c489db]{margin-top:14px}.link-btn[data-v-97c489db]{background:none;border:none;padding:0;color:var(--brand-blue);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;text-align:left}.inline-viewer[data-v-97c489db]{margin-top:10px;border:1px solid var(--card-border);border-radius:10px;overflow:hidden;background:var(--surface-alt)}.inline-frame[data-v-97c489db]{display:block;width:100%;height:70vh;min-height:500px;border:none}.inline-image[data-v-97c489db]{display:block;width:100%;max-height:70vh;object-fit:contain;background:#111}.inline-fallback[data-v-97c489db]{padding:26px;text-align:center}.upload-form[data-v-97c489db]{margin-top:16px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.field-label[data-v-97c489db]{font-size:13px;font-weight:600;color:var(--text-body)}.hint[data-v-97c489db]{font-weight:400;color:var(--text-muted)}.upload-form input[type=file][data-v-97c489db]{padding:9px 12px;border:1px solid var(--card-border);border-radius:8px;font-size:13.5px;font-family:inherit;background:var(--bg-main);color:var(--text-heading)}.error-msg[data-v-97c489db]{color:#f87171;font-size:12.5px;margin:0}.state-msg[data-v-97c489db]{color:var(--text-muted);font-size:14px;padding:30px 0}.state-msg.error[data-v-97c489db]{color:#f87171}.eyebrow[data-v-97c489db],.section-title[data-v-97c489db],.section-sub[data-v-97c489db],.list-heading[data-v-97c489db],.state-msg[data-v-97c489db]{max-width:720px;margin-left:auto;margin-right:auto}.state-msg[data-v-97c489db]{text-align:center}.state-msg[data-v-2d76ba1a]{color:var(--text-muted);font-size:14px;padding:24px 0}.error-msg[data-v-2d76ba1a]{color:#f87171;font-size:13px;margin:10px 0 0}.success-msg[data-v-2d76ba1a]{color:#4ade80;font-size:13px;margin:10px 0 0}.kartu[data-v-2d76ba1a]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:24px 26px;max-width:720px}.judul[data-v-2d76ba1a]{font-size:17px;font-weight:800;color:var(--text-heading);margin:0 0 6px}.judul-sub[data-v-2d76ba1a]{font-size:13.5px;color:var(--text-muted);line-height:1.7;margin:0 0 20px}.judul-sub strong[data-v-2d76ba1a]{color:var(--text-body)}.rencana-kartu[data-v-2d76ba1a]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;overflow:hidden;margin-bottom:18px}.rencana-baris[data-v-2d76ba1a]{padding:16px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.rencana-ikon[data-v-2d76ba1a]{flex-shrink:0;width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;letter-spacing:.03em;color:#fff}.rencana-ikon.pdf[data-v-2d76ba1a]{background:#dc2626}.rencana-ikon.doc[data-v-2d76ba1a]{background:#2563eb}.rencana-info[data-v-2d76ba1a]{flex:1;min-width:160px}.rencana-nama[data-v-2d76ba1a]{font-size:14px;font-weight:600;color:var(--text-heading);word-break:break-word}.rencana-meta[data-v-2d76ba1a]{font-size:12px;color:var(--text-muted);margin-top:3px}.rencana-aksi[data-v-2d76ba1a]{display:flex;gap:8px;flex-wrap:wrap}.drive-tag[data-v-2d76ba1a]{margin-left:8px;font-size:10.5px;font-weight:700;background:#4ade8024;color:#4ade80;padding:2px 7px;border-radius:999px}.btn-outline.danger[data-v-2d76ba1a]{color:#f87171;border-color:#f8717173}.kosong[data-v-2d76ba1a]{font-size:13.5px;color:var(--text-muted);font-style:italic;background:var(--surface-alt);border-radius:10px;padding:18px;margin:0}.unggah[data-v-2d76ba1a]{margin-top:20px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.field-label[data-v-2d76ba1a]{font-size:13px;font-weight:600;color:var(--text-body)}.hint[data-v-2d76ba1a]{font-weight:400;color:var(--text-muted)}.unggah input[type=file][data-v-2d76ba1a]{width:100%;max-width:420px;padding:9px 12px;border:1px solid var(--card-border);border-radius:8px;font-size:13.5px;font-family:inherit;background:var(--bg-main);color:var(--text-heading)}.terpilih[data-v-2d76ba1a]{font-size:12.5px;color:var(--text-body);margin:0}.catatan[data-v-2d76ba1a]{font-size:12.5px;color:var(--text-muted);line-height:1.65;margin:18px 0 0;padding-top:14px;border-top:1px solid var(--card-border)}.btn-sm[data-v-2d76ba1a]{padding:6px 14px;font-size:12.5px}.chat[data-v-f4441f5e]{max-width:760px}.chat-isi[data-v-f4441f5e]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:16px;height:58vh;min-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.baris[data-v-f4441f5e]{display:flex;gap:10px;align-items:flex-start}.baris.saya[data-v-f4441f5e]{flex-direction:row-reverse}.avatar[data-v-f4441f5e]{width:32px;height:32px;border-radius:50%;flex-shrink:0;overflow:hidden;background:#3b82f62e;color:var(--brand-blue);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.avatar-img[data-v-f4441f5e]{width:100%;height:100%;object-fit:cover}.gelembung[data-v-f4441f5e]{background:var(--surface-alt);border:1px solid var(--card-border);border-radius:12px;padding:9px 13px;max-width:76%}.baris.saya .gelembung[data-v-f4441f5e]{background:#3b82f61f;border-color:#3b82f64d}.kepala[data-v-f4441f5e]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px}.nama[data-v-f4441f5e]{font-size:12.5px;font-weight:700;color:var(--text-heading)}.lencana[data-v-f4441f5e]{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:#4ade8029;color:#4ade80}.waktu[data-v-f4441f5e]{font-size:11px;color:var(--text-muted)}.hapus[data-v-f4441f5e]{background:none;border:none;padding:0 2px;cursor:pointer;color:var(--text-muted);font-size:15px;line-height:1;font-family:inherit}.hapus[data-v-f4441f5e]:hover{color:#f87171}.teks[data-v-f4441f5e]{margin:0;font-size:14px;color:var(--text-body);line-height:1.6;white-space:pre-wrap;word-break:break-word}.chat-kirim[data-v-f4441f5e]{display:flex;gap:10px;align-items:flex-end;margin-top:12px}.chat-kirim textarea[data-v-f4441f5e]{flex:1;padding:10px 12px;resize:vertical;border:1px solid var(--card-border);border-radius:10px;font-size:14px;font-family:inherit;background:var(--bg-main);color:var(--text-heading)}.petunjuk[data-v-f4441f5e]{font-size:12px;color:var(--text-muted);margin:8px 0 0}.state-msg[data-v-f4441f5e]{color:var(--text-muted);font-size:14px;margin:auto;text-align:center}.error-msg[data-v-f4441f5e]{color:#f87171;font-size:13px;margin:10px 0 0}@media (max-width: 640px){.gelembung[data-v-f4441f5e]{max-width:84%}.chat-kirim[data-v-f4441f5e]{flex-direction:column;align-items:stretch}}.back-link[data-v-6dc51ec8]{display:inline-block;font-size:13.5px;color:var(--brand-blue);font-weight:600;margin-bottom:16px}.page-title[data-v-6dc51ec8]{font-size:22px;font-weight:700;color:var(--text-heading);margin:0 0 20px}.tabs[data-v-6dc51ec8]{display:flex;gap:28px;border-bottom:1px solid var(--card-border);margin-bottom:22px;overflow-x:auto}.tab[data-v-6dc51ec8]{background:none;border:none;padding:10px 2px;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}.tab.active[data-v-6dc51ec8]{color:var(--brand-blue);border-bottom-color:var(--brand-blue)}.tab.terkunci[data-v-6dc51ec8]{opacity:.38;cursor:not-allowed}.kunci-catatan[data-v-6dc51ec8]{font-size:13px;line-height:1.65;color:var(--text-muted);background:var(--surface-alt);border:1px solid var(--card-border);border-radius:10px;padding:12px 16px;margin:-6px 0 22px;max-width:720px}.kunci-catatan strong[data-v-6dc51ec8]{color:var(--text-body)}.toolbar-row[data-v-6dc51ec8]{margin-bottom:16px}.session-list[data-v-6dc51ec8],.material-list[data-v-6dc51ec8],.quiz-list[data-v-6dc51ec8],.assignment-list[data-v-6dc51ec8],.submission-list[data-v-6dc51ec8]{display:flex;flex-direction:column;gap:12px}.session-row[data-v-6dc51ec8],.quiz-row[data-v-6dc51ec8],.assignment-row[data-v-6dc51ec8],.submission-row[data-v-6dc51ec8]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.submission-row[data-v-6dc51ec8],.assignment-row[data-v-6dc51ec8]{align-items:flex-start}.assignment-block[data-v-6dc51ec8],.quiz-block[data-v-6dc51ec8]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;overflow:hidden}.assignment-block .assignment-row[data-v-6dc51ec8],.quiz-block .quiz-row[data-v-6dc51ec8]{background:none;border:none;border-radius:0;margin:0}.quiz-block .quiz-row[data-v-6dc51ec8]{gap:12px}.quiz-block .quiz-info[data-v-6dc51ec8]{flex:1;min-width:0}.submission-panel[data-v-6dc51ec8]{border-top:1px solid var(--card-border);background:var(--surface-alt);padding:16px 18px}.submission-panel .submission-row[data-v-6dc51ec8]{background:var(--card-bg)}.submit-time[data-v-6dc51ec8]{font-size:11.5px;color:var(--text-muted);font-weight:500}.material-card[data-v-6dc51ec8]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;overflow:hidden}.material-row[data-v-6dc51ec8]{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.session-eyebrow[data-v-6dc51ec8]{font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px}.session-topic[data-v-6dc51ec8]{font-size:16px;font-weight:700;color:var(--text-heading)}.deadline-note[data-v-6dc51ec8]{font-size:12.5px;color:var(--text-muted);margin-top:4px}.session-actions[data-v-6dc51ec8]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-danger[data-v-6dc51ec8]{color:#f87171;border-color:#ef444466}.btn-danger[data-v-6dc51ec8]:hover{background:#ef44441f}.status-pill[data-v-6dc51ec8]{font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:999px;white-space:nowrap}.status-pill.open[data-v-6dc51ec8]{background:#22c55e2e;color:#4ade80}.status-pill.closed[data-v-6dc51ec8]{background:var(--surface-alt);color:var(--text-muted)}.status-pill.graded[data-v-6dc51ec8]{background:#3b82f62e;color:#60a5fa}.status-pill.assigned[data-v-6dc51ec8]{background:var(--surface-alt);color:var(--text-muted)}.status-pill.terlewat[data-v-6dc51ec8]{background:#ef44442e;color:#f87171}.peserta-grup[data-v-6dc51ec8]{margin-top:14px}.peserta-judul[data-v-6dc51ec8]{font-size:12.5px;font-weight:700;color:var(--text-body);margin:0 0 8px;letter-spacing:.02em}.peserta-kosong[data-v-6dc51ec8]{font-size:12.5px;color:var(--text-muted);font-style:italic;margin:0}.peserta-baris[data-v-6dc51ec8]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:9px 12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:7px}.peserta-nama[data-v-6dc51ec8]{font-size:13.5px;font-weight:600;color:var(--text-heading);flex:1;min-width:120px}.session-chip[data-v-6dc51ec8]{display:inline-block;font-size:10.5px;font-weight:700;color:var(--brand-blue);background:#3b82f62e;padding:2px 8px;border-radius:999px;margin-left:8px;vertical-align:middle}.session-chip.type-chip[data-v-6dc51ec8]{color:#c084fc;background:#a855f72e}.material-icon[data-v-6dc51ec8]{font-size:22px;flex-shrink:0}.material-info[data-v-6dc51ec8]{flex:1;min-width:200px}.material-title[data-v-6dc51ec8]{font-size:15px;font-weight:700;color:var(--text-heading)}.material-desc[data-v-6dc51ec8]{font-size:13px;color:var(--text-body);margin:4px 0}.material-link[data-v-6dc51ec8]{display:inline-block;font-size:13px;color:var(--brand-blue);font-weight:600;margin-top:4px}.link-btn[data-v-6dc51ec8]{background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.tab-lencana[data-v-6dc51ec8]{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:999px;background:#dc2626;color:#fff;font-size:10.5px;font-weight:800;vertical-align:middle}.tanpa-margin[data-v-6dc51ec8]{margin:0;flex:1;min-width:240px}.lapor-table th[data-v-6dc51ec8]{white-space:nowrap}.lapor-table .score-cell[data-v-6dc51ec8]{text-align:center}.tanda[data-v-6dc51ec8]{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border-radius:6px;font-size:11.5px;font-weight:800}.tanda.hadir[data-v-6dc51ec8],.tanda.turned_in[data-v-6dc51ec8]{background:#3b82f629;color:#60a5fa}.tanda.graded[data-v-6dc51ec8]{background:#22c55e29;color:#4ade80}.tanda.izin[data-v-6dc51ec8],.tanda.sakit[data-v-6dc51ec8]{background:#f59e0b29;color:#fbbf24}.tanda.alpha[data-v-6dc51ec8],.tanda.terlambat[data-v-6dc51ec8]{background:#f8717129;color:#f87171}.tanda.kosong[data-v-6dc51ec8],.tanda.belum[data-v-6dc51ec8]{color:var(--text-muted)}.avg-cell.rendah[data-v-6dc51ec8]{color:#f87171}.daftar-tugas[data-v-6dc51ec8]{display:flex;flex-direction:column;gap:8px;margin-top:18px}.daftar-baris[data-v-6dc51ec8]{display:flex;align-items:flex-start;gap:12px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:12px 14px}.daftar-no[data-v-6dc51ec8]{flex-shrink:0;min-width:34px;text-align:center;font-size:12px;font-weight:800;color:var(--text-muted);background:var(--surface-alt);border-radius:6px;padding:4px 0}.daftar-teks[data-v-6dc51ec8]{min-width:0}.daftar-judul[data-v-6dc51ec8]{font-size:14px;font-weight:600;color:var(--text-heading)}.daftar-sub[data-v-6dc51ec8]{font-size:12px;color:var(--text-muted);margin-top:3px}.daftar-telat[data-v-6dc51ec8]{color:#f87171}.golongan-baris[data-v-6dc51ec8]{display:flex;gap:8px;flex-wrap:wrap}.golongan-chip[data-v-6dc51ec8]{padding:7px 14px;border-radius:999px;cursor:pointer;border:1px solid var(--card-border);background:var(--surface-alt);color:var(--text-body);font-size:13px;font-weight:600;font-family:inherit}.golongan-chip.aktif[data-v-6dc51ec8]{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.sematan-frame[data-v-6dc51ec8]{display:block;width:100%;height:85vh;min-height:420px;border:none;border-top:1px solid var(--card-border);background:#0b0f18}.file-actions[data-v-6dc51ec8]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.type-row[data-v-6dc51ec8]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.type-label[data-v-6dc51ec8]{font-size:12.5px;color:var(--text-muted)}.type-row select[data-v-6dc51ec8]{padding:5px 9px;font-size:12.5px;border-radius:7px;border:1px solid var(--card-border)}.type-hint[data-v-6dc51ec8]{font-size:11.5px;color:var(--text-muted)}.quiz-info[data-v-6dc51ec8]{flex:1;min-width:200px}.quiz-title[data-v-6dc51ec8]{font-size:15px;font-weight:700;color:var(--text-heading)}.quiz-meta[data-v-6dc51ec8]{font-size:12.5px;color:var(--text-muted);margin-top:2px}.assignment-info[data-v-6dc51ec8]{flex:1;min-width:200px}.assignment-title[data-v-6dc51ec8]{font-size:15px;font-weight:700;color:var(--text-heading)}.assignment-meta[data-v-6dc51ec8]{font-size:12.5px;color:var(--text-muted);margin-top:2px}.submission-info[data-v-6dc51ec8]{flex:1;min-width:220px}.submission-name[data-v-6dc51ec8]{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;color:var(--text-heading)}.submission-text[data-v-6dc51ec8]{font-size:13px;color:var(--text-body);margin:6px 0;white-space:pre-wrap}.grade-input-row[data-v-6dc51ec8]{display:flex;gap:8px;align-items:center}.grade-input-row input[data-v-6dc51ec8]{width:70px;padding:8px 10px;border:1px solid var(--card-border);border-radius:8px;font-size:14px}.delete-btn[data-v-6dc51ec8]{background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:4px 8px;flex-shrink:0}.delete-btn[data-v-6dc51ec8]:hover{color:#f87171}.inline-form[data-v-6dc51ec8]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-width:480px}.inline-form select[data-v-6dc51ec8],.inline-form input[data-v-6dc51ec8],.inline-form textarea[data-v-6dc51ec8]{padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical}.inline-form .btn[data-v-6dc51ec8]{align-self:flex-start}.field-label[data-v-6dc51ec8]{font-size:12.5px;font-weight:600;color:var(--text-body)}.field-label.small[data-v-6dc51ec8]{margin-top:-4px}.error-msg[data-v-6dc51ec8]{color:#f87171;font-size:13px;margin:0}.state-msg[data-v-6dc51ec8]{color:var(--text-muted);font-size:14px;padding:30px 0}.grades-table-wrap[data-v-6dc51ec8]{overflow-x:auto;background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px}.grades-table[data-v-6dc51ec8]{width:100%;border-collapse:collapse;min-width:500px}.grades-table th[data-v-6dc51ec8]{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:var(--surface-alt);padding:12px 16px;border-bottom:1px solid var(--card-border);white-space:nowrap}.col-tag[data-v-6dc51ec8]{font-size:9.5px;color:var(--brand-blue);text-transform:none;margin-left:4px}.grades-table td[data-v-6dc51ec8]{padding:12px 16px;border-bottom:1px solid var(--card-border);font-size:14px}.grades-table tr:last-child td[data-v-6dc51ec8]{border-bottom:none}.student-cell[data-v-6dc51ec8]{display:flex;align-items:center;gap:10px;font-weight:600;white-space:nowrap}.avatar-sm[data-v-6dc51ec8]{width:26px;height:26px;border-radius:50%;background:#3b82f62e;color:var(--brand-blue);font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.avatar-sm-img[data-v-6dc51ec8]{width:100%;height:100%;object-fit:cover}.score-cell[data-v-6dc51ec8]{text-align:center;font-variant-numeric:tabular-nums}.avg-cell[data-v-6dc51ec8]{font-weight:700;color:var(--brand-blue)}.komponen-cell[data-v-6dc51ec8]{color:var(--text-body)}.final-cell[data-v-6dc51ec8]{white-space:nowrap}.final-value[data-v-6dc51ec8]{font-weight:800;color:var(--brand-blue);font-size:15px}.huruf[data-v-6dc51ec8]{font-size:11px;font-weight:800;color:#4ade80;margin-left:6px;background:#22c55e29;padding:2px 8px;border-radius:999px}.sementara[data-v-6dc51ec8]{font-size:10.5px;font-weight:700;color:var(--text-muted);margin-left:6px;background:var(--surface-alt);padding:2px 8px;border-radius:999px;cursor:help}.formula-note[data-v-6dc51ec8]{font-size:12.5px;color:var(--text-muted);margin:0 0 12px;line-height:1.7}.formula-note strong[data-v-6dc51ec8]{color:var(--text-body)}.cell-sub[data-v-6dc51ec8]{font-size:10.5px;color:var(--text-muted);margin-top:3px;font-variant-numeric:normal}.publish-actions[data-v-6dc51ec8]{display:flex;gap:10px;flex-wrap:wrap}.publish-row[data-v-6dc51ec8]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px;padding:14px 16px;background:var(--surface-alt);border:1px solid var(--card-border);border-radius:10px}.publish-state[data-v-6dc51ec8]{font-size:13px}.publish-state.sent[data-v-6dc51ec8]{color:#4ade80;font-weight:600}.publish-state.pending[data-v-6dc51ec8]{color:var(--text-muted)}.inline-tab-link[data-v-6dc51ec8]{background:none;border:none;padding:0;font-family:inherit;color:var(--brand-blue);font-weight:700;font-size:inherit;cursor:pointer}.etika-table .sticky-col[data-v-6dc51ec8]{position:sticky;left:0;z-index:1;background:var(--card-bg)}.etika-table thead .sticky-col[data-v-6dc51ec8]{background:var(--surface-alt)}.etika-table th[data-v-6dc51ec8]{text-align:center}.etika-table th.sticky-col[data-v-6dc51ec8]{text-align:left}.etika-input[data-v-6dc51ec8]{width:74px;padding:6px 8px;text-align:center;border:1px solid var(--card-border);border-radius:7px;font-size:13.5px;font-family:inherit;font-variant-numeric:tabular-nums}.etika-input.manual[data-v-6dc51ec8]{border-color:var(--brand-blue);font-weight:700}.butir-row[data-v-6dc51ec8]{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 10px}.butir-tile[data-v-6dc51ec8]{background:var(--surface-alt);border:1px solid var(--card-border);border-radius:10px;padding:10px 16px;min-width:92px;display:flex;flex-direction:column;align-items:center}.butir-tile.total[data-v-6dc51ec8]{border-color:var(--brand-blue)}.butir-num[data-v-6dc51ec8]{font-size:20px;font-weight:800;color:var(--text-heading);font-variant-numeric:tabular-nums}.butir-tile.total .butir-num[data-v-6dc51ec8]{color:var(--brand-blue)}.butir-label[data-v-6dc51ec8]{font-size:11px;color:var(--text-muted);margin-top:2px;text-align:center}.butir-note[data-v-6dc51ec8]{font-size:12.5px;color:var(--text-muted);margin:0 0 4px;line-height:1.7}.butir-note strong[data-v-6dc51ec8]{color:var(--text-body)}@media (max-width: 640px){.tabs[data-v-6dc51ec8]{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.tabs .tab[data-v-6dc51ec8]{white-space:nowrap;flex-shrink:0}.session-row[data-v-6dc51ec8],.quiz-row[data-v-6dc51ec8],.assignment-row[data-v-6dc51ec8],.submission-row[data-v-6dc51ec8],.material-row[data-v-6dc51ec8]{flex-direction:column;align-items:flex-start;gap:10px}.assignment-block .assignment-row[data-v-6dc51ec8],.submission-panel[data-v-6dc51ec8]{padding:14px 16px}.grade-input-row[data-v-6dc51ec8]{width:100%}.grade-input-row input[data-v-6dc51ec8]{flex:1;width:auto}.publish-actions[data-v-6dc51ec8]{display:flex;gap:10px;flex-wrap:wrap}.publish-row[data-v-6dc51ec8]{flex-direction:column;align-items:stretch}.publish-row .btn[data-v-6dc51ec8]{width:100%;justify-content:center}.butir-row[data-v-6dc51ec8]{gap:8px}.butir-tile[data-v-6dc51ec8]{flex:1;min-width:78px;padding:9px 10px}.aspek-grid[data-v-6dc51ec8]{grid-template-columns:1fr 1fr}.type-row[data-v-6dc51ec8]{align-items:flex-start;flex-direction:column;gap:6px}}.rincian[data-v-6dc51ec8]{margin-top:20px}.rincian summary[data-v-6dc51ec8]{cursor:pointer;font-size:13px;font-weight:600;color:var(--brand-blue);margin-bottom:12px}.modal-backdrop[data-v-6dc51ec8]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0b73;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal[data-v-6dc51ec8]{background:var(--card-bg);border-radius:14px;padding:28px;width:100%;max-width:420px;box-shadow:0 20px 50px #0003;max-height:90vh;overflow-y:auto}.wide-modal[data-v-6dc51ec8]{max-width:640px}.modal-title[data-v-6dc51ec8]{font-size:18px;font-weight:700;color:var(--text-heading);margin:0 0 4px}.modal-sub[data-v-6dc51ec8]{font-size:13px;color:var(--text-muted);margin:0 0 20px}.modal input[data-v-6dc51ec8],.modal select[data-v-6dc51ec8],.modal textarea[data-v-6dc51ec8]{width:100%;padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:4px}.modal-actions[data-v-6dc51ec8]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.question-block[data-v-6dc51ec8]{border:1px solid var(--card-border);border-radius:10px;padding:14px;margin-top:16px}.question-head[data-v-6dc51ec8]{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:var(--text-heading);margin-bottom:8px}.remove-q-btn[data-v-6dc51ec8]{background:none;border:none;color:#f87171;font-size:12px;cursor:pointer}.option-grid[data-v-6dc51ec8]{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.option-row[data-v-6dc51ec8]{display:flex;align-items:center;gap:8px}.option-row input[type=text][data-v-6dc51ec8]{margin-bottom:0}.btn-block[data-v-6dc51ec8]{width:100%;margin-top:16px}.jadwal-grid[data-v-6dc51ec8]{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 560px){.jadwal-grid[data-v-6dc51ec8]{grid-template-columns:1fr}}.back-link[data-v-68386cf1]{background:none;border:none;padding:0;font-size:13.5px;color:var(--brand-blue);font-weight:600;margin-bottom:16px;cursor:pointer}.page-title[data-v-68386cf1]{font-size:22px;font-weight:700;color:var(--text-heading);margin:0 0 20px}.session-meta[data-v-68386cf1]{margin-bottom:18px}.meta-title[data-v-68386cf1]{font-size:16px;font-weight:700;color:var(--text-heading)}.meta-sub[data-v-68386cf1]{font-size:13px;color:var(--text-muted);margin-top:2px}.summary-row[data-v-68386cf1]{display:flex;gap:12px;margin-bottom:22px;flex-wrap:wrap}.summary-chip[data-v-68386cf1]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:10px 16px;display:flex;flex-direction:column;align-items:center;min-width:84px}.summary-count[data-v-68386cf1]{font-size:20px;font-weight:800;color:var(--text-heading)}.summary-label[data-v-68386cf1]{font-size:11.5px;color:var(--text-muted);margin-top:2px}.isi-massal[data-v-68386cf1]{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:14px 18px;margin-bottom:18px}.isi-massal-teks[data-v-68386cf1]{flex:1;min-width:220px;font-size:13px;color:var(--text-muted);line-height:1.6}.isi-massal-teks strong[data-v-68386cf1]{color:var(--text-heading)}.roster-table[data-v-68386cf1]{width:100%;border-collapse:collapse;background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;overflow:hidden}.roster-table th[data-v-68386cf1]{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:var(--surface-alt);padding:12px 18px;border-bottom:1px solid var(--card-border)}.roster-table td[data-v-68386cf1]{padding:12px 18px;border-bottom:1px solid var(--card-border);font-size:14px;vertical-align:middle}.roster-table tr:last-child td[data-v-68386cf1]{border-bottom:none}.student-cell[data-v-68386cf1]{display:flex;align-items:center;gap:10px}.avatar-sm[data-v-68386cf1]{width:30px;height:30px;border-radius:50%;background:#3b82f62e;color:var(--brand-blue);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.avatar-sm-img[data-v-68386cf1]{width:100%;height:100%;object-fit:cover}.student-name[data-v-68386cf1]{font-weight:600;color:var(--text-heading)}.student-label[data-v-68386cf1]{font-size:12px;color:var(--text-muted)}.muted[data-v-68386cf1]{color:var(--text-muted)}.status-pill[data-v-68386cf1]{font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px}.status-pill.hadir[data-v-68386cf1]{background:#22c55e2e;color:#4ade80}.status-pill.izin[data-v-68386cf1]{background:#eab3082e;color:#fbbf24}.status-pill.sakit[data-v-68386cf1]{background:#ef44442e;color:#f87171}.status-pill.alpha[data-v-68386cf1],.status-pill.kosong[data-v-68386cf1]{background:var(--surface-alt);color:var(--text-muted)}select[data-v-68386cf1]{padding:6px 10px;border-radius:6px;border:1px solid var(--card-border);font-size:13px;font-family:inherit}.karakter-cell[data-v-68386cf1]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.predikat[data-v-68386cf1]{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}.predikat.ada[data-v-68386cf1]{background:#3b82f629;color:#60a5fa}.predikat.kosong[data-v-68386cf1]{background:var(--surface-alt);color:var(--text-muted)}.link-btn[data-v-68386cf1]{background:none;border:none;padding:0;color:var(--brand-blue);font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.etika-pill[data-v-68386cf1]{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:#a855f729;color:#c084fc;white-space:nowrap}.etika-block[data-v-68386cf1]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:12px 14px;margin-bottom:14px}.etika-field[data-v-68386cf1]{max-width:200px}.etika-field input[data-v-68386cf1]{padding:8px 11px;border:1px solid var(--card-border);border-radius:7px;font-size:13.5px;font-family:inherit;width:100%}.etika-hint[data-v-68386cf1]{font-size:12px;color:var(--text-muted);margin:8px 0 0;line-height:1.6}.karakter-row td[data-v-68386cf1]{background:var(--surface-alt)}.karakter-form[data-v-68386cf1]{padding:4px 0 8px}.aspek-grid[data-v-68386cf1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:14px}.aspek-field[data-v-68386cf1]{display:flex;flex-direction:column;gap:5px}.aspek-label[data-v-68386cf1]{font-size:12.5px;font-weight:600;color:var(--text-body)}.aspek-field select[data-v-68386cf1]{width:100%}.karakter-form textarea[data-v-68386cf1]{width:100%;margin-top:6px;padding:9px 12px;border:1px solid var(--card-border);border-radius:8px;font-size:13.5px;font-family:inherit;resize:vertical}.karakter-actions[data-v-68386cf1]{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.karakter-actions .hint[data-v-68386cf1]{font-size:12px;color:var(--text-muted);margin-right:auto}.btn-sm[data-v-68386cf1]{padding:7px 16px;font-size:13px}.error-msg[data-v-68386cf1]{color:#f87171;font-size:13px;margin:10px 0 0}.state-msg[data-v-68386cf1]{color:var(--text-muted);font-size:14px;padding:40px 0}.state-msg.error[data-v-68386cf1]{color:#f87171}@media (max-width: 640px){.roster-table[data-v-68386cf1]{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.roster-table th[data-v-68386cf1],.roster-table td[data-v-68386cf1]{padding:10px 12px}.summary-row[data-v-68386cf1]{gap:8px}.summary-chip[data-v-68386cf1]{flex:1;min-width:68px;padding:9px 10px}.aspek-grid[data-v-68386cf1]{grid-template-columns:1fr 1fr}.karakter-actions[data-v-68386cf1]{flex-direction:column;align-items:stretch}.karakter-actions .hint[data-v-68386cf1]{margin:0 0 6px}.karakter-actions .btn[data-v-68386cf1]{width:100%;justify-content:center}}.tabs[data-v-7cac9480]{display:flex;gap:32px;border-bottom:1px solid var(--card-border);margin-bottom:24px}.tab[data-v-7cac9480]{background:none;border:none;padding:12px 2px;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:3px solid transparent}.tab.active[data-v-7cac9480]{color:var(--brand-blue);border-bottom-color:var(--brand-blue)}.filter-row[data-v-7cac9480]{margin-bottom:24px}.class-select[data-v-7cac9480]{padding:10px 14px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--card-bg);min-width:220px}.groups[data-v-7cac9480]{display:flex;flex-direction:column;gap:28px}.group-head[data-v-7cac9480]{display:flex;align-items:center;gap:10px;background:none;border:none;padding:0 0 10px;cursor:pointer;width:100%;text-align:left;border-bottom:1px solid var(--card-border)}.group-label[data-v-7cac9480]{font-size:15px;font-weight:700;color:var(--text-heading)}.group-count[data-v-7cac9480]{font-size:13px;color:var(--brand-blue);font-weight:700}.chevron[data-v-7cac9480]{margin-left:auto;color:var(--text-muted);transition:transform .15s ease}.chevron.open[data-v-7cac9480]{transform:rotate(180deg)}.item-list[data-v-7cac9480]{display:flex;flex-direction:column}.item-row[data-v-7cac9480]{display:flex;align-items:center;gap:16px;padding:14px 4px;border-bottom:1px solid var(--card-border)}.item-row[data-v-7cac9480]:last-child{border-bottom:none}.item-block[data-v-7cac9480]{border-bottom:1px solid var(--card-border)}.item-block[data-v-7cac9480]:last-child{border-bottom:none}.item-block .item-row[data-v-7cac9480]{border-bottom:none}.mk[data-v-7cac9480]{font-weight:600;color:var(--text-body)}.btn-sm[data-v-7cac9480]{padding:7px 14px;font-size:12.5px;white-space:nowrap}.submission-list[data-v-7cac9480]{display:flex;flex-direction:column;gap:2px;margin:0 0 14px 50px;padding-left:14px;border-left:2px solid var(--card-border)}.submission-row[data-v-7cac9480]{display:flex;align-items:center;gap:10px;padding:8px 0}.avatar-sm[data-v-7cac9480]{width:28px;height:28px;border-radius:50%;flex-shrink:0;overflow:hidden;background:#3b82f62e;color:var(--brand-blue);font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center}.avatar-sm-img[data-v-7cac9480]{width:100%;height:100%;object-fit:cover}.submission-info[data-v-7cac9480]{flex:1;min-width:0}.submission-name[data-v-7cac9480]{font-size:13.5px;font-weight:600;color:var(--text-heading)}.submission-meta[data-v-7cac9480]{font-size:12px;color:var(--text-muted);margin-top:2px}.nilai-pill[data-v-7cac9480]{font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:999px;background:#22c55e29;color:#4ade80;white-space:nowrap;flex-shrink:0}.nilai-pill.menunggu[data-v-7cac9480]{background:var(--surface-alt);color:var(--text-muted)}.kosong-note[data-v-7cac9480]{font-size:12.5px;color:var(--text-muted);margin:0 0 14px 50px;font-style:italic}.item-icon[data-v-7cac9480]{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.item-icon.theme-blue[data-v-7cac9480]{background:var(--grad-blue-b)}.item-icon.theme-green[data-v-7cac9480]{background:var(--grad-green-b)}.item-icon.theme-purple[data-v-7cac9480]{background:var(--grad-purple-b)}.item-info[data-v-7cac9480]{flex:1;min-width:0}.item-title[data-v-7cac9480]{font-size:14.5px;font-weight:600;color:var(--text-heading)}.item-sub[data-v-7cac9480]{font-size:13px;color:var(--text-muted);margin-top:2px}.item-stats[data-v-7cac9480]{display:flex;gap:28px;flex-shrink:0}.stat[data-v-7cac9480]{display:flex;flex-direction:column;align-items:center;min-width:64px}.stat-num[data-v-7cac9480]{font-size:15px;font-weight:700;color:var(--text-heading)}.stat-label[data-v-7cac9480]{font-size:11px;color:var(--text-muted);margin-top:1px}.kebab[data-v-7cac9480]{background:none;border:none;font-size:18px;color:var(--text-muted);cursor:pointer;padding:4px 8px;flex-shrink:0}.state-msg[data-v-7cac9480]{color:var(--text-muted);font-size:14px;padding:40px 0}.state-msg.error[data-v-7cac9480]{color:#f87171}@media (max-width: 700px){.item-row[data-v-7cac9480]{flex-wrap:wrap}.item-stats[data-v-7cac9480]{gap:16px}}.page-head[data-v-80ff14bf]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.eyebrow[data-v-80ff14bf]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-80ff14bf]{font-size:22px;font-weight:800;color:var(--text-heading);margin:0 0 6px}.section-sub[data-v-80ff14bf]{font-size:14px;color:var(--text-muted);margin:0;max-width:560px}.toolbar[data-v-80ff14bf]{display:flex;gap:12px;margin-bottom:18px;flex-wrap:wrap}.search-input[data-v-80ff14bf]{padding:10px 14px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--card-bg);color:var(--text-heading);flex:1;min-width:220px;max-width:380px}.table-wrap[data-v-80ff14bf]{overflow-x:auto;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg)}.user-table[data-v-80ff14bf]{width:100%;border-collapse:collapse;min-width:700px}.user-table th[data-v-80ff14bf]{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:var(--surface-alt);padding:12px 16px;border-bottom:1px solid var(--card-border);white-space:nowrap}.user-table td[data-v-80ff14bf]{padding:12px 16px;border-bottom:1px solid var(--card-border);font-size:14px;vertical-align:middle}.user-table tr:last-child td[data-v-80ff14bf]{border-bottom:none}.user-table tr.nonaktif td[data-v-80ff14bf]{opacity:.55}.right[data-v-80ff14bf]{text-align:right}.muted-cell[data-v-80ff14bf]{color:var(--text-muted);font-size:13px}.user-cell[data-v-80ff14bf]{display:flex;align-items:center;gap:10px}.avatar-sm[data-v-80ff14bf]{width:32px;height:32px;border-radius:50%;background:#3b82f62e;color:var(--brand-blue);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.avatar-sm-img[data-v-80ff14bf]{width:100%;height:100%;object-fit:cover}.user-name[data-v-80ff14bf]{font-weight:600;color:var(--text-heading)}.user-label[data-v-80ff14bf]{font-size:12px;color:var(--text-muted);margin-top:2px}.student-id[data-v-80ff14bf]{font-weight:700;color:var(--brand-blue);font-size:12.5px;letter-spacing:.02em}.action-row[data-v-80ff14bf]{display:flex;gap:12px;justify-content:flex-end}.link-btn[data-v-80ff14bf]{background:none;border:none;padding:0;color:var(--brand-blue);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.link-btn.danger[data-v-80ff14bf]{color:#f87171}.link-btn.ok[data-v-80ff14bf]{color:#4ade80}.link-btn[data-v-80ff14bf]:disabled{opacity:.55;cursor:default}.state-msg[data-v-80ff14bf]{color:var(--text-muted);font-size:14px;padding:40px 0}.state-msg.error[data-v-80ff14bf]{color:#f87171}.error-msg[data-v-80ff14bf]{color:#f87171;font-size:13px;margin:12px 0 0}.hint-msg[data-v-80ff14bf]{color:var(--text-muted);font-size:12.5px;margin:14px 0 0;line-height:1.6;max-width:620px}.telepon[data-v-80ff14bf]{display:block;margin-top:2px;color:var(--brand-blue);font-weight:600}.telepon.kosong[data-v-80ff14bf]{color:var(--text-muted);font-weight:400;font-style:italic}.kelas-chips[data-v-80ff14bf]{display:flex;flex-wrap:wrap;gap:6px}.kelas-chip[data-v-80ff14bf]{background:var(--surface-alt);border:1px solid var(--card-border);border-radius:999px;padding:3px 10px;font-size:12px;color:var(--text-body);white-space:nowrap}.kelas-chip.mati[data-v-80ff14bf]{text-decoration:line-through;opacity:.7}.status-pill[data-v-80ff14bf]{font-size:11.5px;font-weight:700;padding:4px 11px;border-radius:999px;white-space:nowrap}.status-pill.aktif[data-v-80ff14bf]{background:#4ade8029;color:#4ade80}.status-pill.mati[data-v-80ff14bf]{background:var(--surface-alt);color:var(--text-muted)}.modal-backdrop[data-v-80ff14bf]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0b80;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal[data-v-80ff14bf]{background:var(--card-bg);border-radius:14px;padding:28px;width:100%;max-width:440px;box-shadow:0 20px 50px #0000004d;max-height:90vh;overflow-y:auto}.modal-title[data-v-80ff14bf]{font-size:18px;font-weight:700;color:var(--text-heading);margin:0 0 4px}.modal-sub[data-v-80ff14bf]{font-size:13px;color:var(--text-muted);margin:0 0 16px;line-height:1.6}.field-label[data-v-80ff14bf]{display:block;font-size:13px;font-weight:600;color:var(--text-body);margin:14px 0 6px}.field-label .hint[data-v-80ff14bf]{font-weight:400;color:var(--text-muted)}.modal input[data-v-80ff14bf]{width:100%;padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--bg-main);color:var(--text-heading)}.modal-actions[data-v-80ff14bf]{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.action-row[data-v-80ff14bf]{flex-wrap:wrap}.toolbar[data-v-350b9e9f]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:20px}.class-select[data-v-350b9e9f]{padding:10px 14px;border:2px solid var(--brand-blue);border-radius:8px;font-size:14px;font-family:inherit;background:var(--card-bg);min-width:200px;color:var(--text-heading)}.week-nav[data-v-350b9e9f]{display:flex;align-items:center;gap:14px}.week-label[data-v-350b9e9f]{font-size:14px;font-weight:600;color:var(--text-heading);white-space:nowrap}.nav-btn[data-v-350b9e9f]{width:30px;height:30px;border-radius:50%;border:1px solid var(--card-border);background:var(--card-bg);font-size:16px;color:var(--text-body);cursor:pointer;display:flex;align-items:center;justify-content:center}.nav-btn[data-v-350b9e9f]:hover{background:var(--surface-alt)}.state-msg.error[data-v-350b9e9f]{color:#f87171;font-size:14px;margin-bottom:16px}.week-grid[data-v-350b9e9f]{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--card-border);border-radius:12px;overflow:hidden;background:var(--card-bg)}.day-col[data-v-350b9e9f]{border-right:1px solid var(--card-border);display:flex;flex-direction:column}.day-col[data-v-350b9e9f]:last-child{border-right:none}.day-head[data-v-350b9e9f]{text-align:center;padding:12px 6px 10px;border-bottom:1px solid var(--card-border);background:var(--surface-alt)}.day-name[data-v-350b9e9f]{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase}.day-num[data-v-350b9e9f]{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-top:4px;font-size:16px;font-weight:600;color:var(--text-heading);border-radius:50%}.day-num.today[data-v-350b9e9f]{background:var(--brand-blue);color:#fff}.day-body[data-v-350b9e9f]{min-height:140px;max-height:320px;overflow-y:auto;padding:8px 6px;display:flex;flex-direction:column;gap:6px;cursor:pointer}.day-body[data-v-350b9e9f]:hover{background:var(--surface-alt)}.day-empty[data-v-350b9e9f]{text-align:center;color:#c3c2b7;font-size:12px;padding-top:8px}.event-chip[data-v-350b9e9f]{border-radius:6px;padding:6px 8px;font-size:11.5px;line-height:1.35;color:#fff;cursor:pointer;border:none;text-align:left;width:100%;font-family:inherit}.event-chip[data-v-350b9e9f]:hover{filter:brightness(1.1)}.event-chip.is-note[data-v-350b9e9f]{background:var(--card-bg);border:1.5px dashed var(--brand-blue);color:var(--brand-blue)}.event-chip.is-note .event-class[data-v-350b9e9f],.event-chip.is-note .event-topic[data-v-350b9e9f]{color:var(--brand-blue)}.event-chip.theme-blue[data-v-350b9e9f]{background:var(--grad-blue-b)}.event-chip.theme-green[data-v-350b9e9f]{background:var(--grad-green-b)}.event-chip.theme-purple[data-v-350b9e9f]{background:var(--grad-purple-b)}.event-class[data-v-350b9e9f]{display:block;font-weight:700;font-size:10px;letter-spacing:.03em;opacity:.9}.event-topic[data-v-350b9e9f]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 800px){.week-grid[data-v-350b9e9f]{grid-template-columns:repeat(7,minmax(90px,1fr));overflow-x:auto}}.modal-backdrop[data-v-350b9e9f]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0b73;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal[data-v-350b9e9f]{background:var(--card-bg);border-radius:14px;padding:28px;width:100%;max-width:420px;box-shadow:0 20px 50px #0003}.modal-title[data-v-350b9e9f]{font-size:18px;font-weight:700;color:var(--text-heading);margin:0 0 4px}.modal-sub[data-v-350b9e9f]{font-size:13px;color:var(--text-muted);margin:0 0 20px}.field-label[data-v-350b9e9f]{display:block;font-size:13px;font-weight:600;color:var(--text-body);margin-bottom:6px;margin-top:14px}.modal input[data-v-350b9e9f],.modal select[data-v-350b9e9f],.modal textarea[data-v-350b9e9f]{width:100%;padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical}.modal-note[data-v-350b9e9f]{font-size:12.5px;color:var(--text-muted);background:var(--surface-alt);border-radius:8px;padding:10px 12px;margin-top:16px}.error-msg[data-v-350b9e9f]{color:#f87171;font-size:13px;margin:12px 0 0}.note-content[data-v-350b9e9f]{font-size:14px;color:var(--text-body);background:var(--surface-alt);border-radius:8px;padding:12px 14px;margin:0;white-space:pre-wrap}.modal-actions[data-v-350b9e9f]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-danger[data-v-350b9e9f]{margin-right:auto;color:#f87171;border-color:#ef444466}.btn-danger[data-v-350b9e9f]:hover{background:#ef44441f}.back-link[data-v-754789bb]{display:inline-block;font-size:13.5px;color:var(--brand-blue);font-weight:600;margin-bottom:16px}.tabs[data-v-754789bb]{display:flex;gap:28px;border-bottom:1px solid var(--card-border);margin-bottom:22px}.tab[data-v-754789bb]{background:none;border:none;padding:10px 2px;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:3px solid transparent}.tab.active[data-v-754789bb]{color:var(--brand-blue);border-bottom-color:var(--brand-blue)}.tab-lencana[data-v-754789bb]{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:999px;background:#dc2626;color:#fff;font-size:10.5px;font-weight:800;vertical-align:middle}.material-list[data-v-754789bb]{display:flex;flex-direction:column;gap:12px}.material-card[data-v-754789bb]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;overflow:hidden}.material-row[data-v-754789bb]{padding:16px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between}.material-icon[data-v-754789bb]{font-size:22px}.material-info[data-v-754789bb]{flex:1;min-width:200px}.material-title[data-v-754789bb]{font-size:15px;font-weight:700;color:var(--text-heading)}.material-desc[data-v-754789bb]{font-size:13px;color:var(--text-body);margin:4px 0}.material-link[data-v-754789bb]{display:inline-block;font-size:13px;color:var(--brand-blue);font-weight:600;margin-top:4px}.link-btn[data-v-754789bb]{background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.sematan-frame[data-v-754789bb]{display:block;width:100%;height:85vh;min-height:420px;border:none;border-top:1px solid var(--card-border);background:#0b0f18}.material-actions[data-v-754789bb]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.session-chip[data-v-754789bb]{display:inline-block;font-size:10.5px;font-weight:700;color:var(--brand-blue);background:#3b82f62e;padding:2px 8px;border-radius:999px;margin-left:8px;vertical-align:middle}.rencana-kartu[data-v-754789bb]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;overflow:hidden}.rencana-baris[data-v-754789bb]{padding:16px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.rencana-ikon[data-v-754789bb]{flex-shrink:0;width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;background:#dc2626}.rencana-info[data-v-754789bb]{flex:1;min-width:180px}.rencana-nama[data-v-754789bb]{font-size:14.5px;font-weight:700;color:var(--text-heading);word-break:break-word}.rencana-meta[data-v-754789bb]{font-size:12.5px;color:var(--text-muted);margin-top:2px}.rencana-aksi[data-v-754789bb]{display:flex;gap:8px;flex-wrap:wrap}.state-msg[data-v-754789bb]{color:var(--text-muted);font-size:14px;padding:30px 0}.back-link[data-v-56d8f5d6]{display:inline-block;font-size:13.5px;color:var(--brand-blue);font-weight:600;margin-bottom:16px}.quiz-title[data-v-56d8f5d6]{font-size:20px;font-weight:800;color:var(--text-heading);margin:0 0 6px}.quiz-desc[data-v-56d8f5d6]{font-size:14px;color:var(--text-muted);margin:0 0 20px}.question-card[data-v-56d8f5d6]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:18px 20px;margin-bottom:14px}.question-num[data-v-56d8f5d6]{font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--text-muted);margin-bottom:6px}.question-text[data-v-56d8f5d6]{font-size:15px;font-weight:600;color:var(--text-heading);margin-bottom:14px}.question-image[data-v-56d8f5d6]{display:block;max-width:100%;max-height:320px;border-radius:10px;margin-bottom:14px}.option-label[data-v-56d8f5d6]{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;margin-bottom:8px;cursor:pointer;font-size:14px;color:var(--text-body)}.option-label[data-v-56d8f5d6]:hover{background:var(--surface-alt)}.option-label input[data-v-56d8f5d6]{flex-shrink:0}.hint[data-v-56d8f5d6]{font-size:12.5px;color:var(--text-muted);margin-top:8px}.error-msg[data-v-56d8f5d6]{color:#f87171;font-size:13px;margin:0 0 10px}.result-card[data-v-56d8f5d6]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:40px;text-align:center;max-width:420px}.result-title[data-v-56d8f5d6]{font-size:18px;font-weight:700;color:var(--text-heading);margin:0 0 16px}.result-score[data-v-56d8f5d6]{font-size:48px;font-weight:800;color:var(--brand-blue)}.result-sub[data-v-56d8f5d6]{font-size:14px;color:var(--text-muted);margin-top:8px}.state-msg[data-v-56d8f5d6]{color:var(--text-muted);font-size:14px;padding:30px 0}.state-msg.error[data-v-56d8f5d6]{color:#f87171}.eyebrow[data-v-4d890311]{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.section-title[data-v-4d890311]{font-size:22px;font-weight:800;color:var(--text-heading);margin:0 0 20px}.group-title[data-v-4d890311]{font-size:13px;font-weight:700;color:var(--text-muted);margin:20px 0 10px;text-transform:uppercase;letter-spacing:.03em}.group-title[data-v-4d890311]:first-of-type{margin-top:0}.grade-list[data-v-4d890311]{display:flex;flex-direction:column;gap:12px}.grade-row[data-v-4d890311]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.grade-meta[data-v-4d890311]{font-size:11.5px;font-weight:700;letter-spacing:.03em;color:var(--text-muted);margin-bottom:3px}.grade-title[data-v-4d890311]{font-size:15px;font-weight:700;color:var(--text-heading)}.type-chip[data-v-4d890311]{display:inline-block;font-size:10px;font-weight:700;color:#c084fc;background:#a855f72e;padding:2px 7px;border-radius:999px;margin-left:6px;vertical-align:middle}.grade-sub[data-v-4d890311]{font-size:12.5px;color:var(--text-muted);margin-top:3px}.grade-score[data-v-4d890311]{font-size:24px;font-weight:800;color:var(--brand-blue);flex-shrink:0}.formula[data-v-4d890311]{font-size:12.5px;color:var(--text-muted);margin:-4px 0 12px;line-height:1.7}.final-list[data-v-4d890311]{display:flex;flex-direction:column;gap:12px}.final-card[data-v-4d890311]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:18px 20px}.final-head[data-v-4d890311]{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.final-score[data-v-4d890311]{display:flex;align-items:baseline;gap:8px;flex-shrink:0}.final-num[data-v-4d890311]{font-size:28px;font-weight:800;color:var(--brand-blue);font-variant-numeric:tabular-nums}.final-huruf[data-v-4d890311]{font-size:13px;font-weight:800;color:#4ade80;background:#22c55e29;padding:3px 10px;border-radius:999px}.final-sementara[data-v-4d890311]{font-size:11.5px;font-weight:700;color:var(--text-muted);background:var(--surface-alt);padding:3px 10px;border-radius:999px}.kirim-note[data-v-4d890311]{font-size:12.5px;color:var(--text-muted);margin:-4px 0 12px}.komponen-table[data-v-4d890311]{width:100%;border-collapse:collapse;margin-top:16px}.komponen-table th[data-v-4d890311]{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--card-border)}.komponen-table td[data-v-4d890311]{padding:9px 10px;font-size:13.5px;color:var(--text-body);border-bottom:1px solid var(--card-border)}.komponen-table tr:last-child td[data-v-4d890311]{border-bottom:none}.komponen-table th.th-num[data-v-4d890311]{text-align:right}.komponen-table th.th-num[data-v-4d890311],.komponen-table td.num[data-v-4d890311]{width:1%;white-space:nowrap}.komponen-table th.th-porsi[data-v-4d890311]{width:34%}.komponen-table .num[data-v-4d890311]{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.komponen-table .num.kosong[data-v-4d890311]{color:var(--text-muted)}.porsi-cell[data-v-4d890311]{display:flex;align-items:center;gap:10px;min-width:140px}.porsi-bar[data-v-4d890311]{flex:1;height:8px;background:var(--surface-alt);border-radius:4px;overflow:hidden}.porsi-fill[data-v-4d890311]{display:block;height:100%;background:var(--brand-blue);border-radius:0 4px 4px 0}.porsi-angka[data-v-4d890311]{font-size:12.5px;color:var(--text-muted)}.final-huruf.tidak[data-v-4d890311]{background:#ef444429;color:#f87171}.keterangan[data-v-4d890311]{font-size:13px;font-weight:700;color:#4ade80;margin:8px 0 0}.keterangan.tidak[data-v-4d890311]{color:#f87171}.final-foot[data-v-4d890311]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:14px}.final-note[data-v-4d890311]{font-size:12.5px;color:var(--text-muted);margin:0;line-height:1.6;flex:1;min-width:220px}.btn-sm[data-v-4d890311]{padding:8px 16px;font-size:13px;white-space:nowrap}.error-msg[data-v-4d890311]{color:#f87171;font-size:12.5px;margin:10px 0 0}@media (max-width: 640px){.final-card[data-v-4d890311],.grade-row[data-v-4d890311],.karakter-card[data-v-4d890311]{padding:14px 16px}.final-head[data-v-4d890311]{flex-direction:column;align-items:flex-start;gap:8px}.final-score[data-v-4d890311]{align-items:baseline}.final-num[data-v-4d890311]{font-size:30px}.komponen-table[data-v-4d890311],.komponen-table tbody[data-v-4d890311],.komponen-table tr[data-v-4d890311],.komponen-table td[data-v-4d890311]{display:block;width:100%}.komponen-table thead[data-v-4d890311]{display:none}.komponen-table tr[data-v-4d890311]{background:var(--surface-alt);border-radius:10px;padding:10px 12px;margin-bottom:10px}.komponen-table td[data-v-4d890311]{border-bottom:none;padding:4px 0;display:flex;justify-content:space-between;gap:12px}.komponen-table td[data-v-4d890311]:before{content:attr(data-label);font-size:12px;color:var(--text-muted);flex-shrink:0}.komponen-table td.komponen-nama[data-v-4d890311]{font-weight:700;color:var(--text-heading);font-size:14px;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--card-border)}.komponen-table .num[data-v-4d890311]{text-align:right}.porsi-cell[data-v-4d890311]{min-width:0}.porsi-bar[data-v-4d890311]{max-width:120px}.final-foot[data-v-4d890311]{flex-direction:column;align-items:stretch}.final-foot .btn[data-v-4d890311]{width:100%;justify-content:center}.rincian-grid[data-v-4d890311]{grid-template-columns:1fr}.grade-row[data-v-4d890311]{flex-direction:column;align-items:flex-start;gap:8px}.grade-score[data-v-4d890311]{font-size:22px}}.rincian[data-v-4d890311]{margin-top:14px}.rincian summary[data-v-4d890311]{cursor:pointer;font-size:13px;font-weight:600;color:var(--brand-blue)}.rincian-grid[data-v-4d890311]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:14px}.rincian-judul[data-v-4d890311]{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-bottom:8px}.rincian-baris[data-v-4d890311]{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--text-body);padding:5px 0;border-bottom:1px solid var(--card-border)}.rincian-baris .num[data-v-4d890311]{font-variant-numeric:tabular-nums;font-weight:600}.jenis[data-v-4d890311]{font-size:10.5px;color:var(--text-muted)}.karakter-card[data-v-4d890311]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:16px 18px}.karakter-head[data-v-4d890311]{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.topik[data-v-4d890311]{font-weight:500;color:var(--text-muted);font-size:13.5px}.karakter-badges[data-v-4d890311]{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.predikat[data-v-4d890311]{font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;background:#3b82f629;color:#60a5fa;white-space:nowrap}.etika-badge[data-v-4d890311]{font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;background:#a855f729;color:#c084fc;white-space:nowrap}.aspek-row[data-v-4d890311]{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.aspek[data-v-4d890311]{background:var(--surface-alt);border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;gap:3px;min-width:104px}.aspek-nama[data-v-4d890311]{font-size:11.5px;color:var(--text-muted)}.aspek-nilai[data-v-4d890311]{font-size:14px;font-weight:700;color:var(--text-heading);font-variant-numeric:tabular-nums}.aspek-nilai.kosong[data-v-4d890311]{color:var(--text-muted);font-weight:600}.karakter-note[data-v-4d890311]{font-size:13.5px;color:var(--text-body);line-height:1.7;margin:12px 0 0;padding-left:12px;border-left:2px solid var(--card-border)}.state-msg[data-v-4d890311]{color:var(--text-muted);font-size:14px;padding:30px 0}.ringkas-baris[data-v-4d890311]{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px}.btn-unduh-semua[data-v-4d890311]{padding:10px 16px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;cursor:pointer}.btn-unduh-semua[data-v-4d890311]:hover:not(:disabled){background:var(--surface-2, rgba(0,0,0,.04))}.btn-unduh-semua[data-v-4d890311]:disabled{opacity:.6;cursor:default}.kelas-list[data-v-4d890311]{display:flex;flex-direction:column;gap:10px}.kelas-kartu[data-v-4d890311]{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.kelas-head[data-v-4d890311]{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:none;border:0;text-align:left;cursor:pointer;color:inherit;font:inherit}.kelas-head[data-v-4d890311]:hover{background:var(--surface-2, rgba(0,0,0,.03))}.kelas-teks[data-v-4d890311]{min-width:0}.kelas-judul[data-v-4d890311]{font-size:15px;font-weight:700;margin-top:2px}.kelas-sub[data-v-4d890311]{font-size:12px;color:var(--text-muted);margin-top:3px}.kelas-kanan[data-v-4d890311]{display:flex;align-items:center;gap:10px;flex-shrink:0}.kelas-rata[data-v-4d890311]{font-size:18px;font-weight:800}.kelas-huruf[data-v-4d890311]{font-size:12px;font-weight:800;padding:2px 9px;border-radius:999px;background:#4ade8029;color:#4ade80}.kelas-sementara[data-v-4d890311]{font-size:11px;color:var(--text-muted);font-style:italic}.kelas-panah[data-v-4d890311]{font-size:13px;color:var(--text-muted);transition:transform .15s ease}.kelas-panah.buka[data-v-4d890311]{transform:rotate(180deg)}.kelas-isi[data-v-4d890311]{border-top:1px solid var(--border);padding:12px 16px 14px}.sub-judul[data-v-4d890311]{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:8px 0 6px}.sub-judul[data-v-4d890311]:first-child{margin-top:0}.kelas-kosong[data-v-4d890311]{font-size:13px;color:var(--text-muted);margin:0}@media (max-width: 640px){.btn-unduh-semua[data-v-4d890311]{width:100%}}:root{--sidebar-bg: #111827;--sidebar-active-bg: rgba(59, 130, 246, .16);--sidebar-active-text: #60a5fa;--sidebar-text: #cbd5e1;--sidebar-text-muted: #94a3b8;--header-bg: #111827;--header-border: #1f2937;--brand-blue: #3b82f6;--bg-main: #0b1220;--card-bg: #141b2d;--surface-alt: #1b2436;--card-border: #263244;--text-heading: #f1f5f9;--text-body: #cbd5e1;--text-muted: #94a3b8;--grad-blue-a: #3b82f6;--grad-blue-b: #1d4ed8;--grad-green-a: #10b981;--grad-green-b: #047857;--grad-purple-a: #a855f7;--grad-purple-b: #7c3aed;--radius-lg: 16px;--radius-md: 10px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-main);background-image:linear-gradient(rgba(11,18,32,var(--app-bg-overlay, .86)),rgba(11,18,32,var(--app-bg-overlay, .86))),var(--app-bg-image, url(/assets/batik-m4StfByP.jpg));background-size:auto,var(--app-bg-size, 420px);background-position:center,center;background-repeat:repeat,var(--app-bg-repeat, repeat);background-attachment:fixed,fixed;color:var(--text-heading);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),select,textarea{color:var(--text-heading);background-color:var(--surface-alt)}select option{background-color:var(--card-bg);color:var(--text-heading)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:filter .15s ease,background .15s ease}.btn-primary{background:var(--brand-blue);color:#fff}.btn-primary:hover{filter:brightness(1.08)}.btn-outline{background:var(--card-bg);color:var(--text-heading);border-color:var(--card-border)}.btn-outline:hover{background:var(--surface-alt)}.btn-block{width:100%}@media (max-width: 640px){.two-col{grid-template-columns:1fr!important}.grades-table-wrap,.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.btn{padding:11px 16px}body{font-size:15px}}@media (max-width: 420px){.section-title,.page-title{font-size:19px!important}}