@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.toast-container[data-v-a998d835]{position:fixed;top:var(--sfn-space-lg);right:var(--sfn-space-lg);z-index:9999;display:flex;flex-direction:column;gap:var(--sfn-space-sm)}.toast[data-v-a998d835]{display:flex;align-items:center;gap:var(--sfn-space-sm);padding:var(--sfn-space-md) var(--sfn-space-lg);background:var(--sfn-white);border-radius:var(--sfn-radius-btn);box-shadow:var(--sfn-shadow-lg);min-width:300px;max-width:450px}.toast-success[data-v-a998d835]{border-left:4px solid var(--sfn-success)}.toast-error[data-v-a998d835]{border-left:4px solid var(--sfn-danger)}.toast-warning[data-v-a998d835]{border-left:4px solid var(--sfn-warning)}.toast-info[data-v-a998d835]{border-left:4px solid var(--sfn-primary)}.toast-icon[data-v-a998d835]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-success .toast-icon[data-v-a998d835]{background:#10b9811a;color:var(--sfn-success)}.toast-error .toast-icon[data-v-a998d835]{background:#ef44441a;color:var(--sfn-danger)}.toast-warning .toast-icon[data-v-a998d835]{background:#f59e0b1a;color:var(--sfn-warning)}.toast-info .toast-icon[data-v-a998d835]{background:#d32f2f1a;color:var(--sfn-primary)}.toast-message[data-v-a998d835]{flex:1;font-size:var(--sfn-font-size-sm)}.toast-close[data-v-a998d835]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;opacity:.5;border-radius:var(--sfn-radius-sm);transition:var(--sfn-transition-fast)}.toast-close[data-v-a998d835]:hover{opacity:1;background:var(--sfn-glass-dark)}.toast-enter-active[data-v-a998d835],.toast-leave-active[data-v-a998d835]{transition:all .3s ease}.toast-enter-from[data-v-a998d835],.toast-leave-to[data-v-a998d835]{opacity:0;transform:translate(100%)}.public-layout[data-v-b4ef392a]{min-height:100vh;display:flex;flex-direction:column;background:#f0f2f5}.top-header[data-v-b4ef392a]{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-b4ef392a]{width:100%;justify-content:flex-start}.header-bg[data-v-b4ef392a]{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(255,107,107,.3) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(255,82,82,.2) 0%,transparent 50%),linear-gradient(135deg,#c62828,#b71c1c,#d32f2f 60%,#e53935)}.header-wave[data-v-b4ef392a]{position:absolute;bottom:-2px;left:0;width:100%;height:60px;z-index:2}.ornament[data-v-b4ef392a]{position:absolute;z-index:1;pointer-events:none}.orn-ring-1[data-v-b4ef392a]{width:260px;height:260px;top:-80px;right:-60px;border-radius:50%;border:3px solid rgba(255,255,255,.1);background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);animation:pulse-b4ef392a 8s ease-in-out infinite}.orn-ring-2[data-v-b4ef392a]{width:160px;height:160px;top:30px;right:12%;border-radius:50%;border:2px solid rgba(255,255,255,.08);animation:floatSlow-b4ef392a 12s ease-in-out infinite}.orn-ring-2[data-v-b4ef392a]:after{content:"";position:absolute;inset:15px;border-radius:50%;border:1.5px solid rgba(255,255,255,.06)}.orn-ring-3[data-v-b4ef392a]{width:80px;height:80px;top:20px;left:60%;border-radius:50%;border:2px solid rgba(255,255,255,.1);box-shadow:0 0 30px #ffffff0d;animation:floatSlow-b4ef392a 10s ease-in-out infinite reverse}.orn-blob-1[data-v-b4ef392a]{width:200px;height:200px;bottom:-40px;left:5%;border-radius:40% 60% 70% 30%/40% 50% 60%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 60%);filter:blur(15px);animation:morphBlob-b4ef392a 15s ease-in-out infinite}.orn-blob-2[data-v-b4ef392a]{width:150px;height:150px;top:-30px;left:35%;border-radius:60% 40% 30% 70%/50% 60% 40% 50%;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 55%);filter:blur(12px);animation:morphBlob-b4ef392a 18s ease-in-out infinite reverse}.orn-dots[data-v-b4ef392a]{width:120px;height:80px;bottom:40px;right:20%;background-image:radial-gradient(circle,rgba(255,255,255,.15) 1.5px,transparent 1.5px);background-size:16px 16px;animation:floatSlow-b4ef392a 20s ease-in-out infinite}.orn-diamond[data-v-b4ef392a]{width:40px;height:40px;top:50px;right:40%;border:2px solid rgba(255,255,255,.12);border-radius:4px;transform:rotate(45deg);animation:spinSlow-b4ef392a 25s linear infinite}.orn-line-1[data-v-b4ef392a]{width:80px;height:2px;top:80px;left:8%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);border-radius:0;transform:rotate(-15deg)}.orn-line-2[data-v-b4ef392a]{width:60px;height:2px;bottom:70px;right:8%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);border-radius:0;transform:rotate(20deg)}@keyframes floatSlow-b4ef392a{0%,to{transform:translate(0)}50%{transform:translate(10px,-8px)}}@keyframes pulse-b4ef392a{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}}@keyframes morphBlob-b4ef392a{0%,to{border-radius:40% 60% 70% 30%/40% 50% 60%}33%{border-radius:70% 30% 50% 50%/30% 30% 70% 70%}66%{border-radius:50% 60% 30%/50% 70% 40% 50%}}@keyframes spinSlow-b4ef392a{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.header-content[data-v-b4ef392a]{position:relative;display:flex;align-items:center;gap:16px;z-index:3}.header-logo[data-v-b4ef392a]{width:56px;height:56px;background:#fffffff2;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#c62828;flex-shrink:0;box-shadow:0 4px 15px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-logo-img[data-v-b4ef392a]{width:40px;height:40px;object-fit:contain;border-radius:4px}.header-text[data-v-b4ef392a]{text-shadow:0 2px 4px rgba(0,0,0,.15)}.header-text h1[data-v-b4ef392a]{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-b4ef392a]{color:#ffffffd9;font-size:.85rem;margin:4px 0 0;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.main-area[data-v-b4ef392a]{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px}.main-area.overlap-header[data-v-b4ef392a]{margin-top:-100px;position:relative;z-index:3}.content[data-v-b4ef392a]{width:100%;display:flex;justify-content:center}.bottom-footer[data-v-b4ef392a]{padding:14px 32px;background:#fff;border-top:1px solid #e5e7eb;text-align:center;flex-shrink:0}.bottom-footer span[data-v-b4ef392a]{color:#9ca3af;font-size:.75rem}.fade-enter-active[data-v-b4ef392a],.fade-leave-active[data-v-b4ef392a]{transition:opacity .3s ease}.fade-enter-from[data-v-b4ef392a],.fade-leave-to[data-v-b4ef392a]{opacity:0}@media(max-width:480px){.top-header[data-v-b4ef392a]{height:220px;padding:32px 16px 0}.header-text h1[data-v-b4ef392a]{font-size:1rem}.header-logo[data-v-b4ef392a]{width:44px;height:44px}.header-logo-img[data-v-b4ef392a]{width:30px;height:30px}.main-area[data-v-b4ef392a]{padding:24px 16px}.main-area.overlap-header[data-v-b4ef392a]{margin-top:-80px}}.admin-layout[data-v-2e58defe]{display:flex;min-height:100vh;background:var(--sfn-bg);position:relative}.sidebar[data-v-2e58defe]{width:var(--sfn-sidebar-width);background:linear-gradient(165deg,#c0392b,#e74c3c 20%,#d63384 50%,#e91e83,#ff6b9d);color:var(--sfn-text-inverse);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;left:0;top:0;bottom:0;z-index:100;overflow:hidden;box-shadow:4px 0 24px #c7155040}.sidebar[data-v-2e58defe]:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 120% 60% at 100% 0%,rgba(255,255,255,.08) 0%,transparent 60%),radial-gradient(ellipse 80% 50% at 0% 100%,rgba(255,107,157,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 50% 50%,rgba(255,255,255,.03) 0%,transparent 70%);pointer-events:none;z-index:0}.sidebar.collapsed[data-v-2e58defe]{transform:translate(-100%)}.mobile-backdrop[data-v-2e58defe]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;opacity:0;visibility:hidden;transition:all .3s}.mobile-backdrop.show[data-v-2e58defe]{opacity:1;visibility:visible}.sidebar-ornaments[data-v-2e58defe]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.ornament-svg[data-v-2e58defe]{width:100%;height:100%}@keyframes orn-drift-1-2e58defe{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-8px,12px) scale(1.05)}50%{transform:translate(5px,-8px) scale(.95)}75%{transform:translate(-3px,6px) scale(1.02)}}@keyframes orn-drift-2-2e58defe{0%,to{transform:translate(0) scale(1)}33%{transform:translate(10px,-10px) scale(1.08)}66%{transform:translate(-6px,8px) scale(.96)}}@keyframes orn-drift-3-2e58defe{0%,to{transform:translate(0)}50%{transform:translate(-12px,-15px)}}@keyframes orn-spin-slow-2e58defe{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orn-wave-shift-2e58defe{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-6px);opacity:1}}.orn-float-1[data-v-2e58defe]{animation:orn-drift-1-2e58defe 18s ease-in-out infinite;transform-origin:220px 80px}.orn-float-2[data-v-2e58defe]{animation:orn-drift-2-2e58defe 22s ease-in-out infinite;transform-origin:-20px 350px}.orn-float-3[data-v-2e58defe]{animation:orn-drift-3-2e58defe 15s ease-in-out infinite;transform-origin:200px 700px}.orn-float-4[data-v-2e58defe]{animation:orn-drift-1-2e58defe 20s ease-in-out infinite reverse;transform-origin:130px 310px}.orn-float-5[data-v-2e58defe]{animation:orn-drift-2-2e58defe 25s ease-in-out infinite;transform-origin:80px 662px}.orn-float-6[data-v-2e58defe]{animation:orn-drift-3-2e58defe 17s ease-in-out infinite;transform-origin:180px 190px}.orn-wave-1[data-v-2e58defe]{animation:orn-wave-shift-2e58defe 8s ease-in-out infinite}.orn-wave-2[data-v-2e58defe]{animation:orn-wave-shift-2e58defe 10s ease-in-out infinite 2s}.orn-wave-3[data-v-2e58defe]{animation:orn-wave-shift-2e58defe 12s ease-in-out infinite 4s}.sidebar-header[data-v-2e58defe]{padding:var(--sfn-space-lg);border-bottom:1px solid rgba(255,255,255,.12);position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}.logo[data-v-2e58defe]{display:flex;align-items:center;gap:var(--sfn-space-sm)}.logo-glow[data-v-2e58defe]{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#ffffff2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 16px #ffffff26,inset 0 0 6px #ffffff1a;flex-shrink:0;transition:box-shadow .3s ease}.logo-glow[data-v-2e58defe]:hover{box-shadow:0 0 24px #ffffff4d,inset 0 0 10px #ffffff26}.logo-icon[data-v-2e58defe]{flex-shrink:0;filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}.logo-img[data-v-2e58defe]{width:28px;height:28px;object-fit:contain;border-radius:4px;flex-shrink:0}.logo-text[data-v-2e58defe]{font-size:var(--sfn-font-size-xl);font-weight:700;letter-spacing:.5px;text-shadow:0 1px 8px rgba(0,0,0,.15);white-space:nowrap}.sidebar-nav[data-v-2e58defe]{flex:1;padding:var(--sfn-space-md);display:flex;flex-direction:column;gap:var(--sfn-space-xs);overflow-y:auto;overflow-x:hidden;position:relative;z-index:1}.nav-item[data-v-2e58defe]{display:flex;align-items:center;gap:var(--sfn-space-md);padding:var(--sfn-space-md);border-radius:10px;color:#ffffffd1;text-decoration:none;transition:all .25s ease;border:1px solid transparent;background:transparent;width:100%;cursor:pointer;font-size:inherit;font-family:inherit;text-align:left;position:relative;white-space:nowrap}.nav-item[data-v-2e58defe]:hover{background:#ffffff1f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--sfn-white);border-color:#ffffff14;transform:translate(3px)}.nav-item.active[data-v-2e58defe]{background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--sfn-white);font-weight:600;border-color:#fff3;box-shadow:0 2px 12px #0000001a,inset 0 1px #ffffff26}.nav-item.active[data-v-2e58defe]:before{content:"";position:absolute;left:-1px;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:#fff;box-shadow:0 0 8px #ffffff80}.nav-icon[data-v-2e58defe]{flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.nav-text[data-v-2e58defe]{flex:1}.nav-group[data-v-2e58defe]{display:flex;flex-direction:column}.nav-group-toggle[data-v-2e58defe]{position:relative}.nav-chevron[data-v-2e58defe]{transition:transform .2s ease;opacity:.7}.nav-chevron.rotated[data-v-2e58defe]{transform:rotate(180deg)}.nav-submenu[data-v-2e58defe]{display:flex;flex-direction:column;gap:2px;margin-left:var(--sfn-space-md);padding-left:var(--sfn-space-md);border-left:2px solid rgba(255,255,255,.18);margin-top:var(--sfn-space-xs)}.nav-subitem[data-v-2e58defe]{padding:var(--sfn-space-sm) var(--sfn-space-md);font-size:var(--sfn-font-size-sm);border-radius:8px}.nav-subitem .nav-icon[data-v-2e58defe]{opacity:.8}.submenu-enter-active[data-v-2e58defe],.submenu-leave-active[data-v-2e58defe]{transition:all .2s ease;overflow:hidden}.submenu-enter-from[data-v-2e58defe],.submenu-leave-to[data-v-2e58defe]{opacity:0;max-height:0}.submenu-enter-to[data-v-2e58defe],.submenu-leave-from[data-v-2e58defe]{opacity:1;max-height:300px}.sidebar-footer[data-v-2e58defe]{padding:var(--sfn-space-md);border-top:1px solid rgba(255,255,255,.12);position:relative;z-index:1}.logout-btn[data-v-2e58defe]{display:flex;align-items:center;gap:var(--sfn-space-md);padding:var(--sfn-space-md);width:100%;border:1px solid transparent;border-radius:10px;background:transparent;color:#ffffffd1;cursor:pointer;transition:all .25s ease;font-size:inherit;font-family:inherit}.logout-btn[data-v-2e58defe]:hover{background:#ffffff1f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--sfn-white);border-color:#ffffff14}.main-wrapper[data-v-2e58defe]{flex:1;margin-left:var(--sfn-sidebar-width);display:flex;flex-direction:column;transition:margin-left .3s cubic-bezier(.4,0,.2,1);min-width:0}.sidebar.collapsed+.main-wrapper[data-v-2e58defe]{margin-left:0}.navbar[data-v-2e58defe]{height:var(--sfn-navbar-height);background:var(--sfn-white);border-bottom:1px solid var(--sfn-border-dark);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sfn-space-lg);position:sticky;top:0;z-index:50;transition:all .3s ease}.menu-toggle[data-v-2e58defe]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--sfn-radius-md);cursor:pointer;transition:var(--sfn-transition-fast);color:var(--sfn-text-primary)}.menu-toggle[data-v-2e58defe]:hover{background:var(--sfn-bg-secondary)}.navbar-right[data-v-2e58defe]{display:flex;align-items:center;gap:var(--sfn-space-md)}.user-info[data-v-2e58defe]{display:flex;align-items:center;gap:var(--sfn-space-sm);font-weight:500;color:var(--sfn-text-primary)}.main-content[data-v-2e58defe]{flex:1;padding:var(--sfn-space-lg);background:var(--sfn-bg);overflow-x:hidden}.mobile-close-btn[data-v-2e58defe]{display:none;background:transparent;border:none;color:#fff;padding:8px;cursor:pointer}@media(max-width:768px){.sidebar[data-v-2e58defe]{transform:translate(-100%);width:280px}.sidebar.mobile-open[data-v-2e58defe]{transform:translate(0)}.sidebar.collapsed[data-v-2e58defe]{width:280px}.main-wrapper[data-v-2e58defe]{margin-left:0!important}.sidebar.collapsed+.main-wrapper[data-v-2e58defe]{margin-left:0}.mobile-close-btn[data-v-2e58defe]{display:flex}}.peserta-layout[data-v-0369dd93]{min-height:100vh;background:#f8fafc;display:flex;flex-direction:column}.peserta-nav[data-v-0369dd93]{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;background:var(--sfn-white, #fff);border-bottom:1px solid var(--sfn-border-dark, rgba(0,0,0,.08));box-shadow:0 1px 4px #0000000a;position:sticky;top:0;z-index:100}.nav-brand[data-v-0369dd93]{display:flex;align-items:center;gap:.75rem;color:var(--sfn-primary, #D32F2F)}.nav-logo-img[data-v-0369dd93]{width:32px;height:32px;object-fit:contain;border-radius:6px}.brand-text[data-v-0369dd93]{font-weight:700;font-size:1.1rem;color:var(--sfn-primary, #D32F2F)}.nav-right[data-v-0369dd93]{display:flex;align-items:center;gap:1rem}.user-info[data-v-0369dd93]{display:flex;align-items:center;gap:.5rem;color:var(--sfn-muted, #6B7280);font-size:.875rem}.user-name[data-v-0369dd93]{font-weight:500;color:var(--sfn-text, #111827)}.logout-btn[data-v-0369dd93]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--sfn-border-dark, rgba(0,0,0,.1));background:transparent;color:var(--sfn-muted, #6B7280);cursor:pointer;transition:all .2s ease}.logout-btn[data-v-0369dd93]:hover{background:#ef444414;border-color:#ef44444d;color:#ef4444}.peserta-content[data-v-0369dd93]{flex:1;padding:2rem;max-width:1200px;width:100%;margin:0 auto}.slide-fade-enter-active[data-v-0369dd93]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-0369dd93]{transition:all .2s ease-in}.slide-fade-enter-from[data-v-0369dd93]{transform:translateY(10px);opacity:0}.slide-fade-leave-to[data-v-0369dd93]{transform:translateY(-10px);opacity:0}@media(max-width:768px){.peserta-nav[data-v-0369dd93]{padding:0 1rem}.peserta-content[data-v-0369dd93]{padding:1rem}.brand-text[data-v-0369dd93]{font-size:.95rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}:root{--sfn-primary: #D32F2F;--sfn-primary-hover: #B71C1C;--sfn-primary-light: rgba(211, 47, 47, .1);--sfn-white: #FFFFFF;--sfn-bg: #FFFFFF;--sfn-text: #111827;--sfn-text-inverse: #FFFFFF;--sfn-muted: #6B7280;--sfn-danger: #EF4444;--sfn-success: #10B981;--sfn-warning: #F59E0B;--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: 260px;--sfn-navbar-height: 64px}.sfn-page{min-height:100vh;background:var(--sfn-bg)}.sfn-bg-gradient{background:linear-gradient(135deg,#d32f2f14,#fff,#d32f2f0d)}.sfn-bg-gradient-strong{background:linear-gradient(135deg,#d32f2f26,#fff 40%,#d32f2f1a)}.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;gap:.35rem}.header-actions .sfn-btn,.page-header>.sfn-btn{font-size:.75rem;padding:.3rem .6rem;gap:.25rem}.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 #d32f2f4d}.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-text)}.sfn-btn-ghost:hover{background:var(--sfn-glass-dark)}.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 #d32f2f1a}.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 #d32f2f1a}.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:var(--sfn-primary);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}@font-face{font-family:LPMQ IsepMisbah;src:url(/fonts/LPMQ%20IsepMisbah.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SFN Arabic;src:url(/fonts/LPMQ%20IsepMisbah.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)}