:root{--jonni-input-height:40px;--jonni-input-radius:10px;--jonni-field-label-min-height:28px}html,body{font-family:var(--font-base,sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}input,select,textarea,button{font-family:inherit}.jonni-textfield{height:var(--jonni-input-height);border-radius:var(--jonni-input-radius);background:#fff;border:1px solid #dcdee5;align-items:center;padding-inline:10px;transition:border-color .15s;display:flex}.jonni-textfield:focus-within{border:2px solid #4357f2}.jonni-textfield.error{border:2px solid #f25652}.jonni-textfield.disabled{background:#f8f8fa}.jonni-tf-input{color:#162154;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;height:100%;font-family:inherit;font-size:14px}.jonni-tf-input:disabled{-webkit-text-fill-color:#162154;cursor:default}.jonni-tf-input::placeholder{color:#8a90a9}.jonni-tf-adornment{flex-shrink:0;align-items:center;display:flex}.jonni-tf-helper{text-align:start;min-height:0;margin-top:4px;font-size:13px;font-weight:400;line-height:18px}.jonni-tf-helper.error{color:#f25652}.jonni-tf-helper.hint{color:#8a90a9}.jonni-btn{cursor:pointer;white-space:nowrap;letter-spacing:.01em;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:75px;padding:8px 20px;font-family:inherit;font-size:14px;font-weight:500;line-height:1.4;transition:background-color .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}.jonni-btn:disabled{opacity:.5;cursor:default;pointer-events:none}.jonni-btn:focus-visible{outline-offset:2px;outline:2px solid #4357f2}.jonni-btn-full{width:100%}.jonni-btn-contained{box-shadow:0 1px 2px #0000000f}.jonni-btn-contained.jonni-btn-primary{color:#fff;background:#4357f2;border-color:#4357f2}.jonni-btn-contained.jonni-btn-primary:hover:not(:disabled){background:#3246d0;border-color:#3246d0}.jonni-btn-contained.jonni-btn-secondary{color:#fff;background:#162154;border-color:#162154}.jonni-btn-contained.jonni-btn-secondary:hover:not(:disabled){background:#0e1b53}.jonni-btn-contained.jonni-btn-success{color:#fff;background:#33e085;border-color:#33e085}.jonni-btn-contained.jonni-btn-success:hover:not(:disabled){background:#2bc470}.jonni-btn-contained.jonni-btn-error{color:#fff;background:#f25652;border-color:#f25652}.jonni-btn-contained.jonni-btn-error:hover:not(:disabled){background:#d94440}.jonni-btn-contained.jonni-btn-info{color:#fff;background:#2196f3;border-color:#2196f3}.jonni-btn-contained.jonni-btn-info:hover:not(:disabled){background:#1976d2}.jonni-btn-contained.jonni-btn-warning{color:#fff;background:#fca600;border-color:#fca600}.jonni-btn-contained.jonni-btn-warning:hover:not(:disabled){background:#e09500}.jonni-btn-contained.jonni-btn-inherit{color:#162154;background:#f4f4f5;border-color:#e5e5e5}.jonni-btn-outlined{background:#fff}.jonni-btn-outlined.jonni-btn-primary{color:#162154;border-color:#dcdee5}.jonni-btn-outlined.jonni-btn-primary:hover:not(:disabled){color:#4357f2;background:#f5f6fd;border-color:#4357f2}.jonni-btn-outlined.jonni-btn-secondary{color:#162154;border-color:#162154}.jonni-btn-outlined.jonni-btn-secondary:hover:not(:disabled){background:#f5f6fd}.jonni-btn-outlined.jonni-btn-success{color:#33e085;border-color:#33e085}.jonni-btn-outlined.jonni-btn-success:hover:not(:disabled){background:#ecfdf5}.jonni-btn-outlined.jonni-btn-error{color:#f25652;border-color:#f25652}.jonni-btn-outlined.jonni-btn-error:hover:not(:disabled){background:#fef2f2}.jonni-btn-outlined.jonni-btn-info{color:#2196f3;border-color:#2196f3}.jonni-btn-outlined.jonni-btn-info:hover:not(:disabled){background:#eff6ff}.jonni-btn-outlined.jonni-btn-warning{color:#fca600;border-color:#fca600}.jonni-btn-outlined.jonni-btn-inherit{color:#162154;border-color:#dcdee5}.jonni-btn-text{color:#4357f2;background:0 0;border-color:#0000}.jonni-btn-text.jonni-btn-primary{color:#4357f2}.jonni-btn-text.jonni-btn-secondary{color:#162154}.jonni-btn-text.jonni-btn-error{color:#f25652}.jonni-btn-text:hover:not(:disabled){background:#f5f6fd}.jonni-icon-btn{cursor:pointer;color:#4357f2;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background-color .15s;display:inline-flex}.jonni-icon-btn:hover{background-color:#4357f214}.jonni-icon-btn:active{background-color:#4357f229}.jonni-icon-btn:disabled{opacity:.4;cursor:default}.jonni-icon-btn:disabled:hover{background:0 0}.jonni-ac-input-wrapper{height:var(--jonni-input-height);border-radius:var(--jonni-input-radius);cursor:text;background:#fff;border:1px solid #dcdee5;align-items:center;padding-inline:10px;transition:border-color .15s;display:flex}.jonni-ac-input-wrapper:focus-within{border:2px solid #4357f2}.jonni-ac-input-wrapper.error{border:2px solid #f25652}.jonni-ac-input-wrapper.disabled{cursor:default;background:#f8f8fa}.jonni-ac-input{color:#162154;text-align:start;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;height:100%;font-family:inherit;font-size:14px}.jonni-ac-input::placeholder{color:#8a90a9}.jonni-ac-input:disabled{-webkit-text-fill-color:#162154;cursor:default}.jonni-ac-icon{flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.jonni-ac-clear{cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.jonni-ac-clear:hover{background:#ecedf1}@media (width<=768px){.expense-sticky-actions{padding-inline:12px!important;padding-top:10px!important;padding-bottom:14px!important;inset-inline-start:0!important}}.jonni-ac-dropdown{z-index:50;background:#fff;border:1px solid #dcdee5;border-radius:10px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.jonni-ac-option{color:#162154;cursor:pointer;text-align:start;word-break:break-word;padding:10px 14px;font-size:14px;transition:background-color .1s}.jonni-ac-option:hover,.jonni-ac-option.highlighted{background:#f8f8fa}.jonni-ac-option.selected{background:#fafbff}.jonni-ac-option.disabled{color:#8a90a9;cursor:default;font-weight:500}.jonni-ac-group-header{color:#8a90a9;background:#fafafb;padding:8px 14px;font-size:13px;font-weight:700;position:sticky;top:0}.jonni-ac-sticky-footer{z-index:1;background:#fff;border-top:1px solid #dcdee5;position:sticky;bottom:0}.jonni-modal-backdrop{z-index:1300;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.jonni-modal-paper{background:#fff;border-radius:16px;flex-direction:column;width:calc(100% - 64px);max-height:90vh;display:flex;box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.jonni-modal-actions{border-top:1px solid #ecedf1;justify-content:center;align-items:center;gap:10px;padding:25px 0;display:flex}.jonni-modal-error{color:#f25652;text-align:start;background:#fff1f0;border:1px solid #f25652;border-radius:8px;outline:none;align-items:flex-start;gap:8px;margin-bottom:16px;padding:12px 14px;font-size:14px;line-height:20px;display:flex}.jonni-modal-error-slot{margin-bottom:16px;position:relative}.jonni-modal-error-sizer{visibility:hidden;margin-bottom:0}.jonni-modal-error-live{margin-bottom:0;position:absolute;inset:0}.jonni-select{appearance:none;color:#162154;border-radius:var(--jonni-input-radius);height:var(--jonni-input-height);cursor:pointer;background:#fff;border:1px solid #dcdee5;outline:none;padding:0 32px 0 10px;font-family:inherit;font-size:14px;transition:border-color .15s}.jonni-select:focus{border:2px solid #4357f2}.jonni-select:disabled{cursor:default;-webkit-text-fill-color:#162154;background:#f8f8fa}input[type=checkbox]{appearance:none;box-sizing:border-box;cursor:pointer;background-color:#fff;border:1px solid #dcdee5;border-radius:4px;flex-shrink:0;width:16px;height:16px;margin:0;transition:box-shadow .15s,background-color .15s,border-color .15s;box-shadow:0 1px 2px #0000000d}input[type=checkbox]:focus-visible{border-color:#4357f2;outline:none;box-shadow:0 0 0 3px #4357f280}input[type=checkbox]:checked{background-color:#4357f2;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M20 6 9 17l-5-5'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:12px;border-color:#4357f2}input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}input[type=radio]{accent-color:#4357f2;cursor:pointer;width:18px;height:18px}.jonni-radio-label{color:#162154;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.jonni-radio-label input[type=radio]:disabled+span{opacity:.5;cursor:default}@keyframes linearProgress{0%{left:-40%}to{left:100%}}.jonni-linear-progress{background:#e0e0e0;border-radius:2px;height:4px;margin-bottom:8px;position:relative;overflow:hidden}.jonni-linear-progress-bar{background:#4357f2;border-radius:2px;width:40%;animation:1.5s ease-in-out infinite linearProgress;position:absolute;top:0;bottom:0}.jonni-signup .jonni-textfield{border-radius:12px;min-height:48px;padding-inline:16px}.jonni-signup .jonni-textfield:hover{border-color:var(--brand500,#4f5be8)}.jonni-signup .jonni-textfield:focus-within{border:2px solid var(--brand500,#4f5be8);padding-inline:15px}.jonni-signup .jonni-textfield.error{padding-inline:15px}.jonni-signup .jonni-tf-input{font-size:16px;text-align:start!important}.jonni-signup .jonni-ac-input-wrapper{border-radius:12px;height:48px;padding-inline:16px}.jonni-signup .jonni-ac-input-wrapper:hover{border-color:var(--brand500,#4f5be8)}.jonni-signup .jonni-ac-input-wrapper:focus-within{border:2px solid var(--brand500,#4f5be8);padding-inline:15px}.jonni-signup .jonni-ac-input-wrapper.error{padding-inline:15px}.jonni-signup .jonni-ac-input{font-size:16px}.jonni-signup .jonni-tf-helper{min-height:16px}.jonni-signup.debug-layout .step-area{outline-offset:-2px;outline:2px dashed #4357f273;position:relative}.jonni-signup.debug-layout .step-area:before{content:"step-area";color:#fff;z-index:1000;pointer-events:none;background:#4357f2d9;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:4px;left:4px}.jonni-signup.debug-layout .step-wrapper-outer{outline-offset:-4px;outline:2px dashed #f255518c;position:relative}.jonni-signup.debug-layout .step-wrapper-outer:before{content:"step-wrapper-outer";color:#fff;z-index:1000;pointer-events:none;background:#f25551e6;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:4px;right:4px}.jonni-signup.debug-layout [data-debug=step-header],.jonni-signup.debug-layout .step-header{outline-offset:-2px;outline:2px dashed #22c55ed9;position:relative}.jonni-signup.debug-layout [data-debug=step-header]:before,.jonni-signup.debug-layout .step-header:before{content:"header";top:-14px;color:#fff;z-index:1000;pointer-events:none;background:#22c55ee6;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;inset-inline-start:8px}.jonni-signup.debug-layout [data-debug=step-body],.jonni-signup.debug-layout .step-body{outline-offset:-2px;outline:2px dashed #eab308d9;position:relative}.jonni-signup.debug-layout [data-debug=step-body]:before,.jonni-signup.debug-layout .step-body:before{content:"body (centered)";top:-14px;color:#111;z-index:1000;pointer-events:none;background:#eab308f2;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;inset-inline-start:8px}.jonni-signup.debug-layout [data-debug=step-footer]{outline-offset:-2px;outline:2px dashed #9333ead9;position:relative}.jonni-signup.debug-layout [data-debug=step-footer]:before{content:"footer";top:-14px;color:#fff;z-index:1000;pointer-events:none;background:#9333eae6;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;inset-inline-start:8px}.jonni-signup.debug-layout .step-circle{outline-offset:1px;outline:1px dashed #ec4899e6;position:relative}.jonni-signup.debug-layout .step-circle:before,.jonni-signup.debug-layout .step-circle:after{content:"";z-index:1000;pointer-events:none;background:#ec4899e6;position:absolute}.jonni-signup.debug-layout .step-circle:before{height:1px;top:50%;left:-4px;right:-4px;transform:translateY(-.5px)}.jonni-signup.debug-layout .step-circle:after{width:1px;top:-4px;bottom:-4px;left:50%;transform:translate(-.5px)}.jonni-signup.debug-layout button[id^=back-button-]{outline-offset:2px;outline:1px dashed #14b8a6e6;position:relative}.jonni-signup.debug-layout button[id^=back-button-]:before{content:"back ↔";bottom:-16px;color:#fff;z-index:1000;pointer-events:none;background:#14b8a6e6;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;inset-inline-start:0}