@layer reset,base,layout,components,features,utilities;@layer reset{html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0;padding:0}ul,ol{list-style:none;padding:0;margin:0}img{max-width:100%;display:block}input,button,textarea,select{font:inherit;outline:none}textarea{resize:none}button{border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a:hover,a:focus{text-decoration:none}body{line-height:1.5}input[type=time],input[type=datetime-local]{cursor:pointer}input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(53%) sepia(8%) saturate(654%) hue-rotate(191deg) brightness(94%) contrast(89%);cursor:pointer}input[data-datepicker]::-webkit-calendar-picker-indicator,input[data-datepicker]::-webkit-inner-spin-button,input[data-datepicker]::-webkit-clear-button,.flatpickr-input::-webkit-calendar-picker-indicator,.flatpickr-input::-webkit-inner-spin-button{display:none!important;-webkit-appearance:none!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;margin:0!important}input[data-datepicker],.flatpickr-input{-moz-appearance:textfield!important}.flatpickr-calendar{background:var(--background-color)!important;border:1px solid var(--border-color)!important;box-shadow:0 10px 25px #00000080!important}.flatpickr-months,.flatpickr-month,.flatpickr-current-month{background:var(--background-color)!important;color:var(--text)!important}.flatpickr-weekdays,span.flatpickr-weekday{background:transparent!important;color:var(--text-secondary)!important}.flatpickr-day:hover,.flatpickr-day:focus{background:var(--hover-color)!important;border-color:#3f3f46!important}.flatpickr-time{background:var(--background-color)!important;border-top:1px solid #27272a!important}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:var(--background-color)!important;color:var(--text)!important}.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month input.cur-year,.flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{color:var(--text)!important;background:var(--background-color)!important}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.prevMonthDay.selected,.flatpickr-day.nextMonthDay.selected{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--text)!important}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{background:#2563eb33!important;border-color:transparent!important;color:var(--text)!important}.flatpickr-day.today{border-color:var(--accent)!important}.flatpickr-day.today:hover,.flatpickr-day.today:focus{background:var(--hover-color)!important;color:var(--text)!important}.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover{background:var(--accent)!important;color:var(--text)!important}.form-control.input{cursor:pointer;opacity:1!important}}@layer base{@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:local("Poppins Regular"),local("Poppins-Regular"),url(../../fonts/Poppins-Regular.woff2) format("woff2"),url(../../fonts/Poppins-Regular.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:local("Poppins Medium"),local("Poppins-Medium"),url(../../fonts/Poppins-Medium.woff2) format("woff2"),url(../../fonts/Poppins-Medium.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:local("Poppins SemiBold"),local("Poppins-SemiBold"),url(../../fonts/Poppins-SemiBold.woff2) format("woff2"),url(../../fonts/Poppins-SemiBold.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:local("Poppins Bold"),local("Poppins-Bold"),url(../../fonts/Poppins-Bold.woff2) format("woff2"),url(../../fonts/Poppins-Bold.woff) format("woff")}}@layer base{:root{--font-family-arial: "Arial", "Helvetica Neue", "Helvetica", sans-serif;--font-family-poppins: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size-xxxs: .563rem;--font-size-xxs: .6875rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-xxxl: 2.5rem;--font-size-h1: 2rem;--font-size-h2: 1.75rem;--font-size-h3: 1.5rem;--font-size-h4: 1.25rem;--font-size-h5: 1rem;--font-size-h6: .875rem;--transition: .25s ease;--scrollbar-background-color: transparent;--scrollbar-thumb: #50545F;--scrollbar-thumb-hover: #686D7A;--progress-positive-background: linear-gradient(90deg, #10b981, #22c55e);--progress-positive-shadow: 0 0 12px rgba(34, 197, 94, .5);--progress-warning-background: linear-gradient(90deg, #f59e0b, #fbbf24);--progress-warning-shadow: 0 0 12px rgba(245, 158, 11, .5);--progress-danger-background: linear-gradient(90deg, #dc2626, #ef4444);--progress-danger-shadow: 0 0 14px rgba(239, 68, 68, .7);--progress-accent-background: linear-gradient(90deg, #38bdf8, #50C3F7);--progress-accent-shadow: 0 0 14px rgba(80, 195, 247, .7);--progress-done-background: linear-gradient(90deg, #52525b, #71717a);--progress-done-shadow: 0 0 8px rgba(113, 113, 122, .3);--card-accent-background: linear-gradient(to top, rgba(var(--accent-rgb), .12) 0%, rgba(var(--accent-rgb), .03) 20%, transparent 45%);--card-accent-background-hover: linear-gradient(to top, rgba(var(--accent-rgb), .28) 0%, rgba(var(--accent-rgb), .08) 45%, transparent 85%);--card-accent-background-border: rgba(var(--accent-rgb), .3);--card-positive-background: linear-gradient(to top, rgba(34, 197, 94, .12) 0%, rgba(34, 197, 94, .03) 20%, transparent 45%);--card-positive-background-hover: linear-gradient(to top, rgba(34, 197, 94, .28) 0%, rgba(34, 197, 94, .08) 45%, transparent 85%);--card-positive-border: rgba(34, 197, 94, .3);--card-warning-background: linear-gradient(to top, rgba(245, 158, 11, .12) 0%, rgba(245, 158, 11, .03) 20%, transparent 45%);--card-warning-background-hover: linear-gradient(to top, rgba(245, 158, 11, .28) 0%, rgba(245, 158, 11, .08) 45%, transparent 85%);--card-warning-border: rgba(245, 158, 11, .3);--card-danger-background: linear-gradient(to top, rgba(220, 38, 38, .12) 0%, rgba(220, 38, 38, .03) 20%, transparent 45%);--card-danger-background-hover: linear-gradient(to top, rgba(220, 38, 38, .28) 0%, rgba(220, 38, 38, .08) 45%, transparent 85%);--card-danger-border: rgba(220, 38, 38, .3);--card-done-background: linear-gradient(to top, rgba(142, 148, 160, .12) 0%, rgba(142, 148, 160, .03) 20%, transparent 45%);--card-done-background-hover: linear-gradient(to top, rgba(142, 148, 160, .25) 0%, rgba(142, 148, 160, .08) 45%, transparent 85%);--card-done-border: rgba(255, 255, 255, .12);--background-color: #252728;--background-color-secondary: #1C1C1D;--hover-color: #252728;--accent: #50C3F7;--accent-rgb: 80, 195, 247;--border-color: rgba(255, 255, 255, .08);--text: #F1F1F1;--text-secondary: #A9AEB8;--text-muted: #8E94A0;--text-positive-color: #1bc47d;--text-negative-color: #fa6464;--text-warning-color: #f59e0b;--text-danger-color: #ef4444;--btn-primary: #2563eb;--btn-primary-hover: #3b82f6;--btn-secondary: #50C3F7;--btn-secondary-hover: #72CEF8;--btn-success: #16a34a;--btn-success-hover: #22c55e;--btn-danger: #dc2626;--btn-danger-hover: #ef4444;--btn-warning: #EA580C;--btn-warning-hover: #F97316;--btn-light: #ffffff;--btn-light-hover: #f3f4f6;--btn-light-text: #111827;--btn-text-light: #ffffff;--icon-default-color: #7A7E8C;--icon-hover-color: #50C3F7;--loading-bar-gradient: linear-gradient(90deg, #3498db, #9b59b6, #3498db);--danger: #FF6B6B;--success: #6BFFB3;--warning: #EA580C;--calendar-background-color: #1C1C1D;--calendar-header-background-color: #252728;--calendar-header-weekend-background-color: #222222;--calendar-header-today-background-color: #50C3F7;--calendar-weekend-background-color: #171717;--placeholder-background: #1C1C1D;--placeholder-border-color: rgba(255, 255, 255, .08);--placeholder-box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .5);--modal-background: #1C1C1D;--modal-border-color: rgba(255, 255, 255, .08);--modal-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--snackbar-background: #1C1C1D;--snackbar-border-color: rgba(255, 255, 255, .08);--snackbar-box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .5);--header-height: 4rem;--box-shadow: 0 4px 12px rgba(0, 0, 0, .4);--border-radius-sm: .5rem;--border-radius: .5rem;--calendar-options-height: 5rem;--header-blur: 8px;--action-bar-height: 8.399rem}}@layer base{html{font-family:var(--font-family-arial);font-size:16px}h1{font-family:var(--font-family-poppins);font-size:var(--font-size-h1);font-weight:700}h2{font-family:var(--font-family-poppins);font-size:var(--font-size-h2);font-weight:600}h3{font-family:var(--font-family-poppins);font-size:var(--font-size-h3);font-weight:600}h4{font-family:var(--font-family-poppins);font-size:var(--font-size-h4);font-weight:500}h5{font-family:var(--font-family-poppins);font-size:var(--font-size-h5);font-weight:500}h6{font-family:var(--font-family-poppins);font-size:var(--font-size-h6);font-weight:500}hr{border-color:var(--border-color)}}@layer base{input,textarea{color:var(--text);background-color:var(--background-color);font-size:var(--font-size-sm);will-change:border-color;width:100%;padding:.5rem 1rem;border:solid 1px var(--border-color);border-radius:var(--border-radius);transition:border-color var(--transition);&:focus:not([readonly]){border-color:var(--accent)}color-scheme:dark!important;&:-webkit-autofill,&:-webkit-autofill:hover,&:-webkit-autofill:focus,&:-webkit-autofill:active{outline:none!important;-webkit-box-shadow:0 0 0px 1000px var(--background-color) inset!important;-webkit-text-fill-color:var(--text)!important;color:var(--text)!important;caret-color:var(--text)!important;transition:background-color 5000s ease-in-out 0s;border-top:solid 1px var(--border-color)!important;border-bottom:solid 1px var(--border-color)!important;border-left:solid 1px var(--border-color)!important;border-right:solid 1px var(--border-color)!important}&:focus:-webkit-autofill{border-top:solid 1px var(--border-color)!important;border-bottom:solid 1px var(--border-color)!important;border-left:solid 1px var(--border-color)!important;border-right:solid 1px var(--border-color)!important}&.borderless{border:none}}input[type=checkbox]{width:auto;cursor:pointer}input[readonly]{opacity:.4}}@layer base{.breadcrumb{display:flex;flex-direction:column;margin-bottom:1rem;.breadcrumb__path{display:flex;width:100%;gap:.5rem;margin-top:1rem}}.breadcrumb__item{display:flex;position:relative;align-items:center;&:not(:first-of-type){&:before{content:"";width:16px;height:16px;display:flex;margin-right:.5rem;background-color:currentColor;color:var(--icon-default-color);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:url(/images/icons/arrow.svg);mask-image:url(/images/icons/arrow.svg);transform:rotate(-90deg)}}&:is(:last-of-type){& a{cursor:default;pointer-events:none;color:var(--text-secondary)}}& a{display:flex;font-size:var(--font-size-sm);align-items:center;cursor:pointer;gap:.5rem}}}#loading-bar{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--loading-bar-gradient);background-size:200% 100%;background-position:0% 0%;z-index:9999;animation:loadingBarSlide 1s linear infinite;display:none}body.global--loading #loading-bar{display:block}@layer base{#tooltip{padding:.5rem 1rem;border-radius:var(--border-radius);border:solid 1px var(--border-color);background-color:var(--background-color-secondary);position:fixed;z-index:1000;font-size:var(--font-size-sm);box-shadow:var(--box-shadow);opacity:0;top:0;left:0;will-change:transform,opacity;transition:opacity var(--transition);max-width:15.625rem;pointer-events:none;margin:0;overflow-wrap:anywhere}}@layer base{body{background-color:var(--background-color);color:var(--text);overflow:hidden}.mask{filter:blur(0px);transition:filter var(--transition)}body.privacy-mode .mask{filter:blur(8px)}body:has(.aside--visible) #to-top{opacity:0!important;pointer-events:none}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-background-color)}*::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}*::-webkit-scrollbar-track{background:var(--scrollbar-background-color)}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}&::backdrop{background-color:var(--background-color-secondary)!important}.alert-box{background-color:#3b82f61a;border:1px solid rgba(59,130,246,.3);cursor:pointer;border-radius:var(--border-radius);padding:12px 16px;color:var(--text);font-size:14px;display:block;&.alert-box--not-clickable{cursor:default}.icon{display:inline-block;vertical-align:middle;margin-right:1rem}&:hover{.icon{color:var(--accent)!important}}}.captcha-container{display:none;flex-direction:column;align-items:center;justify-content:center;max-width:300px;height:0;overflow:hidden;padding-top:5px;&.show{display:flex;height:60px;margin:0 auto 1.5rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--background-color)}&.error{border-color:var(--danger)}}.minus{display:inline-block;width:1ch;text-align:center}}@layer base{.offline{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;padding:1rem;gap:1rem;position:fixed;top:0;bottom:0;z-index:999999;background-color:var(--background-color-secondary);opacity:0;transform:translateY(100%);pointer-events:none;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease;&.show{opacity:1;transform:translateY(0);pointer-events:auto}& h4{color:#a9aeb8;font-size:2.5rem}& p{color:#767b86;font-size:1rem;text-align:center;justify-content:center}}}@layer layout{.layout__main{--aside-width: 0px;display:grid;grid-template-areas:"aside main";grid-template-columns:var(--aside-width) minmax(0,1fr);width:100%;height:100svh;transition:grid-template-columns var(--transition);&:has(.card__box--fullscreen){& aside{z-index:0}}&:has(aside.aside--visible){& main{opacity:.2;&,*{pointer-events:none}#to-top{opacity:0!important}}}& aside{grid-area:aside;background-color:var(--background-color-secondary);border-right:solid 1px var(--border-color);position:fixed;top:0;height:100%;z-index:100;overflow:hidden;transform:translate(calc(var(--aside-width) - 100%));transition:transform var(--transition);display:flex;flex-direction:column;&.aside--visible{transform:translate(0)}& a{&:hover{text-decoration:none}}}& main{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;grid-area:main;padding-bottom:4.5rem;height:100%;min-height:0;will-change:opacity;transition:opacity var(--transition);@media (min-width: 48rem){padding-bottom:1rem}}}aside{.aside__header{height:var(--header-height)}.aside__container{padding:0 .5rem}}main{container-type:inline-size;container-name:main-container;& header{height:var(--header-height);display:flex;align-items:center;padding:0 1rem;position:sticky;top:0;z-index:10;gap:1rem;&:before{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--background-color);pointer-events:none}@media (min-width: 40rem){background-color:var(--background-color);backdrop-filter:none}.main-options{display:flex;align-items:center;margin-left:auto;position:relative}.user{margin-left:auto}}.user{.dropdown__selected{.text{display:none;@media (min-width: 64rem){display:initial}}.icon{color:var(--icon-default-color)!important}}.dropdown__content{right:0;width:18.75rem;height:max-content;max-height:max-content!important}.dropdown__body{padding:.5rem;display:flex;flex-direction:column;justify-content:center;position:relative;gap:.5rem}.display-name{color:var(--text);font-family:var(--font-family-poppins);font-size:var(--font-size-md)}.email{color:var(--text-secondary)}.toggle{margin-left:auto}}.container{min-height:0;display:flex;flex-direction:column;gap:1rem;padding:0 1rem;.content{display:flex;flex-direction:column;gap:2rem;align-items:center;width:100%;max-width:40.625rem}}}@media (min-width: 64rem){.layout__main{--aside-width: 15.625rem;& header{gap:0}.icon--menu,.main-options{display:none!important}& aside{position:sticky;transform:translate(0)}}}}@layer features{.feature-pages-calendar{& header{background-color:var(--background-color);&:before{content:none}}.container{gap:0;&.calendar-no-sticky-action-bar{.action__bar{isolation:unset}.calendar__header{top:var(--header-height)}}}}.calendar{display:flex;flex-direction:column;align-items:center;.placeholder{width:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;box-shadow:none;@media (min-width: 64rem){gap:.5rem}.dropdown{.dropdown__selected{font-family:var(--font-family-poppins);font-weight:600;letter-spacing:.02em;flex-shrink:0;@media (min-width: 64rem){width:12.5rem;justify-content:space-between}}.dropdown__content{min-width:12.5rem}}#previous-month{.icon{transform:rotate(90deg)}}#next-month{.icon{transform:rotate(-90deg)}}#hide-details{margin-left:1rem}.calendar--filters{margin-left:auto}}}.calendar__options{width:100%;position:sticky;top:var(--header-height);z-index:2;background-color:var(--background-color);height:var(--calendar-options-height);.calendar--filters{margin-left:auto}}.calendar__content{display:flex;flex-direction:column;width:100%;&.calendar__content--empty{background:none;border:none}@media (min-width: 64rem){display:grid;grid-template-rows:repeat(5,minmax(200px,auto))}}.calendar__week{display:flex;flex-direction:column;width:100%;@media (min-width: 64rem){display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));min-height:15.625rem;gap:.5rem}}.calendar__day{width:100%;display:flex;flex-direction:column;background-color:var(--calendar-background-color);border-radius:var(--border-radius);margin-bottom:.5rem;border:1px solid var(--border-color);transition:border-color var(--transition);@media (max-width: 63.99rem){&:not(:has(.calendar__item:not(.hide-element))){display:none}}@media (min-width: 64rem){min-height:350px}&.calendar__day--outside{@media (min-width: 64rem){opacity:.3;display:initial;cursor:not-allowed}}&.calendar__day--weekend{.calendar__header{color:var(--text-muted);font-weight:400}}&.calendar__day--today{.calendar__header{color:var(--calendar-header-today-background-color);font-weight:700}}.totals{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xxs);gap:.5rem;margin-top:auto;padding:1rem;.totals__label{font-family:var(--font-family-poppins);font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-right:auto}.mask{flex-shrink:0}}}.calendar__header{display:flex;align-items:center;justify-content:center;height:2.625rem;position:sticky;top:calc(var(--header-height) + var(--action-bar-dynamic-height) + 1rem + 1px);background-color:var(--calendar-background-color);border-radius:var(--border-radius);z-index:1;font-family:var(--font-family-poppins);font-weight:600;color:var(--text-secondary)}.calendar__items{display:flex;flex-direction:column;gap:.5rem;flex-grow:1;&:has(.calendar__item){padding-top:.5rem}@media (min-width: 64rem){&:last-child{border-right:0}}}.calendar__item{width:100%;padding:0 1rem .5rem;position:relative;cursor:pointer;transition:opacity var(--transition);&.calendar__item--upcoming{&:before{content:"";position:absolute;left:.5rem;top:5%;bottom:10%;width:2px;background:var(--warning);border-radius:2px}}.item-header{display:flex;gap:.5rem;font-size:var(--font-size-sm);& span:first-of-type{flex-grow:1}& span:last-of-type{flex-shrink:0}}}.item-details{font-size:var(--font-size-xxs);letter-spacing:.02rem;color:var(--text-secondary);padding-top:.2rem;flex-wrap:wrap;gap:.5rem;width:100%;display:flex;align-items:center;.icon{width:.875rem;height:.875rem}.details-group{display:flex;gap:.3rem;align-items:center;min-width:0;&:hover{.icon{color:var(--icon-default-color)}}}.item-group{display:flex;gap:.3rem;align-items:center;min-width:0}}}@layer features{.feature-pages-account-security{.placeholder{width:100%}#account_security_delete_account__form{& p{margin-bottom:1rem}}}}@layer features{.feature-pages-account-settings{.placeholder{width:100%}}}@layer features{.feature-pages-account-profile{.content{padding:0 1rem}.card__holder{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;padding-inline:1rem;padding-bottom:1rem;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}@media (min-width: 64rem){padding-inline:initial;flex-wrap:wrap;padding:0 0 1rem 1rem;overflow:initial}}.placeholder{width:100%;font-size:var(--font-size-sm);.placeholder__content{display:flex;flex-direction:column;gap:.5rem}.placeholder__row{display:flex;justify-content:space-between;align-items:center;gap:1rem;position:relative;&:not(:last-child){padding-bottom:.5rem}}.row__field{display:flex;align-items:center;gap:.5rem;white-space:nowrap;color:var(--text-secondary)}&.stats-card{display:flex;flex-direction:row;min-width:320px;width:100%;padding:1rem;@media (min-width: 64rem){width:19.875rem}}}.stats-card__holder{display:flex;align-items:center;justify-content:center;width:48px;flex-shrink:0;margin-right:1rem;.icon{width:48px;height:48px}}.stats-card__info{display:flex;flex-direction:column;gap:.2rem;flex:1;& span{font-family:var(--font-family-poppins);font-weight:400;font-size:var(--font-size-xxl)}& p{font-size:var(--font-size-xs);color:var(--text-secondary)}}}}@layer features{.layout-split_screen{main{display:flex;min-height:100dvh;background-color:var(--background-color)}a{font-family:var(--font-family-arial);font-size:var(--font-size-xs);color:var(--accent);&:hover{text-decoration:underline}}#left-screen{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:3.75rem;#left-header{max-width:225px}#left-content{max-width:440px;& h1{font-size:2.375rem;line-height:1.25;margin-bottom:1rem}& h1>span{color:var(--accent)}& p{color:var(--text-muted);font-size:var(--font-size-md);line-height:1.6}}#left-footer{color:var(--text-muted);font-size:var(--font-size-xs)}}#right-screen{width:32.5rem;background-color:var(--background-color-secondary);display:flex;flex-direction:column;justify-content:space-between;padding:3.75rem;#right-header{display:flex;justify-content:center;& a{display:none}}#right-content{.form__group--message{gap:0;padding-bottom:2rem}& p{font-size:var(--font-size-sm);color:var(--text-muted)}}#right-footer{color:var(--text-muted);font-size:var(--font-size-xs);display:flex;white-space:nowrap;flex-direction:column;gap:.5rem;& a:not(:first-child){border-left:solid 1px var(--border-color);padding-left:.5rem;margin-left:.3rem}}}& form{width:100%;max-width:21.875rem}.button-holder{margin-top:2rem}& strong{color:var(--text);font-weight:600}.hint{border-radius:var(--border-radius);border:solid 1px var(--border-color);background-color:var(--background-color);font-size:var(--font-size-xs);padding:1rem;color:var(--text-secondary)}#auth-text{margin-top:1.5rem;width:100%;display:flex;justify-content:center;align-items:center;color:var(--text-secondary);font-size:var(--font-size-sm);gap:.5rem}#terms-notice{margin-bottom:1.5rem;text-align:center}@media (max-width: 56.25rem){#left-screen{display:none}#right-screen{width:100%;padding:30px 20px;#right-header{& a{display:block}}#right-content{display:flex;justify-content:center}#right-footer{text-align:center}}}}}@layer features{.feature-pages-spaces-space{.card__holder{display:flex;flex-wrap:wrap;gap:1rem}.title{color:var(--text-muted);font-weight:700;font-size:var(--font-size-xxxs);text-transform:uppercase;letter-spacing:.5px}.value{color:var(--text);font-size:var(--font-size-xs);font-weight:600}}}@layer features{.feature-pages-spaces-edit{.placeholder{width:100%;.select-all{margin-left:auto;font-weight:400;font-family:var(--font-family-arial);font-size:var(--font-size-xs);cursor:pointer;transition:color var(--transition);&:hover{color:var(--text)}}.dropdown{.dropdown__content{min-width:17.5rem}}}}}@layer features{.feature-pages-transactions-edit{.placeholder{width:100%}}}@layer features{.feature-pages-dashboard{header{#spaces-switcher{.dropdown__selected{max-width:140px;@media (min-width: 30rem){max-width:260px}}}}.dashboard-card{display:flex;flex-direction:column;position:relative;padding:.5rem 0;&[data-transactions="0"]{.dashboard-card__content{cursor:default}}.dashboard-card__header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.dashboard-card__content{display:flex;flex-direction:column;width:100%;cursor:pointer}}.dashboard-card__title{display:flex;flex-direction:column;min-width:0;flex:1;& span:last-child{font-size:var(--font-size-sm);color:var(--text-muted)}}.dashboard-card__data{display:flex;flex-direction:column;align-items:flex-end;cursor:pointer;.dashboard-card__stats{display:flex;gap:.5rem;align-items:center}}.dashboard__overview{padding:.5rem 0 1rem .2rem;display:flex;flex-direction:column;gap:1rem;.dashboard__hero{display:grid;grid-template-columns:minmax(15.625rem,1.4fr) 1fr;gap:2rem;@media (max-width: 48rem){grid-template-columns:1fr!important;.overspent__box:first-child{border-left:0;padding-left:0}}}.dashboard__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.875rem,max-content));gap:1rem;border-top:solid 1px var(--border-color);padding-top:1rem;@media (max-width: 480px){grid-template-columns:repeat(2,1fr);gap:12px 16px}}}.card__box--income-mode{.kpis--status-normal{.progress__under_labels{.mask{color:var(--text-positive-color)}}}.kpis--status-warning{.progress__under_labels{.mask{color:var(--text-warning-color)}}}}.dashboard__overspent{display:grid;grid-template-columns:minmax(11.25rem,1fr) minmax(11.25rem,1fr);align-items:center;gap:.7rem;@media (max-width: 28.125rem){grid-template-columns:minmax(max-content,1fr) minmax(max-content,1fr);.overspent__box{& span:nth-child(2){font-size:1.2rem!important}}.overspent__box:last-child{border-left:0;padding-left:0}}.overspent__box{display:flex;flex-direction:column;gap:.3rem;padding:0 1rem;border-left:solid 1px var(--border-color);& span:first-child{color:var(--text-secondary);font-weight:700;text-transform:uppercase;font-size:var(--font-size-xxs)}& span:nth-child(2){font-size:1.4rem;font-weight:800;color:var(--text-positive-color)}& span:last-child{font-size:var(--font-size-xxs);color:var(--text-muted)}&.overspent__box--warning{& span:nth-child(2),span:last-child{color:var(--text-warning-color)}}&.overspent__box--danger{& span:nth-child(2),span:last-child{color:var(--text-danger-color)}}&.overspent__box--budget{& span:nth-child(2),span:last-child{color:var(--text-muted)}}}}.dashboard__budget-usage{display:flex;flex-direction:column;.dashboard_budget-usage-title{display:flex;justify-content:space-between;align-items:center;.text{font-weight:700;font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase}}}.stats__item{.stats__name{font-size:.7rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.stats__value{font-weight:600}&.stats__item--income{color:var(--text-positive-color)}&.stats__item--budget{color:var(--text-muted)}&.stats__item--spent{color:var(--text-danger-color)}&.stats__item--remaining{color:var(--text-warning-color)}&.stats__item--savings{color:var(--accent)}}.kpis{.kpis__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1rem;margin-bottom:1rem;text-align:center}.kpis__progress{background-color:var(--background-color-secondary);padding:.425rem .75rem .625rem;border-radius:var(--border-radius)}.progress__labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:.5rem}.progress__track{height:.25rem;background:var(--background-color);border-radius:var(--border-radius);overflow:hidden}.progress__under_labels{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:.5rem}.progress__fill{height:100%;background:var(--progress-positive-background);box-shadow:var(--progress-positive-shadow);border-radius:var(--border-radius);width:var(--progress-bar-progress);&.progress-bar-fill--initial-animation{animation:fill-up-progress-bar var(--progress-bar-animation-time) cubic-bezier(.4,0,.2,1) forwards}will-change:transform;transform-origin:left;&.progress__bar--negative{background:var(--progress-danger-background);box-shadow:var(--progress-danger-shadow)}}&.kpis--overview{.kpis__progress{background:none;padding:0}.progress__labels{& span:first-child{display:none}& span:last-child{font-size:2rem;font-weight:800;color:var(--text)}}.progress__track{height:.625rem}}&.kpis--status-normal{.progress__labels{& span:last-child{color:var(--text)}}.progress__fill{background:var(--progress-positive-background);box-shadow:var(--progress-positive-shadow)}}&.kpis--status-warning{.progress__labels{& span:last-child{color:var(--text-warning-color)}}.progress__fill{background:var(--progress-warning-background);box-shadow:var(--progress-warning-shadow)}}&.kpis--status-over{.progress__labels{& span:last-child{color:var(--text-danger-color)}}.progress__fill{background:var(--progress-danger-background);box-shadow:var(--progress-danger-shadow)}}&.kpis--status-available{.progress__labels{& span:last-child{color:var(--accent)}}.progress__fill{background:var(--progress-accent-background);box-shadow:var(--progress-accent-shadow)}}&.kpis--status-done{.progress__labels{& span:last-child{color:var(--text-muted)}}.progress__fill{background:var(--progress-done-background);box-shadow:var(--progress-done-shadow)}}}.card__box--dashboard{container-type:inline-size;container-name:type-of-view;#compact_view{display:block}#full_view{display:none}@container type-of-view (min-width: 40rem){#compact_view{display:none!important}#full_view{display:block!important}.card__content:has(#full_view:not([style*="display: none"])){padding:0}.search-in{display:none}.card__content{overflow:hidden auto;max-height:32rem}}}#full_view{.grid__row{&.grid__row--container{font-weight:600;color:var(--text)}&.grid__row--category{color:var(--text-muted)}.grid__cell--max-tx:not([data-id=""]){cursor:pointer}&:not([data-transactions="0"]){.grid__cell--actual{cursor:pointer}}}}#compact_view{.dashboard-card{gap:.5rem;padding:1rem 0}.progress__labels span:last-child{font-size:var(--font-size-sm)!important}}}}@layer features{@property --progress-bar-progress{syntax: "<percentage>"; inherits: true; initial-value: 0%;}.feature-pages-categories-yearly_planner{.card__box{.dropdown__selected{width:7rem}}#chart_planner_overview{min-height:140px}.placeholder{width:100%;&:not(.planner-navigation){container-type:inline-size;container-name:placeholder;.placeholder__content{max-height:calc(100svh - var(--header-height) - 21.5rem);@container placeholder (min-width: 64rem){max-height:calc(100vh - var(--header-height) - 21.5rem)}}}.placeholder__content{overflow-y:auto;min-height:8.75rem;max-height:25rem;height:100%}}.planner-navigation{.placeholder__header{justify-content:space-between;gap:0;@media (min-width: 64rem){justify-content:center;gap:1rem}}.placeholder__content{overflow:hidden;display:block;height:8.75rem;contain:strict;padding:0;margin:0}.chart_planner_overview{border-radius:var(--border-radius);overflow:hidden;isolation:isolate}.dropdown__selected{font-family:var(--font-family-poppins);font-weight:600;letter-spacing:.02em}#planner-previous-year{.icon{transform:rotate(90deg)}}#planner-next-year{.icon{transform:rotate(-90deg)}}}.planner-card{display:flex;flex-direction:column;position:relative;padding:.5rem 0;&.planner-card--archived{opacity:.5}& button{padding:.31rem;opacity:.5}.icon{width:16px;height:16px}.planner-card__header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:1rem}.planner-card__content{display:flex;flex-direction:column;width:100%;height:100%;max-height:0;overflow:hidden;contain:layout paint;transform:translateZ(0);will-change:max-height;transition:max-height var(--transition)}&.planner-card--opened{.planner-card__content{max-height:32.125rem}}}.planner-card__title{display:flex;flex-direction:column;min-width:0;flex:1;>span:last-child{font-size:var(--font-size-sm);color:var(--text-muted)}}.planner-card__data{display:flex;flex-direction:column;align-items:flex-end;.planner-card__stats{display:flex;gap:.5rem;align-items:center}}.planner-card__label{text-transform:uppercase;font-size:var(--font-size-xxs);font-family:var(--font-family-poppins);font-weight:600;color:var(--text-muted);align-items:center}.planner-card__value{width:4.375rem;height:1.063rem;background-color:var(--background-color);border-radius:var(--border-radius);border:solid 1px var(--border-color)}.progress-bar-fill{container-type:inline-size;container-name:progress;height:100%;position:relative;width:var(--progress-bar-progress);border-radius:var(--border-radius);background:var(--accent);&.progress-bar-fill--initial-animation{animation:fill-up-progress-bar var(--progress-bar-animation-time) cubic-bezier(.4,0,.2,1) forwards}will-change:transform;transform-origin:left;.progress-bar-text{position:absolute;height:1.063rem;left:50%;transform:translate(-50%);color:#1a3a4a;font-size:var(--font-size-xxs);font-family:var(--font-family-poppins);font-weight:600;letter-spacing:.02rem;animation:fade-in-text-on-progress-bar var(--transition) forwards;animation-delay:var(--progress-bar-animation-time);opacity:0;@container progress (width < 2.063rem){left:100%;transform:translate(.5rem);color:#fff}}}.planner-card__line{font-size:var(--font-size-sm);justify-content:flex-end;display:flex;position:relative;padding:.5rem 1rem;gap:1rem;align-items:center;&:hover{& button{opacity:1}}& span{transition:opacity var(--transition)}&.planner-card__line--disabled{& span{opacity:.2}.line-budget,.icon,button{pointer-events:none}}.line-month{font-family:var(--font-family-poppins);font-weight:600;color:var(--text-secondary);margin-right:auto}.line-budget,.icon{cursor:pointer}}}}@layer features{.feature-pages-notes-note{.notes-container{display:flex;flex-wrap:wrap;gap:1rem}.placeholder{width:100%;@media (min-width: 64rem){width:15.625rem}.placeholder__header{display:flex;.text{flex:1;height:1.5rem}}&:hover{@media (min-width: 64rem){.icon--edit,.icon--delete{opacity:1}}}.icon--edit,.icon--delete{cursor:pointer;transition:opacity var(--transition);@media (min-width: 64rem){opacity:0}&:hover{color:var(--accent)}}.icon--delete{&:hover{color:var(--danger)}}.placeholder__content{font-size:var(--font-size-sm);height:10rem;overflow-x:hidden;overflow-y:auto;margin-bottom:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}}}}@layer features{.feature-pages-categories-categories_builder{.placeholder{width:100%;.placeholder__header{.add-group{display:flex;align-items:center;gap:1rem;cursor:pointer}}}.placeholder__row{padding:.5rem 0;position:relative;display:flex;align-items:center;justify-content:space-between;transition:background var(--transition);margin-left:calc(var(--depth, 0) * 1rem);min-height:3.625rem;&.inactive-element{.dropdown{opacity:0;pointer-events:none}}.group{display:flex;flex-direction:column;.tx{font-size:var(--font-size-xs);color:var(--text-muted)}}&.placeholder__row--container{color:var(--accent)}&.placeholder__row--archived{opacity:.2;pointer-events:none}}.dropdown{flex-shrink:0;&.dropdown--options{.dropdown__content{max-height:min-content}}}}}@layer features{.feature-pages-scheduledtransactions-edit{.placeholder{width:100%}}}@layer features{div[data-label="Frequency Type"],.status-scheduled span,.status-running span,.status-paused span,.status-completed span{text-transform:capitalize}.status-scheduled{color:var(--accent)}.status-running{color:var(--text-positive-color)}.status-paused{color:var(--text-muted)}.status-completed{color:var(--text-secondary)}.feature-pages-scheduledtransactions-transactions{.container,.grid,.grid__content{overflow:visible!important}.grid__header{background-color:var(--background-color-secondary);border-radius:var(--border-radius);border:solid 1px var(--border-color);top:calc(var(--header-height))}.grid__header,.grid__row{grid-template-columns:minmax(105px,1.8fr) 110px minmax(60px,1fr) minmax(110px,1fr) minmax(80px,1fr) 100px 60px 60px}}}@layer features{.feature-pages-transactiontemplates-templates{.container{gap:0}.container,.grid,.grid__content{overflow:visible!important}.grid__header{background-color:var(--background-color-secondary);border-radius:var(--border-radius);border:solid 1px var(--border-color);top:calc(var(--header-height) + var(--action-bar-height))}.grid__header,.grid__row{grid-template-columns:minmax(100px,1fr) minmax(60px,1fr) 110px minmax(60px,1fr) minmax(60px,1fr) minmax(70px,180px) 30px 60px}}}@layer features{.feature-pages-transactiontemplates-edit{.placeholder{width:100%}}}@layer features{.feature-pages-transactions{.container{gap:0}.container,.grid,.grid__content{overflow:visible!important}.grid__header{background-color:var(--background-color-secondary);border-radius:var(--border-radius);border:solid 1px var(--border-color);top:calc(var(--header-height) + var(--action-bar-height))}.grid__header,.grid__row{grid-template-columns:minmax(105px,1.8fr) 110px minmax(60px,1fr) minmax(60px,1fr) minmax(100px,180px) 80px 60px}.grid{.toggle{.toggle__rail{background-color:#f59e0b80}}}}:where(.modal.transactions .modal__content){.grid__header,.grid__row{grid-template-columns:minmax(80px,1.8fr) 110px minmax(60px,1fr) minmax(60px,1fr) minmax(60px,120px) minmax(80px,180px) 80px 60px}}}@layer features{.layout-general{width:100%;height:100%;overflow:auto;& main{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:50rem;height:100%;margin:auto;padding:1rem;#logo{display:flex}.card__box{overflow:inherit;min-height:0;padding:1.5rem}& section{margin-bottom:32px}& section h2{font-size:1.25rem;font-weight:600;margin-bottom:12px;color:var(--text)}& section p,section li{color:var(--text-secondary);margin-bottom:12px}& section li strong{color:var(--text)}& section ul{list-style-type:disc;padding-left:20px}& section:first-of-type{border-bottom:1px solid var(--border-color);padding-bottom:24px;text-align:center}& section:first-of-type h1{font-size:2rem;font-weight:700;letter-spacing:-.025em;color:var(--text);margin-bottom:8px}& section:first-of-type .last-updated{font-size:.875rem;color:var(--text-secondary)}& p:first-of-type{font-size:1rem;color:var(--text-secondary);margin-bottom:32px}& a{color:var(--accent);text-decoration:none;font-weight:500}& a:hover{text-decoration:underline}}}}@layer features{.feature-pages-help-feedback{#feedback__form{& p{margin-bottom:1rem}& textarea{min-height:20rem}}}}@layer features{.feature-pages-scanner{.card__content{display:flex;flex-direction:column;gap:1rem;& p{font-size:var(--font-size-sm)}}.upload__buttons form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;& label{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem .5rem;font-weight:400;gap:.5rem;cursor:pointer;border-radius:var(--border-radius);border:solid 1px var(--border-color);transition:background-color var(--transition);&:hover{background-color:var(--hover-color)}.icon{color:var(--text)}}}& button.button--success{margin-bottom:1rem}.grid__header{margin-top:1rem;background-color:var(--background-color-secondary);border-radius:var(--border-radius);border:solid 1px var(--border-color)}.grid__header,.grid__row{grid-template-columns:20px 1fr 110px}.section{& p{color:var(--text-secondary)}}}}@layer features{.feature-pages-analytics{.action__bar{margin-bottom:0}.dropdown--date-range{flex-shrink:0;&:hover{.dropdown__selected{.icon{color:var(--text)}}}.dropdown__selected{border:0;.icon{color:var(--icon-default-color)}&:after{all:unset}}}.analytics__overview{padding:.5rem .2rem 1rem;display:flex;flex-direction:column;gap:1rem;.analytics__hero{display:grid;grid-template-columns:minmax(15.625rem,1fr) minmax(15.625rem,1fr) .8fr;gap:2rem;@media (max-width: 80rem){grid-template-columns:1fr 1fr!important;>:nth-child(3){grid-column:1 / -1}}@media (max-width: 48rem){grid-template-columns:1fr!important}}.analytics__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.875rem,max-content));gap:1rem;border-top:solid 1px var(--border-color);padding-top:1rem;@media (max-width: 480px){grid-template-columns:repeat(2,1fr);gap:12px 16px}}}.analytics__overspent{display:grid;grid-template-columns:minmax(11.25rem,1fr) minmax(11.25rem,1fr);align-items:center;gap:1.2rem;@media (max-width: 28.125rem){grid-template-columns:minmax(max-content,1fr) minmax(max-content,1fr);gap:1.5rem;.overspent__box{padding:0!important;border:0!important;& span:nth-child(2){font-size:1.2rem!important}}}.overspent__box{display:flex;flex-direction:column;gap:.3rem;padding:0 1rem;border-left:solid 1px var(--border-color);& span:first-child{color:var(--text-secondary);font-weight:700;text-transform:uppercase;font-size:var(--font-size-xxs)}& span:nth-child(2){font-size:1.4rem;font-weight:800;color:var(--text-positive-color)}& span:last-child{font-size:var(--font-size-xxs);color:var(--text-muted)}&.overspent__box--warning{& span:nth-child(2),span:last-child{color:var(--text-warning-color)}}&.overspent__box--normal{& span:nth-child(2),span:last-child{color:var(--text)}}&.overspent__box--neutral{& span:nth-child(2){color:var(--text)}}&.overspent__box--positive{& span:nth-child(2),span:last-child{color:var(--text-positive-color)}}&.overspent__box--danger{& span:nth-child(2),span:last-child{color:var(--text-danger-color)}}&.overspent__box--negative{& span:nth-child(2){color:var(--text-danger-color)}}&.overspent__box--accent{& span:nth-child(2),span:last-child{color:var(--accent)}}}}.card__box--income-mode{.analytics__hero{grid-template-columns:minmax(15.625rem,1fr) .8fr}.analytics__overspent{grid-template-columns:minmax(11.25rem,1fr) minmax(11.25rem,1fr) minmax(11.25rem,1fr);@media (max-width: 75rem){grid-template-columns:minmax(max-content,1fr) minmax(max-content,1fr);gap:1.5rem}}}.analytics__budget-usage{display:flex;flex-direction:column;gap:2rem;.usage__group{display:flex;flex-direction:column;&.usage__group--distribution{.progress__track{background-color:#a855f7!important;.progress__fill{background:var(--progress-accent-background)!important;box-shadow:var(--progress-accent-shadow)!important}}}&.usage__group--concentration{.progress__track{.progress__fill{background:var(--progress-warning-background)!important;box-shadow:var(--progress-warning-shadow)!important}}}}.analytics_budget-usage-title{display:flex;justify-content:space-between;align-items:center;.text{font-weight:700;font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase}}}.stats__item{.stats__name{font-size:.7rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.stats__value{font-weight:600}&.stats__item--momentum{color:var(--text)}&.stats__item--budget{color:var(--text-muted)}}.kpis{.kpis__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1rem;margin-bottom:1rem;text-align:center}.kpis__progress{background-color:var(--background-color-secondary);padding:.425rem .75rem .625rem;border-radius:var(--border-radius)}.progress__labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:.5rem}.progress__track{height:.25rem;background:var(--background-color);border-radius:var(--border-radius);overflow:hidden}.progress__under_labels{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:.5rem}.progress__fill{height:100%;background:var(--progress-positive-background);box-shadow:var(--progress-positive-shadow);border-radius:var(--border-radius);width:var(--progress-bar-progress);&.progress-bar-fill--initial-animation{animation:fill-up-progress-bar var(--progress-bar-animation-time) cubic-bezier(.4,0,.2,1) forwards}will-change:transform;transform-origin:left;&.progress__bar--negative{background:var(--progress-danger-background);box-shadow:var(--progress-danger-shadow)}}&.kpis--overview{.kpis__progress{background:none;padding:0}.progress__labels{& span:first-child{display:none}& span:last-child{font-size:2rem;font-weight:800;color:var(--text)}}.progress__track{height:.625rem}}&.kpis--status-normal{.progress__labels{& span:last-child{color:var(--text)}}.progress__fill{background:var(--progress-positive-background);box-shadow:var(--progress-positive-shadow)}}&.kpis--status-available{.progress__labels{& span:last-child{color:var(--accent)}}.progress__fill{background:var(--progress-accent-background);box-shadow:var(--progress-accent-shadow)}}&.kpis--status-over{.progress__labels{& span:last-child{color:var(--text-danger-color)}}.progress__fill{background:var(--progress-danger-background);box-shadow:var(--progress-danger-shadow)}}&.kpis--status-warning{.progress__labels{& span:last-child{color:var(--text-warning-color)}}.progress__fill{background:var(--progress-warning-background);box-shadow:var(--progress-warning-shadow)}}&.kpis--status-done{.progress__labels{& span:last-child{color:var(--text-muted)}}.progress__fill{background:var(--progress-done-background);box-shadow:var(--progress-done-shadow)}}}.list{display:grid;grid-template-columns:30rem;gap:1rem;&:has(.card__box:nth-child(2)){grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.grid__row{grid-template-columns:20px 1fr 110px;&.grid__row--top-breachers{grid-template-columns:20px 1fr 20px}}.grid__cell{&:not(.grid__cell--double){display:flex;align-items:center;height:39px}}.grid__cell:first-child{font-weight:600;color:var(--text-muted)}.grid__cell--double{display:flex;flex-direction:column;& span.text:first-child{font-weight:600}& span.text:last-child{font-size:var(--font-size-xs);color:var(--text-muted)}}}}}@layer components{.aside__header{display:flex;justify-content:center;align-items:center;flex-shrink:0}.aside__container{overflow:auto;height:calc(100% - var(--header-height));scroll-timeline:--scroll-area block;animation:shadow-reveal linear both;animation-timeline:--scroll-area;animation-range:0px 20px;padding-top:.5rem;h5{color:var(--text-muted);margin-bottom:.5rem;margin-left:.5rem;white-space:nowrap;text-transform:uppercase;font-size:var(--font-size-xs)}& nav{display:flex;flex-direction:column;margin-bottom:1rem;padding-bottom:.3rem;position:relative;&:last-child{border-bottom:0;margin-bottom:0}}& a{color:var(--text-secondary);display:flex;will-change:background-color,color;transition:background-color var(--transition),color var(--transition);font-size:var(--font-size-sm);border-radius:var(--border-radius);margin-bottom:.2rem;align-items:center;padding:.6rem .5rem;gap:.5rem;white-space:nowrap;&:after{display:none}&[data-status]:not([data-status=""]):after{display:inline-block;content:attr(data-status);font-size:var(--font-size-xxs);font-weight:700;padding:2px 6px;border-radius:4px;margin-left:auto;letter-spacing:.5px}&[data-type=soon]:after{background:rgba(var(--accent-rgb),.15);color:var(--accent)}&[data-type=locked]:after{background:#f59e0b1f;color:var(--text-warning-color)}&.active{background-color:var(--hover-color)!important;color:var(--text)!important;.icon{color:var(--accent)!important}}&.sign-out{color:var(--danger)!important;.icon{color:var(--danger)!important}}&:hover{background-color:var(--hover-color);color:var(--text);.icon{color:var(--text)}}&.disabled{pointer-events:none;cursor:not-allowed;.icon,.text{opacity:.4}}}}.aside__footer{flex-shrink:0;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;font-size:var(--font-size-sm);border-top:solid 1px var(--border-color);#copyright{color:var(--text-muted);font-size:var(--font-size-xs);text-align:center;opacity:.7}#terms{display:flex;gap:.5rem;justify-content:center;font-size:var(--font-size-xxs);color:var(--text-muted);transition:color var(--transition);& a:not(:first-child){border-left:solid 1px var(--border-color);padding-left:.5rem}& a:hover{text-decoration:underline;color:var(--text)}}.dropdown{width:100%;.dropdown__selected{border-radius:var(--border-radius);padding-left:.5rem;width:100%;max-width:unset;background-color:var(--background-color);.text{width:100%}.icon{color:var(--icon-default-color)}}}}}@layer components{#quick-menu{position:fixed;bottom:0;border-top:solid 1px var(--border-color);display:flex;inset-inline:0;margin-inline:auto;width:100%;z-index:999998;-webkit-backdrop-filter:blur(12px);transform:translateY(100%);opacity:0;will-change:opacity,transform;transition:opacity var(--transition),transform var(--transition);pointer-events:none;-webkit-tap-highlight-color:transparent;justify-content:space-between;background-color:var(--background-color-secondary);padding:0 .5rem;@media (min-width: 64rem){display:none}.text{font-size:var(--font-size-xxs);color:var(--text-secondary)}& a{padding:.5rem .7rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;&.disabled{opacity:.4;pointer-events:none}&.active{.text{color:var(--accent)}}&:last-child{padding-left:.7rem}&[href*="transactions/new"]{margin-top:4px;width:40px;height:40px;background-color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;border:solid 2px #000;box-shadow:0 2px 8px #50c3f799;position:relative;.text{display:none;position:absolute;top:40px}.icon{color:#fff}}}#to-top{position:relative;opacity:1;transition:opacity var(--transition);padding:.7rem;display:none;align-items:center;justify-content:center;flex-direction:column;gap:.3rem;&.disabled{pointer-events:none;opacity:.4}&:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:50%;background-color:var(--border-color)}}&.show{opacity:1;transform:translateY(0);cursor:pointer;pointer-events:auto}}}@layer components{.button{border-radius:2rem;color:var(--btn-text-light);font-family:var(--font-family-poppins);font-size:var(--font-size-14px);border:solid 1px var(--border-color);will-change:background-color,opacity;transition:background-color var(--transition),opacity var(--transition);letter-spacing:.02em;font-weight:500;padding:.5rem 1rem;display:flex;justify-content:center;align-items:center;&.button--loading{pointer-events:none;opacity:.8;font-size:0;text-indent:-9999px;min-height:2.625rem;&:after{content:"";position:absolute;width:20px;height:20px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spinner .8s linear infinite;text-indent:0}}&.button--link{padding:0;margin:0;font-family:var(--font-family-arial);border-radius:unset;font-size:var(--font-size-xs);color:var(--accent);border:0;&:hover{background-color:unset;text-decoration:underline}}&.button--action{border:0;border-radius:var(--border-radius)}&.button--hoverless{&:hover{background-color:initial}}&.button--disabled{pointer-events:none;opacity:.45}&.button--borderless{border:0}&.button--small-radius{border-radius:var(--border-radius)}&.button--invisible{width:1px;height:1px;margin-top:-1px;padding:0;overflow:hidden;border:none}&:hover{background-color:var(--hover-color)}&.button--primary{background-color:var(--btn-primary);border-color:transparent;&:hover{background-color:var(--btn-primary-hover)}}&.button--secondary{background-color:var(--btn-secondary);border-color:transparent;&:hover{background-color:var(--btn-secondary-hover)}}&.button--success{background-color:var(--btn-success);border-color:transparent;&:hover{background-color:var(--btn-success-hover)}}&.button--danger{background-color:var(--btn-danger);border-color:transparent;&:hover{background-color:var(--btn-danger-hover)}}&.button--warning{background-color:var(--btn-warning);border-color:transparent;&:hover{background-color:var(--btn-warning-hover)}}&.button--light{background-color:var(--btn-light);border-color:transparent;color:var(--btn-light-text);&:hover{background-color:var(--btn-light-hover)}}&.button--no-background{background:transparent}}.button-holder{width:100%;display:flex;justify-content:center}}@layer components{.icon{display:inline-block;width:1.125rem;height:1.125rem;flex-shrink:0;color:var(--icon-default-color);background-color:currentColor;margin-top:-.084rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;will-change:color;transition:color var(--transition);&.icon--active{color:var(--icon-hover-color)}&.icon--dashboard{-webkit-mask-image:url(/images/icons/dashboard.svg);mask-image:url(/images/icons/dashboard.svg)}&.icon--check{-webkit-mask-image:url(/images/icons/check.svg);mask-image:url(/images/icons/check.svg)}&.icon--scanner{-webkit-mask-image:url(/images/icons/scanner.svg);mask-image:url(/images/icons/scanner.svg)}&.icon--gallery{-webkit-mask-image:url(/images/icons/gallery.svg);mask-image:url(/images/icons/gallery.svg)}&.icon--camera{-webkit-mask-image:url(/images/icons/camera.svg);mask-image:url(/images/icons/camera.svg)}&.icon--search{-webkit-mask-image:url(/images/icons/search.svg);mask-image:url(/images/icons/search.svg)}&.icon--missing{-webkit-mask-image:url(/images/icons/missing.svg);mask-image:url(/images/icons/missing.svg)}&.icon--success{-webkit-mask-image:url(/images/icons/success.svg);mask-image:url(/images/icons/success.svg)}&.icon--error{-webkit-mask-image:url(/images/icons/error.svg);mask-image:url(/images/icons/error.svg)}&.icon--alert,&.icon--warning{-webkit-mask-image:url(/images/icons/alert.svg);mask-image:url(/images/icons/alert.svg)}&.icon--filter{-webkit-mask-image:url(/images/icons/filter.svg);mask-image:url(/images/icons/filter.svg)}&.icon--clear{-webkit-mask-image:url(/images/icons/clear.svg);mask-image:url(/images/icons/clear.svg)}&.icon--sort{-webkit-mask-image:url(/images/icons/sort.svg);mask-image:url(/images/icons/sort.svg)}&.icon--eye{-webkit-mask-image:url(/images/icons/eye.svg);mask-image:url(/images/icons/eye.svg)}&.icon--eye-off{-webkit-mask-image:url(/images/icons/eye_off.svg);mask-image:url(/images/icons/eye_off.svg)}&.icon--lightning{-webkit-mask-image:url(/images/icons/lightning.svg);mask-image:url(/images/icons/lightning.svg)}&.icon--schedule-checked{-webkit-mask-image:url(/images/icons/schedule_checked.svg);mask-image:url(/images/icons/schedule_checked.svg)}&.icon--arrow-downward{-webkit-mask-image:url(/images/icons/arrow_downward.svg);mask-image:url(/images/icons/arrow_downward.svg)}&.icon--arrow-upward{-webkit-mask-image:url(/images/icons/arrow_upward.svg);mask-image:url(/images/icons/arrow_upward.svg)}&.icon--drive-file-move{-webkit-mask-image:url(/images/icons/drive_file_move.svg);mask-image:url(/images/icons/drive_file_move.svg)}&.icon--privacy-mode{-webkit-mask-image:url(/images/icons/privacy_mode.svg);mask-image:url(/images/icons/privacy_mode.svg)}&.icon--vertical-align-top{-webkit-mask-image:url(/images/icons/vertical_align_top.svg);mask-image:url(/images/icons/vertical_align_top.svg)}&.icon--vertical-align-bottom{-webkit-mask-image:url(/images/icons/vertical_align_bottom.svg);mask-image:url(/images/icons/vertical_align_bottom.svg)}&.icon--archive{-webkit-mask-image:url(/images/icons/archive.svg);mask-image:url(/images/icons/archive.svg)}&.icon--calendar{-webkit-mask-image:url(/images/icons/calendar.svg);mask-image:url(/images/icons/calendar.svg)}&.icon--general{-webkit-mask-image:url(/images/icons/general.svg);mask-image:url(/images/icons/general.svg)}&.icon--analytics{-webkit-mask-image:url(/images/icons/chart.svg);mask-image:url(/images/icons/chart.svg)}&.icon--spaces{-webkit-mask-image:url(/images/icons/spaces.svg);mask-image:url(/images/icons/spaces.svg)}&.icon--delete{-webkit-mask-image:url(/images/icons/delete.svg);mask-image:url(/images/icons/delete.svg)}&.icon--remove{-webkit-mask-image:url(/images/icons/remove.svg);mask-image:url(/images/icons/remove.svg)}&.icon--notes{-webkit-mask-image:url(/images/icons/notes.svg);mask-image:url(/images/icons/notes.svg)}&.icon--shared-spaces{-webkit-mask-image:url(/images/icons/shared_spaces.svg);mask-image:url(/images/icons/shared_spaces.svg)}&.icon--categories{-webkit-mask-image:url(/images/icons/categories.svg);mask-image:url(/images/icons/categories.svg)}&.icon--template{-webkit-mask-image:url(/images/icons/template.svg);mask-image:url(/images/icons/template.svg)}&.icon--play{-webkit-mask-image:url(/images/icons/play.svg);mask-image:url(/images/icons/play.svg)}&.icon--categories-incomes{-webkit-mask-image:url(/images/icons/stacks.svg);mask-image:url(/images/icons/stacks.svg)}&.icon--categories-expenses{-webkit-mask-image:url(/images/icons/stacks.svg);mask-image:url(/images/icons/stacks.svg)}&.icon--add{-webkit-mask-image:url(/images/icons/add.svg);mask-image:url(/images/icons/add.svg)}&.icon--add-group{-webkit-mask-image:url(/images/icons/add_group.svg);mask-image:url(/images/icons/add_group.svg)}&.icon--transactions{-webkit-mask-image:url(/images/icons/transactions.svg);mask-image:url(/images/icons/transactions.svg)}&.icon--add-transaction{-webkit-mask-image:url(/images/icons/add_transaction.svg);mask-image:url(/images/icons/add_transaction.svg)}&.icon--scheduled-transactions{-webkit-mask-image:url(/images/icons/scheduled_transactions.svg);mask-image:url(/images/icons/scheduled_transactions.svg)}&.icon--clock{-webkit-mask-image:url(/images/icons/scheduled_transactions.svg);mask-image:url(/images/icons/scheduled_transactions.svg)}&.icon--transactions-up{-webkit-mask-image:url(/images/icons/transactions_up.svg);mask-image:url(/images/icons/transactions_up.svg)}&.icon--transactions-down{-webkit-mask-image:url(/images/icons/transactions_down.svg);mask-image:url(/images/icons/transactions_down.svg)}&.icon--profile{-webkit-mask-image:url(/images/icons/profile.svg);mask-image:url(/images/icons/profile.svg)}&.icon--security{-webkit-mask-image:url(/images/icons/security.svg);mask-image:url(/images/icons/security.svg)}&.icon--subscriptions{-webkit-mask-image:url(/images/icons/subscription.svg);mask-image:url(/images/icons/subscription.svg)}&.icon--settings{-webkit-mask-image:url(/images/icons/settings.svg);mask-image:url(/images/icons/settings.svg)}&.icon--options{-webkit-mask-image:url(/images/icons/options.svg);mask-image:url(/images/icons/options.svg)}&.icon--fullscreen{-webkit-mask-image:url(/images/icons/full_screen.svg);mask-image:url(/images/icons/full_screen.svg)}&.icon--exit-fullscreen{-webkit-mask-image:url(/images/icons/exit_full_screen.svg);mask-image:url(/images/icons/exit_full_screen.svg)}&.icon--sign-out{-webkit-mask-image:url(/images/icons/signout.svg);mask-image:url(/images/icons/signout.svg)}&.icon--faq{-webkit-mask-image:url(/images/icons/faq.svg);mask-image:url(/images/icons/faq.svg)}&.icon--contact-support{-webkit-mask-image:url(/images/icons/contacts.svg);mask-image:url(/images/icons/contacts.svg)}&.icon--tutorials{-webkit-mask-image:url(/images/icons/tutorials.svg);mask-image:url(/images/icons/tutorials.svg)}&.icon--feedback{-webkit-mask-image:url(/images/icons/feedback.svg);mask-image:url(/images/icons/feedback.svg)}&.icon--menu{-webkit-mask-image:url(/images/icons/menu.svg);mask-image:url(/images/icons/menu.svg)}&.icon--tags{-webkit-mask-image:url(/images/icons/tags.svg);mask-image:url(/images/icons/tags.svg)}&.icon--disable{-webkit-mask-image:url(/images/icons/disable.svg);mask-image:url(/images/icons/disable.svg)}&.icon--enable{-webkit-mask-image:url(/images/icons/enable.svg);mask-image:url(/images/icons/enable.svg)}&.icon--edit{-webkit-mask-image:url(/images/icons/edit.svg);mask-image:url(/images/icons/edit.svg)}&.icon--scroll-top{-webkit-mask-image:url(/images/icons/scroll_top.svg);mask-image:url(/images/icons/scroll_top.svg)}&.icon--mail{-webkit-mask-image:url(/images/icons/mail.svg);mask-image:url(/images/icons/mail.svg)}&.icon--globe{-webkit-mask-image:url(/images/icons/globe.svg);mask-image:url(/images/icons/globe.svg)}&.icon--currency{-webkit-mask-image:url(/images/icons/currency.svg);mask-image:url(/images/icons/currency.svg)}&.icon--search{-webkit-mask-image:url(/images/icons/search.svg);mask-image:url(/images/icons/search.svg)}&.icon--theme{-webkit-mask-image:url(/images/icons/theme_mode.svg);mask-image:url(/images/icons/theme_mode.svg)}&.icon--arrow{-webkit-mask-image:url(/images/icons/arrow.svg);mask-image:url(/images/icons/arrow.svg)}}}@layer components{.dropdown{position:relative;will-change:background-color;transition:background-color var(--transition);width:max-content;min-width:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;color:var(--text);.no-match{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:1rem;gap:1rem;color:var(--text-secondary);.icon{width:5.375rem;height:5.375rem}}&.dropdown--hovered{.dropdown__selected{background-color:var(--background-color)}}&.dropdown--fit-content{.dropdown__selected{width:fit-content!important}}&.dropdown--small-radius{.dropdown__selected{border-radius:var(--border-radius)}}&.dropdown--options{.dropdown__selected{padding:.5rem;.text{display:none}&:after{-webkit-mask-image:url(/images/icons/options.svg);mask-image:url(/images/icons/options.svg)}}.dropdown__content{right:0}}&.dropdown--active{.dropdown__selected{background-color:var(--hover-color)}.dropdown__content{visibility:visible;opacity:1;pointer-events:initial;transform:scaleY(1)}&:not(.dropdown--options) .dropdown__selected:after{transform:rotate(180deg);color:var(--icon-hover-color)}}&.dropdown--searchbar-focused{.dropdown__searchbar{border-color:var(--accent);.icon.icon--search{color:var(--icon-hover-color)}}}&.dropdown--disabled{opacity:.2;pointer-events:none}&.dropdown--flipped{.dropdown__content{transform-origin:bottom;bottom:100%}}.dropdown__selected{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;max-width:200px;@media (min-width: 48rem){max-width:260px}cursor:pointer;border-radius:2rem;will-change:background-color;transition:background-color var(--transition);.icon{color:var(--icon-hover-color)}&:after{content:"";min-width:18px;min-height:18px;width:18px;height:18px;color:var(--icon-default-color);background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:url(/images/icons/arrow.svg);mask-image:url(/images/icons/arrow.svg);display:inline-block;will-change:transform,filter;transition:transform var(--transition),filter var(--transition)}:where(.dropdown--hide-indicator) &:after{display:none}@media (hover:hover){&:hover{background-color:var(--hover-color)}}}.dropdown__content{visibility:hidden;position:absolute;background-color:var(--background-color-secondary);border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:260px;max-height:350px;overflow-x:hidden;overflow-y:auto;opacity:0;pointer-events:none;will-change:opacity,visibility,transform;transition:opacity var(--transition),visibility var(--transition),transform var(--transition);transform:scaleY(0);transform-origin:top;z-index:9;font-size:var(--font-size-sm);overscroll-behavior:contain;padding:.7rem .5rem .5rem;display:flex;flex-direction:column;gap:.2rem;&:has(.dropdown__item--header){padding-top:0;min-width:180px}}.dropdown-separator{position:relative;padding-bottom:.3rem;margin-bottom:.3rem}.dropdown__section{display:flex;flex-direction:column;gap:.2rem;.section__title{pointer-events:none;border-radius:var(--border-radius);text-transform:uppercase;color:var(--text-secondary);font-size:var(--font-size-sm);background:linear-gradient(90deg,#27272a 0%,transparent 100%);letter-spacing:.5px;padding:.2rem .5rem}}.dropdown__item{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;cursor:pointer;will-change:background-color;transition:background-color var(--transition);white-space:nowrap;min-width:6.25rem;contain:layout style;border-radius:var(--border-radius);.dropdown__grouped{display:flex;flex-direction:column;min-width:0;flex:1}.dropdown__inner_group{display:flex;justify-content:space-between;gap:1rem}&.dropdown__item--hide{display:none}&.dropdown__item--inactive{opacity:.3;pointer-events:none}&.dropdown__item--selected{background-color:var(--hover-color)}.checkbox{margin-left:auto}&.dropdown__item--header{margin:0;padding:.7rem 0 .5rem;position:sticky;top:0;background-color:var(--background-color-secondary);z-index:2;cursor:default}& input:focus~.icon:not(.icon--remove){color:var(--icon-hover-color)}& input[type=checkbox]:checked~.icon:not(.icon--remove){color:var(--icon-hover-color)}&:last-child{margin-bottom:0}&:hover:not(.dropdown__item--header){background-color:var(--hover-color)}}.dropdown__item--active{background-color:var(--hover-color);& span:first-child{font-weight:600}&:not(:has(.dropdown__grouped)):after{content:"";width:.85rem;height:.85rem;color:var(--accent);background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:url(/images/icons/check.svg);mask-image:url(/images/icons/check.svg);display:inline-block;margin-left:auto}.icon{color:var(--icon-hover-color)}}.dropdown__value{display:none}.dropdown__grouped{& span:nth-child(2){font-size:var(--font-size-sm);color:var(--text-muted)}& span:nth-child(3){font-size:var(--font-size-xs);color:var(--text-muted);.icon{width:1.125rem;height:1.125rem;vertical-align:middle;margin-right:.15rem}}}.dropdown__searchbar{display:flex;align-items:center;border:solid 1px var(--border-color);border-radius:var(--border-radius);padding:.3rem;background-color:var(--background-color);gap:.3rem;transition:border-color var(--transition);width:100%;position:relative;.icon{width:1rem;height:1rem}& input{border:0;padding:0;border-radius:0;font-size:var(--font-size-xs)}.icon.icon--remove{color:var(--icon-default-color);cursor:pointer;&:hover{color:var(--text-secondary)}}}@media (hover: hover) and (pointer: fine){&.dropdown--active,&:has(input:focus-visible){.dropdown__searchbar{& input{padding-right:2.3rem}&:after{content:"ESC";position:absolute;right:.3rem;top:50%;pointer-events:none;transform:translateY(-50%);color:var(--text-secondary);background-color:var(--background-color-secondary);font-size:var(--font-size-xxs);font-weight:600;border:solid 1px var(--border-color);border-radius:3px;padding:2px 4px;line-height:1}}.icon.icon--remove{display:none}}}}}@layer components{.checkbox{position:relative;display:flex;align-items:center;cursor:pointer;.checkbox__input{appearance:none;opacity:0;inset:0;position:absolute;z-index:1;margin:0;padding:0}.checkbox__box{width:16px;height:16px;border:solid 1px var(--border-color);display:flex;align-items:center;justify-content:center;&:after{content:"\2714";color:var(--accent);font-size:var(--font-size-xxs);opacity:0;transform:scale(0);transition:scale var(--transition),opacity var(--transition)}}.checkbox__input:checked+.checkbox__box{border-color:var(--accent);&:after{opacity:1;transform:scale(1)}}}}@layer components{.toggle{position:relative;display:flex;align-items:center;width:3rem;&.toggle--small{width:2.1rem;.toggle__rail{width:2.1rem;height:.98rem;border-radius:1.4rem}.toggle__thumb{width:.7rem;height:.7rem;margin-top:.14rem;margin-left:.14rem}.toggle__input:checked+.toggle__rail{.toggle__thumb{transform:translate(1.12rem)}}}.toggle__input{appearance:none;opacity:0;inset:0;position:absolute;z-index:1;margin:0;padding:0;cursor:pointer}.toggle__rail{border-radius:2rem;width:3rem;height:1.4rem;background-color:#ffffff14;transition:background-color var(--transition),border-color var(--transition)}.toggle__thumb{background-color:#fff;width:1rem;height:1rem;border-radius:50%;margin-top:.2rem;margin-left:.2rem;transition:transform .25s cubic-bezier(.4,0,.2,1)}.toggle__input:checked+.toggle__rail{background-color:var(--btn-success)!important;border-color:var(--btn-success)!important;.toggle__thumb{transform:translate(1.6rem)}}}}@layer components{@property --fade-color{syntax: "<color>"; initial-value: rgba(59,61,62,.8); inherits: false;}@property --fade-outer{syntax: "<color>"; initial-value: rgba(59,61,62,0); inherits: false;}.table-container{container-type:inline-size;container-name:table;width:100%}.table{display:flex;flex-direction:column;font-size:var(--font-size-sm);table-layout:fixed;width:100%;border-collapse:collapse;&.table--blend-in{background:none;border:none;border-radius:0;padding:0;.table__row--header{background-color:var(--background-color)!important}}@container table (min-width: 70rem){border-radius:var(--border-radius);border:1px solid var(--border-color);background:var(--background-color-secondary);padding:1rem}.table__row{display:flex;flex-direction:column;margin-bottom:1rem;transition:opacity var(--transition);&.table__row--header{display:none}&.table__row--inactive{opacity:.4}&:hover{.table__cell--options{opacity:1}}}.table__cell{display:flex;justify-content:space-between;padding:.5rem 0;gap:1rem;white-space:nowrap;position:relative;align-items:center;transition:opacity var(--transition);&.table__cell--options{opacity:.5}& button{padding:.5rem}&:first-child{padding-left:0}&:last-child{justify-content:flex-end;padding-top:1rem;padding-bottom:0;gap:.5rem}&:before{content:attr(data-label);font-family:var(--font-family-poppins);font-weight:600;color:var(--text-secondary)}@container table (max-width: 70rem){&:not(:last-child):after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to right,var(--fade-outer) 0%,var(--fade-color) 30%,var(--fade-color) 70%,var(--fade-outer) 100%);transition:--fade-color var(--transition),--fade-outer var(--transition)}&:not(:last-child):hover:after{--fade-color: rgba(80, 195, 247, .8);--fade-outer: rgba(80, 195, 247, 0)}}}@container table (min-width: 70rem){.table__row{display:grid;grid-template-columns:220px 110px minmax(80px,1fr) minmax(80px,1fr) minmax(80px,1fr) 180px 100px 80px;border:initial;box-shadow:initial;background:initial;padding:0;margin:0;position:relative;border-radius:0;transition:background-color var(--transition),opacity var(--transition);&:not(:last-child):not(.table__row--header){&:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to right,var(--fade-outer) 0%,var(--fade-color) 30%,var(--fade-color) 70%,var(--fade-outer) 100%);transition:--fade-color var(--transition),--fade-outer var(--transition)}&:hover:after{--fade-color: rgba(80, 195, 247, .8);--fade-outer: rgba(80, 195, 247, 0)}}&.table__row--header{display:grid;font-family:var(--font-family-poppins);font-weight:600;color:var(--text-muted);background-color:var(--background-color-secondary);position:sticky;top:var(--header-height);z-index:5}}.table__cell{justify-content:flex-start;padding:.7rem;&:before{content:unset}&:last-child{padding:0}}}.icon{width:1.125rem;height:1.125rem}}}@layer components{.scrollable-table{display:flex;width:100%;max-width:100vw;border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--placeholder-box-shadow);background:var(--background-color-secondary);padding:1rem;.scrollable-table__data--static{flex-shrink:0;.scrollable-table__data_header,.scrollable-table__data_cell{min-width:220px;max-width:220px}.scrollable-table__data_cell{padding-left:2rem}}.scrollable-table__data{display:flex;flex-direction:column;.scrollable-table__data_header{user-select:none;cursor:grab;position:sticky!important;top:0!important}}.scrollable-table__data_cell{display:flex;justify-content:space-between;&.depth_0{padding-left:1rem}&.depth_1{padding-left:2rem}& span{cursor:pointer}.icon{width:1.125rem;height:1.125rem;color:var(--icon-default-color);opacity:1;@media (min-width: 64rem){opacity:0;will-change:opacity;transition:var(--transition)}&:hover{color:var(--accent)}}@media (min-width: 64rem){&:hover{.icon{opacity:1}}}}.scrollable-table__scrollable-area-wrapper{overflow-x:auto;scroll-behavior:smooth;flex:1;min-width:0;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.scrollable-table__scrollable-area-content{display:flex}.scrollable-table__data_header,.scrollable-table__data_cell{padding:1rem;height:3rem;display:flex;align-items:center;min-width:150px;max-width:150px;white-space:nowrap}.scrollable-table__data_header{font-family:var(--font-family-poppins);font-weight:500;border-bottom:solid 1px var(--border-color)}}}@layer components{.placeholder{width:fit-content;border-radius:var(--border-radius);border:1px solid var(--border-color);background:var(--background-color-secondary);position:relative;&.placeholder--blend-in{background:none;border:none}&.placeholder--action-bar{width:100%;padding:.5rem;display:flex;gap:.5rem;.action{display:flex;gap:1rem}}.search-in{display:flex;align-items:center;gap:.5rem;.icon{cursor:pointer}&.active{& input{width:120px}.icon{color:var(--accent)}}& input{padding:0;border:0;border-bottom:solid 1px var(--border-color);border-radius:0;width:0;transition:width var(--transition)}}&.placeholder--max-height{.placeholder__content{max-height:100dvh!important;padding-bottom:3.5rem}}&.placeholder--padding-top{padding-top:1rem}&.placeholder--no-scroll{.placeholder__content{overflow:hidden!important}}.placeholder__header{display:flex;gap:1rem;align-items:center;padding:1rem;&.placeholder__header--multiple-options{>:nth-child(3){margin-left:auto}}&.placeholder__header--fullscreen{#fullscreen{padding:0}}}.placeholder__content{padding:0 1rem;margin-bottom:1rem;scroll-timeline:--scroll-area block;animation:shadow-reveal linear both;animation-timeline:--scroll-area;animation-range:0px 20px}.placeholder__footer{padding:1rem;font-size:var(--font-size-sm);text-align:right;display:flex;justify-content:space-between;align-items:center}.action{align-items:center;&.action--search{gap:0;& input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;width:250px}& button{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}}&.action--date-range{gap:0;margin-left:auto;will-change:border-color;border:solid 1px var(--border-color);border-radius:var(--border-radius);transition:border-color var(--transition);&:focus-within{border-color:var(--accent)}& input{cursor:pointer;color:var(--text-secondary);&[readonly]{color:var(--text)!important;-webkit-text-fill-color:var(--text)!important;opacity:1!important;&::placeholder{color:var(--text-muted)!important;-webkit-text-fill-color:var(--text-muted)!important}}}& span{cursor:default;text-transform:uppercase;color:var(--text-secondary);font-size:var(--font-size-xs)}}}}}@layer components{form{display:flex;flex-direction:column;height:100%;width:100%;.form__view{display:none;flex-direction:column;&.form__view--active{display:flex}}&.form__error{& span.error{opacity:1}}& span.error{font-size:var(--font-size-xxs);color:var(--danger);opacity:0;will-change:opacity;transition:opacity var(--transition);height:.5rem;margin-bottom:1rem}}.form__group{display:flex;flex-direction:column;will-change:border-color;transition:border-color var(--transition);gap:.3rem;position:relative;&.form__group--flat{padding-top:1rem;flex-direction:unset;gap:1rem;>div{display:flex;flex-direction:column;justify-content:center}}&.form__group--fit-content{width:fit-content}&.form__group--required{& label:after{content:"*";color:var(--text-negative-color);margin-left:.2rem;order:1}}&.form__group--hidden{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden}.dropdown__selected{border:solid 1px var(--border-color);border-radius:var(--border-radius)}&.form__group--error{scroll-margin-top:calc(var(--header-height) + 1rem);&:not(:has(.dropdown)) input{border:solid 1px var(--danger)}&:has(.dropdown){.dropdown__selected{border:solid 1px var(--danger)}}>.chips{border:solid 1px var(--danger)}}& label{color:var(--text);font-size:var(--font-size-sm);font-family:var(--font-family-poppins);font-weight:500;display:flex;align-content:center;align-items:center;&:has(+.dropdown--disabled){pointer-events:none}&:has(button){justify-content:space-between}.maxlength{order:2;font-size:var(--font-size-xxs);margin-left:auto}}&.form__group--multiple-buttons{display:flex;flex-direction:row;justify-content:flex-end;gap:1rem;.button--success{flex-grow:1}}.icon__field{display:flex;position:relative;&.icon__field--currency{width:140px;& button{pointer-events:none;font-family:var(--font-family-arial);font-weight:400}&.icon__field--position-before{& input{padding-left:2.5rem;padding-right:0}& button{left:0;right:unset}}}& input{padding-right:2.5rem}& button{position:absolute;right:0;display:flex;justify-content:center;align-items:center;top:50%;transform:translateY(-50%);z-index:2;padding:.7rem 1rem;&:hover{.icon{color:#fff}}}}}}@layer component{@keyframes shadow-reveal{0%{box-shadow:inset 0 0 #0000}to{box-shadow:inset 0 10px 10px -10px #00000080}}@keyframes shadow-reveal-bottom{0%{box-shadow:inset 0 0 #0000}to{box-shadow:inset 0 -10px 5px -10px #00000080}}@keyframes loadingBarSlide{0%{background-position:0% 0%}to{background-position:200% 0%}}@keyframes fill-up-progress-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fade-in-text-on-progress-bar{to{opacity:1}}@keyframes spinner{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}}@layer components{.card__box{display:flex;flex-direction:column;gap:1rem;width:100%;min-height:7.5rem;background-color:var(--background-color-secondary);border-radius:var(--border-radius);border:solid 1px var(--border-color);transition:border-color var(--transition);position:relative;overflow:hidden;isolation:isolate;&.card__box--max-width-480{max-width:480px}&.card__box--no-background{background:none;border:0}&.card__box--category-planner{.card__header{color:var(--text-secondary);background-color:var(--background-color-secondary);border-radius:var(--border-radius);border:solid 1px var(--border-color);padding:.55rem 1rem;.card__info{text-transform:uppercase;font-size:var(--font-size-xxs);font-weight:400}}}&.card__box--category-builder{gap:0;.card__header{color:var(--text-secondary);background-color:var(--background-color-secondary);border-radius:var(--border-radius);border:solid 1px var(--border-color);padding:.35rem 1rem;.card__info{text-transform:uppercase;font-size:var(--font-size-xxs);font-weight:400}}}&.card__box--action-bar{min-height:fit-content;isolation:unset;.card__content{display:flex;min-height:fit-content;padding:.5rem;gap:.5rem}&:before{all:unset}&:hover:before{all:unset}.dropdown__selected{font-family:var(--font-family-poppins);font-weight:600;letter-spacing:.02em;@media (min-width: 64rem){width:12.5rem;justify-content:space-between}}#previous{.icon{transform:rotate(90deg)}}#next{.icon{transform:rotate(-90deg)}}}&.card__box--no-overflow{overflow:unset}&.card__box--no-hover{&:before{all:unset}&:hover:before{all:unset}}&.card__box--small{@media (min-width: 64rem){width:20rem}}&.card__box--dashboard{.card__content{overflow:hidden auto;max-height:30rem}}&:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--card-accent-background);opacity:.5;transition:opacity var(--transition),background var(--transition)}&:hover:before{opacity:1;background:var(--card-accent-background-hover)}&.card__box--high-density{&:before{content:"";top:auto;position:absolute;bottom:-40px;left:50%;transform:translate(-50%);width:70%;height:80px;z-index:-1;background:radial-gradient(ellipse at center,var(--accent) 0%,rgba(80,195,247,.6) 35%,transparent 70%);filter:blur(12px);opacity:.3;transition:opacity .4s ease,width .4s ease,filter .4s ease}&:hover:before{opacity:1;width:95%;filter:blur(8px)}}&.card__box--fullscreen{position:fixed;inset:0;width:100vw;height:100dvh;z-index:999999;overflow-y:auto;background-color:var(--background-color-secondary);overflow:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;.card__content{max-height:100%!important}&:fullscreen{position:fixed!important;top:0!important;left:0!important;margin:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;background-color:var(--background-color-secondary)!important;overflow-y:auto;transition:none!important;transform:none!important}&:-webkit-full-screen{position:fixed!important;top:0!important;left:0!important;margin:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;background-color:var(--background-color-secondary)!important;overflow-y:auto;transition:none!important;transform:none!important}}&:hover{border-color:var(--card-accent-background-border)}&.card__box--status-normal{&:hover{border-color:var(--card-positive-border)}&:before{background:var(--card-positive-background)}&:hover:before{background:var(--card-positive-background-hover)}}&.card__box--status-warning{&:hover{border-color:var(--card-warning-border)}&:before{background:var(--card-warning-background)}&:hover:before{background:var(--card-warning-background-hover)}}&.card__box--status-over{&:hover{border-color:var(--card-danger-border)}&:before{background:var(--card-danger-background)}&:hover:before{background:var(--card-danger-background-hover)}}&.card__box--status-done{&:hover{border-color:var(--card-done-border)}&:before{background:var(--card-done-background)}&:hover:before{background:var(--card-done-background-hover)}}.icon{width:1.25rem;height:1.25rem}.card__header{display:flex;gap:.5rem;align-items:center;justify-content:space-between;padding:1rem 1rem 0;width:100%}.card__info{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:var(--font-size-sm);min-width:0;.text{flex:1;min-width:0}.icon{width:1.375rem;height:1.375rem}}.card__options{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.option{display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);cursor:pointer;padding:.5rem;transition:background-color var(--transition);&:hover{background-color:var(--background-color)}}.card__content{flex:1;min-height:120px;padding:0 1rem;&.card__content--text{font-size:var(--font-size-sm);color:var(--text-secondary);max-height:10.5rem;overflow-x:hidden;overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin-right:1.7rem}}.card__footer{display:flex;align-items:center;padding:0 1rem 1rem;justify-content:space-between;line-height:1;& span:first-child{font-size:var(--font-size-xs);color:var(--text-muted)}.warning{cursor:pointer}}.search-in{display:flex;align-items:center;border:solid 1px transparent;.icon{cursor:pointer}& input{background-color:var(--background-color-secondary)}&.active{background-color:var(--background-color);border-radius:var(--border-radius);border:solid 1px var(--accent);& input{width:120px;background-color:var(--background-color)}.icon{color:var(--accent)}}& input{padding:0;border:0;border-radius:0;width:0;transition:width var(--transition);font-size:var(--font-size-xs)}}.action__item{display:flex;align-items:center;justify-content:center;position:relative;gap:.5rem;&.action__item--date-range{font-size:var(--font-size-xxs);color:var(--text-muted);text-transform:uppercase;& input{cursor:pointer}.action__content{display:flex;gap:.5rem;justify-content:center;align-items:center}}&.action__item--labels{.action__content{display:flex;gap:.5rem;border-radius:var(--border-radius);color:var(--text-muted);& span{font-size:var(--font-size-xxs);padding:.5rem;border-radius:var(--border-radius);text-transform:uppercase;transition:color var(--transition),background-color var(--transition);&.active,&:hover{cursor:pointer;background-color:var(--background-color);color:var(--text)}&.active{color:var(--accent);font-weight:600}}}}&:not(:last-child){padding-right:1rem;margin-right:.5rem;&:after{content:"";position:absolute;top:10%;bottom:10%;right:0;background-color:var(--border-color);width:1px}}& input{padding:.4rem 1rem}.action__label{font-size:var(--font-size-xxs);text-transform:uppercase;.text{color:var(--text-secondary)}}.dropdown__selected{font-size:var(--font-size-sm);font-weight:400}}}}@layer components{body.modal--opened{overflow:hidden;.modal{background:#000000b3;.modal__content{opacity:1;transform:scale(1)}}}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:900;will-change:background-color;transition:background-color var(--transition);&.modal--medium-size{.modal__content{width:21.875rem}}&.modal--big-size{@media (min-width: 70rem){.modal__content{width:75rem}}}&.modal--medium-size{&.transactions,&.scheduled-transactions{.grid__row{border:none!important;padding:0 .5rem 0 0!important;margin:0!important}}}&.note{& textarea{min-height:12rem}}&.move-to-modal{.modal__body{overflow:visible}.dropdown__selected{width:235px;.text{margin-right:auto}}.dropdown__content{width:235px;max-height:200px}.dropdown__item{padding-left:calc(.5rem + var(--depth, 0) * .5rem)}& form{flex-direction:row;gap:1rem;justify-content:center}& label{text-align:center}}&.archive{.modal__body{overflow:visible}.dropdown__content{max-height:200px}& form{flex-direction:row;gap:1rem;justify-content:center}& label{text-align:center}}&.cal--filters{.form__group:first-child{margin-bottom:1rem}.form__group:last-child{max-height:18.75rem;min-height:7rem}}.modal__content{width:100%;max-width:95vw;max-height:80dvh;border-radius:var(--border-radius);border:1px solid var(--modal-border-color);box-shadow:var(--modal-box-shadow);background:var(--modal-background);display:flex;flex-direction:column;will-change:transform,opacity;opacity:0;transform:scale(.6);transition:transform var(--transition),opacity var(--transition);padding:1rem}.modal__header{padding:0 1rem 1rem;justify-content:center;display:flex;font-size:var(--font-size-lg);font-family:var(--font-family-poppins)}.modal__body{flex-grow:1;height:100%;max-height:400px;overflow-x:hidden;overflow-y:auto;& p{font-size:var(--font-size-sm);padding-bottom:1rem;white-space:break-spaces}}.modal__footer{display:flex;gap:1rem;padding:1rem 0 0 1rem;justify-content:flex-end}}}@layer components{#snackbar{position:fixed;top:50px;left:50%;transform:translate(-50%,-100%);opacity:0;max-width:100%;width:calc(100% - 2rem);@media (min-width: 30.063rem){width:auto;min-width:20rem;max-width:25rem}background-color:var(--background-color-secondary);border:solid 1px var(--snackbar-border-color);border-radius:var(--border-radius);box-shadow:var(--snackbar-box-shadow);font-size:var(--font-size-sm);color:var(--text)!important;will-change:transform,opacity;transition:opacity var(--transition, .3s ease),transform var(--transition, .3s ease);pointer-events:none;z-index:999999;display:flex;gap:1rem;align-items:center;padding:0 1rem;&.show{transform:translate(-50%);opacity:1;pointer-events:auto}&.success{& span:first-child{color:var(--text-positive-color)}}&.error{& span:first-child{color:var(--text-negative-color)}}&.warning{& span:first-child{color:var(--text-warning-color)}}& p{padding:.85rem 0;margin:0;display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1}.icon--remove{cursor:pointer;&:hover{color:var(--text)}}}}@layer components{.pills-container{display:flex;flex-wrap:wrap;gap:1rem;max-height:20rem;overflow:auto;min-height:1rem;& input{display:none}.pill-box{display:flex;flex-direction:column;min-width:0;cursor:pointer;padding:.5rem 1.2rem;will-change:color,background-color;transition:color var(--transition),background-color var(--transition);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;border-radius:2rem;border:solid 1px var(--border-color);line-height:1.2;-webkit-user-select:none;user-select:none;max-width:200px;&.pill-box--active{background-color:var(--hover-color);color:var(--accent)}&.pill-box--archived{opacity:.5}&:hover{background-color:var(--hover-color)}}}.pill-box{& span:first-child{font-size:var(--font-size-sm)}& span:last-child{font-size:var(--font-size-xxs);color:var(--text-muted)}}}@layer components{.chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;border:solid 1px var(--border-color);border-radius:var(--border-radius);transition:border-color var(--transition);cursor:text;&:has(.chip){padding:.5rem 1rem;& input{padding:.5rem 0}}& input{border:none}.icon{width:1rem;height:1rem;&:hover{color:var(--danger)}}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;background-color:var(--background-color-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:500;line-height:1.2;transition:background-color var(--transition),border-color var(--transition);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;&:hover{background-color:var(--hover-color)}&.chip--to-be-removed{border-color:var(--danger);.icon{color:var(--danger)}}}.chip__remove{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:#6366f1;font-size:1rem;line-height:1;padding:0;margin:0;cursor:pointer;border-radius:50%}.chip__remove:hover{color:#1e1b4b}}.chips:focus-within{border-color:var(--accent)}}@layer components{.sections{width:100%;max-width:40.625rem;position:relative;padding-left:2rem;display:flex;flex-direction:column;gap:1rem;&.sections--no-timeline{padding:0;max-width:56.25rem;&:before{content:unset}.section{&:before{content:unset}}}&:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:#ffffff14}& p{font-size:var(--font-size-sm)}.section{position:relative;&.section--status-processing{& h4{color:var(--accent)}&:before{background:var(--accent)}}&.section--status-completed{& h4{color:var(--text-positive-color)}&:before{background:var(--text-positive-color)}}&.section--status-failed{& h4{color:var(--danger)}&:before{background:var(--danger)}}&:not(:first-child){margin-top:1rem}& h4{margin-bottom:1rem;color:var(--text-muted)}& h6{text-transform:uppercase;letter-spacing:.063rem;color:var(--text-muted);font-size:var(--font-size-xs)}&:before{content:"";position:absolute;left:-31px;top:4px;width:15px;height:15px;border-radius:50%;background:#64748b;border:3px solid var(--background-color)}&.section--danger{& h4{color:var(--danger)}&:before{background:var(--danger)}}&.section--blue{& h4{color:var(--accent)}&:before{background:var(--accent)}}}.summary{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding-top:1rem;@media (max-width: 37.5rem){grid-template-columns:1fr}.title{color:var(--text-secondary);font-size:var(--font-size-sm)}.value{font-size:var(--font-size-h2);font-weight:700}.subtitle{color:var(--text-muted);font-size:var(--font-size-xs)}.income,.expenses{position:relative;padding-left:1rem;&:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:2px}}.income{&:before{background-color:var(--text-positive-color)}}.expenses{&:before{background-color:var(--text-negative-color)}}}.overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;padding-top:1rem;.item{display:flex;align-items:center;position:relative;gap:1rem;padding-bottom:.5rem;.icon{width:1.375rem;height:1.375rem}}.stats{display:flex;flex-direction:column;& span:first-child{font-weight:700}& span:last-child{color:var(--text-muted);font-size:var(--font-size-xs)}}}.profile-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));column-gap:2rem;padding-top:1rem;font-size:var(--font-size-xs);.row{display:flex;align-items:center;position:relative;gap:1rem;padding:.5rem 0;justify-content:space-between}.key{display:flex;align-items:center;gap:.5rem;color:var(--text-muted)}.value{color:var(--text);font-weight:600}}}}@layer components{.badge{font-size:var(--font-size-xs);padding:3px 10px;border-radius:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;&.badge--small{&.badge--over{box-shadow:unset}}&.badge--normal{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}&.badge--warning{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}&.badge--over{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3);box-shadow:0 0 10px #ef44444d}&.badge--done{background:#ffffff0f;color:var(--text-muted);border:1px solid rgba(255,255,255,.12)}&.badge--available{background:#50c3f726;color:#50c3f7;border:1px solid rgba(80,195,247,.3)}&.badge--weekend-dist{background:#a855f726;color:#a855f7;border:1px solid rgba(168,85,247,.3)}&.badge--concentration{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}}}@layer components{.grid{width:100%;position:relative;container-type:inline-size;container-name:grid-container;.grid__cell--center{text-align:center;justify-content:center;align-items:center}.grid__header{border-top:solid 1px var(--border-color);border-bottom:solid 1px var(--border-color);text-transform:uppercase;color:var(--text-secondary);font-size:var(--font-size-xxs);background-color:var(--background-color);position:sticky;top:0;z-index:5}.grid__content{display:flex;flex-direction:column;&.grid__content--loading{animation:pulse 1s ease-in-out infinite}}.grid__header,.grid__row{display:grid;grid-template-columns:1.5fr .9fr .9fr .9fr .9fr .9fr .7fr .7fr;align-items:center;padding:.75rem 1rem;gap:1rem;white-space:nowrap}.grid__row{font-size:var(--font-size-sm);position:relative;&.grid__row--no-results{display:flex!important;justify-content:center!important;border:none!important;background:none!important}}.grid__cell{display:flex;width:100%;min-width:0}.grid__cell--name{padding-left:calc(var(--depth, 0) * 1rem)}.grid__cell--num{text-align:right;justify-content:flex-end;font-variant-numeric:tabular-nums}.grid__cell--amount>span{padding-right:2rem}.grid__cell--muted{color:var(--text-muted)}.grid__cell--empty{color:var(--text-muted)!important;font-weight:400!important;opacity:.4}.grid__cell--options>div{display:flex;gap:1rem;justify-content:end;& button{padding:0}}.grid__cell--toggle{display:flex;justify-content:center;align-items:center}.grid__cell--right{text-align:right}.grid__cell--progress{display:flex;align-items:center;justify-content:center;position:relative;height:24px;border-radius:6px;background:var(--background-color);overflow:hidden;font-size:.75rem;font-variant-numeric:tabular-nums;&:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;z-index:1;pointer-events:none}.grid__progress--fill{position:absolute;top:0;left:0;bottom:0;width:var(--progress-bar-progress);&.grid__progress--fill--initial-animation{animation:fill-up-progress-bar var(--progress-bar-animation-time) cubic-bezier(.4,0,.2,1) forwards}will-change:transform;transform-origin:left;border-radius:6px 0 0 6px;z-index:2;transition:width var(--transition);background:#22c55e73;&.grid__progress--fill-over{background:#dc262673}}.grid__progress--text{position:relative;z-index:3;font-weight:500;color:var(--text)}}&.grid--container-for-scheduled-transactions{container-name:scheduled-transactions-list}&.grid--use-container{@container grid-container (max-width: 45.625rem),scheduled-transactions-list (max-width: 55rem){.grid__header{display:none}.grid__cell--amount>span{padding-right:0!important}.grid__row{display:flex;flex-direction:column;padding:1rem;margin-bottom:.75rem;background-color:var(--background-color-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);gap:0;&:after{all:unset!important}>.grid__cell{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:right;position:relative;padding:.6rem 0;&:first-child{font-weight:600;padding-top:0;padding-bottom:.75rem;margin-bottom:.25rem}&:first-child:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to right,#3b3d3e00,#3b3d3ecc 30% 70%,#3b3d3e00)}&:before{content:attr(data-label);font-family:var(--font-family-poppins);text-transform:uppercase;color:var(--text-secondary);font-size:var(--font-size-xxs);text-align:left;margin-right:1rem}}}:where(.modal__content) &{.grid__row{border:none!important;padding:.5rem!important;margin:0 0 2rem!important;border-radius:0!important}}}}}}@layer components{.action__bar{display:flex;flex-direction:column;width:100%;background-color:var(--background-color-secondary);border-radius:var(--border-radius);border:solid 1px var(--border-color);padding:.7rem;gap:.5rem;margin-bottom:1rem;container-type:inline-size;container-name:action-bar;&.action__bar--no-bottom-margin{margin-bottom:0}&.action__bar--no-sticky{position:unset;isolation:unset}.action__bar_overlay{height:1rem;background-color:var(--background-color);position:absolute;left:-.5rem;right:-.5rem;bottom:-1.05rem;box-shadow:0 2px 0 0 var(--background-color);z-index:-1}.action__group{gap:1rem;display:grid;grid-auto-rows:1fr;&.action__group--separator{border-bottom:solid 1px var(--border-color);padding-bottom:.5rem}}.action__item{.dropdown__selected{min-width:12rem;justify-content:space-between}&.action__item--search,&.action__item--date-range{& button{position:absolute;right:0;&:hover{.icon{color:var(--text)}}}}&.action__item--period-picker{display:flex;gap:.5rem;min-width:10rem;.dropdown__selected{font-family:var(--font-family-poppins);font-weight:600;letter-spacing:.02em;min-width:0;@media (min-width: 64rem){width:12.5rem;justify-content:space-between}}#previous{.icon{transform:rotate(90deg)}}#next{.icon{transform:rotate(-90deg)}}}&.action__item--search{flex:1 1 auto;min-width:80px;display:flex;align-items:center;position:relative;& input{padding-right:3rem}& button{position:absolute;right:0}}&.action__item--labeled{display:flex;align-items:center;gap:.5rem;.action__label{text-transform:uppercase;font-size:var(--font-size-xxs);color:var(--text-muted)}}&.action__item--left-auto{margin-left:auto}}.action__item--clear-filters{margin-left:auto;display:flex;& button{display:flex;gap:.5rem;font-weight:400;font-size:var(--font-size-sm);color:var(--accent);text-wrap:nowrap;.icon{color:var(--accent)}}}.action__item--date-range{display:flex;align-items:center;border-radius:var(--border-radius);border:solid 1px var(--border-color);background-color:var(--background-color);color:var(--text-muted);transition:border var(--transition);position:relative;&:has(input:focus){border:solid 1px var(--accent)}& input{border:0;cursor:pointer}& button{background-color:var(--background-color)}}.segments{display:flex;gap:.5rem;color:var(--text-muted);font-size:var(--font-size-xxs);text-transform:uppercase;background-color:var(--background-color);border-radius:var(--border-radius);border:solid 1px var(--border-color);& span{padding:.5rem;transition:color var(--transition),background-color var(--transition);border-radius:var(--border-radius);&.active,&:hover{cursor:pointer;background-color:var(--background-color);color:var(--text)}&.active{background-color:var(--background-color-secondary)}}}@container action-bar (min-width: 44rem){.action__group{display:flex}}}@container main-container (min-width: 47rem){.action__bar{position:sticky;top:var(--header-height);z-index:8;isolation:isolate}}}@layer utilities{.text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-bold{font-weight:600}}@layer utilities{.positive{color:var(--text-positive-color)}.negative{color:var(--text-negative-color)}.available{color:var(--accent)}.warning{color:var(--btn-warning-hover)}.secondary-text{color:var(--text-secondary)}}@layer utilities{@property --fade-color{syntax: "<color>"; initial-value: rgba(59,61,62,.8); inherits: false;}@property --fade-outer{syntax: "<color>"; initial-value: rgba(59,61,62,0); inherits: false;}.border-line{&:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to right,var(--fade-outer) 0%,var(--fade-color) 30%,var(--fade-color) 70%,var(--fade-outer) 100%);transition:--fade-color var(--transition),--fade-outer var(--transition)}&.border-line--left-to-right:after{background:linear-gradient(to right,var(--fade-color) 0%,var(--fade-color) 70%,var(--fade-outer) 100%)}&:not(.border-line--no-hover):hover:after{--fade-color: rgba(80, 195, 247, .8);--fade-outer: rgba(80, 195, 247, 0)}&:last-child:after{display:none}&.border-line--all{&:last-child:after{display:inherit}}}}@layer utilities{.float-left{float:left}.float-right{float:right}.inactive-element{opacity:.5}.margin-left-auto{margin-left:auto}}@layer utilities{#chart_dashboard_overview{.icon{width:10rem;height:10rem}}.no_results{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;padding:1rem;gap:1rem;.icon{width:12.5rem;height:12.5rem}& h4{color:var(--text-secondary)}& p{color:var(--text-muted)}}}@layer utilities{.hide-element{display:none}.invisible-element{height:0;overflow:hidden;margin:0;padding:0;border:none}.disabled-element{pointer-events:none;opacity:.2}}