*,:before,:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure,fieldset):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){padding:0;border:none}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom: 1.5rem;margin-block:0}img{display:block;max-width:100%;height:auto}input,textarea,select,button{font:inherit}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{min-height:100%;line-height:1.5}a:where([class]){display:inline-flex}button{cursor:pointer}:where([fill]:not([fill=none],[fill^=url])){fill:currentcolor}:where([stroke]:not([stroke=none],[stroke^=url])){stroke:currentcolor}svg *{transition-property:fill,stroke}@media (prefers-reduced-motion: reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@font-face{font-style:normal;font-family:Outfit;font-weight:400 800;font-display:swap;src:url(/bank-dashboard/assets/fonts/Outfit.woff2) format("woff2-variations")}:root{--color-white-10: #fff;--color-white-20: #d2d5da;--color-black: #262833;--color-grey-10: #43454d;--color-grey-20: #6c727f;--color-green: #73b06f;--color-green-light: #e3ece6;--color-violet: #a686c4;--color-violet-light: #e4d6f3;--color-orange: #e9ae79;--color-orange-light: #f5ddc8;--border: .0625rem solid var(--color-grey-10);--border-dashed: .0625rem dashed var(--color-grey-10);--border-radius: 1rem;--font-family-base: "Outfit";--transition-duration: .2s;--padding-size: 1.5rem;--height-header: 4.5rem;--container-width: 84.375rem;--cardWidth: 18rem;--cardHeight: 12.5rem;--layout-front: 1000;--layout-back: 100}.container{width:100%;padding-inline:var(--padding-size)}.container:not(.container--header){padding-block:var(--padding-size)}.wrapper{position:relative;display:grid;width:100%;max-width:var(--container-width);border-inline:var(--border);grid-template-areas:"header header" "aside main";grid-template-columns:13.75rem 1fr;grid-template-rows:var(--height-header) 1fr;margin-inline:auto}@media (width <= 59.75rem){.wrapper{grid-template-columns:fit-content(13.75rem) 1fr}}.border-wrapper{padding:var(--padding-size);border:var(--border);border-radius:var(--border-radius)}.visually-hidden{position:absolute!important;width:.0625rem!important;height:.0625rem!important;margin:-.0625rem!important;padding:0!important;white-space:nowrap!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(100%)!important;overflow:hidden!important}body{font-family:var(--font-family-base),sans-serif;font-weight:500;color:var(--color-white-10);background-color:var(--color-black);transition-duration:var(--transition-duration)}h2,.h2{font-size:.75rem;text-transform:uppercase;color:var(--color-white-20)}h3,.h3{font-size:1rem;font-weight:700}h4,.h4{font-size:.75rem;font-weight:500;text-transform:uppercase}a,button,svg *{transition-duration:var(--transition-duration)}a{color:inherit}@media (any-hover: hover){a:hover{color:var(--color-white-20)}}@media (any-hover: none){a:active{color:var(--color-white-20)}}a[class]{text-decoration:none}strong{font-size:1.5rem}:focus-visible{transition-duration:0s!important;outline:.125rem dashed var(--color-white);outline-offset:.25rem}.header{position:sticky;top:0;z-index:var(--layout-front);display:flex;background-color:var(--color-black);align-items:center;border-bottom:var(--border);grid-area:header;justify-content:space-between;padding-block:1.25rem}.header__actions{display:inline-flex;align-items:center;column-gap:.75rem}.sidebar{position:sticky;top:var(--height-header);left:0;display:flex;height:92dvh;border-right:var(--border);flex-direction:column;grid-area:aside;row-gap:2.25rem}@media (width <= 59.75rem){.sidebar.container{padding-inline:0}}@media (height <= 56.25rem){.sidebar{row-gap:1rem}}.sidebar__footer{display:flex;align-items:start;flex-direction:column;margin-top:auto;row-gap:1.25rem}@media (height <= 56.25rem){.sidebar__footer{row-gap:.625rem}}.button{display:inline-flex;text-align:center;border:.0625rem solid transparent;align-items:center;column-gap:.625rem;cursor:pointer;justify-content:center;-webkit-user-select:none;user-select:none}@media (width <= 59.75rem){.button.sidebar__button{width:2.75rem;height:2.75rem}.button.sidebar__button+.badge{display:none}.button.sidebar__button .button__label{position:absolute!important;width:.0625rem!important;height:.0625rem!important;margin:-.0625rem!important;padding:0!important;white-space:nowrap!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(100%)!important;overflow:hidden!important}}.button--rounded{background-color:var(--color-green-light);border-radius:var(--border-radius);column-gap:.25rem;padding-block:.25rem;padding-inline:1rem}@media (any-hover: hover){.button--rounded:hover{border:var(--border)}}@media (any-hover: none){.button--rounded:active{border:var(--border)}}.button--card{width:var(--cardWidth);min-height:var(--cardHeight);color:inherit;background-color:transparent;border:var(--border-dashed);border-radius:var(--border-radius);column-gap:.25rem}@media (any-hover: hover){.button--card:hover{border:.0625rem solid var(--color-white-10)}}@media (any-hover: none){.button--card:active{border:.0625rem solid var(--color-white-10)}}@media (width <= 49.0625rem){.button--card{--cardWidth: 16.9375rem}}.button:active{scale:1.05}.icon{display:inline-flex;width:1.25rem;height:1.25rem}.nav-section__title{margin-bottom:1.5rem}@media (width <= 59.75rem){.nav-section__title{position:absolute!important;width:.0625rem!important;height:.0625rem!important;margin:-.0625rem!important;padding:0!important;white-space:nowrap!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(100%)!important;overflow:hidden!important}}.nav-section__list{display:grid;row-gap:1.25rem}.nav-section__list-item{display:inline-flex;align-items:center;column-gap:.5rem;justify-content:space-between}.badge{display:inline-flex;font-size:.625rem;color:var(--color-white-10);background-color:var(--color-grey-10);border-radius:3.125rem;align-items:center;justify-content:center;padding-block:.125rem;padding-inline:.5rem}.badge--bright{color:var(--color-black);background-color:var(--color-violet-light)}.content{z-index:var(--layout-back);display:flex;grid-area:main}@media (width <= 49.0625rem){.content{flex-direction:column-reverse}}.content__hero{border-right:var(--border);flex:1 1 auto}.content__side{flex:0 0 20.75rem}.hero__card-list .section__body{display:flex;flex-wrap:wrap;gap:1.375rem}.card-details .section__body{row-gap:1.5rem}.card-details__data{display:grid;row-gap:.5rem}.card-details__data[aria-labelledby=card-security]{position:relative}.card-details__data[aria-labelledby=card-security]:after{position:absolute;bottom:-1.5rem;left:0;width:100%;height:.0625rem;background-color:var(--color-grey-10);content:""}.card-details__data .card-details__number{font-size:1.25rem;font-weight:600}.card-details__spending{margin-top:1.5rem}.card-details__spending.section{row-gap:1.5rem}.card-details__item:not(:last-child){border-right:var(--border);padding-right:.75rem}.card-details__item .definition-item__term{font-size:.75rem;text-transform:uppercase;color:inherit}.card-details__item .definition-item__details{font-size:1rem}.section{display:grid;row-gap:2rem}.section__header{display:inline-flex;align-items:center;column-gap:.5rem}.section__body{display:grid;row-gap:2rem}.details-balance{display:flex;height:9.375rem;color:var(--color-black);border-radius:var(--border-radius);justify-content:space-between;overflow:hidden}.details-balance__left{display:flex;padding:var(--padding-size);background-color:var(--color-green-light);flex:1 1 50%;flex-direction:column;justify-content:space-between}.details-balance__right{display:flex;padding:1.25rem;background-color:var(--color-green);background-image:url(/bank-dashboard/assets/images/background-decor.svg);background-position:70% 50%;align-items:end;background-repeat:no-repeat;flex:1 1 50%;flex-direction:column;justify-content:end}.details-card{display:flex;width:var(--cardWidth);height:var(--cardHeight);color:var(--color-black);border-radius:var(--border-radius);flex-direction:column;overflow:hidden}@media (width <= 49.0625rem){.details-card{--cardWidth: 16.9375rem}}.details-card__number{font-size:1.25rem;font-weight:800}.details-card__header,.details-card__footer{padding:var(--padding-size);align-items:center}.details-card__header{display:grid;height:63.5%;gap:1rem;grid-template-columns:repeat(2,1fr)}.details-card__header>:nth-child(2n){justify-self:end}.details-card__header-icon{width:2.125rem;height:1.6875rem}.details-card__footer{display:flex;justify-content:space-between}.details-card__footer-icon{width:3.4375rem;height:1.0625rem}.details-card--vertical{max-width:var(--cardHeight);height:var(--cardWidth);flex-direction:row}.details-card--vertical .details-card__header{width:61.5%;height:auto;align-items:stretch;gap:1rem;transform:rotate(180deg);writing-mode:vertical-rl}.details-card--vertical .details-card__header-icon{transform:rotate(90deg)}.details-card--vertical .details-card__footer{position:relative;transform:rotate(180deg);writing-mode:vertical-rl}.details-card--vertical .details-card__footer-icon{position:absolute;bottom:2.5rem;transform:rotate(90deg)}.details-card--green .details-card__header{background-color:var(--color-green-light)}.details-card--green .details-card__footer{background-color:var(--color-green)}.details-card--violet .details-card__header{background-color:var(--color-violet-light)}.details-card--violet .details-card__footer{background-color:var(--color-violet)}.details-card--orange .details-card__header{background-color:var(--color-orange-light)}.details-card--orange .details-card__footer{background-color:var(--color-orange)}.definition-item{display:grid;row-gap:.25rem}.definition-item__icon{display:flex;width:3rem;height:3rem;color:var(--color-black);border-radius:.5rem;align-items:center;grid-area:icon;justify-content:center}.definition-item__icon .icon{width:1.5rem;height:1.5rem}.definition-item__icon--green{background-color:var(--color-green)}.definition-item__icon--violet{background-color:var(--color-violet)}.definition-item__icon--orange{background-color:var(--color-orange)}.definition-item__term{color:var(--color-white-20)}.definition-item__details{font-size:1.5rem;font-weight:600}.definition-item:has(.definition-item__icon){align-items:center;column-gap:1rem;grid-template-areas:"icon term" "icon details";grid-template-columns:auto 1fr}.definition-item:has(.definition-item__icon) .definition-item__term{grid-area:term}.definition-item:has(.definition-item__icon) .definition-item__details{grid-area:details}.definition-list{display:flex;align-items:center;flex-wrap:wrap;gap:2.125rem;justify-content:space-between}.definition-list.card-details__list{column-gap:.75rem;justify-content:start;row-gap:0}.progressbar{--borderRadius: 3.125rem}.progressbar__line{width:100%;height:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progressbar__line::-webkit-progress-bar{background-color:var(--color-green-light);border-radius:var(--borderRadius)}.progressbar__line::-webkit-progress-value{background-color:var(--color-green);border-radius:var(--borderRadius)}.progressbar__line::-moz-progress-bar{background-color:var(--color-green);border-radius:var(--borderRadius)}.progressbar__subtext{font-weight:400;margin-top:.75rem}