:root{--kui-fe-space-xs:.25rem;--kui-fe-space-sm:.5rem;--kui-fe-space-md:.75rem;--kui-fe-space-lg:1rem;--kui-fe-space-xl:1.5rem;--kui-fe-space-2xl:2rem;--kui-fe-radius:.5rem;--kui-fe-radius-lg:1rem;--kui-fe-font-sm:.85rem;--kui-fe-font-md:.9rem;--kui-fe-font-icon:1.5rem;--kui-fe-duration:.15s;--kui-fe-primary:rgb(var(--c-primary));--kui-fe-background:var(--c-primary);--kui-fe-success:rgb(var(--c-success));--kui-fe-success-soft:rgba(var(--c-success), .12);--kui-fe-danger:rgb(var(--c-danger));--kui-fe-danger-text:rgb(var(--c-danger));--kui-fe-danger-soft:rgba(var(--c-danger), .1);--kui-fe-danger-hover:rgba(var(--c-danger), .14);--kui-fe-danger-border:rgba(var(--c-danger), .35);--kui-fe-text-muted:rgb(var(--c-muted));--kui-fe-border:rgb(var(--c-border));--kui-fe-border-strong:rgb(var(--c-border));--kui-fe-surface:rgb(var(--c-surface));--kui-fe-surface-alt:rgb(var(--c-surface));--kui-fe-focus-ring:rgba(var(--c-primary), .18);--kui-fe-button-bg:rgb(var(--c-background));--kui-fe-button-text:rgb(var(--c-text));--kui-fe-button-border:var(--kui-fe-border-strong);--kui-fe-button-hover-bg:rgb(var(--c-surface));--kui-fe-button-active-bg:rgba(var(--c-primary), .12);--kui-fe-button-primary-bg:rgb(var(--c-primary));--kui-fe-button-primary-text:rgb(var(--c-on-accent));--kui-fe-button-primary-hover-bg:rgba(var(--c-primary), .88);--kui-fe-button-primary-active-bg:rgba(var(--c-primary), .76);--kui-fe-button-success-bg:rgb(var(--c-success));--kui-fe-button-success-text:rgb(var(--c-on-accent));--kui-fe-button-success-hover-bg:rgba(var(--c-success), .88);--kui-fe-button-success-active-bg:rgba(var(--c-success), .76);--kui-fe-button-disabled-bg:rgb(var(--c-surface));--kui-fe-button-disabled-text:rgb(var(--c-muted));--kui-fe-key-border:rgb(var(--c-primary));--kui-fe-key-hover-bg:rgba(var(--c-primary), .1);--kui-fe-key-hover-border:rgb(var(--c-primary))}kui-form-engine{position:relative;display:flex;flex-direction:column;gap:var(--kui-fe-space-sm);width:100%;visibility:hidden}@media (max-width:992px){kui-form-engine{min-width:unset}}kui-form-engine.loaded{visibility:visible}kui-form-engine.completed>.buttons,kui-form-engine.completed>.forms,kui-form-engine.completed>.header,kui-form-engine.completed>.links{display:none}kui-form-engine>.overlay{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:rgb(var(--kui-fe-background));z-index:100}kui-form-engine>.overlay>.icon{font-size:2rem;color:var(--kui-fe-success);border:1px solid var(--kui-fe-success);border-radius:50%;padding:var(--kui-fe-space-sm);margin:var(--kui-fe-space-sm);aspect-ratio:1;text-align:center}kui-form-engine>.overlay>.title{font-weight:600}kui-form-engine>.overlay>.description{font-size:var(--kui-fe-font-sm);font-weight:300}kui-form-engine>.header{display:flex;flex-direction:column;gap:var(--kui-fe-space-sm)}kui-form-engine>.header>.title{font-size:1.75rem;padding:0 var(--kui-fe-space-lg);margin:0;text-align:center}kui-form-engine>.header>.steps{position:relative;display:flex;justify-content:center;gap:3rem;padding:0 var(--kui-fe-space-lg)}kui-form-engine>.header>.steps>.step{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgb(var(--c-text,30 41 59) / .35);flex:5rem 0 0;z-index:5}kui-form-engine>.header>.steps>.step:not(:last-child)::after{content:'';position:absolute;top:50%;left:100%;width:60px;border-top:2px dotted var(--kui-fe-primary);transform:translateY(-50%);z-index:1}kui-form-engine>.header>.steps>.step>i[class*=ri-]{font-size:var(--kui-fe-font-icon);padding:var(--kui-fe-space-sm)}kui-form-engine>.header>.steps>.step>.title{text-transform:uppercase;font-size:.6rem;letter-spacing:1px;width:100%;text-align:center;line-height:1.2}kui-form-engine>.header>.steps>.step.completed{color:var(--kui-fe-success)}kui-form-engine>.header>.steps>.step.completed:not(:last-child)::after{border-top:2px solid var(--kui-fe-success)}kui-form-engine>.header>.steps>.step.active{color:var(--kui-fe-primary)}kui-form-engine>.header>.bar{width:calc(100% - 2rem);height:.4rem;margin:var(--kui-fe-space-xl) var(--kui-fe-space-lg);border:1px solid rgb(var(--c-primary,99 102 241) / .25);border-radius:.2rem}kui-form-engine>.header>.bar>.fill{height:100%;background:rgb(var(--c-primary,99 102 241) / .5);width:0}kui-form-engine>.forms{display:flex;flex-direction:column;gap:var(--kui-fe-space-sm);padding:0 var(--kui-fe-space-sm)}kui-form-engine>.forms>.form{display:none}kui-form-engine>.forms>.form>.description{margin:0;font-size:var(--kui-fe-font-sm);font-weight:400;text-align:center}kui-form-engine>.forms>.form.active{display:flex;flex-direction:column;gap:var(--kui-fe-space-sm)}kui-form-engine>.buttons{display:flex;justify-content:center;align-items:center;gap:var(--kui-fe-space-lg);padding:0 var(--kui-fe-space-sm);margin:var(--kui-fe-space-sm) 0}kui-form-engine>.buttons>.btn{flex:1;display:flex;justify-content:center;align-items:center;gap:var(--kui-fe-space-sm);text-transform:uppercase;font-size:var(--kui-fe-font-md);letter-spacing:1px;font-weight:700;padding:var(--kui-fe-space-lg);transition:none}kui-form-engine>.buttons>.btn>*{transition:none}kui-form-engine>.buttons>.btn.hidden{visibility:hidden;display:none}kui-form-engine .qr-actions>.btn,kui-form-engine>.buttons>.btn{background:var(--_kui-fe-button-bg,var(--kui-fe-button-bg));color:var(--_kui-fe-button-text,var(--kui-fe-button-text));border:1px solid var(--_kui-fe-button-border,var(--kui-fe-button-border));border-radius:var(--kui-fe-radius);cursor:pointer}kui-form-engine .btn.btn-primary,kui-form-engine>.buttons>.btn.finish,kui-form-engine>.buttons>.btn.next{--_kui-fe-button-bg:var(--kui-fe-button-primary-bg);--_kui-fe-button-text:var(--kui-fe-button-primary-text);--_kui-fe-button-border:var(--kui-fe-button-primary-bg);--_kui-fe-button-hover-bg:var(--kui-fe-button-primary-hover-bg);--_kui-fe-button-active-bg:var(--kui-fe-button-primary-active-bg)}kui-form-engine .btn.btn-success{--_kui-fe-button-bg:var(--kui-fe-button-success-bg);--_kui-fe-button-text:var(--kui-fe-button-success-text);--_kui-fe-button-border:var(--kui-fe-button-success-bg);--_kui-fe-button-hover-bg:var(--kui-fe-button-success-hover-bg);--_kui-fe-button-active-bg:var(--kui-fe-button-success-active-bg)}kui-form-engine .qr-actions>.btn:hover:not(:disabled),kui-form-engine>.buttons>.btn:hover:not(:disabled){background:var(--_kui-fe-button-hover-bg,var(--kui-fe-button-hover-bg))}kui-form-engine .qr-actions>.btn:active:not(:disabled),kui-form-engine>.buttons>.btn:active:not(:disabled){background:var(--_kui-fe-button-active-bg,var(--kui-fe-button-active-bg))}kui-form-engine .keypad .keys button:focus-visible,kui-form-engine .qr-actions>.btn:focus-visible,kui-form-engine>.buttons>.btn:focus-visible{outline:2px solid var(--kui-fe-primary);outline-offset:2px}kui-form-engine .keypad .keys button:disabled,kui-form-engine .qr-actions>.btn:disabled,kui-form-engine>.buttons>.btn:disabled{background:var(--kui-fe-button-disabled-bg);color:var(--kui-fe-button-disabled-text);border-color:var(--kui-fe-border);cursor:not-allowed}kui-form-engine>.links{display:flex;flex-direction:column;align-items:center;gap:var(--kui-fe-space-sm);margin:var(--kui-fe-space-lg) 0;font-size:var(--kui-fe-font-md)}kui-form-engine>.links.hidden{display:none}.fe-row{display:grid;gap:var(--kui-fe-space-lg)}.fe-col{container-type:inline-size}.fe-col.span-2{grid-column:span 2}.cols-1{grid-template-columns:1fr}.cols-2{grid-template-columns:1fr 1fr}.cols-3{grid-template-columns:1fr 1fr 1fr}@media (max-width:768px){.fe-row{grid-template-columns:1fr!important}kui-form-engine>.header>.steps{gap:var(--kui-fe-space-lg)}kui-form-engine>.header>.steps>.step:not(:last-child)::after{width:1rem}kui-form-engine>.buttons{gap:var(--kui-fe-space-sm)}}.fe-group{display:flex;gap:var(--kui-fe-space-lg)}@container (max-width:30rem){.fe-group{flex-direction:column;gap:var(--kui-fe-space-xs)}}kui-form-engine .kui-input,kui-form-engine .kui-range,kui-form-engine .kui-select,kui-form-engine .kui-textarea{width:100%}kui-form-engine select.kui-select{appearance:auto;padding-right:var(--kui-fe-space-sm)}kui-form-engine select.kui-select[multiple]{height:auto;min-height:8rem;padding:var(--kui-fe-space-xs)}kui-form-engine .fe-group{display:flex;flex-direction:column;align-items:stretch;gap:var(--kui-fe-space-xs)}kui-form-engine .fe-password-wrap{position:relative;display:flex;align-items:center}kui-form-engine .fe-password-wrap .kui-input{padding-right:3rem}kui-form-engine .fe-password-toggle{position:absolute;right:.25rem}kui-form-engine .fe-checkbox-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}kui-form-engine .fe-checkbox-label input{accent-color:rgb(var(--c-primary))}kui-form-engine .fe-error-text{display:block;text-align:end;font-size:.875rem;font-weight:500;color:var(--kui-fe-danger-text);margin:var(--kui-fe-space-xs) 0 0}kui-form-engine .fe-group.error .kui-input,kui-form-engine .fe-group.error .kui-select,kui-form-engine .fe-group.error .kui-textarea{border-color:var(--kui-fe-danger)}kui-form-engine .fe-group.success .kui-input,kui-form-engine .fe-group.success .kui-select,kui-form-engine .fe-group.success .kui-textarea{border-color:var(--kui-fe-success)}kui-form-engine .fe-group.error .fe-checkbox-label{color:var(--kui-fe-danger)}kui-form-engine i[class*=ri-]{font-size:1.25rem}kui-form-engine .fe-divider{margin:var(--kui-fe-space-lg) 0;border:none;border-top:1px solid var(--kui-fe-border)}kui-form-engine input[type=file]{width:100%;padding:var(--kui-fe-space-md);border:2px dashed var(--kui-fe-border-strong);border-radius:var(--kui-fe-radius);background:var(--kui-fe-surface);cursor:pointer;transition:border-color var(--kui-fe-duration) ease}kui-form-engine input[type=file]:hover{border-color:rgb(var(--c-primary))}kui-form-engine input[type=file]:focus{outline:0;border-color:var(--kui-fe-key-hover-border);box-shadow:0 0 0 3px var(--kui-fe-focus-ring)}kui-form-engine .file-label{display:flex;align-items:center;gap:var(--kui-fe-space-sm);font-weight:600;font-size:var(--kui-fe-font-md)}kui-form-engine .overlay i[class*=ri-]{font-size:3rem;padding:var(--kui-fe-space-md);border-radius:50%;border:2px solid var(--kui-fe-success);color:var(--kui-fe-success)}kui-form-engine .fe-heading,kui-form-engine .fe-paragraph{display:flex;align-items:flex-start;gap:var(--kui-fe-space-sm);padding:var(--kui-fe-space-lg);background:var(--kui-fe-surface);border-radius:var(--kui-fe-radius);border-left:4px solid var(--kui-fe-key-hover-border)}kui-form-engine .fe-heading-title{margin:0}kui-form-engine .fe-paragraph{border-left-color:var(--kui-fe-border-strong)}kui-form-engine .fe-heading i[class*=ri-],kui-form-engine .fe-paragraph i[class*=ri-]{color:var(--kui-fe-key-hover-border)}kui-form-engine .fe-paragraph i[class*=ri-]{color:var(--kui-fe-text-muted);margin-top:.125rem}kui-form-engine .description{font-size:.8rem;color:var(--kui-fe-text-muted)}kui-form-engine .fe-audio audio,kui-form-engine .fe-image img,kui-form-engine .fe-video video{display:block;width:100%;border-radius:var(--kui-fe-radius)}kui-form-engine .keypad .challenge-otp-field{text-align:center;letter-spacing:.5rem;font-size:var(--kui-fe-font-icon);padding:0;user-select:none;pointer-events:none}kui-form-engine .keypad .keys{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--kui-fe-space-sm);margin:var(--kui-fe-space-sm) auto 0;max-width:15rem}kui-form-engine .keypad .keys button{cursor:pointer;flex:1 0 4rem;background:var(--kui-fe-button-bg);color:var(--kui-fe-button-text);border:1px solid var(--kui-fe-key-border);font-weight:600;border-radius:var(--kui-fe-radius-lg);height:1.75rem;transition:all var(--kui-fe-duration) ease}kui-form-engine .keypad .keys button:hover:not(:disabled){background:var(--kui-fe-key-hover-bg);border-color:var(--kui-fe-key-hover-border)}kui-form-engine .keypad .keys button:active:not(:disabled){transform:scale(.95)}kui-form-engine .keypad .keys button.key-backspace,kui-form-engine .keypad .keys button.key-clear{color:var(--kui-fe-danger-text);border-color:var(--kui-fe-danger-border);background:var(--kui-fe-danger-soft)}kui-form-engine .keypad .keys button.key-backspace:hover:not(:disabled),kui-form-engine .keypad .keys button.key-clear:hover:not(:disabled){background:var(--kui-fe-danger-hover);border-color:var(--kui-fe-danger)}kui-form-engine .keypad .keys button.key-backspace{font-size:1rem;display:flex;align-items:center;justify-content:center}kui-form-engine .qr-camera-card{width:100%;padding:var(--kui-fe-space-lg);border:1px solid var(--kui-fe-border);border-radius:var(--kui-fe-radius);background:var(--kui-fe-surface)}kui-form-engine .qr-video-wrap{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#000;border-radius:var(--kui-fe-radius) var(--kui-fe-radius) 0 0}kui-form-engine .qr-video-wrap video{width:100%;height:100%;object-fit:cover}kui-form-engine .qr-scan-line{position:absolute;left:10%;right:10%;height:2px;background:var(--kui-fe-success);box-shadow:0 0 8px var(--kui-fe-success);animation:qr-scan 2s ease-in-out infinite}@keyframes qr-scan{0%,100%{top:20%}50%{top:80%}}kui-form-engine .qr-placeholder{text-align:center;padding:var(--kui-fe-space-2xl);background:var(--kui-fe-surface-alt);border-radius:var(--kui-fe-radius)}kui-form-engine .qr-placeholder i[class*=ri-]{font-size:3rem;color:var(--kui-fe-text-muted)}kui-form-engine .qr-result{display:flex;align-items:center;gap:var(--kui-fe-space-md);padding:var(--kui-fe-space-md) var(--kui-fe-space-lg);background:var(--kui-fe-success-soft);border-radius:var(--kui-fe-radius);word-break:break-all;font-size:var(--kui-fe-font-sm)}kui-form-engine .qr-result-icon{color:var(--kui-fe-success);font-size:var(--kui-fe-font-icon)}kui-form-engine .qr-actions{display:flex;gap:var(--kui-fe-space-sm);justify-content:flex-end;padding:var(--kui-fe-space-md) var(--kui-fe-space-lg);border-top:1px solid var(--kui-fe-border)}