:root{--font-family-base: "Quicksand", sans-serif;--gray-1: rgb(248 , 249, 250);--gray-2: rgb(233, 236, 239);--gray-3: rgb(222, 226, 230);--gray-4: rgb(206, 212, 218);--gray-5: rgb(173, 181, 189);--gray-6: rgb(108, 117, 125);--gray-7: rgb(73, 80, 87);--gray-8: rgb(52, 58, 64);--gray-9: rgb(33, 37, 41);--font-size-xs: 1.2rem;--font-size-sm: 1.5rem;--font-size-md: 1.7rem;--font-size-lg: 2rem;--font-size-xl: 2rem;--font-size-2xl: 2.2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 2.7rem;--font-size-5xl: 2.9rem}*{margin:0}@font-face{font-family:Quicksand;src:url(/assets/quicksand-C5RR3OjZ.ttf) format("truetype")}html{font-size:12px}body{font-family:var(--font-family-base),sans-serif;color:var(--gray-9);background-color:var(--gray-1)}.header-container{background-color:#fff;color:var(--primary-text-color);display:flex;flex-direction:row;align-items:center;padding:20px;box-shadow:0 0 10px #0000000d}.header-avatar{display:flex;margin-left:auto;min-width:32px}.header-items{display:flex;list-style-type:none;gap:30px}.header-item{padding:0;margin:0;text-align:left}.header-item-icon>svg{margin-top:7px;font-size:20pt}.header-item-label{font-size:14pt;font-weight:700}.header-item a.active{color:var(--gray-9)}.header-item a{text-decoration:none;color:var(--gray-6)}.header-hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--gray-7);margin-left:auto}.header-hamburger:hover{color:var(--gray-9)}.header-hamburger>svg{font-size:24pt}.header-drawer .ant-drawer-header,.header-drawer .ant-drawer-body{font-family:var(--font-family-base)}.header-drawer-items{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.header-drawer-items .header-item{padding:12px 16px;border-radius:8px}.header-drawer-items .header-item:hover{background-color:var(--gray-1)}.header-drawer-items .header-item-label{display:block}.header-drawer-items .header-item-icon>svg{font-size:18pt;margin-top:0}@media(max-width:1080px){.header-hamburger{display:flex;align-items:center}.header-items{display:none}}.layout-content{margin-top:10px;margin-bottom:10px;padding:10px 20px}footer{text-align:center;font-size:var(--font-size-sm);color:var(--gray-5);margin-top:10px;margin-bottom:30px}.page-loader-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.page-loader-spinner{font-size:var(--font-size-5xl)!important;color:#000}.logo{font-size:var(--font-size-3xl);font-weight:bolder}.container{display:flex;flex-direction:column;gap:1rem;padding:2rem;margin:0 auto;background-color:#fff;box-shadow:0 0 10px #0000000d}.container-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.container-extra{display:flex;align-items:center}.container-summary{display:none;font-size:var(--font-size-sm);color:var(--gray-6)}.container-summary-short{font-size:var(--font-size-sm);color:var(--gray-6);display:flex}.container-title{font-size:var(--font-size-md)}.container-icon svg{font-size:var(--font-size-md);margin-top:.5rem}@media(min-width:640px){.container-title{font-size:var(--font-size-md)}.container-icon svg{font-size:var(--font-size-md)}.container-summary{display:none}.container-summary-short{font-size:var(--font-size-sm);display:flex}}@media(min-width:768px){.container-title{font-size:var(--font-size-md)}.container-icon svg{font-size:var(--font-size-md)}.container-summary{display:flex;font-size:var(--font-size-sm)}.container-summary-short{display:none}}@media(min-width:1024px){.container-icon{font-size:var(--font-size-md)}.container-icon svg{font-size:var(--font-size-md)}.container-summary{display:flex;font-size:var(--font-size-sm)}.container-summary-short{display:none}}.expense-preview{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}@media(min-width:768px){.expense-preview{flex-direction:row;gap:1.5rem}}.expense-content{flex:1;display:flex;flex-direction:column;gap:1rem}.expense-preview .ant-tabs,.expense-preview .ant-tag,.expense-preview .ant-empty,.expense-add .ant-form,.expense-add .ant-btn,.expense-add .ant-input,.expense-add .ant-input-number,.expense-add .ant-picker,.ant-dropdown-menu{font-family:var(--font-family-base)}.expense-tabs{margin-bottom:.5rem}.expense-tabs .ant-tabs-tab{color:var(--gray-6);font-size:var(--font-size-md)}.expense-tabs .ant-tabs-tab:hover,.expense-tabs .ant-tabs-tab:hover .ant-tabs-tab-btn{color:var(--gray-8)}.expense-tabs .ant-tabs-tab-active .ant-tabs-tab-btn,.expense-tabs .ant-tabs-tab-active:hover .ant-tabs-tab-btn,.expense-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--gray-9)!important}.expense-tabs .ant-tabs-tab-btn:focus,.expense-tabs .ant-tabs-tab-btn:active{color:inherit}.expense-tabs .ant-tabs-ink-bar{background:var(--gray-8)}.expense-tab-label{display:flex;align-items:center;gap:.5rem}.expense-tab-text{display:none}.expense-tag.ant-tag{display:inline-flex;align-items:center;gap:.25rem;border:none;font-family:var(--font-family-base);font-size:var(--font-size-sm)}.expense-tag--neutral{background:var(--gray-2);color:var(--gray-7)}.expense-tag--success{background:#d9f7be;color:#389e0d}.expense-tag--muted{background:var(--gray-2);color:var(--gray-6)}.expense-list{display:flex;flex-direction:column;gap:1.5rem}.expense-month-group{display:flex;flex-direction:column;gap:.75rem}.expense-month-header{font-size:var(--font-size-sm);color:var(--gray-6);text-transform:capitalize;border-bottom:1px solid var(--gray-2);padding-bottom:.5rem}.expense-items{display:flex;flex-direction:column;gap:.5rem}.expense-item{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:auto auto;gap:.5rem .75rem;padding:1rem;background:#fff;border-radius:8px;transition:background-color .3s ease-out}.expense-item:hover{background:var(--gray-1);cursor:pointer;transition:background-color .15s ease-in}.expense-item-icon{grid-row:span 2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border-radius:8px;font-size:var(--font-size-lg);color:var(--gray-7)}.expense-item-details{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;min-width:0}.expense-item-name{font-size:var(--font-size-sm);font-weight:500;color:var(--gray-9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-item-amount{font-size:var(--font-size-sm);font-weight:600;color:var(--gray-9);text-align:right}.expense-item-menu{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--gray-5);border-radius:4px;transition:color .2s ease,background-color .2s ease}.expense-item-menu:hover{color:var(--gray-7);background-color:var(--gray-2)}.expense-item-menu:active{color:var(--gray-8);background-color:var(--gray-3)}.expense-item-menu svg{font-size:var(--font-size-lg)}.expense-add{margin-top:1rem}.expense-add-title{font-size:var(--font-size-md);color:var(--gray-8);margin-bottom:1.5rem}.expense-add-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.expense-add-back{align-self:flex-start;padding-left:0}.expense-add-form{max-width:400px}.expense-type-grid{display:grid;grid-template-columns:1fr;gap:1rem}.expense-type-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--gray-1);border:2px solid var(--gray-2);border-radius:12px;cursor:pointer;transition:all .2s ease}.expense-type-card:hover{border-color:var(--gray-4);background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.expense-type-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;border-radius:12px;font-size:var(--font-size-xl);color:var(--gray-7);flex-shrink:0}.expense-type-card-content{display:flex;flex-direction:column;gap:.25rem}.expense-type-card-label{font-size:var(--font-size-sm);font-weight:600;color:var(--gray-9)}.expense-type-card-description{font-size:var(--font-size-xs);color:var(--gray-6)}@media(min-width:640px){.expense-tab-text{display:inline}.expense-type-grid{grid-template-columns:repeat(2,1fr)}.expense-item{grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr;align-items:center}.expense-item-icon{grid-row:1}}@media(min-width:768px){.expense-type-grid{grid-template-columns:repeat(3,1fr)}.expense-add-header{flex-direction:row;align-items:center;gap:1rem}.expense-add-title{margin-bottom:0}}@media(min-width:1024px){.expense-type-grid{grid-template-columns:repeat(5,1fr)}.expense-type-card{flex-direction:column;text-align:center;padding:1.5rem 1rem}.expense-type-card-content{align-items:center}}.expense-scan{display:flex;flex-direction:column;gap:16px}.scanner-region{width:100%;max-width:500px;margin:0 auto}.scanner-region video{border-radius:8px}.scan-result-card{max-width:500px;margin:0 auto;width:100%}.scan-result-text{word-break:break-all;white-space:pre-wrap;background:var(--color-bg-secondary, #f5f5f5);padding:12px;border-radius:6px;margin-bottom:0}.category-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}@media(min-width:640px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.category-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.category-card{display:flex;background:#fff;border-radius:8px;overflow:hidden;transition:background-color .3s ease-out}.category-card:hover{background:var(--gray-1);transition:background-color .15s ease-in}.category-card-color{width:6px;flex-shrink:0}.category-card-body{flex:1;display:flex;align-items:center;padding:1rem;min-width:0;gap:.75rem}.category-card-content{flex:1;min-width:0}.category-card-name{font-size:var(--font-size-sm);font-weight:500;color:var(--gray-9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-card-description{font-size:var(--font-size-xs);color:var(--gray-6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.25rem}.category-card-menu{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--gray-5);border-radius:4px;transition:color .2s ease,background-color .2s ease}.category-card-menu:hover{color:var(--gray-7);background-color:var(--gray-2)}.category-card-menu:active{color:var(--gray-8);background-color:var(--gray-3)}.category-card-menu svg{font-size:var(--font-size-lg)}.category-modal .ant-form,.category-modal .ant-btn,.category-modal .ant-input,.category-modal .ant-modal-title,.category-modal .ant-modal-body{font-family:var(--font-family-base)}.color-swatch-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.5rem}.color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.color-swatch:hover{transform:scale(1.15)}.color-swatch--active{border-color:var(--gray-8);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gray-8)}