:root{--hdr-bg1:#0d2d58;--hdr-bg2:#184c8a;--hdr-accent:#f59e0b;--hdr-text:#fff;--hdr-muted:#dbe7ff;--hdr-shadow:0 12px 30px rgba(0,0,0,.22);--safe-top:env(safe-area-inset-top)}.white-shadow-text{color:#fff !important;text-shadow:1px 1px 2px rgba(0,0,0,.7)}#topnav .navbar-custom{background:rgba(8,25,55,.45) !important;backdrop-filter:saturate(150%) blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}.logo-desktop img{height:50px;width:auto;border-radius:12px;padding:4px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.logo-desktop .kepala{line-height:1.1}.header-title2{display:inline-block;margin:0;color:#fff;font-weight:800;letter-spacing:.3px;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.25)}.header-title2::after{content:"";display:block;height:3px;width:132px;margin-top:.1rem;background:var(--hdr-accent);border-radius:999px;box-shadow:0 2px 10px rgba(245,158,11,.5)}.logo-desktop code{display:inline-block;color:var(--hdr-muted);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:.25rem .5rem;border-radius:999px;font-size:.82rem;font-weight:600}.logo-boxx .logo-text{line-height:1.05}.header-title-top{display:inline-block;font-size:1.08rem;font-weight:800;letter-spacing:.2px}.navigation-menu{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;padding:.35rem 0;margin:0;list-style:none}.navigation-menu>li>a{display:flex;align-items:center;gap:.45rem;padding:.52rem .8rem;border-radius:12px;color:#eef3ff;text-decoration:none;font-weight:600;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);transition:transform .15s ease,background .15s ease,border-color .15s ease}.navigation-menu>li>a i{font-size:1rem;opacity:.95}.navigation-menu>li>a:hover,.navigation-menu>li>a:focus{transform:translateY(-1px);background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28)}.navigation-menu>li.active-menu>a{background:linear-gradient(135deg,var(--hdr-accent),#ffcc66);color:#1b2540;border-color:transparent;text-shadow:none}.navigation-menu .submenu{background:rgba(2,14,32,.6);border:1px solid rgba(255,255,255,.14);backdrop-filter:saturate(140%) blur(6px);border-radius:14px;padding:.35rem;margin-top:.35rem}.navigation-menu .submenu li a{border-radius:10px;padding:.5rem .6rem}.wrapper{box-shadow:none !important}#app-scroll{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}#preloader #status{text-align:center}#preloader .image-container img{max-width:120px;height:auto;display:block}.logo-smx{margin-right:0 !important}.logo-smx img{height:50px !important;margin-right:4px !important;width:auto;object-fit:contain}.sppg-penerima-less{color:#dc2626 !important}.sppg-penerima-more{color:#2563eb !important}.swal2-container{z-index:2147483647 !important}.wrapper.curved::before{background:linear-gradient(360deg,#4ebe86 0,#023c27 100%) !important}