:root{--light-blue:#e5efff;--cta:#03bf4f;--cta-dark:#049c41;--light-grey:#f4f5f7;--dark-text:#001a33;--light-text:#72808e;--border:#e9ebed;--bgcolor:#f4f5f7;--grey-hover:#f4f5f7;--light-green:#e7f5ef;--light-red:#fbebe9;--header-height:64px;--error:#dc1f18;--red:#dc1f18;--bgdisabled:#eeeff2;--placeholder:#b9bdc1;--item-hover:#e6e8ea;--blue:#0068ff;--dark-blue:#004bb9}iframe{display:none!important}a{color:#0068ff;color:var(--blue);cursor:pointer;text-decoration:none}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/Inter-Regular.2391725004ae05a27e8e.ttf) format("truetype"),url(/static/media/Inter-Regular.085ae522432b59637108.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:300;src:url(/static/media/Inter-Regular.2391725004ae05a27e8e.ttf) format("truetype"),url(/static/media/Inter-Regular.085ae522432b59637108.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:url(/static/media/Inter-SemiBold.45b4c2ae493bb481102f.ttf) format("truetype"),url(/static/media/Inter-SemiBold.f125a803ce57ca3f1301.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/Inter-Bold.a73db89c43e44ca8f5e0.ttf) format("truetype"),url(/static/media/Inter-Bold.f075d328f5501078018d.woff) format("woff")}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;margin:0;padding:0;width:100%}b{font-weight:500}*{box-sizing:border-box}#app{height:100%}ul{list-style:disc none outside;list-style:initial}ol,ul{margin:0;padding-left:16px}iframe.innerDoc{height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:999}.cate-tab>div,.flx,.home .month-tabs>.mtab,.home .summary-row,.info-ico,.login--content>.category .cate-container,.modal,.modal-title,.report-page .title,.trans--content>.category .cate-container{display:flex}.cate-tab>div,.flx-1,.home .month-tabs>.mtab,.report-page .title>div{flex:1 1}.cate-tab>div,.flx-al-c,.home .month-tabs>.mtab,.home .summary-row,.info-ico,.login--content>.category .cate-container,.modal,.modal-title,.report-page .title>div,.trans--content>.category .cate-container{align-items:center}.cate-tab>div,.flx-center,.home .month-tabs>.mtab,.modal{justify-content:center}.flx-col{flex-direction:column}.cate-tab>div,.h100,.home .month-tabs>.mtab,.login--content>.category .cate-container,.trans--content>.category .cate-container{height:100%}.login--content>.category .cate-container,.trans--content>.category .cate-container,.w100{width:100%}.rel{position:relative}.abs{position:absolute}.banner a,.clickable{cursor:pointer}.container{margin:auto;max-width:960px!important}.trans-item--item .note,.truncate{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate-2{-webkit-line-clamp:2}.truncate-2,.truncate-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.truncate-3{-webkit-line-clamp:3}.margin-left-4{margin-left:4px}.margin-right-4{margin-right:4px}.margin-top-4{margin-top:4px}.margin-bottom-4{margin-bottom:4px}.margin-left-8{margin-left:8px}.margin-right-8{margin-right:8px}.margin-top-8{margin-top:8px}.margin-bottom-8{margin-bottom:8px}.margin-left-12{margin-left:12px}.margin-right-12{margin-right:12px}.margin-top-12{margin-top:12px}.margin-bottom-12{margin-bottom:12px}.margin-left-16{margin-left:16px}.margin-right-16{margin-right:16px}.margin-top-16{margin-top:16px}.margin-bottom-16{margin-bottom:16px}.margin-left-20{margin-left:20px}.margin-right-20{margin-right:20px}.margin-top-20{margin-top:20px}.margin-bottom-20{margin-bottom:20px}.margin-left-24{margin-left:24px}.margin-right-24{margin-right:24px}.margin-top-24{margin-top:24px}.margin-bottom-24{margin-bottom:24px}::-webkit-scrollbar{height:8px;width:8px}@media (max-width:420px){::-webkit-scrollbar{height:4px;width:4px}}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}.accordion-item{transition:all .3s}.accordion-item .accordion-title{cursor:pointer;font-size:18px;font-weight:500;line-height:22.4px;padding:30px 0}@media (max-width:768px){.accordion-item .accordion-title{font-size:16px}}.accordion-item .accordion-description{height:0;line-height:24px;overflow:hidden;padding-bottom:0;position:relative;transition:all .3s;white-space:pre-line}.accordion-item .accordion-description.expand{padding-bottom:30px}.accordion-item.dark-theme{border-bottom:1px solid #7d868f}.accordion-item:last-child{border-bottom:none}.modal{background:#00000080;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:all .3s;width:100vw;z-index:9999}.modal-content{background-color:#fff;border-radius:8px;max-height:calc(100% - 60px);max-width:calc(100% - 60px);overflow:hidden;padding:48px 24px 24px}@media (max-width:768px){.modal-content{padding:40px 16px 16px}}.modal-title{border:1px solid #e9ebed;border:1px solid var(--border);font-size:18px;font-weight:500;height:40px;left:0;line-height:1.3;overflow:hidden;padding:0 24px;position:absolute;top:0;width:100%}.modal-title>div{width:calc(100% - 8px)}@media (max-width:768px){.modal-title{padding:0 10px}.modal-title>div{width:calc(100% - 20px)}}.modal-footer{font-weight:500;height:88px;margin:0 0 -24px}.confirm-content{font-size:18px;line-height:1.5;margin-top:16px;max-width:100%;width:416px}.popover{background:#fff;border-radius:4px;box-shadow:0 2px 8px #00000040;display:none;height:fit-content;padding:4px 0;position:fixed;z-index:999}.popover.visible{display:block}.menu-item{color:#001a33;color:var(--dark-text);cursor:pointer;font-size:16px;height:32px;min-width:max-content;padding:0 16px}.menu-item:hover{background:#f4f5f7;background:var(--grey-hover)}@keyframes loadingAnim{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}to{transform:rotate(1turn);-webkit-transform:rotate(1turn)}}.loading{animation:loadingAnim 2s cubic-bezier(.4,0,.2,1) infinite;background:#0000;border:1px solid #0000;border-radius:50%;border-top-color:#0068ff;border-top:1px solid var(--blue);box-sizing:border-box;height:32px;position:relative;rotate:-45deg;width:32px}.loading.btn-loading{border-width:2px;height:24px;margin-right:8px;opacity:.75;width:24px}.page-loading{background:#00000080;height:100vh;left:0;position:absolute;top:0;transition:all .3s;width:100vw;z-index:999}.page-loading--content{background-color:#fff;border-radius:8px;padding:24px;width:160px}.page-loading--content .loading{border-width:3px;margin-bottom:12px}.link{color:#0068ff;color:var(--blue);cursor:pointer;height:fit-content}.banner,.link{font-size:16px}.banner{background:#e5efff;background:var(--light-blue);display:inline-block;line-height:1.5;margin-top:64px;margin-top:var(--header-height);padding:7px 0 9px;position:relative;text-align:center;top:0;width:100vw;z-index:1}.banner img{vertical-align:bottom}.banner+.subscription{height:calc(100% - 104px);padding-top:32px}.banner+.pricing{height:calc(100% - 104px);padding-top:64px}.banner+.billing-outer{height:calc(100% - 40px);margin-top:40px}.banner+.export-bill--page{height:calc(100vh - 40px);margin-top:40px}.back-header{font-size:28px;font-weight:500;margin-bottom:15px}.back-header>img{border-radius:50%;cursor:pointer;height:32px;margin-right:8px;width:32px}.back-header>img:hover{background-color:#e6e8ea;background-color:var(--item-hover)}input,select,textarea{font-family:Inter;font-size:16px!important;line-height:1.5}input:not([type=checkbox]),select:not([type=checkbox]),textarea:not([type=checkbox]){border:1px solid #e9ebed;border:1px solid var(--border);border-radius:4px;box-sizing:border-box;font-size:16px;height:40px;outline:none;padding:0 12px;width:100%}input:not([type=checkbox])::placeholder,select:not([type=checkbox])::placeholder,textarea:not([type=checkbox])::placeholder{color:#b9bdc1;color:var(--placeholder)}input:not([type=checkbox]):focus,select:not([type=checkbox]):focus,textarea:not([type=checkbox]):focus{border-color:#0068ff;border-color:var(--blue)}input[type=checkbox],select[type=checkbox],textarea[type=checkbox]{vertical-align:bottom}input[type=checkbox]+label,select[type=checkbox]+label,textarea[type=checkbox]+label{font-size:16px}input:disabled,select:disabled,textarea:disabled{background:#eeeff2;background:var(--bgdisabled);border:none}input.error,select.error,textarea.error{border-color:#dc1f18;border-color:var(--error)}textarea{height:64px;margin-bottom:-5px;min-height:64px;padding-top:8px!important;resize:none}.toast{background-color:#000c;border-radius:5px;box-shadow:0 2px 10px #0003;color:#fff;font-size:20px;left:50%;padding:16px 32px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.tip,.tooltip{background:#001a33;background:var(--dark-text);border-radius:6px;color:#fff;padding:12px}.arrow-left,.tooltip:before{border-bottom:10px solid #0000;border-right:10px solid #001a33;border-right:10px solid var(--dark-text);border-top:10px solid #0000;height:0;width:0}.arrow-top{border-bottom:10px solid #001a33;border-bottom:10px solid var(--dark-text);border-left:10px solid #0000;border-right:10px solid #0000;height:0;width:0}.tooltip{align-items:center;box-sizing:border-box;display:none;font-size:16px;left:34px;line-height:21px;max-width:274px;min-width:274px;position:absolute;top:-14px;transform:translateY(-10%);z-index:100}.tooltip:before{content:"";left:-7px;position:absolute;transform:translateY(50%)}@media (max-width:580px){.tooltip{left:0;min-width:240px;top:0;transform:translate(-50%,-110%);width:240px}.tooltip:before{border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid #001a33;border-top:10px solid var(--dark-text);bottom:-7px;content:"";height:0;left:50%;width:0}}.info-ico{cursor:pointer;margin-left:10px}.info-ico:hover .tooltip{display:block}.footer{background-color:#31465e;color:#fff;padding:0 32px;text-align:left;text-align:initial;width:100%}.footer-title{font-size:32px;font-weight:500;padding-top:32px;text-align:center}@media (max-width:768px){.footer-title{font-size:20px}}.footer-fbg{height:76px;margin:0 -30px;min-height:76px;width:calc(100% + 60px)}.footer-fbg>img{z-index:1}.footer-bg{height:76px;left:0;position:absolute;top:0;width:100%}.footer-container{color:#fff;font-size:16px;height:100%;max-width:960px;width:calc(100% - 60px);z-index:1}.header{background:#fff;box-shadow:0 2px 8px 0 #e9ebed;box-shadow:0 2px 8px 0 var(--border);height:64px;left:0;padding:0 60px;position:fixed;top:0;width:100%;z-index:2}.header-ava{background-color:#f4f5f7;background-color:var(--light-grey);border:1px solid #e9ebed;border:1px solid var(--border);border-radius:50%;height:40px;width:40px}@media (max-width:960px){.header{padding:0 30px}}.home{overflow-x:hidden;overflow-y:auto;padding-bottom:200px;padding-top:64px}.home .month-tabs{border-bottom:1px solid #e9ebed;border-bottom:1px solid var(--border);height:100px;margin:auto;max-width:960px;width:calc(100% - 60px)}.home .month-tabs--container{background-color:#fff;width:100%}.home .month-tabs>.mtab{border-bottom:2px solid #0000;cursor:pointer;font-size:20px;font-weight:500}.home .month-tabs>.mtab.current{border-color:#0068ff;border-color:var(--blue)}.home .month-tabs>.mtab:hover{background-color:#f4f5f7;background-color:var(--grey-hover)}@media (max-width:960px){.home .month-tabs>.mtab{display:none}.home .month-tabs{width:100%}}.home .summary{background-color:#fff;border-bottom:6px solid #e9ebed;border-bottom:6px solid var(--border);box-sizing:initial;padding:16px 0 0}.home .summary-row{height:32px;padding:0 16px}.home .summary-row.in{color:#0068ff;color:var(--blue)}.home .summary-row.out{color:#dc1f18;color:var(--red)}.home .summary-report{align-items:center;border-top:1px solid #f4f5f7;border-top:1px solid var(--light-grey);color:#03bf4f;color:var(--cta);cursor:pointer;display:flex;height:48px;justify-content:center;text-align:center}.trans-item{background-color:#fff;border-bottom:6px solid #e9ebed;border-bottom:6px solid var(--border);margin:auto;max-width:960px;padding:0 16px}.trans-item--header{color:#001a33;color:var(--dark-text);font-weight:500;height:56px}.trans-item--header .date{font-size:32px;margin-right:8px}.trans-item--header .weekday{margin-bottom:4px}.trans-item--header .month,.trans-item--header .weekday{color:#72808e;color:var(--light-text);font-size:16px;font-weight:400}.trans-item--item{background-color:#fff;border-bottom:1px solid #e9ebed;border-bottom:1px solid var(--border);cursor:pointer;height:80px;margin-right:-12px;padding:8px 12px;width:calc(100% + 16px)}.trans-item--item:last-child{border-bottom:none}.trans-item--item>img{border-radius:50%;height:48px;margin-right:12px;width:48px}.trans-item--item .title{font-weight:500;margin-right:8px;width:0}.trans-item--item .note{color:#72808e;color:var(--light-text);font-size:16px;font-weight:400;margin-top:2px}.trans-item--item>.stt>.amount{color:#0068ff;color:var(--blue);text-align:right}.trans-item--item>.stt>.amount.minus{color:#dc1f18;color:var(--red)}.trans-item--item>.stt>.note{text-align:right}.trans-item--item:hover{background-color:#f4f5f7;background-color:var(--grey-hover)}@media (max-width:960px){.trans-item--item{margin:0 0 0 -16px;padding:0 16px 0 32px}}.trans-item--sumup{font-size:15px;padding:12px 0;text-align:right}.trans-item--sumup div:not(:first-child){margin-top:4px}.search-total{background:#fff;border-top:1px solid #e9ebed;border-top:1px solid var(--border);bottom:0;box-sizing:border-box;padding:32px 16px;position:fixed;width:100%;z-index:1001}.login--page,.trans--page{background-color:#f4f5f7;background-color:var(--bgcolor);height:calc(100vh - 64px);margin-top:64px;overflow-x:hidden;overflow-y:auto;width:100vw}.login--content,.trans--content{background-color:#fff;border-radius:8px;margin:32px auto 0;max-width:calc(100% - 60px);padding:12px 24px;width:500px}.login--content>div,.trans--content>div{margin:0 0 16px}.login--content>.title{font-size:24px;font-weight:500;margin-bottom:20px}.login--content>.category,.trans--content>.category{border:1px solid #e9ebed;border:1px solid var(--border);border-radius:4px;height:40px;overflow:visible;padding:0 12px;z-index:2}.login--content>.category .cate-container>.cate-item,.trans--content>.category .cate-container>.cate-item{max-height:100%;padding:0;width:100%}.login--content>.category .cate-container>.cate-item:hover,.trans--content>.category .cate-container>.cate-item:hover{background-color:#fff}.login--content>.category .cate-menu,.trans--content>.category .cate-menu{background-color:#fff;border:1px solid #e9ebed;border:1px solid var(--border);border-radius:4px;height:360px;left:0;overflow-x:hidden;overflow-y:auto;position:absolute;top:40px;width:100%}.login--content>.category .cate-menu>input,.login--content>.category .cate-menu>textarea,.trans--content>.category .cate-menu>input,.trans--content>.category .cate-menu>textarea{margin-left:8px;margin-top:8px;width:calc(100% - 16px)}.login--content>.category .cate-item,.trans--content>.category .cate-item{background-color:#fff;cursor:pointer;height:48px;padding:0 12px}.login--content>.category .cate-item:hover,.trans--content>.category .cate-item:hover{background-color:#f4f5f7;background-color:var(--grey-hover)}.login--content>.category .cate-item>img,.trans--content>.category .cate-item>img{height:32px;margin-right:8px;width:32px}.cate-tab{height:48px;width:100%}.cate-tab>div{border-bottom:2px solid #f4f5f7;border-bottom:2px solid var(--light-grey);cursor:pointer;text-align:center}.cate-tab>div.selected{border-color:#0068ff;border-color:var(--blue)}.report-page{display:flex;height:calc(100vh - 64px);margin:64px auto 0;max-width:960px;overflow-x:hidden;overflow-y:auto;padding-bottom:200px;padding-top:32px;width:calc(100% - 60px)}.report-page--row .in{color:#0068ff;color:var(--blue)}.report-page--row .out{color:#dc1f18;color:var(--red)}.report-page--row.is-child{font-style:italic;padding-left:12px}.report-page--row.is-child .in,.report-page--row.is-child .out{color:#72808e;color:var(--light-text)}@media (max-width:960px){.report-page{flex-direction:column}.report-page .sep{display:none}}.report-page .title{font-size:24px;font-weight:500;margin-bottom:16px}.report-page .title>div{font-size:16px;font-weight:400;text-align:right}.report-page .sep{margin:0 8px;width:1px}
/*# sourceMappingURL=main.7424c69e.css.map*/