/*! tailwindcss v4.1.18 | 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)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,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;--color-gray-100:#f3f4f6;--color-gray-400:#99a1af;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-bold:700;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-gray-100:lab(96.1596% -.082314 -1.13575);--color-gray-400:lab(65.9269% -.832707 -8.17474)}}}@layer base{*,:after,:before,::backdrop{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}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{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{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-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{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-\[25\%\]{top:25%}.left-\[45px\]{left:45px}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-\[12px\]{margin-top:12px}.mt-\[13px\]{margin-top:13px}.mt-\[16px\]{margin-top:16px}.mt-\[20px\]{margin-top:20px}.mt-\[24px\]{margin-top:24px}.mt-\[30px\]{margin-top:30px}.mt-\[32px\]{margin-top:32px}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-\[12px\]{margin-bottom:12px}.mb-\[20px\]{margin-bottom:20px}.ml-\[12px\]{margin-left:12px}.ml-\[16px\]{margin-left:16px}.flex{display:flex}.grid{display:grid}.h-4{height:calc(var(--spacing)*4)}.h-\[16px\]{height:16px}.h-\[18px\]{height:18px}.h-\[24px\]{height:24px}.h-\[32px\]{height:32px}.h-\[40px\]{height:40px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-\[2px\]{width:2px}.w-\[16px\]{width:16px}.w-\[32px\]{width:32px}.w-\[40px\]{width:40px}.w-\[43\]{width:43px}.w-\[100px\]{width:100px}.w-\[120px\]{width:120px}.w-\[200px\]{width:200px}.w-\[319px\]{width:319px}.w-\[428px\]{width:428px}.w-full{width:100%}.shrink-0{flex-shrink:0}.grow-0{flex-grow:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.content-center{align-content:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.justify-items-end{justify-items:end}.gap-\[4px\]{gap:4px}.gap-\[8px\]{gap:8px}.gap-\[10px\]{gap:10px}.gap-\[12px\]{gap:12px}.gap-\[16px\]{gap:16px}.gap-\[20px\]{gap:20px}.gap-\[32px\]{gap:32px}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border-b-1{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bg-\[\#82C9D7\]{background-color:#82c9d7}.bg-\[\#201F24\]{background-color:#201f24}.bg-\[\#277C78\]{background-color:#277c78}.bg-\[\#626070\]{background-color:#626070}.bg-\[\#F2CDAC\]{background-color:#f2cdac}.bg-\[\#F8F4F0\]{background-color:#f8f4f0}.bg-\[\#FFFFFF\],.bg-\[white\]{background-color:#fff}.bg-gray-100{background-color:var(--color-gray-100)}.bg-white{background-color:var(--color-white)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-\[10px\]{padding:10px}.p-\[16px\]{padding:16px}.p-\[20px\]{padding:20px}.p-\[24px\]{padding:24px}.p-\[32px\]{padding:32px}.p-\[40px\]{padding:40px}.px-6{padding-inline:calc(var(--spacing)*6)}.py-2{padding-block:calc(var(--spacing)*2)}.py-20{padding-block:calc(var(--spacing)*20)}.pt-\[4px\]{padding-top:4px}.pt-\[12px\]{padding-top:12px}.pt-\[20px\]{padding-top:20px}.pr-\[16px\]{padding-right:16px}.pr-\[20px\]{padding-right:20px}.pb-\[4px\]{padding-bottom:4px}.pb-\[12px\]{padding-bottom:12px}.pb-\[20px\]{padding-bottom:20px}.pl-\[16px\]{padding-left:16px}.pl-\[20px\]{padding-left:20px}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.font-sans{font-family:var(--font-sans)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[20px\]{font-size:20px}.text-\[32px\]{font-size:32px}.font-\[400\]{--tw-font-weight:400;font-weight:400}.font-\[400px\]{--tw-font-weight:400px;font-weight:400px}.font-\[700\]{--tw-font-weight:700;font-weight:700}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.whitespace-nowrap{white-space:nowrap}.text-\[\#201F24\]{color:#201f24}.text-\[\#277C78\]{color:#277c78}.text-\[\#696868\]{color:#696868}.text-\[\#B3B3B3\]{color:#b3b3b3}.text-\[\#C94736\]{color:#c94736}.text-\[\#FFFFFF\]{color:#fff}.text-\[bold\]{color:bold}.text-\[red\]{color:red}.text-\[white\]{color:#fff}.text-gray-400{color:var(--color-gray-400)}.text-white{color:var(--color-white)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:text-black:hover{color:var(--color-black)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\:w-\[303px\]{width:303px}.sm\:w-full{width:100%}.sm\:flex-col{flex-direction:column}.sm\:flex-wrap{flex-wrap:wrap}.sm\:gap-\[20px\]{gap:20px}}@media (min-width:48rem){.md\:flex{display:flex}.md\:flex-col{flex-direction:column}.md\:justify-between{justify-content:space-between}.md\:gap-\[10px\]{gap:10px}.md\:gap-\[20px\]{gap:20px}.md\:gap-\[24px\]{gap:24px}.md\:p-\[20px\]{padding:20px}.md\:text-\[12px\]{font-size:12px}}@media (min-width:64rem){.lg\:fixed{position:fixed}.lg\:top-0{top:calc(var(--spacing)*0)}.lg\:left-0{left:calc(var(--spacing)*0)}.lg\:z-50{z-index:50}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:h-full{height:100%}.lg\:min-h-screen{min-height:100vh}.lg\:w-\[250px\]{width:250px}.lg\:w-full{width:100%}.lg\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.lg\:grid-cols-\[300px_1fr\]{grid-template-columns:300px 1fr}.lg\:flex-col{flex-direction:column}.lg\:justify-between{justify-content:space-between}.lg\:gap-\[10px\]{gap:10px}.lg\:gap-\[20px\]{gap:20px}.lg\:gap-\[24px\]{gap:24px}.lg\:p-1{padding:calc(var(--spacing)*1)}.lg\:p-\[20px\]{padding:20px}.lg\:p-\[32px\]{padding:32px}.lg\:text-\[16px\]{font-size:16px}}}.layoutDisplay{grid-template-rows:250px 1fr;grid-template-columns:250px 1fr;display:grid}.heading{padding-top:32px;padding-left:40px;padding-right:40px}.heading>div>h1{padding-top:8px;padding-bottom:10px;font-size:32px;font-weight:700}.box-par{flex-wrap:nowrap;justify-content:space-around;align-items:center;gap:10px;display:flex;overflow:hidden}.boxCur{font-weight:400px;font-size:14px;font-style:normal}.boxCurFra{font-size:32px;font-style:normal;font-weight:700}.box{border-radius:20px;flex-shrink:1;flex-basis:330px;min-width:0;height:auto;min-height:1064px}.leftBox{background-color:#fff;flex-shrink:1;flex-basis:608px;min-width:0;height:auto;min-height:218px;padding:32px}.parRightBorder{justify-content:space-between;display:flex}.rightBox{background-color:#fff;flex-shrink:1;flex-basis:428px;min-width:0;height:auto;min-height:410px}.rightBoxTwo{background-color:#fff;flex-shrink:1;flex-basis:428px;min-width:0;height:auto;min-height:327px}.parDollerBox{justify-items:center;gap:20px;height:35px;display:flex}.dollarBoxTwo{height:auto;min-height:102px;min-width:none;flex-shrink:1;flex-basis:277px;gap:16px}.reqQ{height:40px;min-height:40px;min-width:none;flex-shrink:1;flex-basis:40px}.totSave{height:auto;min-height:70px;min-width:none;flex-direction:column;flex-shrink:1;flex-basis:86px;margin:0;padding:0;display:flex}.dollarBoxTwoChild{width:130.5px;height:43px}.savingFin{width:4px;height:43px}.savingFine{width:4px;height:21px}.line{border:1px solid #f2f2f2}.chart{background-color:#fff;width:240px;height:240px}.shape-one{opacity:.2;background-color:#fff;border:5px solid #fff;border-radius:50%;width:187.5px;height:187.5px;top:26px;left:29.5px}.shape-two{opacity:1;background-color:#fff;border:5px solid #fff;border-radius:50%;width:162px;height:162px;top:39px;left:42.5px}.pie{background:conic-gradient(#626070 0% 16%,#f2cdac 16% 40%,#82c9d7 40% 80%,#277c78 80% 100%);border-radius:50%;width:240px;height:240px;left:3.5px}.rightBoxBorder{background-color:#f8f4f0;border-left:4px solid #277c78;border-radius:8px;width:364px;height:61px}.rightBoxBorder:nth-child(2){border-left:4px solid #f2cdac}.rightBoxBorder:nth-child(3){border-left:4px solid #82c9d7}@media (min-width:1024px){.listBud{justify-content:space-between;gap:16px;display:flex}.listTrac{flex:544px;width:100%;max-height:399px;margin-top:32px;overflow:hidden}.imgListTrac{border-radius:50%;width:40px;height:40px}.layoutDisplay{grid-template-rows:250px 1fr;grid-template-columns:250px 1fr;display:grid}.heading{padding:32px 40px}.heading>div>h1{padding-top:8px;padding-bottom:10px;font-size:32px;font-weight:700}.box-par{flex-wrap:nowrap;justify-content:space-around;gap:10px;display:flex;overflow:hidden}.boxForSal{border-radius:20px;flex:330px;width:100%;min-width:0;max-height:119px}.boxCur{font-weight:400px;font-size:14px;font-style:normal}.boxCurFra{font-size:32px;font-style:normal;font-weight:700}.box{border-radius:20px;flex-shrink:1;flex-basis:330px;min-width:0;height:auto;min-height:1064px}.leftBox{background-color:#fff;flex-shrink:1;flex-basis:608px;min-width:0;height:auto;min-height:218px;padding:32px}.leftBoxTwo{background-color:#fff;flex-shrink:1;flex-basis:608px;min-width:0;height:519px;padding:32px;overflow:hidden}.pad{padding-top:9.5px;padding-bottom:9.5px;padding-left:16px}.parRightBorder{justify-content:space-between;display:flex}.rightBox{background-color:#fff;flex-shrink:1;flex-basis:428px;min-width:0;height:auto;min-height:410px}.rightBoxTwo{background-color:#fff;flex-shrink:1;flex-basis:428px;min-width:0;height:auto;min-height:327px}.parDollerBox{justify-items:center;gap:20px;height:35px;display:flex}.dollarBox{background-color:#f8f4f0;border-radius:20px;flex:247px;justify-content:start;align-items:center;width:100%;height:110px;display:flex}.dollarBoxTwo{height:auto;min-height:102px;min-width:none;flex-shrink:1;flex-basis:277px;justify-content:center;align-items:center;gap:16px}.reqQ{height:40px;min-height:40px;min-width:none;flex-shrink:1;flex-basis:40px}.totSave{height:auto;min-height:70px;min-width:none;flex-direction:column;flex-shrink:1;flex-basis:86px;margin:0;padding:0;display:flex}.dollarBoxTwoChild{width:130.5px;height:43px}.savingFin{width:4px;height:43px}.line{border:1px solid #f2f2f2}.chart{background-color:#fff;width:240px;height:240px}.shape-one{opacity:.2;background-color:#fff;border:5px solid #fff;border-radius:50%;width:187.5px;height:187.5px;top:26px;left:29.5px}.shape-two{opacity:1;background-color:#fff;border:5px solid #fff;border-radius:50%;width:162px;height:162px;top:39px;left:42.5px}.pie{background:conic-gradient(#626070 0% 16%,#f2cdac 16% 40%,#82c9d7 40% 80%,#277c78 80% 100%);border-radius:50%;width:240px;height:240px;left:3.5px}.rightBoxBorder{background-color:#f8f4f0;border-left:4px solid #277c78;border-radius:8px;width:100%;height:61px}.rightBoxBorder:nth-child(2){border-left:4px solid #f2cdac}.rightBoxBorder:nth-child(3){border-left:4px solid #82c9d7}}@media (min-width:768px) and (max-width:1023px){.listBud{justify-content:space-between;gap:16px;display:flex}.listTrac{flex:624px;width:100%;max-height:399px;margin-top:32px;overflow:hidden}.layoutDisplay{flex-direction:column;width:100%;display:flex}.slidebarOne{order:2;width:100%}.main{order:1}.phHidden{flex-direction:column;display:flex}.phHidd{display:none}.display{justify-content:end;justify-items:end;display:flex}.slideHeader{width:100%;height:100%;min-width:none}.phoSiz{width:100%;height:100%;min-width:none;flex-direction:row;justify-content:space-between;padding-top:8px;padding-left:40px;padding-right:40px;display:flex}.box-par{flex-direction:row;flex-basis:343px;justify-content:space-around;gap:10px;height:119px;display:flex}.leftBox{flex-basis:688px;height:218px;padding:32px}.dollarBox{background-color:#f8f4f0;border-radius:20px;flex:247px;justify-content:start;align-items:center;width:100%;height:110px;display:flex}.dollarBoxTwo{flex-basis:357px;width:100%;height:102px}.rightBox{flex-basis:688px;width:100%;height:410px;padding:32px}.parRightBorder{flex-basis:624px;justify-content:center;align-items:center;gap:30px;width:100%;height:302px;margin-top:20px;display:flex}.chart{justify-content:center;align-items:center;display:flex}.rightBoderChild{display:flex}.rightBoxTwo{flex-basis:428px;height:327px}.rightBoxBorder{background-color:#f8f4f0;border-left:4px solid #277c78;border-radius:8px;width:100%;height:61px}.imgListTrac{border-radius:50%;width:40px;height:40px}.gapses{flex-direction:column;gap:20px;display:flex}.leftBoxTwo{background-color:#fff;flex:688px;min-width:0;height:519px;padding:32px;overflow:hidden}.pad{padding-top:9.5px;padding-bottom:9.5px;padding-left:16px}.boxForSal{border-radius:20px;flex-shrink:1;flex-basis:330px;min-width:0;height:auto;max-height:119px}}@media (min-width:343px) and (max-width:764px){.listBud{display:flex}.heading{padding:24px 16px}.padd{padding:16px}.slideHeader{width:100%;height:100%;min-width:none}.layoutDisplay{flex-direction:column;flex:375px;display:flex}.slidebarOne{order:2;width:100%}.main{order:1}.display{justify-content:end;justify-items:end;display:flex}.phoSiz{width:100%;height:100%;min-width:none;flex-direction:row;justify-content:space-between;padding-top:8px;padding-left:16px;padding-right:16px;display:flex}.phoSizChaild{cursor:pointer;list-style:none}.phHidden{display:none}.phoheading{padding-top:24px;padding-left:16px;padding-right:16px}.box-par{flex-direction:column;flex:343px;justify-content:space-evenly;max-height:357px;display:flex}.gapses{flex-direction:column;gap:20px;display:flex}.boxForSal{border-radius:10px;flex:343px;width:100%;max-height:111px}.dollarBox{background-color:#f8f4f0;border-radius:20px;flex-basis:303px;justify-content:start;align-items:center;width:100%;max-height:110px;margin-bottom:20px;display:flex}.leftBox{background-color:#fff;flex:343px;width:100%;max-height:324px;padding-top:24px;padding-left:20px;padding-right:20px}.leftBoxTwo{background-color:#fff;flex-basis:343px;width:100%;max-height:503px;padding:24px 20px;overflow:hidden}.listTrac{flex:303px;width:100%;max-height:399px;margin-top:32px;overflow:hidden}.imgListTrac{border-radius:50%;width:32px;height:32px}.rightBox{background-color:#fff;flex-basis:343px;width:100%;height:466px;padding-top:24px;padding-left:20px;padding-right:20px}.parDollerBox{flex-direction:column;display:flex}.parRightBorder{flex-direction:column;flex-basis:303px;justify-content:center;align-items:center;width:100%;height:374px;margin-top:20px;display:flex}.rightBoderChild{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:16px;width:100%;margin-top:16px;display:grid}.rightBoxTwo{flex-basis:428px;height:327px}.rightBoxBorder{background-color:#f8f4f0;border-left:4px solid #277c78;border-radius:8px;width:100%;height:61px}.chart{flex-direction:column;justify-content:center;align-items:center;display:flex}.sumLay{padding:24px 16px;display:block}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.dropDwonBudget{color:#000;background-color:#fff;border-radius:8px;flex-direction:column;gap:20px;width:134px;height:91px;margin-top:18px;padding:12px 20px;transition:all .3s ease-in-out;display:flex;right:10px;box-shadow:0 4px 16px #00000080}.budAddBor{color:#fff;background-color:#000;border-radius:8px;gap:16px;width:155px;height:53px}.budAddBor:hover{color:#fff;background-color:#696868;gap:16px;width:155px;height:53px}.EntainBord{border-radius:50%;width:16px;height:16px}.barOne{border-radius:4px;width:162px;height:24px}.colorBoder{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex:496px;width:100%;max-height:298px;padding:8px 0;display:flex;overflow:hidden auto;box-shadow:0 4px 6px -1px #0000001a}.barTwo{background-color:#f8f4f0;border-radius:4px;width:624px;height:32px;padding:4px}.spent,.saved{gap:20px;width:264px;height:43px;display:flex}.spentBor{background-color:#277c78;border-radius:8px;width:4px;height:43px}.savedBor{background-color:#f8f4f0;border-radius:8px;width:4px;height:43px}.editBorder{background-color:#fff;flex-direction:column;max-width:560px;height:auto;min-height:512px;padding:32px;display:flex}.addBud{background-color:#fff;flex-direction:column;max-width:560px;height:auto;min-height:490px;padding:32px;display:flex}.withDraw{background-color:#fff;flex-direction:column;max-width:560px;height:auto;min-height:458px;padding:32px;display:flex}.editBorderInput{max-width:496px;height:255px;margin-top:20px}.borderInput{border:1px solid #000;border-radius:10px;width:100%;max-width:496px;height:45px;display:flex}.borderInputSaved{border:1px solid #000;border-radius:10px;width:100%;max-width:496px;height:53px;padding-top:16px;padding-bottom:16px;display:flex}.borderInputSaved:hover{opacity:.7}.borderDelete{background-color:#c94736;border:1px solid #fff;border-radius:8px;width:100%;max-width:496px;height:45px;padding-top:8px;padding-bottom:8px;display:flex}.borderDelete:hover{opacity:.7}.model_layers{z-index:100;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.model{border-radius:10px}.DeleteBorder{background-color:#fff;width:100%;max-width:560px;height:278px;padding:32px}@media (min-width:343px) and (max-width:764px){.hidImg{display:none}.budDisplay{width:100%;min-width:none;flex-direction:column;flex-shrink:1;flex-basis:375px;gap:20px;font:1em sans-serif;display:flex;overflow:hidden}.BudBorder{width:100%;min-width:none;background-color:#fff;flex:343px;justify-content:center;display:flex}.Entain{width:100%;height:486px;min-width:none;background-color:#fff;flex:343px;margin-bottom:20px;padding:32px}.lastSpend{width:100%;height:auto;min-height:246px;min-width:none;background-color:#f8f4f0;border-radius:12px;flex:303px;margin-top:20px;padding:20px}.barTwo{background-color:#f8f4f0;border-radius:4px;flex:303px;width:100%;height:32px;padding:4px}.barOne{border-radius:4px;flex-basis:303px;height:24px}}@media (min-width:765px) and (max-width:1024px){.sumLay{justify-content:space-between;align-items:center;display:flex}.budDisplay{width:100%;min-height:2480px;min-width:none;flex-direction:column;flex-shrink:1;flex-basis:688px;gap:20px;height:100%;font:1em sans-serif;display:flex;overflow:hidden}.BudBorder{width:100%;height:344px;min-width:none;background-color:#fff;flex-direction:row;flex:688px;justify-content:center;align-items:center;display:flex}.sumDisplay{flex:296px;width:100%;height:223px}.Entain{width:100%;height:510px;min-width:none;background-color:#fff;flex:688px;margin-bottom:20px;padding:32px}.barTwo{background-color:#f8f4f0;border-radius:4px;flex:624px;width:100%;height:32px;padding:4px}.barOne{border-radius:4px;flex:624px;height:24px}.spent{width:100%;min-width:none;flex:303px;gap:20px;height:43px;display:flex}.saved{width:100%;height:43px;min-width:none;flex:303px;gap:20px;display:flex}.lastSpend{width:100%;height:auto;max-height:254px;min-width:none;background-color:#f8f4f0;border-radius:12px;flex:624px;margin-top:20px;padding:20px}}@media (min-width:1024px){.sumLay{width:100%;height:auto;min-height:599px;min-width:none;background-color:#fff;flex:428px}.budDisplay{width:100%;min-height:2112px;min-width:none;flex-wrap:nowrap;flex-basis:1060px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:20px;display:grid}.BudBorder{width:364px;max-height:280px;min-width:none;flex-flow:column;justify-content:center;align-items:center;display:flex}.Entain{width:100%;height:auto;min-height:510px;min-width:none;background-color:#fff;flex:608px;margin-bottom:20px;padding:32px}.barTwo{background-color:#f8f4f0;border-radius:4px;flex:544px;width:100%;height:32px;padding:4px}.barOne{border-radius:4px;flex:544px;height:24px}.spent{width:100%;min-width:none;flex:264px;gap:20px;height:43px;display:flex}.saved{width:100%;height:43px;min-width:none;flex:264px;gap:20px;display:flex}.lastSpend{width:100%;height:254px;min-width:none;background-color:#f8f4f0;border-radius:12px;flex:544px;margin-top:20px;padding:20px}}.potLayout{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:24px;display:grid}.secondSec{background-color:#fff;width:518px;height:303px;padding:24px}.barOne{background-color:#f8f4f0;border-radius:4px;width:470px;height:8px}.barTwo{border-radius:4px;height:4px}.potButton{background-color:#f8f4f0;border-radius:8px;width:227px;height:53px;padding:16px}.potButton:hover{background-color:#fff;border:2px solid #f8f4f0;transition:all .3s ease-in-out}@media (min-width:343px) and (max-width:764px){.potLayout{flex-direction:column;gap:24px;width:100%;height:100%;display:flex;overflow:hidden}.secondSec{background-color:#fff;flex-shrink:1;flex-basis:1px;width:100%;height:auto;max-height:317px;padding:24px}.barOne{background-color:#f8f4f0;border-radius:4px;flex:303px;width:100%;height:8px}.barTwo{border-radius:4px;flex:303px;height:4px}.potButton{background-color:#f8f4f0;border-radius:8px;flex:143.5px;width:100%;height:53px;padding:16px;font-size:14px;font-weight:700}}@media (min-width:768px) and (max-width:1023px){.potLayout{flex-direction:column;gap:24px;width:100%;height:100%;display:flex;overflow:hidden}.secondSec{background-color:#fff;flex-shrink:1;flex-basis:1px;width:100%;height:auto;max-height:317px;padding:24px}.barOne{background-color:#f8f4f0;border-radius:4px;flex:470px;width:100%;height:8px}.barTwo{border-radius:4px;flex:470px;height:4px}.potButton{background-color:#f8f4f0;border-radius:8px;flex:312px;width:100%;max-height:53px;padding:16px;font-size:14px;font-weight:700}}@media (min-width:1024px){.potLayout{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:24px;display:grid;overflow:hidden}.secondSec{background-color:#fff;flex-shrink:1;flex-basis:1px;width:100%;height:auto;min-height:481px;padding:24px}.barOne{background-color:#f8f4f0;border-radius:4px;flex:470px;width:100%;height:8px}.barTwo{border-radius:4px;flex:470px;height:4px}.potButton{background-color:#f8f4f0;border-radius:8px;flex:277px;width:100%;max-height:53px;padding:16px;font-size:14px;font-weight:700}}.secondeHeaderB{background-color:#fff;border-radius:12px;width:699px;height:742px;padding:32px}.reInputBorder{border:1px solid;border-radius:8px;justify-content:space-between;width:320px;height:45px;padding:12px 16px 12px 20px;display:flex}.bord{border:1px solid;border:0px 0px 0px 1px;margin-top:16px}@media (min-width:1024px){.tranGap{justify-content:space-between;display:flex}.recLayout{min-width:none;gap:24px;display:flex}.RecBorder{width:100%;max-width:337px;height:190px;min-width:none;background-color:#201f24;border-radius:12px;flex-direction:column;flex-grow:1;flex-shrink:1;gap:20px;padding:24px;display:flex}.RecBorderB{width:100%;height:204px;min-width:none;background-color:#fff;border-radius:12px;flex:337px;margin-top:20px;padding:20px}.recDisplay{flex-direction:row;gap:16px;display:flex}.secondeHeaderB{background-color:#fff;border-radius:12px;flex:699px;width:100%;height:auto;padding:32px}.recLgHidden{display:none}.padRec{padding:40px 32px}}@media (min-width:768px) and (max-width:1023px){.tranGap{justify-content:space-between;display:flex}.recLayout{flex-direction:column;gap:24px;display:flex;overflow:hidden}.recMdHidden{display:none}.RecBorder{background-color:#201f24;border-radius:12px;flex-direction:column;flex:322px;gap:20px;width:100%;max-height:204px;padding:24px;display:flex}.RecBorderB{background-color:#fff;border-radius:12px;flex:322px;gap:10px;width:100%;height:auto;padding:20px}.recDisplay{flex-direction:row;gap:16px;display:flex}.secondeHeaderB{background-color:#fff;border-radius:12px;flex:343px;width:100%;height:auto;max-height:826px;padding:32px}.padRec{padding:40px 32px}}@media (min-width:343px) and (max-width:764px){.tranGap{justify-content:space-between;gap:10px;display:flex}.padRec{padding:24px 16px}.recLayout{flex-direction:column;gap:24px;display:flex;overflow:hidden}.recHidden{display:none}.recDisplay{flex-direction:column;gap:16px;display:flex}.RecBorder{background-color:#201f24;border-radius:12px;flex:343px;gap:20px;width:100%;height:118px;padding:24px;display:flex}.RecBorderB{background-color:#fff;border-radius:12px;flex:343px;width:100%;height:auto;max-height:204px;margin-top:20px;padding:20px}.secondeHeaderB{background-color:#fff;border-radius:12px;flex:343px;width:100%;height:auto;padding:32px}.reInputBorder{border:1px solid;border-radius:8px;flex:259px;width:100%;height:45px;padding:12px 16px 12px 20px;display:flex}.bord{border:1px solid;border:0px 0px 0px 1px;width:100%;margin-top:16px}}body{font-family:Public Sans,sans-serif!important}button{cursor:pointer}.nav:hover .icon,.nav:hover aside{color:#f2f2f2;transition:all .5s ease-in-out}.sortBorder{border:1px solid #f2f2f2;width:100%;max-width:74px;height:1px;margin-top:12px;margin-bottom:12px;position:relative}.filterBorder{border:1px solid #f2f2f2;width:100%;max-width:137px;height:1px;margin-top:12px;margin-bottom:12px;position:relative}.inputBord{flex-shrink:1;flex-basis:996px;min-width:0;height:45px}.listBord{flex-shrink:1;flex-basis:996px;min-width:0;height:42px}.listBordTwo{flex-shrink:1;flex-basis:996px;min-width:0;height:696px}.buttonbord{flex-shrink:1;flex-basis:996px;min-width:0;height:64px}.seeAll:hover{color:#201f24;transition:all .5s ease-in-out;transform:scale(1.1)}.seeAll{color:#696868;transition:all .5s ease-in-out}input::placeholder{color:#98908b;transition:.3 ease-in-out}input:hover::placeholder{color:#201f24;transition:all .3s ease-in-out;transform:translateY(-30px)}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.prevBorder{border:1px solid;border-radius:10px;width:93px;height:40px;padding-top:9.5px;padding-bottom:9.5px;padding-left:9.5px;font-size:14px;font-style:normal;font-weight:400}.pageBorder{color:#000;background-color:#f5f5f5;border:1px solid #000;border-radius:8px;width:40px;height:40px}.pageBorder:hover,.prevBorder:hover{box-shadow:#00000080;color:#f2f2f2;background-color:#98908b;outline:none;transition:all .5s ease-in-out;transform:scale(1.1)}@media (min-width:1024px){.dropDwon{text-align:justify;color:#000;background-color:#fff;border-radius:8px;margin-top:40px;padding:12px 20px;transition:all .3s ease-in-out;display:block;box-shadow:0 4px 16px #00000080}.slidebar{flex-direction:row;align-items:center;gap:16px;margin-top:4px;padding:16px 32px;display:flex}.parSection{padding-top:32px;padding-left:40px;padding-right:40px;overflow:hidden}.tracHeading{padding-top:9px;padding-bottom:9px;font-size:32px;font-weight:700}.chilBack{flex-basis:1060px;width:100%;min-width:0}.inputBord{flex-shrink:1;flex-basis:996px;min-width:0;height:auto;min-height:45px;padding-top:32px;padding-left:32px;padding-right:32px}.listBord{flex-shrink:1;flex-basis:996px;min-width:0;height:auto;min-height:42px;padding-left:32px;padding-right:32px}.listBordTwo{flex-shrink:1;flex-basis:996px;min-width:0;height:auto;min-height:696px;padding-left:32px;padding-right:32px}.buttonbord{flex-shrink:1;flex-basis:996px;min-width:0;height:64px}.input{border:1px solid;border-radius:10px;flex-shrink:1;flex-basis:320px;height:45px;padding:12px 20px;font-size:14px;font-style:normal;font-weight:400}.sortButton{border:1px solid;border-radius:10px;justify-content:end;width:113px;height:45px;margin-left:12px;padding:12px 16px;display:flex}.catButton{border:1px solid;border-radius:10px;justify-content:end;width:177px;height:45px;margin-left:12px;padding:12px 16px;display:flex}.prevBorder{border:1px solid;border-radius:10px;width:93px;height:40px;padding-top:9.5px;padding-bottom:9.5px;padding-left:9.5px;font-size:14px;font-style:normal;font-weight:400}.pageBorder{color:#000;border:1px solid;border-radius:8px;width:40px;height:40px}.lgHidLabel{display:none}.isActive{background-color:#fff;border-left:4px solid green;border-radius:0 12px 12px 0;max-width:217px;height:56px}.tranListFirst{justify-content:flex-start;gap:10px;display:flex}.trdH{justify-content:space-between;display:flex}}@media (min-width:763px) and (max-width:1023px){.dropDwon{text-align:justify;color:#000;background-color:#fff;border-radius:8px;gap:20px;margin-top:20px;padding:12px 20px;transition:all .3s ease-in-out;display:block;box-shadow:0 4px 16px #00000080}.catButton{border:1px solid;border-radius:10px;width:177px;height:45px;margin-left:12px;padding:12px 16px}.sortButton{border:1px solid;border-radius:10px;width:113px;height:45px;margin-left:12px;padding:12px 16px}.parSection{padding-top:24px;padding-left:16px;padding-right:16px}.tracHeading{padding-top:9px;padding-bottom:9px;font-size:32px;font-weight:700}.chilBack{flex-basis:1060px;width:100%;padding:20px}.inputBord{flex-basis:624px;width:100%;height:45px}.input{border:1px solid;border-radius:10px;flex-basis:161px;height:45px;padding:12px 20px;font-size:14px;font-style:normal;font-weight:400}.mdHidLabel{display:none}.slidebar:hover{color:#fff}.slidebar{flex-direction:column;justify-content:center;align-items:center;gap:4px;padding-top:8px;padding-bottom:12px;display:flex}.isActive{background-color:#fff;border-bottom:4px solid green;border-radius:12px 12px 0 0;width:104px;height:66px}.tranListFirst{justify-content:flex-start;gap:10px;display:flex}}@media (min-width:343px) and (max-width:764px){.dropDwon{text-align:justify;color:#000;background-color:#fff;border-radius:8px;gap:20px;margin-top:18px;padding:12px 20px;transition:all .3s ease-in-out;display:block;position:absolute;right:30px;box-shadow:0 4px 16px #00000080}.parSection{padding-top:24px;padding-left:16px;padding-right:16px}.chilBack{flex-basis:343px;width:100%;padding:20px;overflow-y:scroll}.tracHeading{padding-top:9px;padding-bottom:9px;font-size:32px;font-weight:700}.sortButton{border:none}.sortIcon{justify-content:end;gap:10px;width:100%;padding:12px 16px;display:flex}.sortIco{flex-direction:column;justify-content:end;display:flex}.catButton{border:none}.inputBord{flex:303px;justify-content:space-evenly;width:100%;height:45px;display:flex}.input{border:1px solid;border-radius:10px;flex:215px;width:100%;height:45px;padding:12px}.prevBorder{border:1px solid;border-radius:10px;width:48px;height:40px;padding-top:9.5px;padding-bottom:9.5px;padding-left:9.5px;font-size:14px;font-style:normal;font-weight:400}.hidLabel{display:none}.tranHad{flex-direction:column;display:flex}.tranHid{justify-content:center;align-items:center;display:flex;position:relative;left:35px}.slidebar{flex-direction:column;justify-content:center;align-items:center;gap:4px;padding-top:8px;padding-bottom:12px;display:flex}.isActive{background-color:#fff;border-bottom:4px solid green;border-radius:12px 12px 0 0;width:68.6px;height:44px}}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/my-finance-app/assets/public-sans-vietnamese-400-normal-TxZB8OSn.woff2)format("woff2"),url(/my-finance-app/assets/public-sans-vietnamese-400-normal-BO1meqcx.woff)format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/my-finance-app/assets/public-sans-latin-ext-400-normal-mk90oQqJ.woff2)format("woff2"),url(/my-finance-app/assets/public-sans-latin-ext-400-normal-B02wwOdZ.woff)format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/my-finance-app/assets/public-sans-latin-400-normal-8Rpg0ruU.woff2)format("woff2"),url(/my-finance-app/assets/public-sans-latin-400-normal-SBbinRkI.woff)format("woff");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}