@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms); --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms); animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms); animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms); --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility blur-in{--tw-enter-blur: 20px;}@utility blur-in-*{--tw-enter-blur: calc(--value(number)*1px); --tw-enter-blur: --value(--blur-*,[*]);}@utility blur-out{--tw-exit-blur: 20px;}@utility blur-out-*{--tw-exit-blur: calc(--value(number)*1px); --tw-exit-blur: --value(--blur-*,[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)/100); --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)/100); --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%); --tw-enter-scale: calc(--value(ratio)); --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%); --tw-enter-scale: calc(--value(ratio)*-1); --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%); --tw-exit-scale: calc(--value(ratio)); --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%); --tw-exit-scale: calc(--value(ratio)*-1); --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg); --tw-enter-rotate: calc(--value(ratio)*360deg); --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg); --tw-enter-rotate: calc(--value(ratio)*-360deg); --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg); --tw-exit-rotate: calc(--value(ratio)*360deg); --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg); --tw-exit-rotate: calc(--value(ratio)*-360deg); --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-y: calc(--value(ratio)*-100%); --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-y: calc(--value(ratio)*100%); --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-y: calc(--value(ratio)*-100%); --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-y: calc(--value(ratio)*100%); --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }}@theme inline{@keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height,var(--accordion-panel-height,auto)); } } @keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--accordion-panel-height,auto)); } to { height: 0; } }}@custom-variant data-open{&:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) { @slot; }}@custom-variant data-closed{&:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) { @slot; }}@custom-variant data-checked{&:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) { @slot; }}@custom-variant data-unchecked{&:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) { @slot; }}@custom-variant data-selected{&:where([data-selected="true"]) { @slot; }}@custom-variant data-disabled{&:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) { @slot; }}@custom-variant data-active{&:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { @slot; }}@custom-variant data-horizontal{&:where([data-orientation="horizontal"]) { @slot; }}@custom-variant data-vertical{&:where([data-orientation="vertical"]) { @slot; }}@utility no-scrollbar{-ms-overflow-style: none; scrollbar-width: none; &::-webkit-scrollbar { display: none; }}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Google Sans,Inter,Roboto,-apple-system,Arial,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}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,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.theme{--font-heading:var(--font-sans);--font-sans:"Geist Variable", sans-serif}:root{--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--radius:.625rem;--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}*{border-color:var(--border)}body{background-color:var(--background);color:var(--foreground)}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mb-3{margin-bottom:.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.gap-4{gap:1rem}.border{border-width:1px}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.shadow{--tw-shadow:var(--shadow);--tw-shadow-colored:var(--shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);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)}.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--bg:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--surface-3:#e8edf5;--text:#0f172a;--text-dim:#475569;--text-faint:#94a3b8;--border:#e2e8f0;--border-strong:#cbd5e1;--accent:#1e40af;--accent-press:#1e3a8a;--accent-soft:#eff6ff;--accent-light:#3b82f6;--income:#059669;--income-soft:#ecfdf5;--expense:#dc2626;--expense-soft:#fef2f2;--alert:#d97706;--alert-soft:#fffbeb;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow:0 4px 12px #0f172a14, 0 2px 4px #0f172a0a;--shadow-lg:0 16px 40px #0f172a1f, 0 4px 12px #0f172a0f;--shadow-card:0 1px 3px #0f172a14, 0 0 0 1px #0f172a0a;--nav-bg:#ffffffeb;--scheme:light;--ease-spring:cubic-bezier(.16,1,.3,1);--ease-out:cubic-bezier(.2,0,0,1);--ease-in:cubic-bezier(.4,0,1,1);--dur-quick:.12s;--dur-std:.25s;--dur-slow:.4s;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px}.dark{--bg:#0f172a;--surface:#1e293b;--surface-2:#192134;--surface-3:#243048;--text:#f1f5f9;--text-dim:#94a3b8;--text-faint:#64748b;--border:#ffffff14;--border-strong:#ffffff24;--accent:#3b82f6;--accent-press:#2563eb;--accent-soft:#3b82f626;--accent-light:#60a5fa;--income:#10b981;--income-soft:#10b98121;--expense:#f87171;--expense-soft:#f8717121;--alert:#fbbf24;--alert-soft:#fbbf2421;--shadow-sm:0 1px 3px #00000059;--shadow:0 4px 16px #00000073, 0 2px 6px #0000004d;--shadow-lg:0 20px 48px #0009, 0 8px 16px #0006;--shadow-card:0 1px 3px #0006, 0 0 0 1px #ffffff0f;--nav-bg:#0f172aeb;--scheme:dark}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);overscroll-behavior:none;font-family:IBM Plex Sans,Inter,-apple-system,Arial,sans-serif;font-size:14px;transition:background .25s,color .25s}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}[style*=tabular-nums]{font-family:IBM Plex Mono,monospace}.app-wrap{background:var(--bg);max-width:460px;min-height:100dvh;margin:0 auto;padding-bottom:88px;position:relative}.view-enter{animation:fadeSlideUp .35s var(--ease-spring)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.bottom-nav{width:100%;max-width:460px;padding:0 16px calc(16px + env(safe-area-inset-bottom,0px));pointer-events:none;z-index:100;justify-content:center;align-items:flex-end;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-group{background:var(--nav-bg);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow-lg);pointer-events:all;border-radius:999px;align-items:center;gap:2px;padding:5px;display:flex}.nav-item{color:var(--text-faint);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:9px 12px;font-family:inherit;font-size:11px;font-weight:700;transition:background .18s,color .18s;display:flex}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-item:active{transform:scale(.93)}.fab-container{pointer-events:all;position:relative}.fab-overlay{z-index:98;position:fixed;inset:0}.fab-menu{pointer-events:all;z-index:99;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:58px;right:0}.fab-sub{background:var(--surface);border:1px solid var(--border);width:44px;height:44px;color:var(--text);cursor:pointer;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-family:inherit;animation:.2s cubic-bezier(.22,1,.36,1) backwards fabSubIn;display:flex;position:relative}.fab-sub:first-child{animation-delay:50ms}.fab-sub:nth-child(2){animation-delay:20ms}.fab-sub:nth-child(3){animation-delay:0s}.fab-sub:active{transform:scale(.9)}@keyframes fabSubIn{0%{opacity:0;transform:scale(.7)translateY(10px)}to{opacity:1;transform:none}}.fab-sub-label{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);white-space:nowrap;border:1px solid var(--border);pointer-events:none;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;right:52px}.fab{background:linear-gradient(135deg, var(--accent), var(--accent-press));color:#fff;cursor:pointer;z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-family:inherit;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 18px #1e40af73}.fab.open{transform:rotate(45deg)}.fab:active{transform:scale(.9)rotate(45deg)}.fab:not(.open):active{transform:scale(.9)}.topbar{justify-content:space-between;align-items:center;padding:18px 18px 10px;display:flex}.greet-name{letter-spacing:-.3px;font-size:20px;font-weight:800}.greet-sub{color:var(--text-dim);margin-top:2px;font-size:11px;font-weight:500;display:block}.top-actions{gap:8px;display:flex}.ico-btn{background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:14px;justify-content:center;align-items:center;font-family:inherit;transition:transform .14s,box-shadow .18s;display:flex}.ico-btn:hover{box-shadow:var(--shadow)}.ico-btn:active{transform:scale(.93)}.balance-card{color:#fff;background:linear-gradient(145deg,#2563eb 0%,#1e40af 45%,#1e3a8a 100%);border-radius:24px;padding:22px;position:relative;overflow:hidden;box-shadow:0 12px 40px #1e40af59,0 4px 12px #1e40af33}.balance-card.negative{background:linear-gradient(145deg,#475569 0%,#334155 45%,#1e293b 100%)}.balance-card:after{content:"";background:radial-gradient(circle,#ffffff29,#0000 70%);border-radius:50%;width:190px;height:190px;position:absolute;top:-80px;right:-50px}.balance-card:before{content:"";background:radial-gradient(circle,#ffffff14,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;bottom:-60px;left:-40px}.bc-label{opacity:.85;z-index:1;align-items:center;gap:6px;font-size:12px;display:flex;position:relative}.bc-amount{letter-spacing:-.8px;font-variant-numeric:tabular-nums;z-index:1;margin:7px 0 16px;font-size:34px;font-weight:800;position:relative}.bc-split{z-index:1;gap:10px;display:flex;position:relative}.bc-mini{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff21;border:1px solid #ffffff17;border-radius:16px;flex:1;padding:11px 13px}.bc-mini .m-label{opacity:.85;align-items:center;gap:4px;font-size:10px;display:flex}.bc-mini .m-val{font-variant-numeric:tabular-nums;margin-top:4px;font-size:15px;font-weight:700}.trend-badge{border-radius:7px;align-items:center;gap:3px;width:fit-content;margin-top:6px;padding:3px 7px;font-size:9px;font-weight:700;display:inline-flex}.trend-good{color:#fff;background:#ffffff38}.trend-bad{color:#ffd9cf;background:#0003}.section-head{justify-content:space-between;align-items:center;margin:20px 2px 12px;display:flex}.section-title{letter-spacing:-.2px;align-items:center;gap:7px;font-size:15px;font-weight:700;display:flex}.section-link{color:var(--accent);cursor:pointer;font-size:12px;font-weight:600}.period-bar{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;margin:14px 0;padding:9px 11px}.period-row{align-items:center;gap:8px;display:flex}.pnav{background:var(--surface-2);width:36px;height:36px;color:var(--text);cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;font-family:inherit;transition:transform .12s,background .18s;display:flex}.pnav:hover{background:var(--accent-soft);color:var(--accent)}.pnav:active{transform:scale(.92)}.pnav:disabled{opacity:.35;pointer-events:none}.period-label{text-align:center;flex:1;font-size:13px;font-weight:700}.quick-menu{gap:10px;display:flex}.qm-item{background:var(--surface);text-align:center;cursor:pointer;box-shadow:var(--shadow-sm);color:var(--text);border:none;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:15px 6px;font-family:inherit;transition:transform .16s,box-shadow .18s;display:flex}.qm-item:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.qm-item:active{transform:scale(.95)}.qm-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 8px;display:flex}.qm-label{font-size:11px;font-weight:600}.insight-card{background:linear-gradient(135deg, var(--accent-soft), transparent);border:1px solid var(--border);border-radius:16px;align-items:flex-start;gap:11px;margin:0 0 14px;padding:13px 15px;display:flex}.insight-icon{color:var(--accent);background:var(--surface);width:34px;height:34px;box-shadow:var(--shadow-sm);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.insight-text{color:var(--text);padding-top:2px;font-size:12px;line-height:1.55}.date-group{color:var(--text-dim);justify-content:space-between;margin:16px 2px 8px;font-size:12px;font-weight:700;display:flex}.tx-item{background:var(--surface);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;width:100%;color:var(--text);border:none;border-radius:16px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;font-family:inherit;transition:transform .14s,box-shadow .18s;display:flex}.tx-item:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.tx-item:active{transform:scale(.985)}.tx-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.tx-body{flex:1;min-width:0}.tx-desc{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.tx-meta{color:var(--text-faint);margin-top:2px;font-size:11px}.tx-tag{background:var(--accent-soft);color:var(--accent);border-radius:6px;margin-left:4px;padding:1px 6px;font-size:9px;font-weight:700;display:inline-block}.tx-amt{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14.5px;font-weight:700}.form-label{color:var(--text-dim);margin-top:14px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input{border:1.5px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);font:inherit;border-radius:12px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .18s}.form-input:focus{border-color:var(--accent)}.form-select{border:1.5px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);font:inherit;cursor:pointer;appearance:none;border-radius:12px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .18s}.form-select:focus{border-color:var(--accent)}.seg{background:var(--surface-2);border-radius:14px;gap:4px;margin-bottom:14px;padding:5px;display:flex}.seg button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px;font-family:inherit;font-size:13px;font-weight:600;transition:background .18s,color .18s}.seg button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.seg button.active-exp{background:var(--surface);color:var(--expense);box-shadow:var(--shadow-sm)}.seg button.active-inc{background:var(--surface);color:var(--income);box-shadow:var(--shadow-sm)}.btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:13px 16px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .18s,transform .14s;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{opacity:.9}.btn-soft{background:var(--surface-2);color:var(--text);border:1.5px solid var(--border)}.btn-soft:hover{border-color:var(--accent-press);color:var(--accent)}.btn-danger{background:var(--alert-soft);color:var(--alert)}.btn-icon{border-radius:12px;padding:10px}.shortcut-scroll{scrollbar-width:none;gap:8px;margin-bottom:12px;padding-bottom:4px;display:flex;overflow-x:auto}.shortcut-scroll::-webkit-scrollbar{display:none}.sc-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;white-space:nowrap;color:var(--text);box-shadow:var(--shadow-sm);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:9px 15px;font-family:inherit;font-size:12px;font-weight:600;transition:transform .1s,border-color .2s,color .2s;display:inline-flex}.sc-btn:active{transform:scale(.95)}.sc-btn:hover{border-color:var(--accent);color:var(--accent)}.stat-pair{gap:12px;margin-bottom:12px;display:flex}.stat-box{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:18px;flex:1;padding:16px;position:relative;overflow:hidden}.stat-box .sb-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);font-size:11px;font-weight:600}.stat-box .sb-val{font-variant-numeric:tabular-nums;margin-top:7px;font-size:20px;font-weight:800}.stat-box.inc .sb-val{color:var(--income)}.stat-box.exp .sb-val{color:var(--expense)}.stat-box .sb-sub{color:var(--text-faint);margin-top:4px;font-size:10px}.budget-item{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;margin-bottom:10px;padding:14px}.budget-cat{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.budget-bar{background:var(--surface-2);border-radius:4px;height:7px;margin-bottom:6px;overflow:hidden}.budget-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .5s}.budget-fill.danger{background:var(--expense)}.budget-fill.warn{background:#f0b429}.budget-nums{color:var(--text-faint);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex}.screen-title{letter-spacing:-.4px;padding:16px 2px 12px;font-size:22px;font-weight:800}.li{background:var(--surface);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;width:100%;color:var(--text);border:none;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px;font-family:inherit;transition:box-shadow .18s;display:flex}.li:hover{box-shadow:var(--shadow)}.li-ico{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.li-body{flex:1;margin-left:12px}.li-title{font-size:13px;font-weight:700}.li-sub{color:var(--text-faint);margin-top:2px;font-size:11px}.modal-bg{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;justify-content:center;align-items:flex-end;animation:.2s fadeBg;display:flex;position:fixed;inset:0}@keyframes fadeBg{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal{background:var(--surface);border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:460px;max-height:92dvh;padding:0;animation:.26s cubic-bezier(.22,1,.36,1) slideUp;display:flex;overflow:hidden}.modal:before{content:"";background:var(--border-strong);border-radius:3px;flex-shrink:0;width:40px;height:5px;margin:10px auto 0;display:block}.modal-header{z-index:1;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px 14px;display:flex;position:sticky;top:0}.modal-title{font-size:17px;font-weight:800}.modal-close{background:var(--surface-2);width:42px;height:42px;color:var(--text);cursor:pointer;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.modal-body{-webkit-overflow-scrolling:touch;flex:1;gap:16px;padding:16px 20px;display:grid;overflow-y:auto}.modal-footer{padding:14px 20px calc(20px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;margin-top:0}@media (width<=480px){.modal{border-radius:20px 20px 0 0;max-height:94dvh}.modal-header{padding:10px 16px 12px}.modal-body{padding:14px 16px}.modal-footer{padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px))}}.icon-only{border:1px solid var(--border);background:var(--surface-2);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.modal h3{align-items:center;gap:8px;margin-bottom:14px;font-size:17px;font-weight:800;display:flex}.modal-actions{gap:8px;margin-top:18px;display:flex}.skel{background:linear-gradient(90deg, var(--surface-2) 25%, var(--border) 50%, var(--surface-2) 75%);background-size:200% 100%;border-radius:12px;animation:1.3s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge.ok{background:var(--accent-soft);color:var(--accent)}.badge.err{background:var(--alert-soft);color:var(--alert)}.toast-wrap{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.toast{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);color:var(--text);pointer-events:all;text-align:center;border-radius:14px;max-width:340px;padding:12px 18px;font-size:13px;font-weight:600;animation:.25s toastIn}.toast.ok{border-color:var(--income);color:var(--income)}.toast.err{border-color:var(--expense);color:var(--expense)}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)scale(.96)}to{opacity:1;transform:none}}.drop-zone{border:2px dashed var(--border-strong);text-align:center;cursor:pointer;color:var(--text-dim);border-radius:16px;padding:28px 16px;transition:border-color .2s,background .2s;position:relative}.drop-zone:hover{border-color:var(--accent);background:var(--accent-soft)}.drop-zone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.fire-range{-webkit-appearance:none;background:var(--surface-2);border-radius:3px;outline:none;width:100%;height:5px;margin:6px 0 14px}.fire-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #1e40af66}.search-bar{background:var(--surface);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;display:flex}.search-bar input{color:var(--text);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:14px}.hint{color:var(--text-faint);font-size:11px;line-height:1.55}.magic-card{position:relative;overflow:hidden}.magic-card:before{content:"";top:calc(var(--mouse-y,50%) - var(--spotlight-size,200px) / 2);left:calc(var(--mouse-x,50%) - var(--spotlight-size,200px) / 2);width:var(--spotlight-size,200px);height:var(--spotlight-size,200px);background:radial-gradient(circle, var(--spotlight-color,#3b82f62e), transparent 70%);opacity:var(--spotlight-opacity,0);pointer-events:none;z-index:0;border-radius:50%;transition:opacity .25s;position:absolute}.magic-card>*{z-index:1;position:relative}.shimmer-btn{color:#fff;cursor:pointer;background:var(--shimmer-bg,linear-gradient(135deg, var(--accent), var(--accent-press)));transition:transform var(--dur-quick) var(--ease-spring), opacity var(--dur-std) ease;isolation:isolate;border:none;border-radius:14px;justify-content:center;align-items:center;padding:13px 16px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.shimmer-btn:active{transform:scale(.96)}.shimmer-btn:disabled{cursor:default}.shimmer-btn-highlight{background:linear-gradient(105deg, transparent 30%, var(--shimmer-color,#fff6) 50%, transparent 70%);pointer-events:none;z-index:0;background-size:200% 100%;animation:2.4s linear infinite shimmerMove;position:absolute;inset:0}.shimmer-btn:disabled .shimmer-btn-highlight{display:none}.shimmer-btn-content{z-index:1;align-items:center;gap:8px;display:flex;position:relative}@keyframes shimmerMove{0%{background-position:200%}to{background-position:-200%}}.animated-border-wrap{border-radius:inherit;position:relative}.animated-border-wrap:before{content:"";border-radius:inherit;background:conic-gradient(from 0deg, transparent 0deg, var(--border-color,var(--accent)) 60deg, transparent 120deg);animation:borderRotate var(--border-duration,3s) linear infinite;z-index:-1;position:absolute;inset:-2px}.animated-border-inner{background:var(--surface);border-radius:inherit;z-index:0;position:relative}@keyframes borderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideup{0%{transform:translateY(100%)}to{transform:none}}.finlogo-svg-wrap{align-items:center;display:inline-flex}.finlogo-svg-wrap svg{width:auto;height:100%;display:block}.finlogo-svg-wrap--contain{justify-content:center}.finlogo-svg-wrap--contain svg{width:auto;max-width:100%;height:auto;max-height:100%}