/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-outline-style:solid}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-medium:500;--font-weight-semibold:600;--radius-sm:.25rem;--radius-md:.375rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.relative{position:relative}.inset-y-0{inset-block:0}.top-full{top:100%}.left-0{left:0}.z-20{z-index:20}.col-span-2{grid-column:span 2/span 2}.my-3{margin-block:calc(var(--spacing) * 3)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-2{height:calc(var(--spacing) * 2)}.h-64{height:calc(var(--spacing) * 64)}.h-fit{height:fit-content}.h-full{height:100%}.max-h-64{max-height:calc(var(--spacing) * 64)}.\!w-11{width:calc(var(--spacing) * 11)!important}.w-2{width:calc(var(--spacing) * 2)}.w-\[min\(340px\,calc\(100vw-48px\)\)\]{width:min(340px,100vw - 48px)}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[48px_1fr_1fr\]{grid-template-columns:48px 1fr 1fr}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:var(--spacing)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[var\(--border\)\]>:not(:last-child)){border-color:var(--border)}.self-end{align-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap}.overflow-hidden,.truncate{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e+38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--accent\)\]{border-color:var(--accent)}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--strong\)\]{border-color:var(--strong)}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--expense\)\]{background-color:var(--expense)}.bg-\[var\(--hover\)\]{background-color:var(--hover)}.bg-\[var\(--raised\)\]{background-color:var(--raised)}.p-1{padding:var(--spacing)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-8{padding:calc(var(--spacing) * 8)}.\!px-0{padding-inline:0!important}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--expense\)\]{color:var(--expense)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:border-\[var\(--accent\)\]:hover{border-color:var(--accent)}.hover\:bg-\[var\(--hover\)\]:hover{background-color:var(--hover)}.hover\:text-\[var\(--text\)\]:hover{color:var(--text)}}.focus-visible\:bg-\[var\(--hover\)\]:focus-visible{background-color:var(--hover)}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-\[var\(--accent\)\]:focus-visible{outline-color:var(--accent)}@media (min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:block{display:block}.sm\:h-72{height:calc(var(--spacing) * 72)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:p-10{padding:calc(var(--spacing) * 10)}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1fr\)_320px\]{grid-template-columns:minmax(0,1fr) 320px}.lg\:grid-cols-\[minmax\(0\,1fr\)_340px\]{grid-template-columns:minmax(0,1fr) 340px}}@media (min-width:80rem){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:96rem){.\32 xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}:root{color-scheme:dark;--bg:#000;--surface:#121212;--raised:#1d1d1d;--hover:#272727;--border:#272727;--strong:#3d3d3d;--text:#fff;--secondary:#b3b3b3;--muted:#909090;--accent:#bcff2f;--accent-hover:#9aed2c;--accent-ink:#000;--income:#25a750;--expense:#ca3f64;--warning:#f3b544;--font-caption:11px;--font-small:12px;--font-label:14px;--font-body:15px;--font-title-3:18px;--font-title-2:21px;--font-title-1:28px;--font-display:32px;--line-caption:16px;--line-small:18px;--line-body:24px;--line-title-3:26px;--line-title-2:30px;--line-title-1:36px;--line-display:40px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--page-gutter:16px;--page-block-start:24px;--page-block-end:104px;--section-gap:16px;--card-padding:16px;--control-height:48px}@media (min-width:768px){:root{--font-title-3:19px;--font-title-2:23px;--font-title-1:32px;--font-display:38px;--line-title-1:40px;--line-display:46px;--page-gutter:24px;--page-block-start:28px;--page-block-end:72px;--section-gap:20px;--card-padding:20px;--control-height:46px}}@media (min-width:1024px){:root{--font-title-2:24px;--font-title-1:34px;--font-display:42px;--line-title-1:42px;--line-display:50px;--page-gutter:32px;--page-block-start:32px;--page-block-end:56px;--section-gap:24px;--card-padding:24px;--control-height:44px}}:root[data-theme=light]{color-scheme:light;--bg:#fafafa;--surface:#fff;--raised:#f5f5f5;--hover:#ededed;--border:#dedede;--strong:#909090;--text:#000;--secondary:#666;--muted:#909090;--accent:#bcff2f;--accent-hover:#9aed2c;--accent-ink:#000;--income:#168a3d;--expense:#ca3f64}:root[data-theme-id=ios-glass]{color-scheme:dark;--bg:#050608;--surface:#181b21a8;--raised:#2a2e379e;--hover:#414652b8;--border:#ffffff1f;--strong:#ffffff40;--text:#f7f8fa;--secondary:#b3bac6;--muted:#858d9b;--accent:#bcff2f;--accent-hover:#9aed2c;--accent-ink:#000;--income:#42d392;--expense:#ff6685;--warning:#ffc45c}*{box-sizing:border-box}body,html{background:var(--bg)}body{color:var(--text);font-family:var(--font-noto-sans-thai),"Noto Sans Thai",sans-serif;font-size:var(--font-body);line-height:var(--line-body);-webkit-font-smoothing:antialiased;margin:0}:root[data-theme-id=ios-glass] body{background-color:#0000;background-image:radial-gradient(circle at 12% 4%,#bcff2f13 0,#bcff2f05 24%,#0000 42%),radial-gradient(circle at 88% 88%,#bcff2f0b 0,#0000 34%),linear-gradient(145deg,#030403,#090a09 48%,#050605);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{color:var(--accent-ink);background:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:5px;box-shadow:inset 0 1px #ffffff05}:root[data-theme-id=ios-glass] .card{-webkit-backdrop-filter:blur(28px)saturate(150%);border-radius:22px;box-shadow:inset 0 1px #ffffff1f,0 20px 55px #00000052,0 2px 8px #0003}.card:not(.empty)>.section-title,.page>section>.section-title{border-bottom:1px solid var(--border);padding-bottom:14px}.btn{min-height:var(--control-height);justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border:1px solid var(--border);background:var(--raised);color:var(--text);font-size:var(--font-label);border-radius:4px;font-weight:600;line-height:20px;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.btn:hover{background:var(--hover);border-color:var(--strong)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{color:var(--expense)}:root[data-theme-id=ios-glass] .btn{-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);border-color:#ffffff21;border-radius:13px;box-shadow:inset 0 1px #ffffff1a,0 8px 22px #0003}:root[data-theme-id=ios-glass] .btn-primary{color:#000;background:linear-gradient(#caff58,#a8ef19);border-color:#ffffff38;box-shadow:inset 0 1px #ffffff7a,0 9px 24px #bcff2f33}.theme-switch{border:1px solid var(--border);background:var(--raised);width:88px;height:42px;color:var(--secondary);border-radius:21px;flex:none;justify-content:space-between;align-items:center;padding:0 12px;transition:background .2s,border-color .2s;display:flex;position:relative}.theme-switch:hover{border-color:var(--strong)}.theme-switch>svg{z-index:1;transition:color .2s;position:relative}.theme-switch>svg:first-child{color:var(--text)}:root[data-theme=light] .theme-switch>svg:first-child{color:var(--secondary)}:root[data-theme=light] .theme-switch>svg:nth-child(2){color:var(--accent-ink)}.theme-switch-thumb{background:var(--hover);border:1px solid var(--strong);border-radius:50%;width:32px;height:32px;transition:transform .2s,background .2s,border-color .2s;position:absolute;top:4px;left:4px;box-shadow:0 1px 4px #0003}:root[data-theme=light] .theme-switch-thumb{background:var(--accent);border-color:var(--accent);transform:translate(46px)}.theme-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px;display:grid}.theme-option{border:1px solid var(--border);background:var(--raised);min-height:138px;color:var(--text);text-align:left;border-radius:5px;flex-direction:column;align-items:flex-start;gap:12px;padding:15px;transition:border-color .18s,background .18s;display:flex}.theme-option:hover:not(:disabled){border-color:var(--strong);background:var(--hover)}.theme-option[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.theme-option:disabled{cursor:not-allowed;opacity:.55}:root[data-theme-id=ios-glass] .theme-option{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;box-shadow:inset 0 1px #ffffff1a}.theme-option-icon{border:1px solid var(--strong);width:32px;height:32px;color:var(--text);border-radius:4px;place-items:center;display:grid}.theme-option[aria-pressed=true] .theme-option-icon{color:var(--accent)}.theme-option-copy{gap:2px;display:grid}.theme-option-copy strong{font-weight:650}.theme-option-copy small{color:var(--secondary);font-size:12px}.theme-option-state{color:var(--secondary);margin-top:auto;font-size:11px}.theme-option[aria-pressed=true] .theme-option-state{color:var(--accent)}:root[data-theme=light] .theme-option[aria-pressed=true] .theme-option-icon,:root[data-theme=light] .theme-option[aria-pressed=true] .theme-option-state{color:var(--income)}.field{width:100%;min-height:var(--control-height);padding:10px var(--space-3);background:var(--raised);border:1px solid var(--border);color:var(--text);font-size:var(--font-body);line-height:var(--line-body);border-radius:4px;transition:border-color .16s,box-shadow .16s}select.field{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23b3bac6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:17px;padding-right:44px}select.field optgroup,select.field option{color:#f7f8fa;background:#17191e}:root[data-theme-id=okx-light] select.field optgroup,:root[data-theme-id=okx-light] select.field option{color:#000;background:#fff}select.field:disabled{cursor:not-allowed;opacity:.62}:root[data-theme-id=ios-glass] .field{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:13px;box-shadow:inset 0 1px #ffffff1a}:root[data-theme-id=ios-glass] select.field{background-color:#2a2e379e;background-position:right 15px center;box-shadow:inset 0 1px #ffffff1c,0 8px 22px #00000024}:root[data-theme-id=ios-glass] select.field:hover{background-color:#343842b8}:root[data-theme-id=ios-glass] select.field:focus{background-color:#2a2e37d1}.glass-control{margin-top:6px;font-weight:400;position:relative}.glass-date-trigger,.glass-select-trigger{text-align:left;justify-content:space-between;align-items:center;gap:12px;display:flex;margin:0!important}.glass-date-trigger>span,.glass-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.glass-date-trigger>svg,.glass-select-trigger>svg{color:var(--secondary);flex:none;transition:transform .18s,color .18s}.glass-select-trigger[aria-expanded=true]>svg{color:var(--accent);transform:rotate(180deg)}.glass-popover{z-index:40;width:100%;color:var(--text);background:#0f1216ad;border:1px solid #ffffff2e;border-radius:15px;padding:7px;top:calc(100% + 7px);left:0;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 26px 70px #0000009e}.glass-popover,.glass-popover:before{-webkit-backdrop-filter:blur(90px)saturate(190%);position:absolute}.glass-popover:before{content:"";z-index:0;pointer-events:none;background:#0e11157a;inset:-35px}.glass-popover>*{z-index:1;position:relative}.glass-select-menu{max-height:260px;overflow-y:auto}.glass-select-menu button{width:100%;min-height:38px;color:var(--secondary);text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;display:flex}.glass-select-menu button:hover{background:var(--hover);color:var(--text)}.glass-select-menu button[aria-selected=true]{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.glass-select-menu button[aria-selected=true]{background:color-mix(in srgb,var(--accent) 12%,transparent)}}.glass-select-menu button[aria-selected=true]{color:var(--accent)}.glass-select-option-main{align-items:center;gap:7px;min-width:0;display:flex}.glass-select-option-main>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.glass-select-option-main .payment-card-fallback,.glass-select-option-main .payment-card-thumb{border-radius:4px;flex:none;width:36px;height:23px}.glass-select-trigger .glass-select-option-main .payment-card-fallback,.glass-select-trigger .glass-select-option-main .payment-card-thumb{width:32px;height:20px}.glass-calendar{width:min(310px,100vw - 48px);padding:12px}.glass-calendar-head{border-bottom:1px solid var(--border);grid-template-columns:34px 1fr 34px;align-items:center;gap:7px;padding-bottom:10px;display:grid}.glass-calendar-head strong{text-align:center;font-size:13px}.glass-calendar-head button{border:1px solid var(--border);background:var(--raised);width:34px;height:34px;color:var(--text);border-radius:9px;place-items:center;display:grid}.glass-calendar-grid{grid-template-columns:repeat(7,1fr);gap:3px;margin-top:7px;display:grid}.glass-calendar-grid>button,.glass-calendar-grid>span{min-width:0;height:34px;color:var(--secondary);background:0 0;border:0;border-radius:9px;place-items:center;font-size:12px;display:grid}.glass-calendar-weekdays>span{height:24px;color:var(--muted);font-size:10px;font-weight:650}.glass-calendar-grid>button:hover{background:var(--hover);color:var(--text)}.glass-calendar-grid>button.is-today{box-shadow:inset 0 0 0 1px var(--strong);color:var(--text)}.glass-calendar-grid>button.is-selected{background:var(--accent);color:var(--accent-ink);box-shadow:0 5px 14px var(--accent);font-weight:700}@supports (color:color-mix(in lab,red,red)){.glass-calendar-grid>button.is-selected{box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 20%,transparent)}}.glass-calendar-foot{border-top:1px solid var(--border);justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;display:flex}.glass-calendar-foot button{color:var(--accent);background:0 0;border:0;font-size:11px;font-weight:650}.payment-card-picker{border:0;border-bottom:1px solid var(--border);min-width:0;margin:0 0 3px;padding:0 0 17px}.payment-card-picker legend{color:var(--text);padding:0;font-weight:650}.payment-card-options{scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:minmax(190px,230px);grid-auto-flow:column;gap:9px;margin-inline:-2px;padding:2px 2px 8px;display:grid;overflow-x:auto}.payment-card-options>button{scroll-snap-align:start;border:1px solid var(--border);background:var(--raised);border-radius:14px;align-items:center;gap:10px;min-width:0;padding:9px;display:flex}@supports (color:color-mix(in lab,red,red)){.payment-card-options>button{background:color-mix(in srgb,var(--raised) 66%,transparent)}}.payment-card-options>button{color:var(--text);text-align:left;transition:border-color .16s,background .16s,transform .16s}.payment-card-options>button:hover{border-color:var(--strong);background:var(--hover)}.payment-card-options>button:active{transform:scale(.98)}.payment-card-options>button[aria-pressed=true]{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.payment-card-options>button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 9%,var(--raised))}}.payment-card-options>button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--accent),0 8px 22px var(--accent)}@supports (color:color-mix(in lab,red,red)){.payment-card-options>button[aria-pressed=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent),0 8px 22px color-mix(in srgb,var(--accent) 8%,transparent)}}.payment-card-options>button>span:last-child{min-width:0}.payment-card-options small,.payment-card-options strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.payment-card-options strong{font-size:12px}.payment-card-options small{color:var(--muted);margin-top:3px;font-size:9px}.payment-card-thumb{object-fit:cover;border-radius:7px;flex:none;width:64px;height:40px;box-shadow:0 5px 12px #0000004d}.payment-card-fallback,.payment-card-none{border:1px solid var(--strong);background:var(--raised);width:64px;height:40px;color:var(--secondary);border-radius:7px;flex:none;place-items:center;display:grid!important}.payment-group-head{border-bottom:1px solid var(--border);background:var(--raised);align-items:center;gap:10px;padding:11px 16px;display:flex}@supports (color:color-mix(in lab,red,red)){.payment-group-head{background:color-mix(in srgb,var(--raised) 46%,transparent)}}.payment-group-head{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;transition:background .16s}.payment-group-head::-webkit-details-marker{display:none}.payment-group-head:hover{background:var(--hover)}.payment-group-head>div{flex:1;min-width:0}.payment-group-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.payment-group-head span{color:var(--muted);font-size:10px}.payment-group-head .payment-card-fallback,.payment-group-head .payment-card-thumb{width:51px;height:32px}.payment-group-chevron{color:var(--muted);flex:none;transition:transform .2s,color .16s}.payment-group[open]>.payment-group-head .payment-group-chevron{color:var(--text);transform:rotate(180deg)}.payment-group:not([open])>.payment-group-head{border-bottom:0}.credit-card-bill-head{border-bottom:1px solid var(--border);background:var(--raised);align-items:center;gap:12px;padding:16px 20px;display:flex}@supports (color:color-mix(in lab,red,red)){.credit-card-bill-head{background:color-mix(in srgb,var(--raised) 48%,transparent)}}.credit-card-bill-head .payment-card-thumb{width:78px;height:49px}.credit-card-bill-head>div{flex:1;min-width:0}.credit-card-bill-head h2{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650;overflow:hidden}.credit-card-bill-head p{color:var(--muted);margin-top:3px;font-size:10px}.bill-status{border:1px solid var(--expense);flex:none;align-items:center;gap:5px;padding:5px 8px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.bill-status{border:1px solid color-mix(in srgb,var(--expense) 35%,var(--border))}}.bill-status{background:var(--expense);border-radius:99px}@supports (color:color-mix(in lab,red,red)){.bill-status{background:color-mix(in srgb,var(--expense) 8%,transparent)}}.bill-status{color:var(--expense);font-size:10px;font-weight:650}.bill-status.is-paid{border-color:var(--income)}@supports (color:color-mix(in lab,red,red)){.bill-status.is-paid{border-color:color-mix(in srgb,var(--income) 35%,var(--border))}}.bill-status.is-paid{background:var(--income)}@supports (color:color-mix(in lab,red,red)){.bill-status.is-paid{background:color-mix(in srgb,var(--income) 8%,transparent)}}.bill-status.is-paid{color:var(--income)}.card-setting-readonly{grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;display:grid}.card-setting-readonly>div{flex-direction:column;gap:3px;display:flex}.card-setting-readonly span{color:var(--muted);font-size:11px}.card-setting-readonly strong{font-size:15px;font-weight:650}.section-tabs{border:1px solid var(--border);background:var(--raised);border-radius:10px;gap:4px;padding:4px;display:inline-flex}.section-tabs a{color:var(--secondary);border-radius:7px;padding:9px 15px;font-size:13px;font-weight:650}.section-tabs a:hover{color:var(--text)}.section-tabs a[aria-current=page]{background:var(--accent);color:#080a06;box-shadow:0 7px 20px var(--accent)}@supports (color:color-mix(in lab,red,red)){.section-tabs a[aria-current=page]{box-shadow:0 7px 20px color-mix(in srgb,var(--accent) 18%,transparent)}}.transactions-tabs{grid-template-columns:1fr 1fr;width:100%;display:grid}.transactions-tabs a{text-align:center;place-items:center;min-height:40px;display:grid}.transaction-month-bar .relative{align-items:center;gap:12px;display:flex}.transaction-month-bar .relative>p:first-child{display:none}.transaction-month-bar .relative>h2{flex:none;gap:7px;font-size:15px;line-height:22px}.transaction-month-bar .relative>h2 button{border:1px solid var(--strong);background:linear-gradient(180deg,var(--raised),var(--raised));border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin:0;padding:0 12px 0 14px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.transaction-month-bar .relative>h2 button{background:linear-gradient(180deg,color-mix(in srgb,var(--raised) 96%,white 4%),var(--raised))}}.transaction-month-bar .relative>h2 button{color:var(--text);box-shadow:inset 0 1px 0 var(--text),0 6px 18px #0000001f}@supports (color:color-mix(in lab,red,red)){.transaction-month-bar .relative>h2 button{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 8%,transparent),0 6px 18px #0000001f}}.transaction-month-bar .relative>h2 button{transition:border-color .16s,background .16s,transform .16s}.transaction-month-bar .relative>h2 button:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.transaction-month-bar .relative>h2 button:hover{border-color:color-mix(in srgb,var(--accent) 58%,var(--strong))}}.transaction-month-bar .relative>h2 button:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.transaction-month-bar .relative>h2 button:hover{background:color-mix(in srgb,var(--accent) 8%,var(--raised))}}.transaction-month-bar .relative>h2 button:active{transform:scale(.97)}.month-picker-chevron{color:var(--accent);stroke-width:2px;flex:none;align-self:center;transition:transform .16s}button[aria-expanded=true] .month-picker-chevron{transform:rotate(180deg)}.transaction-month-bar .relative>p:nth-of-type(2){border-left:1px solid var(--border);white-space:nowrap;margin:0;padding-left:12px}@media (max-width:599px){.transaction-month-bar .relative{gap:8px}.transaction-month-bar .relative>h2{gap:5px}.transaction-month-bar .relative>h2 button{min-height:38px;padding-inline:10px}.transaction-month-bar .relative>p:nth-of-type(2){padding-left:8px}}.month-picker-panel{-webkit-backdrop-filter:blur(96px)saturate(195%)contrast(108%);overflow:hidden;background:#0e1115b3!important;border-color:#ffffff2e!important;border-radius:18px!important;box-shadow:inset 0 1px #ffffff1f,0 30px 90px #000000b8!important}.month-picker-panel:before{content:"";z-index:0;border-radius:inherit;-webkit-backdrop-filter:blur(96px)saturate(195%);pointer-events:none;background:linear-gradient(145deg,#262b329e,#0e1115b3);position:absolute;inset:-40px}.month-picker-panel>*{z-index:1;position:relative}.month-picker-panel a{-webkit-backdrop-filter:blur(28px);background:#fff1}.month-picker-panel a:hover{background:#ffffff1c}.month-picker-panel a[aria-current=date]{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.month-picker-panel a[aria-current=date]{background:color-mix(in srgb,var(--accent) 13%,#1c2025f0)}}.month-picker-panel a[aria-current=date]{box-shadow:inset 0 1px #ffffff17,0 8px 22px #0003}:root[data-theme=light] .month-picker-panel{background:#f4f7fac2!important;border-color:#ffffffb8!important;box-shadow:inset 0 1px #fff,0 24px 60px #141e2833!important}:root[data-theme=light] .glass-popover:before,:root[data-theme=light] .month-picker-panel:before{background:#f4f7fa94}.field option{color:#f7f8fa;background:#171a20}:root[data-theme=light] .field option{color:#15171a;background:#f7f8fa}@media (max-width:599px){.card-setting-readonly{grid-template-columns:1fr 1fr}.card-setting-readonly .btn{grid-column:span 2}.section-tabs{grid-template-columns:1fr 1fr;width:100%;display:grid}.section-tabs a{text-align:center}}.bill-metrics{grid-template-columns:1fr 1fr;gap:9px;display:grid}.bill-metrics>div{border:1px solid var(--border);background:var(--raised);border-radius:12px;min-width:0;padding:12px}@supports (color:color-mix(in lab,red,red)){.bill-metrics>div{background:color-mix(in srgb,var(--raised) 60%,transparent)}}.bill-metrics svg{color:var(--accent);margin-bottom:8px}.bill-metrics small,.bill-metrics span{color:var(--muted);font-size:10px;display:block}.bill-metrics strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin-top:4px;font-size:17px;display:block}.bill-metrics .bill-difference{background:linear-gradient(120deg,var(--accent),var(--raised));grid-column:1/-1}@supports (color:color-mix(in lab,red,red)){.bill-metrics .bill-difference{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 10%,var(--raised)),var(--raised))}}.bill-metrics .bill-difference strong{color:var(--accent);font-size:22px}.bill-metrics .bill-difference small{margin-top:3px}.field:hover{border-color:var(--strong)}.field:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}@supports (color:color-mix(in lab,red,red)){.field:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}}.field:focus{outline:0}textarea.field{min-height:90px}label{display:block}label .field{margin-top:6px}.muted{color:var(--secondary)}.tiny{font-size:var(--font-small);line-height:var(--line-small)}.amount{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:650}.income{color:var(--income)}.expense{color:var(--expense)}.summary-card{border:1px solid var(--border);background:var(--surface);isolation:isolate;border-radius:6px;flex-direction:column;min-height:168px;padding:18px 20px;display:flex;position:relative;overflow:hidden}:root[data-theme-id=ios-glass] .summary-card{-webkit-backdrop-filter:blur(28px)saturate(150%);backdrop-filter:blur(28px)saturate(150%);border-radius:22px;box-shadow:inset 0 1px #ffffff1f,0 20px 48px #0000004d}.summary-card:before{content:"";z-index:-1;background:linear-gradient(125deg,var(--summary-color) 0,var(--summary-color) 48%,var(--surface) 100%);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.summary-card:before{background:linear-gradient(125deg,color-mix(in srgb,var(--summary-color) 16%,var(--surface)) 0,color-mix(in srgb,var(--summary-color) 6%,var(--surface)) 48%,var(--surface) 100%)}}.summary-card:after{content:"";z-index:-1;background:var(--summary-color);opacity:.08;filter:blur(35px);border-radius:50%;width:160px;height:160px;position:absolute;top:-74px;right:-58px}.summary-card-income{--summary-color:var(--income)}.summary-card-expense{--summary-color:var(--expense)}.summary-card-balance{--summary-color:var(--accent)}.summary-card>:not(.summary-card-mascot){z-index:1;position:relative}.summary-card-mascot{z-index:0;object-fit:cover;object-position:right center;opacity:.3;pointer-events:none;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 32%,#00000047 52%,#000 76%);mask-image:linear-gradient(90deg,#0000 32%,#00000047 52%,#000 76%);width:100%!important;height:100%!important;position:absolute!important}:root[data-theme=light] .summary-card-mascot{opacity:.18}.summary-card-top{color:var(--secondary);justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.summary-card-icon{border:1px solid var(--summary-color);flex:none;place-items:center;width:38px;height:38px;display:grid}@supports (color:color-mix(in lab,red,red)){.summary-card-icon{border:1px solid color-mix(in srgb,var(--summary-color) 38%,var(--border))}}.summary-card-icon{background:var(--summary-color);border-radius:10px}@supports (color:color-mix(in lab,red,red)){.summary-card-icon{background:color-mix(in srgb,var(--summary-color) 14%,var(--surface))}}.summary-card-icon{color:var(--summary-color)}.summary-card-value{color:var(--text);letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:8px;font-size:clamp(21px,2.2vw,30px);font-weight:700;line-height:1.25}.summary-card-progress{background:var(--text);border-radius:99px;height:4px;margin-top:16px;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.summary-card-progress{background:color-mix(in srgb,var(--text) 8%,transparent)}}.summary-card-progress span{border-radius:inherit;background:linear-gradient(90deg,var(--summary-color),var(--summary-color));height:100%;display:block}@supports (color:color-mix(in lab,red,red)){.summary-card-progress span{background:linear-gradient(90deg,color-mix(in srgb,var(--summary-color) 68%,white),var(--summary-color))}}.summary-card-progress span{box-shadow:0 0 14px var(--summary-color)}@supports (color:color-mix(in lab,red,red)){.summary-card-progress span{box-shadow:0 0 14px color-mix(in srgb,var(--summary-color) 46%,transparent)}}.summary-card-foot{color:var(--secondary);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;font-size:12px;display:flex}.summary-card-foot b{border:1px solid var(--summary-color);padding:3px 7px}@supports (color:color-mix(in lab,red,red)){.summary-card-foot b{border:1px solid color-mix(in srgb,var(--summary-color) 26%,var(--border))}}.summary-card-foot b{background:var(--summary-color);border-radius:99px}@supports (color:color-mix(in lab,red,red)){.summary-card-foot b{background:color-mix(in srgb,var(--summary-color) 8%,transparent)}}.summary-card-foot b{color:var(--summary-color)}@supports (color:color-mix(in lab,red,red)){.summary-card-foot b{color:color-mix(in srgb,var(--summary-color) 75%,white)}}.summary-card-foot b{white-space:nowrap;font-size:10px;font-weight:650}:root[data-theme=light] .summary-card-balance{--summary-color:var(--income)}.dashboard-year-strip{margin-bottom:var(--section-gap);background:linear-gradient(110deg,var(--accent),var(--surface) 58%);justify-content:space-between;align-items:center;gap:18px;padding:13px 15px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.dashboard-year-strip{background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface) 58%)}}.dashboard-year-strip:after{content:"";background:var(--accent);opacity:.07;filter:blur(34px);pointer-events:none;border-radius:50%;width:180px;height:120px;position:absolute;bottom:-70px;right:15%}.dashboard-year-copy{z-index:1;align-items:center;gap:12px;min-width:0;display:flex;position:relative}.dashboard-year-copy>img{object-fit:contain;filter:drop-shadow(0 8px 16px #0003);flex:none;width:56px;height:56px}.dashboard-year-copy small,.dashboard-year-copy span,.dashboard-year-copy strong{display:block}.dashboard-year-copy span{color:var(--accent);letter-spacing:.04em;font-size:10px;font-weight:700}.dashboard-year-copy strong{margin-top:1px;font-size:17px}.dashboard-year-copy small{color:var(--secondary);margin-top:2px;font-size:11px}.dashboard-year-nav{z-index:1;flex:none;gap:7px;display:flex;position:relative}@media (max-width:599px){.dashboard-year-strip{align-items:center;padding:12px}.dashboard-year-copy{gap:9px}.dashboard-year-copy>img{width:48px;height:48px}.dashboard-year-copy small{display:none}.dashboard-year-copy strong{font-size:15px}.dashboard-year-nav .btn{min-width:44px;padding-inline:0}.summary-card{min-height:184px;padding:20px}.summary-card-mascot{object-position:108% center;opacity:.32;-webkit-mask-image:linear-gradient(90deg,#0000 38%,#0003 55%,#000 82%);mask-image:linear-gradient(90deg,#0000 38%,#0003 55%,#000 82%)}:root[data-theme=light] .summary-card-mascot{opacity:.16}}@media (min-width:600px) and (max-width:1023px){.summary-card{min-height:176px;padding-inline:16px}.summary-card-mascot{opacity:.24;object-position:115% center}.summary-card-foot>span{max-width:100px}}.monthly-overview-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;min-height:208px;padding:17px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.monthly-overview-card:before{content:"";background:var(--accent);opacity:.055;filter:blur(22px);pointer-events:none;border-radius:50%;width:150px;height:150px;position:absolute;top:-88px;right:-78px}.monthly-overview-card:hover{border-color:var(--strong);background:var(--hover);transform:translateY(-2px);box-shadow:0 14px 34px #00000029}.monthly-overview-card.is-current{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.monthly-overview-card.is-current{border-color:color-mix(in srgb,var(--accent) 62%,var(--border))}}.monthly-overview-card.is-current{box-shadow:inset 0 0 0 1px var(--accent),0 12px 30px var(--accent)}@supports (color:color-mix(in lab,red,red)){.monthly-overview-card.is-current{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),0 12px 30px color-mix(in srgb,var(--accent) 8%,transparent)}}.monthly-card-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding-bottom:14px;display:flex}.monthly-card-head span,.monthly-card-head strong{display:block}.monthly-card-head strong{font-size:15px}.monthly-card-head div>span{color:var(--muted);margin-top:1px;font-size:11px}.monthly-card-calendar{border:1px solid var(--strong);background:var(--raised);width:35px;height:35px;color:var(--secondary);border-radius:11px;flex:none;place-items:center;display:grid!important}.monthly-current{border:1px solid var(--accent);margin-left:auto;padding:3px 8px}@supports (color:color-mix(in lab,red,red)){.monthly-current{border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border))}}.monthly-current{background:var(--accent);border-radius:99px}@supports (color:color-mix(in lab,red,red)){.monthly-current{background:color-mix(in srgb,var(--accent) 10%,transparent)}}.monthly-current{color:var(--accent);font-size:10px;font-weight:650}.monthly-card-chevron{color:var(--muted);flex:none;margin-left:auto;transition:transform .18s,color .18s}.monthly-current+.monthly-card-chevron{margin-left:0}.monthly-overview-card:hover .monthly-card-chevron{color:var(--text);transform:translate(2px)}.monthly-balance{justify-content:space-between;align-items:flex-end;gap:12px;padding:15px 0 13px;display:flex}.monthly-balance>span{color:var(--secondary);align-items:center;gap:6px;font-size:12px;display:flex}.monthly-balance>strong{font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-size:21px;line-height:1.2}.monthly-flow-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.monthly-flow-grid>div{border:1px solid var(--border);background:var(--raised);border-radius:10px;min-width:0;padding:9px 10px}@supports (color:color-mix(in lab,red,red)){.monthly-flow-grid>div{background:color-mix(in srgb,var(--raised) 65%,transparent)}}.monthly-flow-grid span{color:var(--muted);align-items:center;gap:4px;font-size:10px;display:flex}.monthly-flow-grid strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;display:block;overflow:hidden}.monthly-retained{background:var(--raised);border-radius:99px;height:3px;margin-top:13px;overflow:hidden}.monthly-retained span{border-radius:inherit;background:linear-gradient(90deg,var(--income),var(--accent));height:100%;display:block}:root[data-theme-id=ios-glass] .monthly-overview-card{-webkit-backdrop-filter:blur(26px)saturate(145%);backdrop-filter:blur(26px)saturate(145%);background:#181b21a8;border-radius:21px;box-shadow:inset 0 1px #ffffff1c,0 16px 38px #00000040}:root[data-theme-id=ios-glass] .monthly-flow-grid>div{background:#ffffff09}.category-icon{border:1px solid var(--category-color);flex:none;place-items:center;width:38px;height:38px;display:grid}@supports (color:color-mix(in lab,red,red)){.category-icon{border:1px solid color-mix(in srgb,var(--category-color) 32%,var(--border))}}.category-icon{background:var(--category-color);border-radius:10px}@supports (color:color-mix(in lab,red,red)){.category-icon{background:color-mix(in srgb,var(--category-color) 12%,var(--surface))}}.category-icon{color:var(--category-color)}.category-icon-income{--category-color:var(--income)}.category-icon-expense{--category-color:var(--expense)}.transaction-row .amount.expense{color:var(--text)}.transaction-row .category-icon-expense{--category-color:var(--secondary);border-color:var(--border);background:var(--raised);color:var(--text)}.transaction-modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(18px)saturate(130%);background:#000000ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.transaction-modal{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--strong) transparent;background:#12151af5;border:1px solid #ffffff29;border-radius:24px;width:min(520px,100%);max-height:min(720px,100dvh - 32px);padding:22px 22px 30px;overflow:hidden auto;box-shadow:inset 0 1px #ffffff1c,0 35px 100px #000000ad}.transaction-modal>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;display:flex}.transaction-modal-note span,.transaction-modal>header span{color:var(--muted);font-size:11px}.transaction-modal>header h2{margin-top:4px;font-size:22px;font-weight:680}.transaction-modal-close{border:1px solid var(--strong);background:var(--raised);width:42px;height:42px;color:var(--text);border-radius:13px;flex:none;place-items:center;display:grid}.transaction-modal-close:hover{border-color:var(--accent);color:var(--accent)}.transaction-modal-payment{border:1px solid var(--border);background:var(--raised);border-radius:13px;align-items:center;gap:11px;margin-top:16px;padding:11px 12px;display:flex}.transaction-modal-payment .payment-card-fallback,.transaction-modal-payment .payment-card-thumb{border-radius:7px;flex:none;width:60px;height:38px}.transaction-modal-payment>div{flex-direction:column;gap:2px;min-width:0;display:flex}.transaction-modal-payment span{color:var(--muted);font-size:10px}.transaction-modal-payment strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.transaction-modal-amount{grid-template-columns:1fr auto;align-items:end;gap:4px 12px;padding:22px 0;display:grid}.transaction-modal-amount>span{color:var(--muted);font-size:12px}.transaction-modal-amount strong{letter-spacing:-.04em;grid-area:1/2/3;font-size:28px;font-weight:720}.transaction-modal-amount em{color:var(--accent);font-size:12px;font-style:normal;font-weight:650}.transaction-modal-details{gap:8px;margin-bottom:18px;display:grid}.transaction-modal-details>div{border:1px solid var(--border);background:var(--raised);border-radius:12px;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.transaction-modal-details svg{color:var(--secondary)}.transaction-modal-details span{color:var(--muted);font-size:11px}.transaction-modal-details strong{text-align:right;font-size:13px;font-weight:600}.transaction-modal-note{border:1px solid var(--border);background:var(--raised);border-radius:12px;margin-bottom:18px;padding:14px}.transaction-modal-note p{color:var(--secondary);margin-top:5px;font-size:13px;line-height:1.6}.transaction-modal-form{padding-top:16px}.transaction-modal-form textarea.field{resize:vertical;min-height:92px}.transaction-modal-form>.span-2:last-child{z-index:4;background:linear-gradient(#0000,#12151af7 28%,#12151afc);padding:12px 0 2px;position:sticky;bottom:-30px}@media (max-width:599px){.transaction-modal-backdrop{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;display:block}.transaction-modal{width:100%;height:100dvh;max-height:none;padding:22px 18px calc(112px + env(safe-area-inset-bottom));background:var(--bg);box-shadow:none;border:0;border-radius:0}.transaction-modal>header{padding-top:max(2px,env(safe-area-inset-top))}.transaction-modal-form>.span-2:last-child{bottom:calc(-112px - env(safe-area-inset-bottom));padding-bottom:calc(78px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent 0,var(--bg) 18%,var(--bg) 100%)}}.category-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.category-icon-choice{border:1px solid var(--border);background:var(--raised);min-height:64px;color:var(--secondary);cursor:pointer;text-align:center;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:7px 2px;font-size:10px;font-weight:500;display:flex;position:relative}.category-icon-choice:hover{border-color:var(--strong);color:var(--text)}.category-icon-choice:has(input:checked){border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.category-icon-choice:has(input:checked){background:color-mix(in srgb,var(--accent) 10%,var(--raised))}}.category-icon-choice:has(input:checked){color:var(--text)}.category-icon-choice:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.category-icon-choice input{opacity:0;width:1px;height:1px;position:absolute}.profile-avatar{border:1px solid var(--text);flex:none;display:block;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.profile-avatar{border:1px solid color-mix(in srgb,var(--text) 18%,transparent)}}.profile-avatar{object-fit:cover;border-radius:24%;box-shadow:0 5px 18px #0000002e}.page{max-width:1520px;padding:var(--page-block-start) var(--page-gutter) var(--page-block-end);margin:0 auto}.page-title{font-size:var(--font-title-1);line-height:var(--line-title-1);letter-spacing:-.035em;font-weight:680}.section-title{font-size:var(--font-title-2);line-height:var(--line-title-2);letter-spacing:-.025em;font-weight:650}.empty{padding:var(--space-10) var(--space-6);text-align:center}.grid-form{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.span-2{grid-column:span 2}.ds-stack{flex-direction:column;display:flex}.ds-grid,.ds-stack{gap:var(--section-gap)}.ds-grid{display:grid}.ds-card-header,.ds-card-padding{padding:var(--card-padding)}.ds-row-padding{padding:var(--space-3) var(--card-padding)}.ds-section-space{margin-bottom:var(--section-gap)}.ds-caption{font-size:var(--font-caption);line-height:var(--line-caption)}.ds-body{font-size:var(--font-body);line-height:var(--line-body)}.ds-title-3{font-size:var(--font-title-3);line-height:var(--line-title-3)}.ds-title-2{font-size:var(--font-title-2);line-height:var(--line-title-2)}.ds-title-1{font-size:var(--font-title-1);line-height:var(--line-title-1)}.ds-financial-value{font-size:var(--font-title-2);line-height:var(--line-title-2);font-variant-numeric:tabular-nums;letter-spacing:-.025em}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--section-gap);padding-bottom:var(--space-5);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.page-header .muted,label{font-size:var(--font-label);line-height:20px}label{font-weight:600}.empty-visual{border:1px solid var(--strong);background:var(--raised);width:76px;height:76px;color:var(--secondary);border-radius:18px;place-items:center;display:inline-grid;position:relative}.empty-visual:before{content:"";border:1px solid var(--border);border-radius:12px;position:absolute;inset:8px}.empty-visual-main{color:var(--secondary);position:relative}.empty-visual-mark{border:2px solid var(--surface);background:var(--strong);color:#fff;border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:absolute;bottom:-6px;right:-6px}.empty-inline{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:170px;padding:22px;display:flex}.empty-inline .empty-visual{border-radius:14px;width:62px;height:62px}.empty-inline .empty-visual-main{width:30px;height:30px}.chart-detail{z-index:2;border:1px solid var(--strong);background:var(--raised);border-radius:6px;width:min(220px,100% - 16px);padding:12px 14px;position:absolute;top:8px;transform:translate(-50%)}@supports (color:color-mix(in lab,red,red)){.chart-detail{background:color-mix(in srgb,var(--raised) 96%,transparent)}}.chart-detail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 32px #00000052}:root[data-theme-id=ios-glass] .chart-detail{-webkit-backdrop-filter:blur(28px)saturate(160%);backdrop-filter:blur(28px)saturate(160%);background:#1f232bd1;border-color:#ffffff2e;border-radius:17px;box-shadow:inset 0 1px #ffffff21,0 20px 48px #0000006b}.chart-detail-title{border-bottom:1px solid var(--border);color:var(--text);margin-bottom:8px;padding-bottom:8px;font-weight:650}.chart-detail-row{justify-content:space-between;align-items:center;gap:8px;padding:3px 0;font-size:12px;display:flex}.chart-detail-row span{color:var(--secondary);align-items:center;gap:6px;display:inline-flex}.chart-detail-row strong{color:var(--text);font-variant-numeric:tabular-nums;font-weight:650}.chart-detail-dot{border-radius:50%;flex:none;width:7px;height:7px}.chart-detail-link{border-top:1px solid var(--border);color:var(--accent);margin-top:8px;padding-top:8px;font-size:12px;font-weight:600;display:block}.chart-detail-link:hover{text-decoration:underline}:root[data-theme=light] .chart-detail-link{color:var(--income)}.app-shell{min-height:100vh}.sidebar{display:none}.main-area{min-width:0}.workspace-bar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:20px;min-height:42px;padding:0 24px;display:none}@supports (color:color-mix(in lab,red,red)){.workspace-bar{background:color-mix(in srgb,var(--surface) 94%,transparent)}}.workspace-bar{color:var(--secondary);letter-spacing:.04em;font-size:11px}.workspace-bar strong{color:var(--text);font-weight:600}.workspace-status{align-items:center;gap:8px;display:inline-flex}.workspace-status:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.workspace-status:before{box-shadow:0 0 10px color-mix(in srgb,var(--accent) 75%,transparent)}}.brand-lockup{letter-spacing:-.02em;align-items:center;gap:10px;min-height:36px;font-size:14px;font-weight:750;display:flex}.brand-grid{grid-template-columns:repeat(2,1fr);gap:2px;width:24px;height:24px;display:grid}.brand-grid i{background:var(--text);display:block}.brand-grid i:last-child{background:var(--accent)}.brand-app-icon{object-fit:cover;width:30px;height:30px;box-shadow:0 0 18px var(--accent);border-radius:9px;flex:none}@supports (color:color-mix(in lab,red,red)){.brand-app-icon{box-shadow:0 0 18px color-mix(in srgb,var(--accent) 18%,transparent)}}.sidebar-header{justify-content:space-between;align-items:center;gap:4px;min-height:36px;margin-bottom:20px;padding:0 8px;display:flex}.sidebar-toggle{width:32px;height:32px;color:var(--secondary);background:0 0;border:1px solid #0000;border-radius:4px;flex:none;place-items:center;display:grid}.sidebar-toggle:hover{color:var(--text);border-color:var(--border);background:var(--hover)}.nav-caption{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin:14px 0 7px;padding:0 12px;font-size:10px;font-weight:700}.nav-link{min-height:42px;color:var(--secondary);border-radius:3px;align-items:center;gap:12px;padding:0 12px;font-weight:550;display:flex;position:relative}.nav-link:hover{color:var(--text);background:var(--hover)}.nav-link[aria-current=page]{color:var(--text);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.nav-link[aria-current=page]{background:color-mix(in srgb,var(--accent) 9%,var(--surface))}}.nav-link[aria-current=page]:before{content:"";background:var(--accent);inset-block:8px;width:2px;position:absolute;left:0}.nav-link[aria-current=page] svg{color:var(--accent)}.mobile-nav{z-index:20;background:var(--surface);bottom:0;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset-inline:0}@supports (color:color-mix(in lab,red,red)){.mobile-nav{background:color-mix(in srgb,var(--surface) 96%,transparent)}}.mobile-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);padding:6px 5px env(safe-area-inset-bottom)}.mobile-nav a{min-width:0;min-height:58px;color:var(--secondary);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:11px;display:flex}.mobile-nav a[aria-current=page]{color:var(--accent)}.mobile-nav-mascot{object-fit:contain;filter:saturate(.82)brightness(.9);opacity:.78;width:30px;height:30px;transition:transform .18s,filter .18s,opacity .18s}.mobile-nav a[aria-current=page] .mobile-nav-mascot{filter:saturate(1.12) brightness(1.06) drop-shadow(0 4px 8px var(--accent));transform:scale(1.06)}@supports (color:color-mix(in lab,red,red)){.mobile-nav a[aria-current=page] .mobile-nav-mascot{filter:saturate(1.12) brightness(1.06) drop-shadow(0 4px 8px color-mix(in srgb,var(--accent) 22%,transparent))}}.mobile-nav a[aria-current=page] .mobile-nav-mascot{opacity:1}:root[data-theme-id=ios-glass] .workspace-bar{-webkit-backdrop-filter:blur(28px)saturate(150%);background:#13161c94;border-color:#ffffff1a}:root[data-theme-id=ios-glass] .mobile-nav{left:max(clamp(16px,3vw,24px),env(safe-area-inset-left));right:max(clamp(16px,3vw,24px),env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(30px)saturate(165%);background:#191c23cc;border:1px solid #ffffff26;border-radius:25px;padding:11px 8px 8px;box-shadow:inset 0 1px #ffffff1f,0 16px 42px #0000006b}:root[data-theme-id=ios-glass] .mobile-nav a{border-radius:18px;min-height:54px;transition:background .18s,color .18s,transform .18s}:root[data-theme-id=ios-glass] .mobile-nav a:active{transform:scale(.94)}:root[data-theme-id=ios-glass] .mobile-nav a[aria-current=page]{color:var(--accent);background:linear-gradient(#bcff2f33,#9aed2c17);box-shadow:inset 0 1px #ffffff21,0 7px 20px #0003}@media (max-width:599px){.grid-form{grid-template-columns:1fr}.span-2{grid-column:auto}}@media (min-width:1024px){.app-shell{grid-template-columns:246px minmax(0,1fr);display:grid}.sidebar{border-right:1px solid var(--border);background:#000;flex-direction:column;height:100vh;padding:18px 12px 14px;display:flex;position:sticky;top:0}:root[data-theme=light] .sidebar{background:#fff}.workspace-bar{display:flex}.mobile-nav{display:none}:root[data-theme-id=ios-glass] .sidebar{-webkit-backdrop-filter:blur(34px)saturate(145%);background:#0a0c10ad;border-color:#ffffff1a;box-shadow:inset -1px 0 #ffffff0a,14px 0 42px #0000003d}.app-shell.sidebar-collapsed{grid-template-columns:68px minmax(0,1fr)}.sidebar-collapsed .sidebar{padding-inline:8px}.sidebar-collapsed .sidebar-header{flex-direction:column;gap:8px;margin-bottom:14px;padding:0}.sidebar-collapsed .brand-name,.sidebar-collapsed .nav-caption,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar>div:last-of-type{display:none}.sidebar-collapsed .nav-link{justify-content:center;padding:0}.sidebar-collapsed .nav-link svg{flex:none}}:root[data-theme-id=ios-glass] .card:has(.glass-popover),:root[data-theme-id=ios-glass] .card:has(.month-picker-panel){-webkit-backdrop-filter:none!important}:root[data-theme-id=ios-glass] .glass-popover,:root[data-theme-id=ios-glass] .month-picker-panel{-webkit-backdrop-filter:blur(120px)saturate(210%)contrast(110%)!important;background:#0d1014f7!important}:root[data-theme-id=ios-glass] .glass-popover:before,:root[data-theme-id=ios-glass] .month-picker-panel:before{background:linear-gradient(145deg,#262b32f5,#0d1014fa);-webkit-backdrop-filter:blur(120px)saturate(210%)!important}.settings-page{max-width:860px}.settings-column,.settings-layout{gap:var(--section-gap);flex-direction:column;min-width:0;display:flex}.settings-section-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;padding-bottom:14px;display:flex}.settings-section-head h2{font-size:var(--font-title-3);line-height:var(--line-title-3);margin-top:2px;font-weight:650}.settings-kicker{color:var(--muted);font-size:var(--font-caption);line-height:var(--line-caption);letter-spacing:.06em;font-weight:650;display:block}.settings-profile-main{align-items:center;gap:16px;display:flex}.settings-profile-main strong{font-size:var(--font-title-3);line-height:var(--line-title-3);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.settings-profile-main>div>span{color:var(--muted);font-size:var(--font-caption);line-height:var(--line-caption);margin-top:4px;display:block}.settings-section-description{margin:-4px 0 16px}.settings-link-grid{gap:8px;display:grid}.settings-link-grid>a{border:1px solid var(--border);background:var(--raised);border-radius:13px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:62px;padding:10px 12px;display:grid}@supports (color:color-mix(in lab,red,red)){.settings-link-grid>a{background:color-mix(in srgb,var(--raised) 72%,transparent)}}.settings-link-grid>a{transition:border-color .16s,background .16s,transform .16s}.settings-link-grid>a:hover{border-color:var(--strong);background:var(--hover);transform:translateY(-1px)}.settings-link-icon{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--secondary);border-radius:11px;place-items:center;display:grid}.settings-link-grid small,.settings-link-grid strong{display:block}.settings-link-grid strong{font-size:var(--font-label);line-height:20px}.settings-link-grid small{color:var(--muted);font-size:var(--font-caption);line-height:var(--line-caption);margin-top:2px}.settings-link-grid>a>span:last-child{color:var(--muted);font-size:24px}.settings-action-list{border:1px solid var(--border);border-radius:14px;overflow:hidden}.settings-action-row{border:0;border-bottom:1px solid var(--border);width:100%;min-height:68px;color:var(--text);text-align:left;background:0 0;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.settings-action-row:last-child{border-bottom:0}.settings-action-row:hover{background:var(--hover)}.settings-action-row>span:nth-child(2) small,.settings-action-row>span:nth-child(2) strong{display:block}.settings-action-row small{color:var(--muted);font-size:var(--font-caption);line-height:var(--line-caption);margin-top:2px}.settings-action-icon{border:1px solid var(--border);background:var(--raised);width:40px;height:40px;color:var(--secondary);border-radius:11px;place-items:center;display:grid!important}.settings-action-row.is-danger .settings-action-icon,.settings-action-row.is-danger strong{color:var(--expense)}.settings-action-row>svg{color:var(--muted)}.settings-signout{width:100%}.settings-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(24px)saturate(140%);background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.settings-modal{background:#12151af7;border:1px solid #ffffff29;border-radius:24px;width:min(480px,100%);overflow:hidden;box-shadow:inset 0 1px #ffffff1c,0 35px 100px #000000b3}.settings-modal>header{padding:20px var(--card-padding);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.settings-modal>header span{color:var(--muted);font-size:var(--font-caption)}.settings-modal>header h2{font-size:var(--font-title-2);line-height:var(--line-title-2);margin-top:3px;font-weight:680}.settings-modal>header button{border:1px solid var(--strong);background:var(--raised);width:40px;height:40px;color:var(--text);border-radius:12px;flex:none;place-items:center;display:grid}.settings-modal-form{padding:var(--card-padding);gap:16px;display:grid}.settings-modal-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.settings-modal-actions .btn{min-width:112px}.settings-modal-actions .btn-danger{border-color:var(--expense)}@supports (color:color-mix(in lab,red,red)){.settings-modal-actions .btn-danger{border-color:color-mix(in srgb,var(--expense) 55%,var(--border))}}.settings-modal-actions .btn-danger{background:var(--expense)}@supports (color:color-mix(in lab,red,red)){.settings-modal-actions .btn-danger{background:color-mix(in srgb,var(--expense) 14%,var(--raised))}}.settings-modal-actions .btn-danger:disabled{cursor:not-allowed;opacity:.42}.settings-danger-note{border:1px solid var(--expense);padding:14px}@supports (color:color-mix(in lab,red,red)){.settings-danger-note{border:1px solid color-mix(in srgb,var(--expense) 32%,var(--border))}}.settings-danger-note{background:var(--expense);border-radius:13px}@supports (color:color-mix(in lab,red,red)){.settings-danger-note{background:color-mix(in srgb,var(--expense) 7%,var(--raised))}}.settings-danger-note strong{color:var(--expense)}.settings-danger-note p{color:var(--secondary);margin-top:5px}.settings-danger-note small{color:var(--muted);font-size:var(--font-caption);line-height:var(--line-caption);margin-top:7px;display:block}.profile-avatar-picker{min-width:0}.profile-avatar-picker legend{color:var(--text);font-size:var(--font-label);margin-bottom:8px;font-weight:650}.profile-avatar-picker>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.profile-avatar-picker label{border:1px solid var(--border);background:var(--raised);min-width:0;color:var(--secondary);cursor:pointer;text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:7px;padding:9px 5px;transition:border-color .16s,background .16s,transform .16s;display:flex;position:relative}.profile-avatar-picker label:hover{border-color:var(--strong);transform:translateY(-1px)}.profile-avatar-picker label:has(input:checked){border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.profile-avatar-picker label:has(input:checked){background:color-mix(in srgb,var(--accent) 9%,var(--raised))}}.profile-avatar-picker label:has(input:checked){color:var(--text);box-shadow:inset 0 0 0 1px var(--accent)}@supports (color:color-mix(in lab,red,red)){.profile-avatar-picker label:has(input:checked){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}}.profile-avatar-picker input{opacity:0;width:1px;height:1px;position:absolute}.profile-avatar-picker input:focus-visible+.profile-avatar{outline:2px solid var(--accent);outline-offset:3px}.profile-avatar-picker span{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:10px;font-weight:600;overflow:hidden}.profile-avatar-picker .profile-avatar{aspect-ratio:1;width:min(72px,100%);height:auto}@media (max-width:599px){.settings-modal-backdrop{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;display:block}.settings-modal{background:var(--surface);width:100%;min-height:100dvh;box-shadow:none;border:0;border-radius:0}.settings-modal>header{padding-top:max(20px,env(safe-area-inset-top))}.settings-modal-actions{padding:12px 18px calc(82px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,var(--surface) 24%);inset-inline:0;position:fixed;bottom:0}.settings-modal-actions .btn{flex:1;min-width:0}.settings-modal-form{padding-bottom:150px}}.recurring-list{overflow:hidden}.recurring-list-item{min-height:82px;padding:13px var(--card-padding);border-bottom:1px solid var(--border);grid-template-columns:44px minmax(0,1fr) auto 20px;align-items:center;gap:14px;transition:background .16s;display:grid}.recurring-list-item:last-child{border-bottom:0}.recurring-list-item:hover{background:var(--hover)}.recurring-list-icon{border:1px solid var(--accent);place-items:center;width:44px;height:44px;display:grid}@supports (color:color-mix(in lab,red,red)){.recurring-list-icon{border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))}}.recurring-list-icon{background:var(--accent);border-radius:13px}@supports (color:color-mix(in lab,red,red)){.recurring-list-icon{background:color-mix(in srgb,var(--accent) 8%,var(--raised))}}.recurring-list-icon{color:var(--accent)}.recurring-list-main{min-width:0}.recurring-list-main>span{align-items:center;gap:9px;min-width:0;display:flex}.recurring-list-main strong{font-size:var(--font-label);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recurring-list-main em{border:1px solid var(--border);color:var(--muted);border-radius:99px;flex:none;padding:3px 8px;font-size:10px;font-style:normal;font-weight:650}.recurring-list-main em.is-active{border-color:var(--income)}@supports (color:color-mix(in lab,red,red)){.recurring-list-main em.is-active{border-color:color-mix(in srgb,var(--income) 34%,var(--border))}}.recurring-list-main em.is-active{background:var(--income)}@supports (color:color-mix(in lab,red,red)){.recurring-list-main em.is-active{background:color-mix(in srgb,var(--income) 8%,transparent)}}.recurring-list-main em.is-active{color:var(--income)}.recurring-list-main em.is-paylater{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.recurring-list-main em.is-paylater{border-color:color-mix(in srgb,var(--accent) 34%,var(--border))}}.recurring-list-main em.is-paylater{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.recurring-list-main em.is-paylater{background:color-mix(in srgb,var(--accent) 8%,transparent)}}.recurring-list-main em.is-paylater{color:var(--accent)}.recurring-list-main em.is-completed{border-color:#ffae42}@supports (color:color-mix(in lab,red,red)){.recurring-list-main em.is-completed{border-color:color-mix(in srgb,#ffae42 40%,var(--border))}}.recurring-list-main em.is-completed{color:#ffc266;background:#ffae4217}.recurring-list-main small{color:var(--muted);font-size:var(--font-caption);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;margin-top:6px;display:flex;overflow:hidden}.recurring-list-main small svg{flex:none}.recurring-list-amount{text-align:right;font-size:var(--font-body);font-variant-numeric:tabular-nums;white-space:nowrap}.recurring-list-chevron{color:var(--muted);transition:transform .16s,color .16s}.recurring-list-item:hover .recurring-list-chevron{color:var(--text);transform:translate(2px)}.installment-list-money{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;min-width:210px;display:flex}.installment-list-money>strong{font-size:var(--font-body);font-variant-numeric:tabular-nums;white-space:nowrap}.installment-list-money>small{color:var(--muted);font-size:var(--font-caption);white-space:nowrap}@media (max-width:599px){.profile-avatar-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}.recurring-list-item{grid-template-columns:40px minmax(0,1fr) 18px;gap:10px;min-height:90px;padding-inline:14px}.recurring-list-icon{width:40px;height:40px}.recurring-list-main>span{flex-direction:column;align-items:flex-start;gap:4px}.recurring-list-main strong{white-space:normal;width:100%}.recurring-list-main small{white-space:normal}.recurring-list-amount{text-align:left;grid-area:2/2;padding-top:2px}.recurring-list-chevron{grid-area:1/3/3}.installment-list-money{text-align:left;grid-area:2/2;align-items:flex-start;min-width:0;padding-top:2px}.installment-list-money>small{white-space:normal}}.monthly-overview-heading{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.quarter-filter{border:1px solid var(--border);background:var(--raised);scrollbar-width:none;border-radius:13px;flex:none;gap:4px;padding:4px;display:flex;overflow-x:auto}.quarter-filter::-webkit-scrollbar{display:none}.quarter-filter a{min-height:36px;color:var(--secondary);font-size:var(--font-small);line-height:var(--line-small);white-space:nowrap;border-radius:9px;place-items:center;padding:0 13px;font-weight:650;transition:background .16s,color .16s,box-shadow .16s;display:grid}.quarter-filter a:hover{color:var(--text);background:var(--hover)}.quarter-filter a[aria-current=page]{background:var(--accent);color:var(--accent-ink);box-shadow:inset 0 1px 0 #ffffff59,0 6px 16px var(--accent)}@supports (color:color-mix(in lab,red,red)){.quarter-filter a[aria-current=page]{box-shadow:inset 0 1px 0 #ffffff59,0 6px 16px color-mix(in srgb,var(--accent) 16%,transparent)}}@media (max-width:699px){.monthly-overview-heading{flex-direction:column;align-items:stretch}.quarter-filter{width:100%}.quarter-filter a{flex:1;padding-inline:9px}}.installment-hub{max-width:1280px}.installment-month-toolbar{margin-bottom:var(--section-gap);justify-content:space-between;align-items:center;gap:16px;display:flex}.installment-month-toolbar h2{font-size:var(--font-title-2);line-height:var(--line-title-2);margin-top:2px;font-weight:680}.installment-month-toolbar>div:last-child{gap:8px;display:flex}.installment-summary-grid{margin-bottom:var(--section-gap);gap:12px;display:grid}.installment-summary-grid>div{padding:var(--card-padding);grid-template-columns:40px 1fr;align-items:center;gap:2px 12px;display:grid}.installment-summary-grid svg{border:1px solid var(--border);width:40px;height:40px;color:var(--accent);background:var(--raised);border-radius:12px;grid-row:1/4;place-items:center;padding:9px;display:grid}.installment-summary-grid small,.installment-summary-grid span{color:var(--muted);font-size:var(--font-caption)}.installment-summary-grid strong{font-size:var(--font-title-2);line-height:var(--line-title-2);font-variant-numeric:tabular-nums}.installment-bills{margin-bottom:var(--section-gap)}.installment-bills>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.installment-bills>header strong{font-size:var(--font-title-2);line-height:var(--line-title-2)}.installment-bill-row{padding:14px var(--card-padding);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.installment-bill-icon{border:1px solid var(--border);width:42px;height:42px;color:var(--accent);background:var(--raised);border-radius:12px;place-items:center;display:grid}.installment-bill-row>div:nth-child(2) small,.installment-bill-row>div:nth-child(2) span,.installment-bill-row>div:nth-child(2) strong{display:block}.installment-bill-row>div:nth-child(2) span{color:var(--secondary);font-size:var(--font-small);margin-top:2px}.installment-bill-row>div:nth-child(2) .installment-bill-installment{border:1px solid var(--accent);width:max-content;margin-top:6px;padding:4px 9px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.installment-bill-row>div:nth-child(2) .installment-bill-installment{border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border))}}.installment-bill-row>div:nth-child(2) .installment-bill-installment{background:var(--accent);border-radius:99px}@supports (color:color-mix(in lab,red,red)){.installment-bill-row>div:nth-child(2) .installment-bill-installment{background:color-mix(in srgb,var(--accent) 10%,transparent)}}.installment-bill-row>div:nth-child(2) .installment-bill-installment{color:var(--accent);font-weight:750}.installment-bill-row>div:nth-child(2) small{color:var(--muted);font-size:var(--font-caption);margin-top:2px}.installment-bill-payment{text-align:right;align-items:center;gap:12px;display:flex}.installment-bill-payment>strong{font-variant-numeric:tabular-nums;min-width:100px}.customer-installment-card-preview{min-height:var(--control-height);border:1px solid var(--border);background:var(--raised);border-radius:13px;align-self:end;align-items:center;gap:10px;padding:5px 10px;display:flex}.customer-installment-card-preview .payment-card-fallback,.customer-installment-card-preview .payment-card-thumb{width:48px;height:30px}.customer-installment-card-preview span small,.customer-installment-card-preview span strong{display:block}.customer-installment-card-preview small{color:var(--muted);font-size:10px}.customer-installment-card-preview strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;overflow:hidden}.installment-plan-grid{gap:12px;display:grid}.installment-plan-card{padding:var(--card-padding);overflow:hidden}.installment-plan-card>header{border-bottom:1px solid var(--border);align-items:center;gap:11px;padding-bottom:14px;display:flex}.installment-plan-card>header .payment-card-fallback,.installment-plan-card>header .payment-card-thumb{width:58px;height:36px}.installment-plan-card>header span,.installment-plan-card>header strong{display:block}.installment-plan-card>header span{color:var(--muted);font-size:var(--font-caption);margin-top:2px}.installment-plan-person{justify-content:space-between;gap:12px;padding:14px 0 10px;display:flex}.installment-plan-person span{color:var(--muted)}.installment-plan-progress>div{color:var(--secondary);font-size:var(--font-small);justify-content:space-between;gap:10px;display:flex}.installment-plan-progress b{color:var(--accent)}.installment-plan-progress>i{background:var(--raised);border-radius:99px;height:5px;margin-top:8px;display:block;overflow:hidden}.installment-plan-progress>i span{border-radius:inherit;background:linear-gradient(90deg,var(--income),var(--accent));height:100%;display:block}.installment-plan-card>footer{border-top:1px solid var(--border);color:var(--muted);font-size:var(--font-small);justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;display:flex}.installment-plan-card>footer strong{color:var(--text)}@media (min-width:700px){.installment-summary-grid{grid-template-columns:repeat(3,1fr)}.installment-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.installment-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:599px){.installment-bills>header{align-items:flex-end}.installment-bill-row{grid-template-columns:38px minmax(0,1fr)}.installment-bill-icon{width:38px;height:38px}.installment-bill-payment{text-align:left;grid-column:2;justify-content:space-between;margin-top:4px}.installment-bill-payment .btn{min-height:38px}}.installment-table-card{margin-top:var(--section-gap);overflow:visible}.installment-table-card>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;display:flex}.installment-table-header-actions{align-items:center;gap:14px;display:flex}.installment-month-total{border:1px solid var(--border);background:var(--raised);border-radius:12px;align-items:baseline;gap:8px;padding:8px 12px;display:flex}.installment-month-total span{color:var(--muted);font-size:var(--font-caption)}.installment-month-total strong{font-size:var(--font-title-3);font-variant-numeric:tabular-nums}.installment-table-scroll{border-radius:0 0 22px 22px;width:100%;overflow-x:auto}.installment-table{border-collapse:collapse;width:100%;min-width:1120px}.installment-table th{border-bottom:1px solid var(--border);background:var(--raised);padding:11px 14px}@supports (color:color-mix(in lab,red,red)){.installment-table th{background:color-mix(in srgb,var(--raised) 58%,transparent)}}.installment-table th{color:var(--muted);font-size:var(--font-caption);line-height:var(--line-caption);text-align:left;font-weight:650}.installment-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 14px}.installment-table tbody tr:last-child td{border-bottom:0}.installment-table tbody tr:not(.installment-add-row):hover{background:var(--hover)}@supports (color:color-mix(in lab,red,red)){.installment-table tbody tr:not(.installment-add-row):hover{background:color-mix(in srgb,var(--hover) 55%,transparent)}}.installment-table td:first-child small,.installment-table td:first-child strong{display:block}.installment-table td:first-child small{color:var(--muted);font-size:var(--font-caption);margin-top:3px}.installment-table-money{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}.installment-count-pill{border:1px solid var(--accent);place-items:center;min-width:50px;min-height:30px;padding:4px 9px;display:inline-grid}@supports (color:color-mix(in lab,red,red)){.installment-count-pill{border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border))}}.installment-count-pill{background:var(--accent);border-radius:99px}@supports (color:color-mix(in lab,red,red)){.installment-count-pill{background:color-mix(in srgb,var(--accent) 8%,transparent)}}.installment-count-pill{color:var(--accent);font-size:var(--font-small);font-variant-numeric:tabular-nums;font-weight:700}.installment-table-card-name{align-items:center;gap:9px;min-width:180px;display:flex}.installment-table-card-name .payment-card-fallback,.installment-table-card-name .payment-card-thumb{border-radius:5px;width:48px;height:30px}.installment-table-card-name>span{max-width:170px;color:var(--secondary);font-size:var(--font-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.installment-add-row{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.installment-add-row{background:color-mix(in srgb,var(--accent) 3%,var(--surface))}}.installment-add-row td:first-child{gap:7px;min-width:210px;display:grid}.installment-add-row td:nth-child(2){min-width:150px}.installment-add-row td:nth-child(3),.installment-add-row td:nth-child(4),.installment-add-row td:nth-child(5){width:112px}.installment-add-row td:nth-child(6){min-width:230px}.installment-add-row .field{min-height:42px}.installment-row-actions{gap:6px;display:flex}.installment-row-actions .btn,.installment-table .btn-icon{min-width:40px;min-height:40px;padding:8px}.installment-card-group-row td{background:var(--raised);padding:0}@supports (color:color-mix(in lab,red,red)){.installment-card-group-row td{background:color-mix(in srgb,var(--raised) 72%,var(--surface))}}.installment-card-group-row td>button{width:100%;color:var(--text);text-align:left;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 14px;display:grid}.installment-card-group-row .payment-card-fallback,.installment-card-group-row .payment-card-thumb{border-radius:6px;width:52px;height:33px}.installment-card-group-row span{flex-direction:column;gap:2px;min-width:0;display:flex}.installment-card-group-row strong{font-size:var(--font-small)}.installment-card-group-row small{color:var(--muted);font-size:var(--font-caption)}.installment-card-group-row svg:last-child{transition:transform .2s}.installment-card-group-row svg:last-child.is-open{transform:rotate(180deg)}.installment-payment-button{white-space:nowrap;min-width:112px}.installment-add-modal{width:min(680px,100%)}.installment-modal-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:18px;display:grid}.installment-modal-form label{color:var(--secondary);font-size:var(--font-small);align-content:start;gap:7px;font-weight:650;display:grid}.installment-modal-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}@media (max-width:599px){.installment-modal-form{grid-template-columns:1fr}.installment-modal-form .span-2{grid-column:auto}.installment-modal-actions{background:linear-gradient(180deg,transparent,var(--surface) 22%);padding:18px 0 72px;position:sticky;bottom:-90px}}@media (max-width:699px){.installment-table-card>header{align-items:flex-start}.installment-table-header-actions{flex-direction:column;align-items:stretch}.installment-month-total{justify-content:space-between}}.installment-table-empty{height:120px;color:var(--muted);text-align:center}@media (min-width:800px){.installment-table-scroll{overflow:visible}}@media (max-width:799px){.installment-table-card{margin-inline:calc(var(--page-gutter) * -1);border-inline:0;border-radius:0}.installment-table-card>header{position:sticky;left:0}.installment-table-scroll:has(.installment-add-row){padding-bottom:260px}}.installment-bill-row>div:nth-child(2) .installment-bill-installment.is-final,.installment-count-pill.is-final{border-color:#ffae42}@supports (color:color-mix(in lab,red,red)){.installment-bill-row>div:nth-child(2) .installment-bill-installment.is-final,.installment-count-pill.is-final{border-color:color-mix(in srgb,#ffae42 55%,var(--border))}}.installment-bill-row>div:nth-child(2) .installment-bill-installment.is-final,.installment-count-pill.is-final{color:#ffc266;background:#ffae4224}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.installment-person-toolbar{border-bottom:1px solid var(--border);background:var(--raised);align-items:center;gap:10px;padding-block:8px;display:flex}@supports (color:color-mix(in lab,red,red)){.installment-person-toolbar{background:color-mix(in srgb,var(--raised) 24%,transparent)}}.installment-person-toolbar>label{width:170px;color:var(--secondary);font-size:var(--font-small);flex:0 0 170px;font-weight:650}.installment-person-summary{flex:1;align-items:center;gap:0;min-width:0;display:flex}.installment-person-summary>div{border-left:1px solid var(--border);align-items:baseline;gap:8px;min-width:0;padding:3px 14px;display:flex}.installment-person-summary small,.installment-person-summary span{color:var(--muted);font-size:var(--font-caption)}.installment-person-summary strong{font-size:var(--font-body);font-variant-numeric:tabular-nums;white-space:nowrap}.installment-person-summary small{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.installment-share-button{white-space:nowrap;min-height:48px;margin-left:auto;padding-inline:15px}.installment-person-pill{border:1px solid var(--accent);padding:5px 10px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.installment-person-pill{border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border))}}.installment-person-pill{background:var(--accent);border-radius:99px}@supports (color:color-mix(in lab,red,red)){.installment-person-pill{background:color-mix(in srgb,var(--accent) 7%,transparent)}}.installment-person-pill{color:var(--text);font-size:var(--font-small);font-weight:650}.installment-calculation{border:1px solid var(--accent);gap:3px;padding:13px 15px;display:grid}@supports (color:color-mix(in lab,red,red)){.installment-calculation{border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border))}}.installment-calculation{background:var(--accent);border-radius:14px}@supports (color:color-mix(in lab,red,red)){.installment-calculation{background:color-mix(in srgb,var(--accent) 7%,var(--raised))}}.installment-calculation small,.installment-calculation span{color:var(--muted);font-size:var(--font-caption)}.installment-calculation strong{color:var(--accent);font-size:var(--font-title-2);font-variant-numeric:tabular-nums}.installment-review-amount{gap:4px;padding:24px 2px 18px;display:grid}.installment-review-amount span,.installment-review-grid span{color:var(--muted);font-size:var(--font-caption)}.installment-review-amount strong{color:var(--accent);font-size:var(--font-title-1);font-variant-numeric:tabular-nums}.installment-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.installment-review-grid>div{border:1px solid var(--border);background:var(--raised);border-radius:13px;gap:4px;padding:13px;display:grid}.installment-review-grid strong{font-size:var(--font-small);font-variant-numeric:tabular-nums}.installment-review-edit{width:100%;margin-top:16px}.installment-share-modal{width:min(620px,100%)}.installment-share-preview{border:1px solid var(--border);object-fit:contain;background:#090d0b;border-radius:18px;width:100%;max-height:min(64vh,760px);margin-top:18px;display:block}.installment-share-preview.is-square{max-height:min(60vh,620px)}.installment-template-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.installment-template-picker button{color:var(--muted);text-align:left;background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:15px;flex-direction:column;gap:3px;padding:12px 14px;transition:all .18s;display:flex}.installment-template-picker button strong{color:var(--text);font-size:var(--font-sm)}.installment-template-picker button span{font-size:var(--font-xs)}.installment-template-picker button.is-active{background:#b7ff3c1a;border-color:#b7ff3c8c;box-shadow:inset 0 0 0 1px #b7ff3c14}.installment-template-picker button.is-active strong{color:var(--accent)}.installment-share-actions{justify-content:flex-end;gap:10px;padding-top:16px;display:flex}@media (max-width:599px){.installment-share-actions .btn{flex:1}}@media (max-width:699px){.installment-person-toolbar{flex-direction:column;align-items:stretch}.installment-person-toolbar>label{width:100%}.installment-person-summary{grid-template-columns:1fr 1fr;display:grid}.installment-person-summary>div{min-width:0}}.installment-mobile-meta{display:none!important}@media (min-width:600px) and (max-width:1279px){.installment-hub{overflow-x:hidden}.installment-table-card{border-inline:1px solid var(--border);border-radius:22px;margin-inline:0}.installment-table-card>header{position:static}.installment-person-toolbar{flex-wrap:wrap}.installment-person-toolbar>label{flex-basis:150px;width:150px}.installment-person-summary{flex:450px}.installment-table-scroll{overflow:hidden}.installment-table{table-layout:fixed;width:100%;min-width:0}.installment-table td,.installment-table th{text-overflow:ellipsis;white-space:nowrap;padding-inline:10px;overflow:hidden}.installment-table th:first-child{width:29%}.installment-table th:nth-child(2){width:10%}.installment-table th:nth-child(3){width:15%}.installment-table th:nth-child(4){width:17%}.installment-table th:nth-child(5){width:12%}.installment-table th:nth-child(6){width:10%}.installment-table th:nth-child(7){width:52px}.installment-person-pill{padding:4px 7px}.installment-count-pill{min-width:40px}.installment-card-group-row td{overflow:visible}}@media (max-width:599px){.installment-hub{padding-inline:12px;overflow-x:hidden}.installment-hub .settings-kicker{font-size:12px;line-height:17px}.installment-month-toolbar{padding:12px 14px}.installment-month-toolbar h2{font-size:var(--font-title-3)}.installment-month-toolbar .btn{min-width:42px;min-height:42px;padding-inline:11px}.installment-table-card{border:1px solid var(--border);border-radius:18px;margin:14px 0 0;overflow:hidden}.installment-table-card>header{align-items:center;padding:14px;position:static}.installment-table-card>header .settings-kicker{display:none}.installment-table-card>header .section-title{font-size:var(--font-title-3)}.installment-table-card>header .btn{min-height:42px;padding:9px 12px}.installment-person-toolbar{flex-direction:column;align-items:stretch;padding:10px 14px}.installment-person-toolbar>label{flex:auto;width:100%}.installment-person-toolbar>label .field{min-height:48px;margin-top:0}.installment-person-summary{border:1px solid var(--border);background:var(--surface);border-radius:15px;flex:auto;grid-template-columns:minmax(0,1fr) auto;gap:0;padding:12px 14px;display:grid;overflow:hidden}.installment-person-summary>div{border:0;align-content:center;gap:1px;padding:0;display:grid}.installment-person-summary>div:first-child{padding-right:14px}.installment-person-summary>div:nth-child(2){border-left:1px solid var(--border);min-width:76px;padding-left:14px}.installment-person-summary>div:first-child strong{font-size:22px;line-height:30px}.installment-person-summary>div:nth-child(2) strong{font-size:18px}.installment-person-summary small,.installment-person-summary span{font-size:13px;line-height:19px}.installment-person-summary small{grid-column:1/-1}.installment-share-button{border-radius:11px;grid-column:1/-1;width:100%;min-height:42px;margin:12px 0 0}.installment-table-scroll{border-radius:0;overflow:visible}.installment-table{min-width:0;display:block}.installment-table thead{display:none}.installment-table tbody{display:block}.installment-card-group-row{width:100%;display:table}.installment-card-group-row td{border-bottom:1px solid var(--border);width:100%;display:table-cell}.installment-card-group-row td>button{grid-template-columns:44px minmax(0,1fr) auto;gap:9px;padding:10px 14px}.installment-card-group-row .payment-card-fallback,.installment-card-group-row .payment-card-thumb{width:44px;height:28px}.installment-card-group-row strong{font-size:15px;line-height:21px}.installment-card-group-row small{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px;overflow:hidden}.installment-table tr.installment-data-row{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px;display:grid;position:relative}.installment-table tr.installment-data-row td{border:0;padding:0;display:none}.installment-table tr.installment-data-row td:first-child{min-width:0;display:block}.installment-table tr.installment-data-row td:first-child strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:22px;overflow:hidden}.installment-table tr.installment-data-row td:nth-child(3){color:var(--text);font-size:15px;font-weight:700;line-height:22px;display:block}.installment-table tr.installment-data-row td:last-child{display:none}.installment-mobile-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;line-height:19px;overflow:hidden;margin-top:3px!important;font-size:13px!important;display:block!important}.installment-review-amount span,.installment-review-grid span{font-size:13px;line-height:19px}.installment-review-grid strong{font-size:15px;line-height:22px}.installment-table-empty{width:100%;height:auto;display:block;padding:36px 14px!important}.installment-add-modal{padding-inline:16px}.installment-template-picker{gap:7px}.installment-template-picker button{padding:10px}}.mobile-app-header{display:none}@media (max-width:1023px){.mobile-app-header{z-index:19;min-height:60px;padding:max(8px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.mobile-profile-link{min-height:44px;color:var(--secondary);align-items:center;gap:8px;font-size:13px;display:flex}.app-shell .page{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.mobile-nav,:root[data-theme-id=ios-glass] .mobile-nav{padding:10px max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border:0;border-top:1px solid var(--border);background:var(--bg);box-shadow:none;border-radius:0;bottom:0;left:0;right:0}.mobile-nav a,:root[data-theme-id=ios-glass] .mobile-nav a{border-radius:12px;gap:4px;min-height:58px;font-size:12px;line-height:18px}.mobile-nav a:active{background:var(--hover)}.mobile-nav a[href="/transactions/new"]{background:var(--accent);color:var(--accent-ink);margin-inline:5px}.mobile-nav a[href="/transactions/new"] .mobile-nav-mascot{opacity:1;filter:none}.field,.glass-select-menu button{min-height:48px;font-size:16px}.glass-select-menu{background:var(--bg);max-height:min(320px,45dvh)}.btn,.transaction-modal-close{min-height:44px}.transaction-modal-close{min-width:44px}.page-header{align-items:center}.grid-form>*,.main-area>main,.page-header>div{min-width:0}.payment-card-options{scroll-padding-inline:2px}}@media (max-width:599px){:root{--font-body:16px;--font-small:14px;--font-caption:13px;--font-label:15px;--line-small:21px;--line-caption:19px;--page-block-start:20px;--section-gap:20px}.page-header{gap:12px;padding-bottom:16px}.page-title{font-size:26px;line-height:36px}.page-header .muted{margin-top:4px;line-height:22px}.page-header>.btn{padding-inline:12px;font-size:14px}.app-shell .card{box-shadow:none;border-radius:16px}.monthly-transactions-page section[aria-label=สรุปการเงินเดือนนี้]{gap:8px}.monthly-transactions-page .summary-card{min-height:0;box-shadow:none;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:14px 16px;display:grid}.monthly-transactions-page .summary-card-top{justify-content:flex-start;gap:8px;font-size:14px}.monthly-transactions-page .summary-card-icon{background:0 0;border:0;order:-1;width:28px;height:28px}.monthly-transactions-page .summary-card-value{align-self:center;margin:0;font-size:22px;line-height:30px}.monthly-transactions-page .summary-card-progress{grid-column:1/-1;height:3px;margin-top:6px}.monthly-transactions-page .summary-card-foot{grid-column:1/-1;padding-top:3px;font-size:12px}.monthly-transactions-page .summary-card-foot b{background:0 0;border:0;padding:0;font-size:12px}.monthly-transactions-page .summary-card-mascot{opacity:.12;object-fit:contain;object-position:60% center}.transaction-month-bar{padding:12px}.transaction-month-bar>div{flex-wrap:wrap;gap:8px}.transaction-month-bar .btn{min-width:44px;padding-inline:10px}.section-tabs a{justify-content:center;align-items:center;min-height:46px;padding:8px;font-size:14px;line-height:20px;display:flex}.grid-form{gap:20px}.grid-form>.span-2:last-child>.btn{width:100%}.field{border-radius:12px}.payment-card-options{grid-auto-columns:minmax(200px,78%)}.payment-card-options>button{min-height:72px}.payment-card-options strong{font-size:14px}.payment-card-options small{font-size:12px}.recurring-list-main strong{font-size:16px;line-height:24px}.installment-list-money>small,.recurring-list-main small{font-size:13px;line-height:20px}.transaction-modal{background:var(--bg);padding-bottom:calc(32px + env(safe-area-inset-bottom))}.transaction-modal-details span,.transaction-modal-payment span{font-size:13px}.transaction-modal-details strong,.transaction-modal-payment strong{overflow-wrap:anywhere;font-size:15px}.transaction-modal-details>div{grid-template-columns:24px minmax(0,1fr) minmax(0,1fr)}.transaction-modal-form>.span-2:last-child{bottom:calc(-32px - env(safe-area-inset-bottom));padding-bottom:calc(16px + env(safe-area-inset-bottom));background:var(--bg)}.settings-link-grid{grid-template-columns:1fr}.monthly-flow-grid strong{font-size:15px}.monthly-card-head div>span,.monthly-flow-grid span{font-size:13px}}@media (prefers-reduced-motion:reduce){.btn,.mobile-nav a,.mobile-nav-mascot,.monthly-overview-card{transition:none}}.mobile-menu-icon{width:40px;height:32px;color:var(--secondary);border-radius:10px;place-items:center;display:grid}.mobile-menu-icon svg{fill:var(--accent)}@supports (color:color-mix(in lab,red,red)){.mobile-menu-icon svg{fill:color-mix(in srgb,var(--accent) 7%,transparent)}}.mobile-nav a[aria-current=page] .mobile-menu-icon{color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.mobile-nav a[aria-current=page] .mobile-menu-icon{background:color-mix(in srgb,var(--accent) 12%,transparent)}}@media (max-width:1023px){.mobile-nav a,:root[data-theme-id=ios-glass] .mobile-nav a{gap:3px}.mobile-nav a[aria-current=page],:root[data-theme-id=ios-glass] .mobile-nav a[aria-current=page]{box-shadow:none;background:0 0;font-weight:700}.mobile-nav a[href="/transactions/new"],:root[data-theme-id=ios-glass] .mobile-nav a[href="/transactions/new"]{color:var(--secondary);background:0 0}.mobile-nav a[href="/transactions/new"] .mobile-menu-icon{background:var(--accent);color:var(--accent-ink)}.mobile-nav a[href="/transactions/new"][aria-current=page]{color:var(--accent)}}.chart-period-mobile{display:none}@media (max-width:599px){.chart-period-mobile{width:100%;min-height:44px;font-size:16px;display:block}.chart-period-desktop{display:none}}.mobile-profile-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;color:var(--text);font-weight:600;overflow:hidden}@media (max-width:359px){.mobile-profile-name{max-width:100px}}.mobile-profile-menu{position:relative}.mobile-profile-menu>summary{border:1px solid var(--border);background:var(--raised);cursor:pointer;border-radius:13px;align-items:center;gap:8px;min-height:46px;padding:5px 9px 5px 5px;list-style:none;display:flex}.mobile-profile-menu>summary::-webkit-details-marker{display:none}.mobile-profile-menu>summary>svg{color:var(--secondary);flex:none}.mobile-profile-menu[open]>summary>svg{transform:rotate(180deg)}.mobile-profile-popover{overscroll-behavior:contain;border:1px solid var(--border);background:var(--bg);border-radius:16px;width:min(320px,100vw - 32px);max-height:calc(100dvh - 160px);padding:12px;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 16px 40px #0000004d}.mobile-profile-menu-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.mobile-profile-popover nav{padding-block:6px}.mobile-profile-popover nav a{border-radius:10px;align-items:center;gap:12px;min-height:48px;padding:10px;font-size:15px;display:flex}.mobile-profile-popover nav a:active,.mobile-profile-popover nav a:hover{background:var(--raised)}.mobile-profile-popover nav svg{color:var(--secondary)}.mobile-profile-menu-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-top:12px;display:flex}@media (max-width:1023px){.mobile-nav,:root[data-theme-id=ios-glass] .mobile-nav{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));border:1px solid var(--text);padding:8px 7px}@supports (color:color-mix(in lab,red,red)){.mobile-nav,:root[data-theme-id=ios-glass] .mobile-nav{border:1px solid color-mix(in srgb,var(--text) 18%,transparent)}}.mobile-nav,:root[data-theme-id=ios-glass] .mobile-nav{background:var(--bg);border-radius:30px}@supports (color:color-mix(in lab,red,red)){.mobile-nav,:root[data-theme-id=ios-glass] .mobile-nav{background:color-mix(in srgb,var(--bg) 72%,transparent)}}.mobile-nav,:root[data-theme-id=ios-glass] .mobile-nav{-webkit-backdrop-filter:blur(28px)saturate(170%);box-shadow:0 12px 30px #00000040,inset 0 1px 0 var(--text)}@supports (color:color-mix(in lab,red,red)){.mobile-nav,:root[data-theme-id=ios-glass] .mobile-nav{box-shadow:0 12px 30px #00000040,inset 0 1px 0 color-mix(in srgb,var(--text) 14%,transparent)}}.mobile-nav a,:root[data-theme-id=ios-glass] .mobile-nav a{border-radius:22px;gap:3px;min-height:58px;transition:background .18s,color .18s,transform .18s}.mobile-nav a[aria-current=page],:root[data-theme-id=ios-glass] .mobile-nav a[aria-current=page]{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.mobile-nav a[aria-current=page],:root[data-theme-id=ios-glass] .mobile-nav a[aria-current=page]{background:color-mix(in srgb,var(--accent) 12%,transparent)}}.mobile-nav a[aria-current=page],:root[data-theme-id=ios-glass] .mobile-nav a[aria-current=page]{box-shadow:inset 0 1px 0 var(--text)}@supports (color:color-mix(in lab,red,red)){.mobile-nav a[aria-current=page],:root[data-theme-id=ios-glass] .mobile-nav a[aria-current=page]{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 10%,transparent)}}.mobile-nav a[aria-current=page] .mobile-menu-icon{background:0 0}.mobile-nav a[href="/transactions/new"] .mobile-menu-icon{background:var(--accent);color:var(--accent-ink);border-radius:12px}.mobile-nav a:active{transform:scale(.96)}.app-shell .page{padding-bottom:calc(122px + env(safe-area-inset-bottom))}}@media (prefers-reduced-transparency:reduce){.mobile-nav,:root[data-theme-id=ios-glass] .mobile-nav{background:var(--bg);-webkit-backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.mobile-nav a,:root[data-theme-id=ios-glass] .mobile-nav a{transition:none}}@media (max-width:1023px){.mobile-nav a[href="/transactions/new"] .mobile-menu-icon{color:var(--secondary);background:0 0}.mobile-nav a[href="/transactions/new"][aria-current=page] .mobile-menu-icon{color:var(--accent)}}.paylater-page-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;display:grid}.paylater-page-header>.muted{grid-column:1/-1;margin:0}.paylater-account-bar{z-index:30;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:relative}.paylater-home{flex-shrink:0;width:46px;min-height:46px;padding:0}.paylater-account-bar .mobile-profile-menu{min-width:0}.paylater-account-bar summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (max-width:600px){.paylater-page-header{gap:8px}.paylater-account-bar .mobile-profile-name{max-width:90px}}@media (max-width:359px){.paylater-account-bar .mobile-profile-name{max-width:62px}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}