@import"https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{--kendo-color-app-surface: #000;--kendo-color-surface: color-mix(in oklch, var(--kendo-color-app-surface), white 16%);--kendo-color-surface-alt: color-mix(in oklch, var(--kendo-color-app-surface), white 12%);--kendo-color-on-app-surface: #ebebeb;--kendo-color-inverse: var(--kendo-color-app-surface);--kendo-color-subtle: #a3a3a3;--kendo-color-border: rgb(255 255 255 / 16%);--kendo-color-border-alt: rgb(255 255 255 / 32%);--kendo-color-base: #525252;--kendo-color-primary: #3b7d6f;--kendo-color-secondary: #7a7a7a;--kendo-color-tertiary: #ce5f27;--kendo-color-error: #fe3a34;--kendo-color-success: #33c1a5;--kendo-color-warning: #e09d00;--kendo-color-info: #289df6;--kendo-color-series-a: #c66c6c;--kendo-color-series-b: #7aa9b8;--kendo-color-series-c: #7ab899;--kendo-color-series-d: #b87aa3;--kendo-color-series-e: #dada58;--kendo-color-series-f: #817ab8;--kendo-font-family: "Cabin", sans-serif;--fintech-dashboard-app-gradient: linear-gradient( 135deg, color-mix(in oklch, var(--kendo-color-app-surface) 62%, var(--kendo-color-primary) 38%) 0%, color-mix(in oklch, var(--kendo-color-app-surface) 62%, var(--kendo-color-secondary) 38%) 100% );--fintech-dashboard-card-bg: color-mix(in oklch, var(--kendo-color-surface-alt) 58%, transparent)}.dashboard-header{display:contents}.currency-cell,.appbar-section,.appbar-search,.transaction-list-item,.transaction-list-item-details,.transaction-list-item-price,.metric-card,.metric-card-content,.metric-card-value-group,.metric-card-value-row,.dashboard-card,.dashboard-card-header,.dashboard-card-body,.dashboard-card-actions,.dashboard-chip-actions{display:flex}.currency-cell{gap:var(--kendo-spacing-2)}.transaction-list-item{align-items:center;gap:var(--kendo-spacing-3);padding:var(--kendo-spacing-2);border-bottom:1px solid var(--kendo-color-border)}.transaction-list-item-details{flex:1;flex-direction:column}.transaction-list-item-name{font-size:var(--kendo-font-size-md)}.transaction-list-item-time,.transaction-list-item-amount{font-size:var(--kendo-font-size-sm)}.transaction-list-item-time,.metric-card-label{color:var(--kendo-color-subtle)}.transaction-list-item-price{flex-direction:column;align-items:flex-end}.transaction-list-item-amount{font-weight:var(--kendo-font-weight-bold)}.transaction-list-item-amount--positive{color:var(--kendo-color-success-on-surface)}.transaction-list-item-amount--negative{color:var(--kendo-color-error-on-surface)}.appbar-section{flex:1 1 0}.appbar-section--start{gap:var(--kendo-spacing-4)}.appbar-section--center{justify-content:center}.appbar-section--end{justify-content:flex-end;gap:var(--kendo-spacing-2)}.appbar-logo--full,.appbar-search--full{display:none}.appbar-logo--compact,.appbar-search--compact{display:flex}.appbar-separator{background-color:var(--kendo-color-border)}.dashboard-drawer-navigation{padding:var(--kendo-spacing-4);overflow-y:auto}.fintech-dashboard-page{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--fintech-dashboard-app-gradient)}.fintech-dashboard-page .k-appbar{flex:none;border-radius:0;background-color:var(--fintech-dashboard-card-bg);-webkit-backdrop-filter:blur(calc(var(--kendo-translucency-blur-base) + var(--kendo-translucency-blur-step)));backdrop-filter:blur(calc(var(--kendo-translucency-blur-base) + var(--kendo-translucency-blur-step)))}.fintech-dashboard-page .k-drawer-container{flex:1 1 auto;min-height:0;overflow:hidden}.fintech-dashboard-page .k-drawer-content{height:100%}.dashboard-drawer{position:relative;background-color:var(--fintech-dashboard-card-bg);-webkit-backdrop-filter:blur(calc(var(--kendo-translucency-blur-base) + var(--kendo-translucency-blur-step)));backdrop-filter:blur(calc(var(--kendo-translucency-blur-base) + var(--kendo-translucency-blur-step)))}.dashboard-drawer-item{align-items:center;border-radius:var(--kendo-border-radius-md)}.dashboard-drawer-item-icon{width:var(--kendo-spacing-4);height:var(--kendo-spacing-4)}.dashboard-main,.dashboard-footer{padding:var(--kendo-spacing-2)}.dashboard-main{padding-top:var(--kendo-spacing-8)}.dashboard-title{margin:0 0 var(--kendo-spacing-6);overflow:hidden;color:var(--kendo-color-subtle);font-size:var(--kendo-font-size-xl);font-weight:var(--kendo-font-weight-semibold);line-height:var(--kendo-line-height-md);text-overflow:ellipsis;white-space:nowrap}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--kendo-spacing-4);overflow:hidden}.metric-card{grid-column:span 12;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;gap:var(--kendo-spacing-2);padding:var(--kendo-spacing-2) var(--kendo-spacing-4);border:1px solid var(--kendo-color-border);border-radius:var(--kendo-border-radius-lg);background-color:var(--fintech-dashboard-card-bg);-webkit-backdrop-filter:blur(calc(var(--kendo-translucency-blur-base) + var(--kendo-translucency-blur-step)));backdrop-filter:blur(calc(var(--kendo-translucency-blur-base) + var(--kendo-translucency-blur-step)))}.metric-card-content{flex-direction:row;align-items:center;gap:var(--kendo-spacing-2)}.metric-card-value-group,.metric-card-value-row{align-items:center;gap:var(--kendo-spacing-1)}.metric-card-value{margin:0;font-size:calc(var(--kendo-font-size) * 2.5);font-weight:var(--kendo-font-weight-semibold);line-height:var(--kendo-line-height-md)}.dashboard-card{grid-column:span 12;flex:1 1 0;flex-direction:column;gap:var(--kendo-spacing-4);padding:var(--kendo-spacing-4);border:1px solid var(--kendo-color-border);border-radius:var(--kendo-border-radius-lg);background-color:var(--fintech-dashboard-card-bg);-webkit-backdrop-filter:blur(calc(var(--kendo-translucency-blur-base) + var(--kendo-translucency-blur-step)));backdrop-filter:blur(calc(var(--kendo-translucency-blur-base) + var(--kendo-translucency-blur-step)))}.dashboard-card-header{align-items:center;justify-content:space-between}.dashboard-card-title{font-size:var(--kendo-font-size-lg);font-weight:var(--kendo-font-weight-bold);line-height:var(--kendo-line-height-md)}.dashboard-card-body{flex:1}.dashboard-card-body--centered{justify-content:center}.dashboard-card-responsive-control{display:none}.dashboard-chip-actions{gap:var(--kendo-spacing-2)}.dashboard-footer{background-color:color-mix(in oklch,var(--kendo-color-inverse) 58%,transparent);-webkit-backdrop-filter:blur(calc(var(--kendo-translucency-blur-base) + var(--kendo-translucency-blur-step)));backdrop-filter:blur(calc(var(--kendo-translucency-blur-base) + var(--kendo-translucency-blur-step)))}.dashboard-footer-text{margin:0}@media(min-width:576px){.appbar-logo--full,.dashboard-card-responsive-control{display:flex}.appbar-logo--compact{display:none}.metric-card-content{flex-direction:column;gap:var(--kendo-spacing-0)}.dashboard-main,.dashboard-footer{padding:var(--kendo-spacing-4\.5)}}@media(min-width:768px){.appbar-search--full{display:flex}.appbar-search--compact{display:none}.metric-card,.dashboard-card--third,.dashboard-card--quarter{grid-column:span 6}.dashboard-main,.dashboard-footer{padding:var(--kendo-spacing-6)}}@media(min-width:992px){.dashboard-main,.dashboard-footer{padding:var(--kendo-spacing-4)}.dashboard-grid{gap:var(--kendo-spacing-6)}}@media(min-width:1200px){.metric-card{grid-column:span 2}.dashboard-card--third{grid-column:span 4}.dashboard-card--quarter{grid-column:span 3}.dashboard-card--five-twelfths{grid-column:span 5}.dashboard-card--half{grid-column:span 6}.dashboard-main,.dashboard-footer{padding:var(--kendo-spacing-7\.5)}}.fintech-app .k-appbar,.fintech-app .dashboard-drawer,.fintech-app .k-drawer{background-color:color-mix(in srgb,var(--kendo-color-surface-alt) 86%,var(--kendo-color-app-surface))}.fintech-app .k-appbar{border-bottom:1px solid var(--kendo-color-border)}.fintech-app .metric-card{padding-inline:var(--kendo-spacing-6)}.fintech-app .metric-card-content{justify-content:center;min-width:0}.fintech-app .metric-card .k-svg-icon{flex:none}