@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_924af145-module__jnpHWW__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_924af145-module__jnpHWW__variable{--font-inter:"Inter","Inter Fallback"}
:root{--primary-font:"Inter",sans-serif;--primary-color:#08b16e;--secondary-color:#d5d5d5;--gray-color:#f9fafb;--btn-color:#dd3737;--error-color:#b31111;--primary-text:#111827;--secondary-text:#4b5563;--shadow:0 2px 10px #0000001a}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.dashboard-shell{background:var(--gray-color);min-height:100vh;display:flex}@media (max-width:480px){.dashboard-shell{flex-direction:column}}@media (max-width:768px){.dashboard-shell{flex-direction:column}}.dashboard-shell__sidebar{border-right:1px solid var(--secondary-color);z-index:100;background:#fff;flex-direction:column;width:260px;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}@media (max-width:768px){.dashboard-shell__sidebar{width:260px;transform:translate(-100%)}.dashboard-shell__sidebar--open{transform:translate(0)}}@media (max-width:480px){.dashboard-shell__sidebar{width:100%;max-width:300px;transform:translate(-100%)}.dashboard-shell__sidebar--open{transform:translate(0)}}.dashboard-shell__sidebar--collapsed{width:72px}@media (max-width:768px){.dashboard-shell__sidebar--collapsed{width:260px}}.dashboard-shell__main{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}@media (max-width:768px){.dashboard-shell__main{margin-left:0}}@media (max-width:480px){.dashboard-shell__main{margin-left:0}}.dashboard-shell__main--sidebar-collapsed{margin-left:72px}@media (max-width:768px){.dashboard-shell__main--sidebar-collapsed{margin-left:0}}.dashboard-shell__header{border-bottom:1px solid var(--secondary-color);z-index:90;background:#fff;justify-content:space-between;align-items:center;gap:16px;height:72px;padding:0 16px;display:flex;position:sticky;top:0}.dashboard-shell__content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px}@media (max-width:480px){.dashboard-shell__content{padding:16px}}.dashboard-shell__overlay{z-index:99;opacity:0;background:#0006;transition:opacity .2s;display:none;position:fixed;inset:0}@media (max-width:768px){.dashboard-shell__overlay--visible{opacity:1;display:block}}.dashboard-shell__hamburger{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;display:none}.dashboard-shell__hamburger span{background:var(--primary-text);border-radius:2px;width:24px;height:2px;transition:transform .12s,opacity .12s;display:block}@media (max-width:768px){.dashboard-shell__hamburger{display:flex}}.dashboard-shell__hamburger:hover{background:var(--gray-color)}.dashboard-shell__hamburger--active span:first-child{transform:translateY(7px)rotate(45deg)}.dashboard-shell__hamburger--active span:nth-child(2){opacity:0}.dashboard-shell__hamburger--active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.sidebar{flex-direction:column;height:100%;padding:16px 0;display:flex;overflow:hidden}.sidebar__logo{align-items:center;gap:12px;min-height:48px;margin-bottom:32px;padding:0 16px;display:flex}.sidebar__logo-icon{background:var(--primary-color);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar__logo-icon svg{fill:#fff;width:20px;height:20px}.sidebar__logo-text{color:var(--primary-text);white-space:nowrap;opacity:1;font-size:1.125rem;font-weight:600;transition:opacity .12s;overflow:hidden}.sidebar__logo--collapsed .sidebar__logo__text{opacity:0;width:0}.sidebar__nav{flex-direction:column;flex:1;gap:4px;padding:0 12px;display:flex;overflow-y:auto}.sidebar__link{color:var(--secondary-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:44px;padding:12px 16px;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex;position:relative}.sidebar__link:hover{background:var(--gray-color);color:var(--primary-text)}.sidebar__link-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar__link-icon svg{fill:currentColor;width:20px;height:20px}.sidebar__link-text{white-space:nowrap;opacity:1;transition:opacity .12s,width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar__link--active{color:var(--primary-color);background:#08b16e14}.sidebar__link--active:before{content:"";background:var(--primary-color);border-radius:0 3px 3px 0;width:3px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar__link--collapsed{justify-content:center;padding:12px}.sidebar__link--collapsed .sidebar__link-text{opacity:0;width:0}.sidebar__user{border-top:1px solid var(--secondary-color);align-items:center;gap:12px;margin-top:auto;padding:16px;display:flex}.sidebar__user-avatar{background:var(--primary-color);color:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:600;display:flex;overflow:hidden}.sidebar__user-avatar img{object-fit:cover;width:100%;height:100%}.sidebar__user-info{opacity:1;flex-direction:column;align-items:flex-start;gap:4px;transition:opacity .12s;display:flex}.sidebar__user-name{color:var(--primary-text);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.sidebar__user-email{color:var(--secondary-text);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.sidebar__user--collapsed{justify-content:center;padding:12px}.sidebar__user--collapsed .sidebar__user-info{opacity:0;width:0}.sidebar__toggle{border:1px solid var(--secondary-color);color:var(--secondary-text);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:40px;margin:12px;padding:12px;transition:background .12s,color .12s;display:flex}.sidebar__toggle:hover{background:var(--gray-color);color:var(--primary-text)}.sidebar__toggle svg{fill:currentColor;width:18px;height:18px;transition:transform .2s}.sidebar__toggle--collapsed svg{transform:rotate(180deg)}@media (max-width:768px){.sidebar__toggle{display:none}}.sidebar__link--active .sidebar__link-icon:after{content:"";background:var(--primary-color);border-radius:9999px;width:4px;height:4px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}@media (max-width:768px){.sidebar__link--active .sidebar__link-icon:after{display:none}}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;display:flex}@media (min-width:640px){.header{flex-wrap:nowrap;gap:16px;padding:16px}}.header__left{flex:0 auto;align-items:center;gap:12px;min-width:0;display:flex}@media (min-width:640px){.header__left{gap:16px}}.header__hamburger{width:40px;min-width:40px;height:40px;min-height:40px;color:var(--secondary-text);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s;display:flex}.header__hamburger svg{fill:currentColor;width:24px;height:24px}.header__hamburger:hover{background:var(--gray-color);color:var(--primary-text)}.header__hamburger:active{background:var(--gray-color)}@media (min-width:640px){.header__hamburger{display:none}}.header__title{color:var(--primary-text);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:1rem;font-weight:600;overflow:hidden}@media (min-width:640px){.header__title{font-size:1.25rem}}@media (min-width:1024px){.header__title{font-size:1.5rem}}@media (max-width:359px){.header__title{display:none}}.header__right{flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (min-width:640px){.header__right{gap:12px}}@media (min-width:1024px){.header__right{gap:16px}}.header__search{align-items:center;display:none;position:relative}@media (min-width:1024px){.header__search{display:flex}}.header__search-icon{width:18px;height:18px;fill:var(--secondary-text);pointer-events:none;position:absolute;left:12px}.header__search-input{border:1px solid var(--secondary-color);background:var(--gray-color);width:240px;color:var(--primary-text);border-radius:9999px;outline:none;padding:8px 12px 8px 40px;font-size:.875rem;transition:border-color .12s,box-shadow .12s}.header__search-input::placeholder{color:var(--secondary-text)}.header__search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #08b16e1a}.header__action{width:32px;min-width:32px;height:32px;min-height:32px;color:var(--secondary-text);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s;display:flex;position:relative}.header__action svg{fill:currentColor;width:20px;height:20px}.header__action:hover{background:var(--gray-color);color:var(--primary-text)}.header__action:active{background:var(--gray-color)}.header__action--primary{background:var(--primary-color);color:#fff;white-space:nowrap;gap:4px;width:auto;min-width:32px;padding:0 8px;font-size:.875rem;font-weight:500}@media (min-width:640px){.header__action--primary{gap:8px;padding:0 16px}}.header__action--primary:hover{background:var(--primary-color);filter:brightness(.9);color:#fff}.header__action--primary:active{filter:brightness(.85)}.header__action--primary svg{fill:#fff;width:18px;height:18px}.header__action-label{display:none}@media (min-width:640px){.header__action-label{display:inline}}.header__action-badge{background:var(--btn-color);border:2px solid #fff;border-radius:9999px;width:8px;height:8px;position:absolute;top:6px;right:6px}.header__profile-container{flex-shrink:0;display:flex;position:relative}.header__profile{cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;gap:4px;min-width:36px;min-height:36px;padding:4px 8px;transition:background .12s;display:flex}@media (min-width:640px){.header__profile{gap:8px;padding:4px 12px}}.header__profile:hover,.header__profile:active{background:var(--gray-color)}.header__profile-avatar{background:var(--primary-color);color:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:600;display:flex;overflow:hidden}.header__profile-avatar img{object-fit:cover;width:100%;height:100%}.header__profile-name{color:var(--primary-text);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.875rem;font-weight:500;display:none;overflow:hidden}@media (min-width:640px){.header__profile-name{max-width:150px;display:inline}}@media (min-width:1024px){.header__profile-name{max-width:200px}}.header__profile svg:last-child{width:16px;height:16px;fill:var(--secondary-text);flex-shrink:0;transition:transform .12s;display:none}@media (min-width:640px){.header__profile svg:last-child{display:block}}.header__profile--open svg:last-child{transform:rotate(180deg)}.profile-menu{border:1px solid var(--secondary-color);z-index:1000;opacity:0;visibility:hidden;background:#fff;border-radius:12px;min-width:200px;padding:8px;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-8px);box-shadow:0 8px 24px #0000001f}@media (max-width:639px){.profile-menu{min-width:180px}}.profile-menu--open{opacity:1;visibility:visible;transform:translateY(0)}.profile-menu__item{color:var(--primary-text);cursor:pointer;text-align:left;touch-action:manipulation;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:40px;padding:8px 12px;font-size:.875rem;transition:background .12s,color .12s;display:flex}.profile-menu__item:hover{background:var(--gray-color);color:var(--primary-text)}.profile-menu__item:active{background:var(--gray-color)}.profile-menu__item--danger{color:var(--btn-color)}.profile-menu__item--danger:hover{background:#e74c3c1a}.profile-menu__item svg{fill:currentColor;flex-shrink:0;width:18px;height:18px}.profile-menu__divider{background:var(--secondary-color);height:1px;margin:8px 0}.month-selector{order:3;justify-content:center;align-items:center;gap:4px;width:100%;margin-top:8px;display:flex}@media (min-width:640px){.month-selector{flex:1;order:2;justify-content:center;gap:8px;width:auto;margin-top:0}}@media (min-width:1024px){.month-selector{gap:12px}}.month-selector__btn{border:1px solid var(--secondary-color);width:32px;min-width:32px;height:32px;min-height:32px;color:var(--secondary-text);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .12s,border-color .12s,color .12s;display:flex}@media (min-width:640px){.month-selector__btn{width:40px;min-width:40px;height:40px;min-height:40px}}.month-selector__btn:hover:not(:disabled){background:var(--gray-color);border-color:var(--primary-color);color:var(--primary-color)}.month-selector__btn:active:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff}.month-selector__btn:disabled{opacity:.4;cursor:not-allowed;background:0 0}.month-selector__btn svg{fill:currentColor;width:16px;height:16px}.month-selector__current{border:1px solid var(--secondary-color);color:var(--primary-text);cursor:pointer;text-align:center;touch-action:manipulation;appearance:none;background:#fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right 4px center/1.5em no-repeat;border-radius:8px;min-width:100px;padding:4px 16px 4px 8px;font-size:.75rem;font-weight:500;transition:border-color .12s,background .12s}@media (min-width:640px){.month-selector__current{min-width:130px;padding:8px 12px;font-size:.875rem}}@media (min-width:1024px){.month-selector__current{min-width:160px}}.month-selector__current:hover{border-color:var(--primary-color);background-color:var(--gray-color)}.month-selector__current:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-color:var(--primary-color)}.month-selector__current:active{border-color:var(--primary-color)}.month-selector__current option{color:var(--primary-text);background:#fff;padding:12px}@media (max-width:359px){.header{gap:8px;padding:8px}.header__left{gap:8px}.header__right{gap:4px}.header__action--primary{padding:0}.header__action--primary .header__action-label{display:none}.month-selector__current{min-width:85px;padding:4px;font-size:.7rem}.month-selector__btn{width:32px;min-width:32px;height:32px;min-height:32px}.month-selector__btn svg{width:14px;height:14px}.header__profile{padding:4px}}@media print{.header{display:none}}.kpi-grid{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}@media (max-width:480px){.kpi-grid{gap:12px}}.kpi-card{border:1px solid var(--secondary-color);background:#fff;border-radius:16px;flex-direction:column;flex:1;gap:12px;min-width:200px;padding:24px;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.kpi-card:before{content:"";background:var(--primary-color);height:4px;position:absolute;top:0;left:0;right:0}.kpi-card--success:before{background:var(--primary-color)}.kpi-card--warning:before{background:#f59e0b}.kpi-card--danger:before{background:var(--btn-color)}.kpi-card--neutral:before{background:var(--secondary-text)}.kpi-card__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.kpi-card__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.kpi-card__icon svg{fill:currentColor;width:20px;height:20px}.kpi-card__icon--primary{color:var(--primary-color);background:#08b16e1a}.kpi-card__icon--danger{color:var(--btn-color);background:#dd37371a}.kpi-card__icon--warning{color:#f59e0b;background:#f59e0b1a}.kpi-card__icon--neutral{background:var(--gray-color);color:var(--secondary-text)}.kpi-card__trend{border-radius:9999px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:500;display:flex}.kpi-card__trend svg{fill:currentColor;width:12px;height:12px}.kpi-card__trend--up{color:var(--btn-color);background:#dd37371a}.kpi-card__trend--down{color:var(--primary-color);background:#08b16e1a}.kpi-card__trend--neutral{background:var(--gray-color);color:var(--secondary-text)}.kpi-card__label{color:var(--secondary-text);margin:0;font-size:.875rem;font-weight:500}.kpi-card__value{color:var(--primary-text);margin:0;font-size:1.75rem;font-weight:700;line-height:1.2}@media (max-width:480px){.kpi-card__value{font-size:1.5rem}}.kpi-card__subtitle{color:var(--secondary-text);margin:0;font-size:.75rem}.kpi-card--spacer{flex-grow:1}.kpi-card--mini{min-width:140px;padding:16px}.kpi-card--mini .kpi-card__value{font-size:1.25rem}.kpi-card--mini .kpi-card__icon{width:32px;height:32px}.kpi-card--mini .kpi-card__icon svg{width:16px;height:16px}.charts-section{flex-direction:column;gap:24px;margin-bottom:24px;display:flex}.charts-section__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.charts-section__title{color:var(--primary-text);margin:0;font-size:1rem;font-weight:600}.chart-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:768px){.chart-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.chart-grid{grid-template-columns:1fr}}.chart-grid--2-cols{grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.chart-grid--2-cols{grid-template-columns:repeat(1,1fr)}}@media (max-width:480px){.chart-grid--2-cols{grid-template-columns:1fr}}.chart-card{border:1px solid var(--secondary-color);background:#fff;border-radius:16px;flex-direction:column;gap:16px;padding:24px;transition:box-shadow .12s;display:flex}.chart-card:hover{box-shadow:0 4px 12px #00000014}.chart-card__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.chart-card__title{color:var(--primary-text);margin:0;font-size:.875rem;font-weight:600}.chart-card__subtitle{color:var(--secondary-text);margin:0;font-size:.75rem}.chart-card__legend{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.chart-card__legend-item{color:var(--secondary-text);align-items:center;gap:4px;font-size:.75rem;display:flex}.chart-card__legend-dot{border-radius:9999px;width:8px;height:8px}.chart-card__content{flex:1;justify-content:center;align-items:center;min-height:200px;display:flex;position:relative}.chart-card__placeholder{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;min-height:180px;display:flex}.chart-card__placeholder-text{color:var(--secondary-text);font-size:.75rem}.chart-card__loading{color:var(--secondary-text);font-size:.875rem}.category-breakdown{flex-direction:column;gap:12px;display:flex}.category-breakdown__item{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:background .12s;display:flex}.category-breakdown__item:hover{background:var(--gray-color)}.category-breakdown__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.category-breakdown__icon svg{fill:currentColor;width:18px;height:18px}.category-breakdown__icon--food{color:var(--primary-color);background:#08b16e1a}.category-breakdown__icon--transport{color:#3b82f6;background:#3b82f61a}.category-breakdown__icon--shopping{color:#f59e0b;background:#f59e0b1a}.category-breakdown__icon--bills{color:var(--btn-color);background:#dd37371a}.category-breakdown__icon--entertainment{color:#8b5cf6;background:#8b5cf61a}.category-breakdown__icon--other{background:var(--gray-color);color:var(--secondary-text)}.category-breakdown__info{flex:1;min-width:0}.category-breakdown__name{color:var(--primary-text);font-size:.875rem;font-weight:500;display:block}.category-breakdown__count{color:var(--secondary-text);font-size:.75rem;display:block}.category-breakdown__amount{color:var(--primary-text);font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:600}.category-breakdown__percentage{color:var(--secondary-text);text-align:right;min-width:36px;font-size:.75rem;font-weight:500}.category-breakdown__bar{background:var(--gray-color);border-radius:2px;width:100%;height:4px;overflow:hidden}.category-breakdown__bar-fill{background:var(--primary-color);border-radius:2px;height:100%;transition:width .2s}.expense-section{border:1px solid var(--secondary-color);background:#fff;border-radius:16px;flex-direction:column;gap:16px;display:flex;overflow:hidden}.expense-section__header{border-bottom:1px solid var(--secondary-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.expense-section__title{color:var(--primary-text);margin:0;font-size:1rem;font-weight:600}.expense-section__controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.expense-section__search{align-items:center;display:flex;position:relative}@media (max-width:480px){.expense-section__search{order:3;width:100%}}.expense-section__search-icon{width:16px;height:16px;fill:var(--secondary-text);pointer-events:none;position:absolute;left:12px}.expense-section__search-input{border:1px solid var(--secondary-color);background:var(--gray-color);width:200px;color:var(--primary-text);border-radius:8px;outline:none;padding:8px 12px 8px 36px;font-size:.875rem;transition:border-color .12s,width .2s}@media (max-width:480px){.expense-section__search-input{width:100%}}.expense-section__search-input::placeholder{color:var(--secondary-text)}.expense-section__search-input:focus{border-color:var(--primary-color);width:240px}@media (max-width:480px){.expense-section__search-input:focus{width:100%}}.expense-section__filter{border:1px solid var(--secondary-color);background:var(--gray-color);color:var(--primary-text);cursor:pointer;border-radius:8px;outline:none;padding:8px 12px;font-size:.875rem;transition:border-color .12s}.expense-section__filter:focus{border-color:var(--primary-color)}@media (max-width:480px){.expense-section__filter{flex:1}}.expense-table{border-collapse:collapse;width:100%}.expense-table__head{background:var(--gray-color)}.expense-table__head th{text-align:left;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--secondary-color);white-space:nowrap;padding:12px 16px;font-size:.75rem;font-weight:600}.expense-table__body tr{border-bottom:1px solid var(--secondary-color);transition:background .12s}.expense-table__body tr:hover{background:#08b16e05}.expense-table__body tr:last-child{border-bottom:none}.expense-table__body td{color:var(--primary-text);vertical-align:middle;padding:16px;font-size:.875rem}.expense-table__date{width:100px;color:var(--secondary-text);font-weight:500}.expense-table__name{min-width:150px;font-weight:500}.expense-table__category{width:120px}.expense-table__amount{text-align:right;font-variant-numeric:tabular-nums;width:120px;font-weight:600}.expense-table__actions{text-align:right;width:100px}.expense-table__badge{color:var(--primary-color);background:#08b16e1a;border-radius:9999px;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.expense-table__amount--income{color:var(--primary-color)}.expense-table__amount--expense{color:var(--btn-color)}.expense-table__btn{width:32px;height:32px;color:var(--secondary-text);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.expense-table__btn svg{fill:currentColor;width:16px;height:16px}.expense-table__btn:hover{background:var(--gray-color)}.expense-table__btn--edit:hover{color:var(--primary-color)}.expense-table__btn--delete:hover{color:var(--btn-color)}@media (max-width:768px){.expense-table{display:none}}.expense-cards{flex-direction:column;gap:12px;padding:16px;display:none}@media (max-width:768px){.expense-cards{display:flex}}.expense-cards__item{background:var(--gray-color);border:1px solid var(--secondary-color);border-radius:12px;flex-direction:column;gap:8px;padding:16px;transition:transform .12s,box-shadow .12s;display:flex}.expense-cards__item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.expense-cards__header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.expense-cards__info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.expense-cards__name{color:var(--primary-text);font-size:.9375rem;font-weight:500}.expense-cards__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.expense-cards__date{color:var(--secondary-text);font-size:.75rem}.expense-cards__amount{color:var(--btn-color);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:600}.expense-cards__category{color:var(--primary-color);background:#08b16e1a;border-radius:9999px;align-items:center;padding:4px 8px;font-size:.6875rem;font-weight:500;display:inline-flex}.expense-cards__actions{border-top:1px solid var(--secondary-color);align-items:center;gap:8px;margin-top:4px;padding-top:8px;display:flex}.expense-cards__btn{border:1px solid var(--secondary-color);color:var(--secondary-text);cursor:pointer;background:#fff;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-size:.8125rem;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:flex}.expense-cards__btn svg{fill:currentColor;width:14px;height:14px}.expense-cards__btn--edit:hover{border-color:var(--primary-color);color:var(--primary-color)}.expense-cards__btn--delete:hover{border-color:var(--btn-color);color:var(--btn-color)}.modal{z-index:300;opacity:0;visibility:hidden;justify-content:center;align-items:center;padding:16px;transition:opacity .2s,visibility .2s;display:flex;position:fixed;inset:0}.modal--open{opacity:1;visibility:visible}.modal--open .modal__content{opacity:1;transform:translateY(0)scale(1)}.modal__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:absolute;inset:0}.modal__content{opacity:0;background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;transform:translateY(20px)scale(.95);box-shadow:0 20px 50px #0003}.modal__header{border-bottom:1px solid var(--secondary-color);justify-content:space-between;align-items:center;gap:12px;padding:24px;display:flex}.modal__title{color:var(--primary-text);margin:0;font-size:1.125rem;font-weight:600}.modal__close{width:36px;height:36px;color:var(--secondary-text);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.modal__close svg{fill:currentColor;width:20px;height:20px}.modal__close:hover{background:var(--gray-color);color:var(--primary-text)}.modal__body{flex:1;padding:24px;overflow-y:auto}.modal__footer{border-top:1px solid var(--secondary-color);background:var(--gray-color);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.expense-form{flex-direction:column;gap:16px;display:flex}.expense-form__group{flex-direction:column;gap:8px;display:flex}.expense-form__label{color:var(--primary-text);font-size:.875rem;font-weight:500}.expense-form__input-wrap{align-items:center;display:flex;position:relative}.expense-form__input{border:1px solid var(--secondary-color);width:100%;color:var(--primary-text);background:#fff;border-radius:12px;outline:none;padding:12px 16px;font-size:.9375rem;transition:border-color .12s,box-shadow .12s}.expense-form__input::placeholder{color:var(--secondary-text)}.expense-form__input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #08b16e1a}.expense-form__input--error{border-color:var(--error-color)}.expense-form__input--error:focus{box-shadow:0 0 0 3px #b311111a}.expense-form__input[type=number]{font-variant-numeric:tabular-nums}.expense-form__prefix,.expense-form__suffix{color:var(--secondary-text);pointer-events:none;font-size:.9375rem;position:absolute}.expense-form__prefix{left:16px}.expense-form__suffix{right:16px}.expense-form__input--has-prefix{padding-left:40px}.expense-form__input--has-suffix{padding-right:40px}.expense-form__select{border:1px solid var(--secondary-color);width:100%;color:var(--primary-text);cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%234B5563' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E") right 12px center no-repeat;border-radius:12px;outline:none;padding:12px 40px 12px 16px;font-size:.9375rem;transition:border-color .12s,box-shadow .12s}.expense-form__select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #08b16e1a}.expense-form__row{gap:12px;display:flex}@media (max-width:480px){.expense-form__row{flex-direction:column}}.expense-form__row .expense-form__group{flex:1}.expense-form__error{color:var(--error-color);margin-top:4px;font-size:.75rem}.expense-form__btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9375rem;font-weight:500;transition:background .12s,transform .12s;display:inline-flex}.expense-form__btn:active{transform:scale(.98)}.expense-form__btn--primary{background:var(--primary-color);color:#fff}.expense-form__btn--primary:hover{background:#07995f}.expense-form__btn--secondary{background:var(--gray-color);color:var(--primary-text);border:1px solid var(--secondary-color)}.expense-form__btn--secondary:hover{background:#f0f2f5}.expense-form__btn--danger{background:var(--btn-color);color:#fff}.expense-form__btn--danger:hover{background:#d62424}.expense-form__btn--block{width:100%}.category-selector{flex-wrap:wrap;gap:8px;display:flex}.category-selector__chip{border:1px solid var(--secondary-color);color:var(--secondary-text);cursor:pointer;background:#fff;border-radius:9999px;align-items:center;gap:4px;padding:8px 12px;font-size:.8125rem;font-weight:500;transition:all .12s;display:inline-flex}.category-selector__chip:hover{border-color:var(--primary-color);color:var(--primary-color)}.category-selector__chip--active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.payment-methods{gap:8px;display:flex}.payment-methods__option{border:1px solid var(--secondary-color);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px;transition:all .12s;display:flex}.payment-methods__option svg{width:24px;height:24px;fill:var(--secondary-text);transition:fill .12s}.payment-methods__option span{color:var(--secondary-text);font-size:.75rem;font-weight:500}.payment-methods__option:hover{border-color:var(--primary-color)}.payment-methods__option--active{border-color:var(--primary-color);background:#08b16e0d}.payment-methods__option--active svg{fill:var(--primary-color)}.payment-methods__option--active span{color:var(--primary-color)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.empty-state__icon{background:var(--gray-color);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.empty-state__icon svg{width:40px;height:40px;fill:var(--secondary-color)}.empty-state__title{color:var(--primary-text);margin:0;font-size:1.125rem;font-weight:600}.empty-state__description{color:var(--secondary-text);max-width:320px;margin:0;font-size:.9375rem;line-height:1.5}.empty-state__action{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:12px 24px;font-size:.9375rem;font-weight:500;transition:background .12s,transform .12s;display:inline-flex}.empty-state__action svg{fill:currentColor;width:18px;height:18px}.empty-state__action:hover{background:#07995f}.empty-state__action:active{transform:scale(.98)}.empty-state--compact{padding:24px 16px}.empty-state--compact .empty-state__icon{width:48px;height:48px}.empty-state--compact .empty-state__icon svg{width:24px;height:24px}.empty-state--compact .empty-state__title{font-size:.9375rem}.empty-state--compact .empty-state__description{font-size:.8125rem}.loading-skeleton{flex-direction:column;gap:12px;display:flex}.loading-skeleton__line{background:linear-gradient(90deg,var(--secondary-color)25%,#e5e7eb 50%,var(--secondary-color)75%);background-size:200% 100%;border-radius:8px;height:16px;animation:1.5s ease-in-out infinite skeleton-shimmer}.loading-skeleton__line--short{width:40%}.loading-skeleton__line--medium{width:70%}.loading-skeleton__line--long{width:100%}.loading-skeleton__circle{background:linear-gradient(90deg,var(--secondary-color)25%,#e5e7eb 50%,var(--secondary-color)75%);background-size:200% 100%;border-radius:9999px;width:40px;height:40px;animation:1.5s ease-in-out infinite skeleton-shimmer}.loading-skeleton__row{border-bottom:1px solid var(--secondary-color);align-items:center;gap:16px;padding:16px;display:flex}.loading-skeleton__row:last-child{border-bottom:none}.loading-skeleton__card{background:var(--gray-color);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.error-state__icon{background:#dd37371a;border-radius:9999px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.error-state__icon svg{width:32px;height:32px;fill:var(--btn-color)}.error-state__title{color:var(--primary-text);margin:0;font-size:1rem;font-weight:600}.error-state__message{color:var(--secondary-text);max-width:300px;margin:0;font-size:.875rem}.error-state__action{border:1px solid var(--secondary-color);color:var(--primary-text);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .12s;display:inline-flex}.error-state__action:hover{border-color:var(--primary-color);color:var(--primary-color)}.error-state__action:active{transform:scale(.98)}.toast{border:1px solid var(--secondary-color);z-index:400;opacity:0;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:16px 24px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(100px);box-shadow:0 8px 24px #00000026}.toast--visible{opacity:1;transform:translateY(0)}.toast--success{border-left:4px solid var(--primary-color)}.toast--error{border-left:4px solid var(--btn-color)}.toast__icon{flex-shrink:0;width:20px;height:20px}.toast__icon svg{width:100%;height:100%}.toast--success .toast__icon{fill:var(--primary-color)}.toast--error .toast__icon{fill:var(--btn-color)}.toast__message{color:var(--primary-text);flex:1;font-size:.875rem}.toast__close{width:24px;height:24px;color:var(--secondary-text);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .12s;display:flex}.toast__close svg{fill:currentColor;width:14px;height:14px}.toast__close:hover{background:var(--gray-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-stagger>*{animation:.4s backwards fadeInUp}.animate-stagger>:first-child{animation-delay:50ms}.animate-stagger>:nth-child(2){animation-delay:.1s}.animate-stagger>:nth-child(3){animation-delay:.15s}.animate-stagger>:nth-child(4){animation-delay:.2s}.animate-stagger>:nth-child(5){animation-delay:.25s}.animate-stagger>:nth-child(6){animation-delay:.3s}.animate-stagger>:nth-child(7){animation-delay:.35s}.animate-stagger>:nth-child(8){animation-delay:.4s}.animate-stagger>:nth-child(9){animation-delay:.45s}.animate-stagger>:nth-child(10){animation-delay:.5s}.animate-lift{transition:transform .12s,box-shadow .12s}.animate-lift:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.animate-scale{transition:transform .12s,box-shadow .12s}.animate-scale:hover{transform:scale(1.02)}.animate-scale:active{transform:scale(.98)}.animate-rotate{transition:transform .2s}.animate-rotate--180{transform:rotate(180deg)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.animate-pulse{animation:2s ease-in-out infinite pulse}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-bounce{animation:.6s ease-in-out bounce}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-shimmer{background:linear-gradient(90deg,var(--secondary-color)25%,#e5e7eb 50%,var(--secondary-color)75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.animate-focus{transition:box-shadow .12s}.animate-focus:focus{outline:none;box-shadow:0 0 0 3px #08b16e4d}.sidebar-animate{transition:width .3s cubic-bezier(.4,0,.2,1)}.sidebar-animate__icon{transition:transform .2s}.sidebar-animate--collapsed .sidebar-animate__icon{transform:rotate(180deg)}.modal-backdrop-animate{transition:opacity .2s}.modal-content-animate{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}@keyframes tabSlide{0%{transform:translate(0)}to{transform:translate(100%)}}.animate-tab-slide{position:relative}.animate-tab-slide:after{content:"";background:var(--primary-color);width:100%;height:2px;transition:transform .2s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.animate-tab-slide--active:after{transform:scaleX(1)}.transition-fast{transition-duration:.12s ease}.transition-normal{transition-duration:.2s ease}.transition-smooth{transition-duration:.3s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.animate-stagger>*,.animate-shimmer{animation:none}}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--primary-font);background:var(--gray-color);color:var(--primary-text);margin:0}button,input,select{font:inherit;color:inherit}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.ui-card{background:var(--gray-color);border:1px solid var(--secondary-color);box-shadow:var(--shadow);border-radius:14px}.ui-button{border:1px solid var(--secondary-color);background:var(--gray-color);color:var(--primary-text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:10px 14px;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex}.ui-button:active{transform:translateY(1px)}.ui-button:hover{box-shadow:var(--shadow)}.ui-button--primary{border-color:var(--primary-color);color:var(--primary-color)}.ui-button--danger{border-color:var(--btn-color);color:var(--btn-color)}.ui-button--solid-primary{background:var(--primary-color);border-color:var(--primary-color);color:var(--gray-color)}.ui-input{border:1px solid var(--secondary-color);background:var(--gray-color);border-radius:12px;align-items:center;gap:10px;min-height:42px;padding:10px 12px;display:flex}.ui-input__field{background:0 0;border:none;outline:none;width:100%}.ui-badge{border:1px solid var(--secondary-color);background:var(--gray-color);color:var(--secondary-text);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.ui-badge--success{border-color:var(--primary-color);color:var(--primary-color)}.ui-badge--danger{border-color:var(--btn-color);color:var(--btn-color)}