@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.toast-container[data-v-ee1efc2b]{position:fixed;top:var(--sfn-space-lg);right:var(--sfn-space-lg);z-index:9999;pointer-events:none}.toast-stack[data-v-ee1efc2b]{display:flex;flex-direction:column;gap:10px;max-width:420px}.toast[data-v-ee1efc2b]{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--sfn-white);border-radius:12px;box-shadow:0 12px 32px #00000014,0 4px 10px #0000000f,0 0 0 1px #0000000a;min-width:320px;max-width:420px;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-left:3px solid transparent}.toast[data-v-ee1efc2b]:hover{box-shadow:0 16px 40px #0000001a,0 6px 14px #00000014,0 0 0 1px #0000000a;transform:translateY(-1px)}.toast:hover .toast-progress[data-v-ee1efc2b]{animation-play-state:paused}.toast-success[data-v-ee1efc2b]{border-left-color:var(--sfn-success)}.toast-error[data-v-ee1efc2b]{border-left-color:var(--sfn-danger)}.toast-warning[data-v-ee1efc2b]{border-left-color:var(--sfn-warning)}.toast-info[data-v-ee1efc2b]{border-left-color:var(--sfn-primary)}.toast-icon[data-v-ee1efc2b]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.toast-success .toast-icon[data-v-ee1efc2b]{background:var(--sfn-success-soft, rgba(16, 185, 129, .12));color:var(--sfn-success-strong, var(--sfn-success))}.toast-error .toast-icon[data-v-ee1efc2b]{background:var(--sfn-danger-soft, rgba(239, 68, 68, .12));color:var(--sfn-danger-strong, var(--sfn-danger))}.toast-warning .toast-icon[data-v-ee1efc2b]{background:var(--sfn-warning-soft, rgba(245, 158, 11, .12));color:var(--sfn-warning-strong, var(--sfn-warning))}.toast-info .toast-icon[data-v-ee1efc2b]{background:var(--sfn-primary-10);color:var(--sfn-primary)}.toast-body[data-v-ee1efc2b]{flex:1;min-width:0;padding-top:4px}.toast-title[data-v-ee1efc2b]{font-size:.9rem;font-weight:600;color:var(--sfn-text-primary, var(--sfn-text));margin-bottom:2px}.toast-message[data-v-ee1efc2b]{font-size:.88rem;color:var(--sfn-text-secondary, var(--sfn-muted));line-height:1.45;word-wrap:break-word}.toast-close[data-v-ee1efc2b]{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:var(--sfn-text-muted, #94a3b8);border-radius:8px;transition:all .15s ease;flex-shrink:0}.toast-close[data-v-ee1efc2b]:hover{background:var(--sfn-bg-secondary, #f1f5f9);color:var(--sfn-text-primary, var(--sfn-text))}.toast-progress[data-v-ee1efc2b]{position:absolute;bottom:0;left:0;height:2px;background:currentColor;opacity:.35;animation:toast-progress-ee1efc2b 3s linear forwards;width:100%;transform-origin:left}.toast-success .toast-progress[data-v-ee1efc2b]{color:var(--sfn-success-strong, var(--sfn-success))}.toast-error .toast-progress[data-v-ee1efc2b]{color:var(--sfn-danger-strong, var(--sfn-danger));animation-duration:5s}.toast-warning .toast-progress[data-v-ee1efc2b]{color:var(--sfn-warning-strong, var(--sfn-warning));animation-duration:4s}.toast-info .toast-progress[data-v-ee1efc2b]{color:var(--sfn-primary)}@keyframes toast-progress-ee1efc2b{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-enter-active[data-v-ee1efc2b]{transition:all .35s cubic-bezier(.2,.9,.3,1.2)}.toast-leave-active[data-v-ee1efc2b]{transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;right:0}.toast-enter-from[data-v-ee1efc2b],.toast-leave-to[data-v-ee1efc2b]{opacity:0;transform:translate(40px) scale(.92)}.toast-move[data-v-ee1efc2b]{transition:transform .3s ease}@media(max-width:640px){.toast-container[data-v-ee1efc2b]{top:12px;right:12px;left:12px}.toast-stack[data-v-ee1efc2b]{max-width:100%}.toast[data-v-ee1efc2b]{min-width:0;max-width:100%}}.public-layout[data-v-202e6b70]{min-height:100vh;display:flex;flex-direction:column;background:#f0f2f5}.top-header[data-v-202e6b70]{position:relative;height:280px;padding:48px 32px 0;overflow:hidden;flex-shrink:0;display:flex;align-items:flex-start;justify-content:center}.top-header .header-content[data-v-202e6b70]{width:100%;justify-content:flex-start}.header-bg[data-v-202e6b70]{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(var(--sfn-primary-rgb),.28) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(var(--sfn-primary-rgb),.18) 0%,transparent 50%),linear-gradient(135deg,var(--sfn-primary-deep) 0%,var(--sfn-primary-dark) 30%,var(--sfn-primary) 62%,var(--sfn-primary-soft) 100%)}.header-wave[data-v-202e6b70]{position:absolute;bottom:-2px;left:0;width:100%;height:60px;z-index:2}.header-ornaments[data-v-202e6b70]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><g fill='%23ffffff' fill-opacity='0.14'><circle cx='2' cy='2' r='1.4'/><circle cx='22' cy='22' r='1.4'/><path d='M14 8l4 4-4 4-1.6-1.6 2.4-2.4-2.4-2.4z'/><path d='M30 28l4 4-4 4-1.6-1.6 2.4-2.4-2.4-2.4z'/></g></svg>");background-size:40px 40px;background-repeat:repeat}.header-content[data-v-202e6b70]{position:relative;display:flex;align-items:center;gap:16px;z-index:3}.header-logo[data-v-202e6b70]{width:56px;height:56px;background:#fffffff2;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--sfn-primary-dark);flex-shrink:0;box-shadow:0 4px 15px rgba(var(--sfn-primary-rgb),.24);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-logo-img[data-v-202e6b70]{width:40px;height:40px;object-fit:contain;border-radius:4px}.header-text[data-v-202e6b70]{text-shadow:0 2px 4px rgba(0,0,0,.15)}.header-text h1[data-v-202e6b70]{color:#fff;font-size:1.5rem;font-weight:800;margin:0;letter-spacing:.02em;text-transform:uppercase;line-height:1.1}.header-text p[data-v-202e6b70]{color:#ffffffd9;font-size:.85rem;margin:4px 0 0;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.main-area[data-v-202e6b70]{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px}.main-area.overlap-header[data-v-202e6b70]{margin-top:-100px;position:relative;z-index:3}.content[data-v-202e6b70]{width:100%;display:flex;justify-content:center}.bottom-footer[data-v-202e6b70]{padding:14px 32px;background:#fff;border-top:1px solid #e5e7eb;text-align:center;flex-shrink:0}.bottom-footer span[data-v-202e6b70]{color:#9ca3af;font-size:.75rem}.fade-enter-active[data-v-202e6b70],.fade-leave-active[data-v-202e6b70]{transition:opacity .3s ease}.fade-enter-from[data-v-202e6b70],.fade-leave-to[data-v-202e6b70]{opacity:0}@media(max-width:480px){.top-header[data-v-202e6b70]{height:220px;padding:32px 16px 0}.header-text h1[data-v-202e6b70]{font-size:1rem}.header-logo[data-v-202e6b70]{width:44px;height:44px}.header-logo-img[data-v-202e6b70]{width:30px;height:30px}.main-area[data-v-202e6b70]{padding:24px 16px}.main-area.overlap-header[data-v-202e6b70]{margin-top:-80px}}.cmdk-backdrop[data-v-6e55787d]{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;z-index:9999}.cmdk-panel[data-v-6e55787d]{width:100%;max-width:680px;background:#1e1e1ef5;border-radius:10px;box-shadow:0 24px 60px #0000008c,0 0 0 1px #ffffff14;overflow:hidden;display:flex;flex-direction:column;max-height:70vh;font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,monospace;color:#e4e4e4}.cmdk-titlebar[data-v-6e55787d]{position:relative;height:32px;background:linear-gradient(180deg,#3c3c3c,#2a2a2a);border-bottom:1px solid rgba(0,0,0,.4);display:flex;align-items:center;padding:0 12px}.traffic-lights[data-v-6e55787d]{display:flex;gap:7px;align-items:center}.tl[data-v-6e55787d]{width:12px;height:12px;border-radius:50%;display:inline-block;border:.5px solid rgba(0,0,0,.2);cursor:default}.tl-red[data-v-6e55787d]{background:#ff5f57;cursor:pointer}.tl-yellow[data-v-6e55787d]{background:#febc2e}.tl-green[data-v-6e55787d]{background:#28c840}.tl-red[data-v-6e55787d]:hover{background:#ff8480}.titlebar-text[data-v-6e55787d]{position:absolute;left:0;right:0;text-align:center;font-size:.74rem;color:#fff9;font-weight:500;pointer-events:none}.cmdk-prompt[data-v-6e55787d]{display:flex;align-items:center;gap:0;padding:12px 16px;font-size:.88rem;background:#1e1e1e;border-bottom:1px solid rgba(255,255,255,.06)}.prompt-user[data-v-6e55787d]{color:#58d36e;font-weight:600}.prompt-sep[data-v-6e55787d]{color:#888;margin:0 1px}.prompt-path[data-v-6e55787d]{color:#5fb1f0;font-weight:600}.prompt-symbol[data-v-6e55787d]{color:#c9c9c9;margin:0 6px 0 8px}.cmdk-input[data-v-6e55787d]{flex:1;border:none;background:transparent;outline:none;font-family:inherit;font-size:.88rem;color:#e4e4e4;padding:0;caret-color:transparent}.cmdk-input[data-v-6e55787d]::placeholder{color:#6a6a6a;font-style:italic}.cursor-blink[data-v-6e55787d]{display:inline-block;width:8px;height:1em;background:#e4e4e4;margin-left:-8px;animation:blink-6e55787d 1.06s steps(1) infinite}@keyframes blink-6e55787d{50%{opacity:0}}.cmdk-body[data-v-6e55787d]{flex:1;overflow-y:auto;padding:8px 0;background:#1e1e1e}.cmdk-body[data-v-6e55787d]::-webkit-scrollbar{width:8px}.cmdk-body[data-v-6e55787d]::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.cmdk-loading[data-v-6e55787d],.cmdk-empty[data-v-6e55787d]{display:flex;align-items:center;justify-content:center;padding:24px 16px;color:#888;gap:8px;font-size:.82rem}.empty-prompt[data-v-6e55787d]{color:#888;font-style:italic}.cmdk-group[data-v-6e55787d]{padding:6px 0}.cmdk-group-label[data-v-6e55787d]{font-size:.7rem;color:#6a8fb5;padding:4px 16px;letter-spacing:.4px}.cmdk-item[data-v-6e55787d]{display:flex;align-items:center;gap:10px;width:100%;padding:6px 16px;border:none;background:transparent;cursor:pointer;text-align:left;font-family:inherit;color:#d4d4d4;transition:background .08s}.cmdk-item-arrow[data-v-6e55787d]{color:#555;font-size:.9rem;width:10px;flex-shrink:0}.cmdk-item[data-v-6e55787d]:hover,.cmdk-item.active[data-v-6e55787d]{background:#58d36e24;color:#fff}.cmdk-item.active .cmdk-item-arrow[data-v-6e55787d]{color:#58d36e}.cmdk-item-icon[data-v-6e55787d]{color:#5fb1f0;flex-shrink:0}.cmdk-item.active .cmdk-item-icon[data-v-6e55787d]{color:#82c8ff}.cmdk-item-text[data-v-6e55787d]{flex:1;min-width:0}.cmdk-item-title[data-v-6e55787d]{font-size:.84rem;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmdk-item-subtitle[data-v-6e55787d]{font-size:.72rem;color:#777;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmdk-item-badge[data-v-6e55787d]{font-size:.68rem;color:#c08bd8;flex-shrink:0;letter-spacing:.3px}.cmdk-footer[data-v-6e55787d]{display:flex;gap:18px;padding:8px 16px;border-top:1px solid rgba(255,255,255,.06);background:#161616;font-size:.7rem;color:#777}.cmdk-footer kbd[data-v-6e55787d]{display:inline-block;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:3px;padding:1px 5px;font-size:.68rem;font-family:inherit;color:#c4c4c4;margin-right:4px}.spin[data-v-6e55787d]{animation:cmdk-spin-6e55787d 1s linear infinite}@keyframes cmdk-spin-6e55787d{to{transform:rotate(360deg)}}.cmdk-enter-active[data-v-6e55787d],.cmdk-leave-active[data-v-6e55787d]{transition:opacity .15s}.cmdk-enter-from[data-v-6e55787d],.cmdk-leave-to[data-v-6e55787d]{opacity:0}.cmdk-enter-active .cmdk-panel[data-v-6e55787d],.cmdk-leave-active .cmdk-panel[data-v-6e55787d]{transition:transform .18s cubic-bezier(.16,1,.3,1)}.cmdk-enter-from .cmdk-panel[data-v-6e55787d]{transform:translateY(-12px) scale(.98)}.cmdk-leave-to .cmdk-panel[data-v-6e55787d]{transform:translateY(-8px) scale(.98)}.topbar-layout[data-v-8ebbc115]{min-height:100vh;background:var(--sfn-bg);display:flex;flex-direction:column}.topbar-shell[data-v-8ebbc115]{position:sticky;top:0;z-index:100}.topbar[data-v-8ebbc115]{height:60px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><g fill='%23ffffff' fill-opacity='0.14'><circle cx='2' cy='2' r='1.4'/><circle cx='22' cy='22' r='1.4'/><path d='M14 8l4 4-4 4-1.6-1.6 2.4-2.4-2.4-2.4z'/><path d='M30 28l4 4-4 4-1.6-1.6 2.4-2.4-2.4-2.4z'/></g></svg>"),linear-gradient(100deg,var(--sfn-primary-deep) 0%,var(--sfn-primary-dark) 30%,var(--sfn-primary) 75%,var(--sfn-primary-soft) 100%);background-size:40px 40px,auto;background-repeat:repeat,no-repeat;color:var(--sfn-text-inverse);display:flex;align-items:center;padding:0 16px 0 18px;gap:24px;box-shadow:0 2px 14px rgba(var(--sfn-primary-rgb),.22)}.topbar-brand[data-v-8ebbc115]{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-logo-wrap[data-v-8ebbc115]{width:34px;height:34px;border-radius:10px;background:#ffffff2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 14px #ffffff1a}.brand-logo[data-v-8ebbc115]{width:24px;height:24px;object-fit:contain;border-radius:4px}.brand-text[data-v-8ebbc115]{font-size:.95rem;font-weight:700;letter-spacing:.2px;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.nav-trigger[data-v-8ebbc115]{background:transparent;border:none;font:inherit;cursor:pointer}.nav-trigger-chev[data-v-8ebbc115]{margin-left:2px;transition:transform .2s ease;opacity:.85}.nav-trigger-chev.rotated[data-v-8ebbc115]{transform:rotate(180deg)}.subbar[data-v-8ebbc115]{display:flex;align-items:center;gap:4px;height:40px;padding:0 18px;background:#fff;color:var(--sfn-text-primary, #1e293b);border-bottom:1px solid var(--sfn-border-color, #e2e8f0);box-shadow:0 4px 14px #0000000d;overflow-x:auto;white-space:nowrap}.subbar[data-v-8ebbc115]::-webkit-scrollbar{height:4px}.subbar[data-v-8ebbc115]::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.subbar-item[data-v-8ebbc115]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:7px;color:var(--sfn-text-muted, #64748b);text-decoration:none;font-size:.84rem;font-weight:500;transition:background .12s ease,color .12s ease}.subbar-item[data-v-8ebbc115]:hover{background:var(--sfn-primary-08);color:var(--sfn-primary)}.subbar-item.active[data-v-8ebbc115]{background:var(--sfn-primary-12);color:var(--sfn-primary);font-weight:600}.subbar-icon[data-v-8ebbc115]{flex-shrink:0;opacity:.85}.subbar-item.active .subbar-icon[data-v-8ebbc115],.subbar-item:hover .subbar-icon[data-v-8ebbc115]{opacity:1}.subbar-enter-active[data-v-8ebbc115],.subbar-leave-active[data-v-8ebbc115]{transition:max-height .18s ease,opacity .15s ease;overflow:hidden}.subbar-enter-from[data-v-8ebbc115],.subbar-leave-to[data-v-8ebbc115]{max-height:0;opacity:0}.subbar-enter-to[data-v-8ebbc115],.subbar-leave-from[data-v-8ebbc115]{max-height:60px;opacity:1}.topbar-nav[data-v-8ebbc115]{display:flex;align-items:center;gap:4px;flex:1}.nav-link[data-v-8ebbc115]{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;color:#ffffffd1;text-decoration:none;font-size:.875rem;transition:all .18s ease;border:1px solid transparent;white-space:nowrap}.nav-link[data-v-8ebbc115]:hover{background:#ffffff1f;color:var(--sfn-white);border-color:#ffffff14}.nav-link.active[data-v-8ebbc115]{background:#ffffff2e;color:var(--sfn-white);font-weight:600;border-color:#fff3}.topbar-right[data-v-8ebbc115]{display:flex;align-items:center;gap:10px;margin-left:auto}.user-info[data-v-8ebbc115]{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:#ffffff1f;color:var(--sfn-white);font-size:.875rem;font-weight:500}.logout-btn[data-v-8ebbc115]{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);color:var(--sfn-white);cursor:pointer;font-family:inherit;font-size:.85rem;transition:all .18s ease}.logout-btn[data-v-8ebbc115]:hover{background:#ffffff38}.mobile-toggle[data-v-8ebbc115]{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;background:#ffffff1f;color:var(--sfn-white);border-radius:8px;cursor:pointer}.topbar-main[data-v-8ebbc115]{flex:1;padding:24px;overflow-x:hidden}.mobile-drawer[data-v-8ebbc115]{position:fixed;top:0;left:0;bottom:0;width:280px;background:linear-gradient(165deg,var(--sfn-primary-deep),var(--sfn-primary),var(--sfn-primary-soft));color:var(--sfn-text-inverse);z-index:150;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:4px 0 24px #0003}.mobile-drawer.open[data-v-8ebbc115]{transform:translate(0)}.mobile-backdrop[data-v-8ebbc115]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:140;opacity:0;visibility:hidden;transition:all .3s}.mobile-backdrop.show[data-v-8ebbc115]{opacity:1;visibility:visible}.drawer-header[data-v-8ebbc115]{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid rgba(255,255,255,.12)}.drawer-close[data-v-8ebbc115]{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff;cursor:pointer;border-radius:8px}.drawer-close[data-v-8ebbc115]:hover{background:#ffffff1f}.drawer-nav[data-v-8ebbc115]{flex:1;overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:8px}.drawer-group[data-v-8ebbc115]{display:flex;flex-direction:column;gap:2px;padding-top:6px}.drawer-group-title[data-v-8ebbc115]{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:.7rem;text-transform:uppercase;letter-spacing:.8px;color:#ffffff8c;font-weight:700}.drawer-link[data-v-8ebbc115]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:#ffffffd9;text-decoration:none;font-size:.875rem;transition:all .18s ease}.drawer-link[data-v-8ebbc115]:hover{background:#ffffff1f;color:var(--sfn-white)}.drawer-link.active[data-v-8ebbc115]{background:#ffffff2e;color:var(--sfn-white);font-weight:600}.drawer-sublink[data-v-8ebbc115]{padding-left:22px;font-size:.85rem}.drawer-footer[data-v-8ebbc115]{padding:12px;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:8px}.drawer-user[data-v-8ebbc115]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:#ffffff1a;font-size:.875rem;font-weight:500}.drawer-logout[data-v-8ebbc115]{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem}.drawer-logout[data-v-8ebbc115]:hover{background:#ffffff38}.peserta-layout[data-v-fbea62c6]{min-height:100vh;background:#f8fafc;display:flex;flex-direction:column}.peserta-nav[data-v-fbea62c6]{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><g fill='%23ffffff' fill-opacity='0.14'><circle cx='2' cy='2' r='1.4'/><circle cx='22' cy='22' r='1.4'/><path d='M14 8l4 4-4 4-1.6-1.6 2.4-2.4-2.4-2.4z'/><path d='M30 28l4 4-4 4-1.6-1.6 2.4-2.4-2.4-2.4z'/></g></svg>"),linear-gradient(100deg,var(--sfn-primary-deep) 0%,var(--sfn-primary-dark) 30%,var(--sfn-primary) 75%,var(--sfn-primary-soft) 100%);background-size:40px 40px,auto;background-repeat:repeat,no-repeat;color:var(--sfn-text-inverse, #fff);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 2px 14px rgba(var(--sfn-primary-rgb),.22);position:sticky;top:0;z-index:100}.nav-brand[data-v-fbea62c6]{display:flex;align-items:center;gap:.75rem;color:#fff;min-width:0;flex:1 1 auto}.nav-logo-img[data-v-fbea62c6]{width:32px;height:32px;object-fit:contain;border-radius:6px;flex-shrink:0}.brand-text[data-v-fbea62c6]{font-weight:700;font-size:.85rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.nav-right[data-v-fbea62c6]{display:flex;align-items:center;gap:1rem;min-width:0;flex-shrink:0}.user-info[data-v-fbea62c6]{display:flex;align-items:center;gap:.5rem;color:#ffffffd9;font-size:.875rem;min-width:0}.user-info svg[data-v-fbea62c6]{flex-shrink:0}.user-name[data-v-fbea62c6]{font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.logout-btn[data-v-fbea62c6]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0}.logout-btn[data-v-fbea62c6]:hover{background:#ffffff38;border-color:#ffffff80;color:#fff}.peserta-content[data-v-fbea62c6]{flex:1;padding:2rem;max-width:1200px;width:100%;margin:0 auto}.slide-fade-enter-active[data-v-fbea62c6]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-fbea62c6]{transition:all .2s ease-in}.slide-fade-enter-from[data-v-fbea62c6]{transform:translateY(10px);opacity:0}.slide-fade-leave-to[data-v-fbea62c6]{transform:translateY(-10px);opacity:0}.bcast-overlay[data-v-fbea62c6]{position:fixed;inset:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;animation:bcastFade-fbea62c6 .15s ease}@keyframes bcastFade-fbea62c6{0%{opacity:0}to{opacity:1}}.bcast-modal[data-v-fbea62c6]{background:#fff;border-radius:14px;width:100%;max-width:460px;padding:22px;box-shadow:0 20px 60px #0000004d;animation:bcastUp-fbea62c6 .2s ease}@keyframes bcastUp-fbea62c6{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.bcast-header[data-v-fbea62c6]{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.bcast-icon[data-v-fbea62c6]{width:42px;height:42px;border-radius:10px;background:var(--sfn-primary-light, #fee2e2);color:var(--sfn-primary, #dc2626);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bcast-header h3[data-v-fbea62c6]{margin:0 0 2px;font-size:1.05rem;font-weight:700;color:#1e293b}.bcast-time[data-v-fbea62c6]{margin:0;font-size:.75rem;color:#94a3b8}.bcast-body[data-v-fbea62c6]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;font-size:.92rem;line-height:1.55;color:#1e293b;white-space:pre-wrap;word-break:break-word;margin-bottom:16px;max-height:280px;overflow-y:auto}.bcast-actions[data-v-fbea62c6]{display:flex;justify-content:flex-end}@media(max-width:768px){.peserta-nav[data-v-fbea62c6]{padding:0 1rem;gap:.5rem}.peserta-content[data-v-fbea62c6]{padding:1rem}.nav-brand[data-v-fbea62c6]{gap:.5rem}.brand-text[data-v-fbea62c6]{font-size:.9rem;max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-right[data-v-fbea62c6]{gap:.6rem}.user-info[data-v-fbea62c6]{gap:.35rem;font-size:.8rem}.user-name[data-v-fbea62c6]{max-width:34vw}}@media(max-width:420px){.nav-logo-img[data-v-fbea62c6]{width:28px;height:28px}.brand-text[data-v-fbea62c6]{max-width:32vw}.user-info svg[data-v-fbea62c6]{display:none}.user-name[data-v-fbea62c6]{max-width:40vw}}.loading-overlay[data-v-3cc97b13]{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0f0f1459;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:all}.loading-card[data-v-3cc97b13]{display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 28px;background:#fff;border-radius:14px;box-shadow:0 20px 50px -10px #0000004d,0 0 0 1px #0000000a;min-width:220px}.loading-spinner[data-v-3cc97b13]{position:relative;width:44px;height:44px}.spinner-ring[data-v-3cc97b13]{position:absolute;inset:0;border:3px solid transparent;border-top-color:var(--sfn-primary, #D32F2F);border-right-color:var(--sfn-primary, #D32F2F);border-radius:50%;animation:spin-3cc97b13 .9s cubic-bezier(.5,.1,.5,.9) infinite}.spinner-ring-delay[data-v-3cc97b13]{border-top-color:transparent;border-right-color:transparent;border-bottom-color:var(--sfn-primary-soft, rgba(211, 47, 47, .35));border-left-color:var(--sfn-primary-soft, rgba(211, 47, 47, .35));animation-direction:reverse;animation-duration:1.4s}.loading-text[data-v-3cc97b13]{text-align:center;line-height:1.35}.loading-title[data-v-3cc97b13]{font-weight:700;font-size:.98rem;color:var(--sfn-text-primary, #1f2937)}.loading-subtitle[data-v-3cc97b13]{font-size:.82rem;color:var(--sfn-text-secondary, #6b7280);margin-top:2px}@keyframes spin-3cc97b13{to{transform:rotate(360deg)}}.loading-fade-enter-active[data-v-3cc97b13],.loading-fade-leave-active[data-v-3cc97b13]{transition:opacity .18s ease}.loading-fade-enter-from[data-v-3cc97b13],.loading-fade-leave-to[data-v-3cc97b13]{opacity:0}:root{--sfn-primary: #D32F2F;--sfn-primary-rgb: 211, 47, 47;--sfn-primary-hover: #B52828;--sfn-primary-dark: #A02424;--sfn-primary-deep: #871E1E;--sfn-primary-soft: #DD5D5D;--sfn-primary-light: #F9E2E2;--sfn-primary-05: rgba(211, 47, 47, .05);--sfn-primary-08: rgba(211, 47, 47, .08);--sfn-primary-10: rgba(211, 47, 47, .1);--sfn-primary-12: rgba(211, 47, 47, .12);--sfn-primary-20: rgba(211, 47, 47, .2);--sfn-primary-50: rgba(211, 47, 47, .5);--sfn-white: #FFFFFF;--sfn-bg: #FFFFFF;--sfn-bg-secondary: #F1F5F9;--sfn-text: #111827;--sfn-text-primary: #1E293B;--sfn-text-secondary: #64748B;--sfn-text-muted: #94A3B8;--sfn-text-inverse: #FFFFFF;--sfn-muted: #6B7280;--sfn-danger: #EF4444;--sfn-danger-strong: #DC2626;--sfn-danger-dark: #991B1B;--sfn-danger-soft: #FEE2E2;--sfn-danger-softer: #FEF2F2;--sfn-danger-border: #FECACA;--sfn-success: #10B981;--sfn-success-strong: #16A34A;--sfn-success-dark: #15803D;--sfn-success-soft: #DCFCE7;--sfn-success-softer: #F0FDF4;--sfn-warning: #F59E0B;--sfn-warning-strong: #D97706;--sfn-warning-soft: #FEF3C7;--sfn-info: #3B82F6;--sfn-info-strong: #2563EB;--sfn-info-dark: #0369A1;--sfn-info-soft: #DBEAFE;--sfn-info-softer: #F0F9FF;--sfn-info-border: #BAE6FD;--sfn-purple: #7C3AED;--sfn-purple-soft: #EDE9FE;--sfn-glass: rgba(255, 255, 255, .16);--sfn-glass-strong: rgba(255, 255, 255, .28);--sfn-glass-dark: rgba(0, 0, 0, .05);--sfn-border: rgba(255, 255, 255, .35);--sfn-border-dark: rgba(0, 0, 0, .1);--sfn-shadow: 0 10px 30px rgba(0, 0, 0, .12);--sfn-shadow-lg: 0 25px 50px rgba(0, 0, 0, .15);--sfn-shadow-sm: 0 4px 15px rgba(0, 0, 0, .08);--sfn-radius-card: 16px;--sfn-radius-btn: 12px;--sfn-radius-input: 12px;--sfn-radius-sm: 8px;--sfn-blur: 14px;--sfn-space-xs: 4px;--sfn-space-sm: 8px;--sfn-space-md: 16px;--sfn-space-lg: 24px;--sfn-space-xl: 32px;--sfn-space-2xl: 48px;--sfn-font-family: "Inter", "SFN Arabic", "LPMQ IsepMisbah", system-ui, -apple-system, sans-serif;--sfn-font-size-xs: .75rem;--sfn-font-size-sm: .875rem;--sfn-font-size-base: 1rem;--sfn-font-size-lg: 1.125rem;--sfn-font-size-xl: 1.25rem;--sfn-font-size-2xl: 1.5rem;--sfn-font-size-3xl: 2rem;--sfn-transition: all .3s ease;--sfn-transition-fast: all .15s ease;--sfn-container-max: 1200px;--sfn-sidebar-width: 240px;--sfn-navbar-height: 64px}.sfn-page{min-height:100vh;background:var(--sfn-bg)}.sfn-bg-gradient{background:linear-gradient(135deg,var(--sfn-primary-08) 0%,rgba(255,255,255,1) 50%,var(--sfn-primary-05) 100%)}.sfn-bg-gradient-strong{background:linear-gradient(135deg,var(--sfn-primary-20) 0%,rgba(255,255,255,1) 40%,var(--sfn-primary-10) 100%)}.sfn-glass{background:var(--sfn-glass);backdrop-filter:blur(var(--sfn-blur));-webkit-backdrop-filter:blur(var(--sfn-blur));border:1px solid var(--sfn-border);border-radius:var(--sfn-radius-card);box-shadow:var(--sfn-shadow)}.sfn-glass-strong{background:var(--sfn-glass-strong);backdrop-filter:blur(var(--sfn-blur));-webkit-backdrop-filter:blur(var(--sfn-blur));border:1px solid var(--sfn-border);border-radius:var(--sfn-radius-card);box-shadow:var(--sfn-shadow)}.sfn-glass-dark{background:#fffffff2;backdrop-filter:blur(var(--sfn-blur));-webkit-backdrop-filter:blur(var(--sfn-blur));border:1px solid var(--sfn-border-dark);border-radius:var(--sfn-radius-card);box-shadow:var(--sfn-shadow)}.sfn-card{background:var(--sfn-white);border:1px solid var(--sfn-border-dark);border-radius:var(--sfn-radius-card);box-shadow:var(--sfn-shadow-sm);padding:var(--sfn-space-lg)}.sfn-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sfn-space-sm);padding:var(--sfn-space-sm) var(--sfn-space-lg);font-size:var(--sfn-font-size-base);font-weight:500;border-radius:var(--sfn-radius-btn);border:none;cursor:pointer;transition:var(--sfn-transition);text-decoration:none}.header-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}.header-actions .sfn-btn,.page-header>.sfn-btn,.page-header .sfn-btn{height:32px;padding:0 .85rem;font-size:.8rem;gap:.4rem;line-height:1;white-space:nowrap}.header-actions .sfn-btn-icon{width:32px;height:32px;padding:0}.sfn-btn-primary{background:var(--sfn-primary);color:var(--sfn-text-inverse)}.sfn-btn-primary:hover{background:var(--sfn-primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--sfn-primary-rgb),.3)}.sfn-btn-primary:active{transform:translateY(0)}.sfn-btn-secondary{background:#f3f4f6;color:var(--sfn-text);border:1px solid var(--sfn-border-dark)}.sfn-btn-secondary:hover{background:#e5e7eb}.sfn-btn-danger{background:var(--sfn-danger);color:var(--sfn-text-inverse)}.sfn-btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.sfn-btn-ghost{background:transparent;color:var(--sfn-primary);border:1px solid var(--sfn-primary-20, rgba(var(--sfn-primary-rgb), .2))}.sfn-btn-ghost:hover:not(:disabled){background:var(--sfn-primary-08, rgba(var(--sfn-primary-rgb), .08));border-color:var(--sfn-primary);color:var(--sfn-primary-dark)}.sfn-btn-ghost:disabled{color:var(--sfn-text-muted, #94a3b8);border-color:var(--sfn-border-color, #e2e8f0)}.sfn-btn-sm{padding:var(--sfn-space-xs) var(--sfn-space-md);font-size:var(--sfn-font-size-sm)}.sfn-btn-lg{padding:var(--sfn-space-md) var(--sfn-space-xl);font-size:var(--sfn-font-size-lg)}.sfn-btn-block{width:100%}.sfn-input{width:100%;padding:var(--sfn-space-sm) var(--sfn-space-md);font-size:var(--sfn-font-size-base);border:1px solid var(--sfn-border-dark);border-radius:var(--sfn-radius-input);background:var(--sfn-white);color:var(--sfn-text);transition:var(--sfn-transition-fast)}.sfn-input:focus{outline:none;border-color:var(--sfn-primary);box-shadow:0 0 0 3px rgba(var(--sfn-primary-rgb),.1)}.sfn-input::placeholder{color:var(--sfn-muted)}.sfn-input-group{display:flex;flex-direction:column;gap:var(--sfn-space-xs)}.sfn-label{font-size:var(--sfn-font-size-sm);font-weight:500;color:var(--sfn-text)}.sfn-select{width:100%;padding:var(--sfn-space-sm) var(--sfn-space-md);font-size:var(--sfn-font-size-base);border:1px solid var(--sfn-border-dark);border-radius:var(--sfn-radius-input);background:var(--sfn-white);color:var(--sfn-text);cursor:pointer;transition:var(--sfn-transition-fast)}.sfn-select:focus{outline:none;border-color:var(--sfn-primary);box-shadow:0 0 0 3px rgba(var(--sfn-primary-rgb),.1)}.sfn-table-container{overflow-x:auto;border-radius:var(--sfn-radius-card);border:1px solid var(--sfn-border-dark)}.sfn-table{width:100%;border-collapse:collapse;font-size:var(--sfn-font-size-sm)}.sfn-table th{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><g fill='%23ffffff' fill-opacity='0.14'><circle cx='2' cy='2' r='1.4'/><circle cx='22' cy='22' r='1.4'/><path d='M14 8l4 4-4 4-1.6-1.6 2.4-2.4-2.4-2.4z'/><path d='M30 28l4 4-4 4-1.6-1.6 2.4-2.4-2.4-2.4z'/></g></svg>"),var(--sfn-primary);background-size:40px 40px,auto;background-repeat:repeat,no-repeat;color:var(--sfn-text-inverse);padding:var(--sfn-space-md);text-align:left;font-weight:600}.sfn-table td{padding:var(--sfn-space-md);border-bottom:1px solid var(--sfn-border-dark)}.sfn-table tr:last-child td{border-bottom:none}.sfn-table tr:hover td{background:var(--sfn-glass-dark)}.sfn-table--compact tbody td{padding:.25rem .5rem!important;font-size:.8rem;max-height:1.8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.sfn-stat-card{padding:var(--sfn-space-lg);display:flex;flex-direction:column;gap:var(--sfn-space-sm)}.sfn-stat-value{font-size:var(--sfn-font-size-3xl);font-weight:700;color:var(--sfn-primary)}.sfn-stat-label{font-size:var(--sfn-font-size-sm);color:var(--sfn-muted)}.sfn-grid{display:grid;gap:var(--sfn-space-lg)}.sfn-grid-2{grid-template-columns:repeat(2,1fr)}.sfn-grid-3{grid-template-columns:repeat(3,1fr)}.sfn-grid-4{grid-template-columns:repeat(4,1fr)}.sfn-grid-5{grid-template-columns:repeat(5,1fr)}@media(max-width:1024px){.sfn-grid-4,.sfn-grid-5{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.sfn-grid-2,.sfn-grid-3,.sfn-grid-4,.sfn-grid-5{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.sfn-grid-2,.sfn-grid-3,.sfn-grid-4,.sfn-grid-5{grid-template-columns:1fr}}.sfn-flex{display:flex}.sfn-flex-center{display:flex;align-items:center;justify-content:center}.sfn-flex-between{display:flex;align-items:center;justify-content:space-between}.sfn-gap-sm{gap:var(--sfn-space-sm)}.sfn-gap-md{gap:var(--sfn-space-md)}.sfn-gap-lg{gap:var(--sfn-space-lg)}.sfn-text-primary{color:var(--sfn-primary)}.sfn-text-muted{color:var(--sfn-muted)}.sfn-text-danger{color:var(--sfn-danger)}.sfn-text-success{color:var(--sfn-success)}.sfn-text-center{text-align:center}.sfn-text-right{text-align:right}.sfn-font-bold{font-weight:700}.sfn-font-medium{font-weight:500}.sfn-mt-sm{margin-top:var(--sfn-space-sm)}.sfn-mt-md{margin-top:var(--sfn-space-md)}.sfn-mt-lg{margin-top:var(--sfn-space-lg)}.sfn-mt-xl{margin-top:var(--sfn-space-xl)}.sfn-mb-sm{margin-bottom:var(--sfn-space-sm)}.sfn-mb-md{margin-bottom:var(--sfn-space-md)}.sfn-mb-lg{margin-bottom:var(--sfn-space-lg)}.sfn-mb-xl{margin-bottom:var(--sfn-space-xl)}.sfn-p-sm{padding:var(--sfn-space-sm)}.sfn-p-md{padding:var(--sfn-space-md)}.sfn-p-lg{padding:var(--sfn-space-lg)}.sfn-p-xl{padding:var(--sfn-space-xl)}.sfn-container{max-width:var(--sfn-container-max);margin:0 auto;padding:0 var(--sfn-space-lg)}.sfn-badge{display:inline-flex;align-items:center;padding:var(--sfn-space-xs) var(--sfn-space-sm);font-size:var(--sfn-font-size-xs);font-weight:500;border-radius:var(--sfn-radius-sm)}.sfn-badge-primary{background:var(--sfn-primary-light);color:var(--sfn-primary)}.sfn-badge-success{background:#10b9811a;color:var(--sfn-success)}.sfn-badge-danger{background:#ef44441a;color:var(--sfn-danger)}.sfn-badge-secondary{background:#f3f4f6;color:#374151}.sfn-badge-info{background:#eff6ff;color:#1e40af}@keyframes sfn-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sfn-fade-in{animation:sfn-fade-in .3s ease forwards}@keyframes sfn-pulse{0%,to{opacity:1}50%{opacity:.5}}.sfn-pulse{animation:sfn-pulse 2s ease-in-out infinite}.sfn-loading-block{padding:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--sfn-text-muted)}.sfn-loading-block .spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sfn-pad-lg{padding:2rem}.sfn-pad-xl{padding:3rem}.sfn-mx-auto{margin-left:auto;margin-right:auto}.sfn-mb-sm{margin-bottom:.5rem}.sfn-mb-md{margin-bottom:1rem}.sfn-w-full{width:100%}.sfn-max-w-sm{max-width:200px}.sfn-text-sm{font-size:.85rem}.input-max-200{max-width:200px}.pad-2rem{padding:2rem}.audio-inline{width:100%;height:36px}.audio-full{width:100%}.icon-mr-sm{margin-right:4px}.badge-inline-sm{margin-left:4px;font-size:.7rem}.upload-file-info{margin-top:8px;font-size:.85rem}.bs-badge-row{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.col-w-60{width:60px}.col-w-80{width:80px}.col-w-100{width:100px}.pad-48-16{padding:48px 16px}.empty-icon-lg{color:var(--sfn-border-color, #e2e8f0);margin-bottom:8px}.ws-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:600}.ws-indicator.connected{background:var(--sfn-success-soft);color:var(--sfn-success-dark)}.ws-indicator.connecting{background:var(--sfn-warning-soft, #fef3c7);color:var(--sfn-warning-dark, #92400e)}.ws-indicator.disconnected{background:var(--sfn-danger-soft);color:var(--sfn-danger-dark)}.ws-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.ws-indicator.connected .ws-dot{animation:pulse-dot 1.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@font-face{font-family:LPMQ IsepMisbah;src:url(/fonts/LPMQ-IsepMisbah.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SFN Arabic;src:url(/fonts/LPMQ-IsepMisbah.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--sfn-font-family);font-size:var(--sfn-font-size-base);line-height:1.6;color:var(--sfn-text);background:var(--sfn-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--sfn-primary);text-decoration:none;transition:var(--sfn-transition-fast)}a:hover{color:var(--sfn-primary-hover)}:focus-visible{outline:2px solid var(--sfn-primary);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--sfn-text)}h1{font-size:var(--sfn-font-size-3xl)}h2{font-size:var(--sfn-font-size-2xl)}h3{font-size:var(--sfn-font-size-xl)}h4{font-size:var(--sfn-font-size-lg)}img{max-width:100%;height:auto}ul,ol{list-style:none}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--sfn-glass-dark)}::-webkit-scrollbar-thumb{background:var(--sfn-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--sfn-primary)}::selection{background:var(--sfn-primary);color:var(--sfn-text-inverse)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .3s ease}.slide-enter-from,.slide-leave-to{opacity:0;transform:translate(-10px)}