@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--font-main:"Outfit", "Nunito", system-ui, -apple-system, sans-serif;--font-body:"Nunito", "Outfit", system-ui, sans-serif;--color-green:#22c55e;--color-green-dark:#16a34a;--color-green-light:#dcfce7;--color-sky:#0ea5e9;--color-sky-dark:#0284c7;--color-sky-light:#e0f2fe;--color-amber:#f59e0b;--color-amber-dark:#d97706;--color-amber-light:#fef3c7;--color-orange:#f97316;--color-orange-dark:#ea580c;--color-orange-light:#ffedd5;--color-pink:#ec4899;--color-pink-dark:#db2777;--color-pink-light:#fce7f3;--color-purple:#8b5cf6;--color-purple-dark:#7c3aed;--color-purple-light:#ede9fe;--color-rose:#f43f5e;--color-rose-light:#ffe4e6;--bg-page:#f8fafc;--bg-card:#fff;--text-main:#1e293b;--text-muted:#64748b;--border-light:#e2e8f0;--shadow-sm:0 2px 4px #0000000a;--shadow-md:0 8px 20px #0000000f;--shadow-lg:0 16px 36px #00000014;--shadow-hover:0 20px 30px -8px #22c55e33;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:9999px;--site-container-max:1480px;--site-container-gutter:32px;--site-header-container-max:var(--site-container-max);--container-max-width:var(--site-container-max);--container-padding-x:var(--site-container-gutter);--header-height:84px;--admin-sidebar-width:260px;--admin-sidebar-collapsed-width:76px;--admin-container-padding:36px}@media (width>=1720px){:root{--site-container-max:1540px;--site-container-gutter:40px;--container-max-width:var(--site-container-max);--container-padding-x:var(--site-container-gutter);--admin-container-padding:40px}}@media (width<=1200px){:root{--site-container-max:1160px;--site-container-gutter:28px;--container-max-width:var(--site-container-max);--container-padding-x:var(--site-container-gutter);--admin-container-padding:28px}}@media (width<=1024px){:root{--site-container-gutter:24px;--container-padding-x:var(--site-container-gutter);--header-height:76px;--admin-container-padding:24px}}@media (width<=768px){:root{--site-container-gutter:16px;--container-padding-x:var(--site-container-gutter);--header-height:70px;--admin-container-padding:16px}}@media (width<=480px){:root{--site-container-gutter:14px;--container-padding-x:var(--site-container-gutter);--admin-container-padding:14px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-page);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-main);font-weight:800;line-height:1.25}a{color:inherit;text-decoration:none}button{font-family:var(--font-main);cursor:pointer;background:0 0;border:none;transition:all .2s}.container,.content-wrapper,.main-container,.page-container,.site-container{width:100%;max-width:var(--site-container-max,var(--container-max-width));padding-inline:var(--site-container-gutter,var(--container-padding-x));box-sizing:border-box;margin-inline:auto}.btn-primary{color:#fff;border-radius:var(--radius-pill);background:linear-gradient(135deg,#22c55e,#16a34a);justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:1.05rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 6px 18px #22c55e59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px #22c55e73}.btn-secondary{color:var(--text-main);border:2px solid var(--border-light);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);background:#fff;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:1.05rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--color-green);color:var(--color-green-dark);transform:translateY(-2px)}.btn-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 6px 18px #8b5cf659}.btn-orange,.btn-purple{color:#fff;border-radius:var(--radius-pill);justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-weight:700;display:inline-flex}.btn-orange{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 6px 18px #f9731659}.badge-tag{border-radius:var(--radius-pill);align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid #e2e8f0cc;padding:24px;transition:transform .25s,box-shadow .25s}.card-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.floating-element{animation:4s ease-in-out infinite float}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-overlay[data-v-b526b49c]{z-index:99999;-webkit-backdrop-filter:blur(6px);background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card[data-v-b526b49c]{text-align:center;transform-origin:50%;background:#fff;border:1px solid #e2e8f0e6;border-radius:24px;width:100%;max-width:480px;margin:auto;padding:32px 28px;position:relative;box-shadow:0 25px 60px -15px #0000004d,0 0 1px 1px #e2e8f0cc}.modal-type-exam_submit[data-v-b526b49c],.modal-type-practice_submit[data-v-b526b49c]{max-width:520px}.btn-close-modal[data-v-b526b49c]{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;font-weight:700;transition:all .2s;display:flex;position:absolute;top:18px;right:18px}.btn-close-modal[data-v-b526b49c]:hover{color:#ef4444;background:#fee2e2;transform:scale(1.08)}.modal-icon-wrap[data-v-b526b49c]{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 18px;display:flex;position:relative}.icon-bg-primary[data-v-b526b49c]{color:#0284c7;background:linear-gradient(135deg,#e0f2fe,#bae6fd)}.icon-bg-success[data-v-b526b49c]{color:#15803d;background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.icon-bg-warning[data-v-b526b49c]{color:#b45309;background:linear-gradient(135deg,#fef3c7,#fde68a)}.icon-bg-danger[data-v-b526b49c]{color:#b91c1c;background:linear-gradient(135deg,#fee2e2,#fecaca)}.modal-mascot-robot[data-v-b526b49c]{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 8px #0000001f);width:58px;height:58px}.modal-icon-emoji[data-v-b526b49c]{font-size:2.2rem;line-height:1}.modal-title[data-v-b526b49c]{color:#0f172a;margin-bottom:8px;font-size:1.35rem;font-weight:800;line-height:1.35}.modal-message[data-v-b526b49c]{color:#475569;margin-bottom:20px;font-size:.96rem;line-height:1.55}.practice-stats-box[data-v-b526b49c]{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:18px;margin-bottom:22px;padding:16px 14px}.stats-pills-row[data-v-b526b49c]{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.stat-pill-item[data-v-b526b49c]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:10px 8px;display:flex}.stat-pill-num[data-v-b526b49c]{font-size:1.45rem;font-weight:800;line-height:1.1}.stat-pill-label[data-v-b526b49c]{color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-top:4px;font-size:.76rem;font-weight:700}.pill-total .stat-pill-num[data-v-b526b49c]{color:#3b82f6}.pill-done .stat-pill-num[data-v-b526b49c]{color:#16a34a}.pill-pending .stat-pill-num[data-v-b526b49c]{color:#94a3b8}.pill-pending.has-unanswered .stat-pill-num[data-v-b526b49c]{color:#ea580c}.unanswered-warning-callout[data-v-b526b49c]{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.completed-cheer-callout[data-v-b526b49c],.unanswered-warning-callout[data-v-b526b49c]{text-align:left;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:.88rem;line-height:1.45;display:flex}.completed-cheer-callout[data-v-b526b49c]{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.modal-actions-row[data-v-b526b49c]{justify-content:center;gap:12px;display:flex}.btn-modal-cancel[data-v-b526b49c]{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:14px;flex:1;padding:12px 18px;font-size:.95rem;font-weight:700;transition:all .2s}.btn-modal-cancel[data-v-b526b49c]:hover:not(:disabled){color:#1e293b;background:#f1f5f9;border-color:#94a3b8}.btn-modal-confirm[data-v-b526b49c]{color:#fff;cursor:pointer;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.98rem;font-weight:800;transition:all .25s;display:flex;box-shadow:0 4px 14px #00000026}.btn-confirm-primary[data-v-b526b49c]{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #2563eb59}.btn-confirm-primary[data-v-b526b49c]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #2563eb73}.btn-confirm-success[data-v-b526b49c]{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 14px #16a34a59}.btn-confirm-success[data-v-b526b49c]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #16a34a73}.btn-confirm-danger[data-v-b526b49c]{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #dc262659}.btn-confirm-danger[data-v-b526b49c]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #dc262673}.btn-confirm-warning[data-v-b526b49c]{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #d9770659}.btn-confirm-warning[data-v-b526b49c]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #d9770673}.btn-modal-cancel[data-v-b526b49c]:disabled,.btn-modal-confirm[data-v-b526b49c]:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-spinner[data-v-b526b49c]{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin-b526b49c;display:inline-block}@keyframes spin-b526b49c{to{transform:rotate(1turn)}}.app-modal-enter-active[data-v-b526b49c],.app-modal-leave-active[data-v-b526b49c]{transition:opacity .25s}.app-modal-enter-from[data-v-b526b49c],.app-modal-leave-to[data-v-b526b49c]{opacity:0}.app-modal-enter-active .modal-card[data-v-b526b49c]{transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .25s}.app-modal-leave-active .modal-card[data-v-b526b49c]{transition:transform .2s,opacity .2s}.app-modal-enter-from .modal-card[data-v-b526b49c]{opacity:0;transform:scale(.92)translateY(12px)}.app-modal-leave-to .modal-card[data-v-b526b49c]{opacity:0;transform:scale(.96)}@media (width<=480px){.modal-card[data-v-b526b49c]{border-radius:20px;padding:24px 18px}.modal-title[data-v-b526b49c]{font-size:1.2rem}.modal-message[data-v-b526b49c]{font-size:.9rem}.modal-actions-row[data-v-b526b49c]{flex-direction:column-reverse;gap:8px}.btn-modal-cancel[data-v-b526b49c],.btn-modal-confirm[data-v-b526b49c]{width:100%;padding:12px}}.toast-container[data-v-92a40369]{z-index:100000;pointer-events:none;max-width:420px;position:fixed;top:24px;right:24px}.toast-container[data-v-92a40369],.toast-list[data-v-92a40369]{flex-direction:column;width:100%;display:flex}.toast-list[data-v-92a40369]{gap:10px}.toast-card[data-v-92a40369]{pointer-events:auto;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px -4px #00000026,0 4px 12px #0000000f}.toast-card[data-v-92a40369]:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.toast-card-success[data-v-92a40369]:before{background:#22c55e}.toast-card-success[data-v-92a40369]{background:linear-gradient(90deg,#f0fdf4,#fff 10%);border-color:#bbf7d0}.toast-card-error[data-v-92a40369]:before{background:#ef4444}.toast-card-error[data-v-92a40369]{background:linear-gradient(90deg,#fef2f2,#fff 10%);border-color:#fecaca}.toast-card-warning[data-v-92a40369]:before{background:#f59e0b}.toast-card-warning[data-v-92a40369]{background:linear-gradient(90deg,#fffbeb,#fff 10%);border-color:#fde68a}.toast-card-info[data-v-92a40369]:before{background:#3b82f6}.toast-card-info[data-v-92a40369]{background:linear-gradient(90deg,#f0f9ff,#fff 10%);border-color:#bae6fd}.toast-icon-wrap[data-v-92a40369]{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;font-size:1.05rem;display:flex}.icon-bg-success[data-v-92a40369]{background:#dcfce7}.icon-bg-error[data-v-92a40369]{background:#fee2e2}.icon-bg-warning[data-v-92a40369]{background:#fef3c7}.icon-bg-info[data-v-92a40369]{background:#e0f2fe}.toast-body[data-v-92a40369]{flex:1;min-width:0}.toast-title[data-v-92a40369]{color:#0f172a;margin-bottom:2px;font-size:.95rem;font-weight:800;line-height:1.3}.toast-text[data-v-92a40369]{color:#334155;word-break:break-word;margin:0;font-size:.88rem;line-height:1.45}.btn-close-toast[data-v-92a40369]{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px;font-size:.9rem;font-weight:700;line-height:1;transition:all .15s}.btn-close-toast[data-v-92a40369]:hover{color:#334155;background:#f1f5f9}.toast-item-enter-active[data-v-92a40369]{transition:all .35s cubic-bezier(.34,1.56,.64,1)}.toast-item-leave-active[data-v-92a40369]{transition:all .25s}.toast-item-enter-from[data-v-92a40369]{opacity:0;transform:translate(40px)scale(.9)}.toast-item-leave-to[data-v-92a40369]{opacity:0;transform:translate(30px)scale(.95)}@media (width<=600px){.toast-container[data-v-92a40369]{width:auto;max-width:none;top:16px;left:12px;right:12px}.toast-card[data-v-92a40369]{padding:12px 14px}}