.fi-panel-admin .fi-simple-layout:has(.sbk-login-visual){background:var(--primary-700);align-items:stretch;min-height:100dvh;position:relative;overflow:hidden}.fi-panel-admin .fi-simple-layout:has(.sbk-login-visual) .fi-simple-main-ctn{z-index:2;align-self:flex-start;width:min(46%,46rem);min-height:100dvh;margin-left:0;margin-right:auto;padding:6.5rem clamp(2rem,4vw,5rem) 3rem;position:relative}.fi-panel-admin .fi-simple-layout:has(.sbk-login-visual) .fi-simple-main{border:1px solid color-mix(in oklch, var(--primary-200) 22%, transparent);border-radius:var(--sbk-radius-lg);background:color-mix(in oklch, var(--sbk-surface-raised) 94%, transparent);width:min(100%,31rem);box-shadow:0 38px 90px color-mix(in oklch, var(--gray-950) 28%, transparent), 0 10px 30px color-mix(in oklch, var(--gray-950) 16%, transparent), inset 0 1px 0 oklch(100% 5.96046e-8 none/.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin:0;padding:4.75rem 3rem 3rem}.dark .fi-panel-admin .fi-simple-layout:has(.sbk-login-visual){background:var(--primary-800)}.dark .fi-panel-admin .fi-simple-layout:has(.sbk-login-visual) .fi-simple-main{border-color:color-mix(in oklch, var(--primary-300) 22%, transparent);background:color-mix(in oklch, var(--gray-900) 96%, transparent);box-shadow:0 38px 90px oklch(0% none none/.4), 0 0 0 1px color-mix(in oklch, var(--primary-500) 4%, transparent)}.fi-panel-admin .fi-simple-layout:has(.sbk-login-visual) .fi-simple-page{position:relative}.fi-panel-admin .fi-simple-layout:has(.sbk-login-visual) .fi-simple-header .fi-logo{display:none}.fi-panel-admin .fi-simple-layout:has(.sbk-login-visual) .fi-simple-header-heading{color:var(--gray-900);font-size:1.5rem;font-weight:var(--sbk-weight-semibold)}.dark .fi-panel-admin .fi-simple-layout:has(.sbk-login-visual) .fi-simple-header-heading{color:var(--gray-50)}.fi-panel-admin .fi-simple-layout:has(.sbk-login-visual) .fi-simple-header:after{border-radius:var(--sbk-radius-full);background:linear-gradient(90deg, var(--primary-500), var(--accent-500));content:"";width:2.75rem;height:.25rem;margin-top:.85rem}.fi-panel-admin .fi-simple-layout:has(.sbk-login-visual) .fi-input-wrp{border-radius:var(--sbk-radius-md);background:var(--gray-50);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--primary-600) 14%, transparent);transition:box-shadow var(--sbk-duration-fast) var(--sbk-ease-standard), background var(--sbk-duration-fast) var(--sbk-ease-standard), transform var(--sbk-duration-fast) var(--sbk-ease-standard)}.fi-panel-admin .fi-simple-layout:has(.sbk-login-visual) .fi-input-wrp:focus-within{background:var(--sbk-surface-raised);box-shadow:inset 0 0 0 1px var(--primary-500), 0 0 0 4px color-mix(in oklch, var(--primary-500) 11%, transparent)}.dark .fi-panel-admin .fi-simple-layout:has(.sbk-login-visual) .fi-input-wrp{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--primary-300) 14%, transparent);background:oklch(100% 5.96046e-8 none/.045)}.fi-panel-admin .fi-simple-layout:has(.sbk-login-visual) .fi-form-actions .fi-btn{border-radius:var(--sbk-radius-md);background:linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);min-height:3rem;box-shadow:0 12px 24px color-mix(in oklch, var(--primary-600) 24%, transparent);font-weight:var(--sbk-weight-semibold);transition:transform var(--sbk-duration-fast) var(--sbk-ease-standard), box-shadow var(--sbk-duration-fast) var(--sbk-ease-standard)}.fi-panel-admin .fi-simple-layout:has(.sbk-login-visual) .fi-form-actions .fi-btn:hover{box-shadow:0 15px 30px color-mix(in oklch, var(--primary-600) 30%, transparent);transform:translateY(-1px)}.sbk-login-brand{z-index:4;top:-8.75rem;pointer-events:none;place-items:center;display:grid;position:absolute;inset-inline:0}.sbk-login-brand__ring{border:1px solid color-mix(in oklch, var(--primary-500) 23%, transparent);border-radius:var(--sbk-radius-full);width:8.5rem;height:8.5rem;box-shadow:0 22px 38px color-mix(in oklch, var(--primary-900) 18%, transparent), 0 0 0 .65rem oklch(100% 5.96046e-8 none/.22);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:oklch(100% 5.96046e-8 none/.52);place-items:center;display:grid}.sbk-login-brand__mark{border-radius:var(--sbk-radius-full);background:linear-gradient(145deg, var(--sbk-surface-raised), color-mix(in oklch, var(--primary-50) 88%, white));width:6.8rem;height:6.8rem;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--primary-500) 16%, transparent), inset 0 -10px 24px color-mix(in oklch, var(--primary-500) 8%, transparent);place-items:center;display:grid}.sbk-login-brand__mark img{object-fit:contain;width:3.9rem;height:4.55rem}.dark .sbk-login-brand__ring{border-color:color-mix(in oklch, var(--primary-300) 24%, transparent);background:color-mix(in oklch, var(--gray-900) 70%, transparent);box-shadow:0 22px 38px oklch(0% none none/.3), 0 0 0 .65rem color-mix(in oklch, var(--primary-500) 7%, transparent)}.sbk-login-visual{z-index:0;isolation:isolate;color:#fff;background:radial-gradient(circle at 76% 14%, color-mix(in oklch, var(--primary-300) 20%, transparent) 25rem, transparent 25rem), radial-gradient(circle at 14% 84%, color-mix(in oklch, var(--gray-900) 34%, transparent) 28rem, transparent 28rem), linear-gradient(115deg, var(--primary-900) 0%, var(--primary-700) 48%, var(--primary-600) 100%), var(--primary-700);width:100%;min-height:100dvh;position:absolute;inset:0;overflow:hidden}.sbk-login-visual:before,.sbk-login-visual:after{z-index:-1;border-radius:var(--sbk-radius-full);content:"";border:1px solid oklch(100% 5.96046e-8 none/.09);border-color:oklch(100% 5.96046e-8 none/.09) oklch(100% 5.96046e-8 none/.09) oklch(100% 5.96046e-8 none/.09) oklch(100% 5.96046e-8 none/.09);position:absolute}.sbk-login-visual:before{width:38rem;height:38rem;inset:-15rem -13rem auto auto}.sbk-login-visual:after{width:30rem;height:30rem;inset:auto auto -17rem -8rem}.sbk-login-visual__glow{z-index:-1;border-radius:var(--sbk-radius-full);filter:blur(1px);position:absolute}.sbk-login-visual__glow--one{background:color-mix(in oklch, var(--primary-400) 16%, transparent);width:25rem;height:25rem;inset:8% auto auto -10rem}.sbk-login-visual__glow--two{background:color-mix(in oklch, var(--accent-500) 14%, transparent);width:18rem;height:18rem;inset:auto -7rem 8% auto}.sbk-login-shape{z-index:1;pointer-events:none;display:block;position:absolute}.sbk-login-shape--ring{border:1px solid color-mix(in oklch, var(--primary-200) 24%, transparent);border-radius:var(--sbk-radius-full);width:4.5rem;height:4.5rem;box-shadow:0 0 0 .8rem color-mix(in oklch, var(--primary-200) 3.5%, transparent), inset 0 0 0 .45rem color-mix(in oklch, var(--primary-200) 2.5%, transparent);top:16%;left:42%}.sbk-login-shape--diamond{border:1px solid color-mix(in oklch, var(--accent-200) 18%, transparent);border-radius:var(--sbk-radius-md);background:color-mix(in oklch, var(--accent-500) 4.5%, transparent);width:3.4rem;height:3.4rem;bottom:14%;left:39%;transform:rotate(28deg)}.sbk-login-shape--dots{border-radius:var(--sbk-radius-full);background:color-mix(in oklch, var(--primary-200) 30%, transparent);width:.5rem;height:.5rem;box-shadow:1.25rem .8rem 0 color-mix(in oklch, var(--primary-200) 13%, transparent), -.55rem 1.8rem 0 color-mix(in oklch, var(--accent-200) 18%, transparent);top:23%;left:3.5%}.sbk-login-shape--pill{border:1px solid color-mix(in oklch, var(--primary-200) 12%, transparent);border-radius:var(--sbk-radius-full);background:color-mix(in oklch, var(--primary-200) 2.5%, transparent);width:5rem;height:1.35rem;bottom:9%;left:8%;transform:rotate(-18deg)}.sbk-login-visual__content{width:100%;min-height:100dvh;position:relative}.sbk-login-visual__art{opacity:.72;width:min(47vw,49rem);position:absolute;top:50%;right:clamp(3rem,7vw,9rem);transform:translateY(-50%)}.sbk-login-visual__art svg{width:100%;height:auto;display:block;overflow:visible}.sbk-login-link{fill:none;stroke:oklch(100% 5.96046e-8 none/.42);stroke-width:3px;stroke-linecap:round;stroke-dasharray:10 14;animation:2.4s linear infinite sbk-login-sync}.sbk-login-card{transform-box:fill-box;transform-origin:50%}.sbk-login-card--window{animation:6s ease-in-out -1.5s infinite sbk-login-float}.sbk-login-card--door{animation:6.5s ease-in-out -.5s infinite sbk-login-float}.sbk-login-card--facade{animation:5.5s ease-in-out -2.5s infinite sbk-login-float}@keyframes sbk-login-float{0%,to{translate:0}50%{translate:0 -9px}}@keyframes sbk-login-sync{to{stroke-dashoffset:-48px}}@media (width>=1024px){.fi-panel-admin .fi-simple-layout:has(.sbk-login-visual) .fi-simple-main-ctn{min-width:0}}@media (width<=1023px){.fi-panel-admin .fi-simple-layout:has(.sbk-login-visual){overflow-y:auto}.sbk-login-visual{width:100%;min-height:100dvh}.sbk-login-visual__content{min-height:100dvh}.fi-panel-admin .fi-simple-layout:has(.sbk-login-visual) .fi-simple-main-ctn{align-self:stretch;width:100%;min-height:100dvh;margin:0;padding:6rem clamp(1rem,6vw,3rem) 2rem}.sbk-login-visual__art{opacity:.16;width:92vw;top:52%;right:-12vw}.sbk-login-shape--ring{top:12%;left:auto;right:4%}.sbk-login-shape--diamond{bottom:10%;left:auto;right:3%}}@media (width<=639px){.fi-panel-admin .fi-simple-layout:has(.sbk-login-visual) .fi-simple-main{border-radius:var(--sbk-radius-md);width:100%;padding:4.5rem 1.35rem 2rem}.sbk-login-brand{top:-7.4rem}.sbk-login-brand__ring{width:7.4rem;height:7.4rem}.sbk-login-brand__mark{width:5.9rem;height:5.9rem}.sbk-login-brand__mark img{width:3.35rem;height:3.95rem}}@media (prefers-reduced-motion:reduce){.sbk-login-link,.sbk-login-card{animation:none}}