@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#fff;height:100vh;max-width:375px}.App .header-container{position:fixed;width:375px;z-index:11}.main{padding-top:380px}.main2{padding-top:168px}.main3{padding-top:78px;padding-top:0}.Header{align-items:center;background:#fff;display:flex;padding:25px 20px 20px;position:relative}.Header .logo{height:28px;left:50%;position:absolute;transform:translateX(-50%)}.Header .logo,.Header .menubar{cursor:pointer}.Header .sidebar{background-color:#fff;box-shadow:2px 0 5px #0000001a;height:100%;left:0;padding:20px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:300px;z-index:100}.Header .sidebar.open{transform:translateX(0)}.Header .sidebar ul{list-style:none;padding:0}.Header .sidebar li{align-items:center;cursor:pointer;display:flex;font-size:18px;gap:15px;margin:25px 0}.Header .overlay{background:#00000080;height:100%;left:0;position:fixed;top:0;width:375px;z-index:99}.TopNavigation{background:#fff;border-bottom:1px solid #d6d6d6;padding:0 16px}.TopNavigation ul{display:flex;justify-content:space-between}.TopNavigation li{text-align:center;width:25%}.TopNavigation a{color:#aaa;display:block;font-size:22px;font-weight:700;margin:auto;padding:18px 0 16px;text-decoration:none;width:95%}.TopNavigation a.active{border-bottom:4px solid #574bed;color:#222;font-weight:700}.BottomNavigation{background:#fff;border-top:1px solid #d6d6d6;bottom:0;height:73px;left:0;padding:0 27px;position:fixed;width:375px;z-index:10}.BottomNavigation ul{align-items:center;display:flex;justify-content:space-between}.BottomNavigation ul li{padding-top:13px}.BottomNavigation li img{display:inline-block}.BottomNavigation li a{display:block;font-size:12px;text-align:center}.BottomNavigation li a.active{color:#222;font-weight:700}.BottomNavigation li a.inactive{color:#aaa}.AccountDaily{background:#fff;padding-bottom:165px}.App{position:relative}.empty-data-wrapper{background-color:#f1f2f5;height:100vh;position:absolute;top:0;width:100%;z-index:9}.empty-data{color:#c6c6c6;position:relative;text-align:center;top:55%}.empty-data img{margin:15px auto;opacity:35%}.AccountDaily .data-daily{background:#fff;border-bottom:5px solid #f1f2f5;padding:0 20px}.AccountDaily .data-daily:last-child{border-bottom:none}.AccountDaily .data-daily-sum{align-items:center;border-bottom:1px solid #d6d6d6;display:flex;justify-content:space-between;padding:20px 0 25px}.AccountDaily .data-daily-sum h3{align-items:center;display:flex;flex:1 1;font-size:18px;font-weight:700}.AccountDaily .data-daily-sum h3 span{background:#efefef;border-radius:10px;color:#666;display:block;font-size:12px;font-weight:500;height:20px;margin-left:8px;margin-top:5px;text-align:center;width:20px}.AccountDaily .data-daily-sum p{display:flex;flex:1 1;text-align:right}.AccountDaily .data-daily-sum p>span{display:block;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:1rem}.AccountDaily .data-daily-item{align-items:center;display:flex;height:80px;justify-content:space-between}.AccountDaily .data-daily-item .icon img{height:33px;object-fit:cover;width:33px}.AccountDaily .data-daily-item-info{flex-grow:1;margin-left:20px}.AccountDaily .data-daily-item-info>div{align-items:center;display:flex;gap:7px}.AccountDaily .data-daily-item-info>div>p:first-of-type{font-size:14px}.AccountDaily .data-daily-item-info>div>.divider{background:#d6d6d6;height:14px;width:1px}.AccountDaily .data-daily-item-info>div>p:nth-of-type(2){font-size:14px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AccountDaily .data-daily-item-info>div p:nth-of-type(3){flex-grow:1;text-align:right}.AccountDaily .data-daily-item-info>p{color:#aaa;font-size:14px}.AccountMonth{background:#fff;font-size:15px;padding-bottom:165px}.AccountMonth .account-month-sum{align-items:center;background:#fff;border-bottom:1px solid #d6d6d6;cursor:pointer;display:flex;flex-wrap:wrap;height:90px;justify-content:space-between;padding:20px 34px 20px 20px;position:relative}.AccountMonth .account-month-sum h2{flex:1 1;font-size:16px}.AccountMonth .account-month-sum span{flex:1.4 1;text-align:right}.AccountMonth .account-month-sum p:nth-of-type(2){color:#aaa;flex-basis:100%;font-size:14px;margin-top:auto;text-align:right}.AccountMonth .account-month-sum .icon{position:absolute;right:16px;top:27px}.AccountMonth .account-month-item p:nth-of-type(2),.AccountMonth .account-month-sum span:first-of-type{color:#574bed}.AccountMonth .account-month-item p:nth-of-type(3),.AccountMonth .account-month-sum span:nth-of-type(2){color:#fa603a}.AccountMonth .account-month-item-wrapper{background:#f1f2f5;border-bottom:1px solid #d6d6d6;padding:0 20px}.AccountMonth .account-month-item{background:#f1f2f5;border-bottom:1px solid #e2e2e2;display:flex;flex-wrap:wrap;height:80px;justify-content:space-between;padding:16px 0}.AccountMonth .account-month-item:last-child{border-bottom:none}.AccountMonth .account-month-item p:nth-of-type(2),.AccountMonth .account-month-item p:nth-of-type(3){flex:1 1;text-align:right}.AccountMonth .account-month-item p:nth-of-type(4){color:#aaa;flex-basis:100%;font-size:14px;margin-top:auto;text-align:right}.AccountSettlement{background:#fff;padding-bottom:165px}.account-settlement-page h2{align-items:center;display:flex;font-size:20px;gap:3px;padding:30px 20px 0}.account-settlement-page .account-settlement-info{align-items:center;border-bottom:1px solid #d6d6d6;display:flex;justify-content:space-between;padding:25px 20px 20px}.account-settlement-page .account-settlement-info h3{font-size:18px}.account-settlement-page .account-settlement-info p{flex-grow:1;font-size:18px;margin-left:15px}.account-settlement-page .account-settlement-info button{background:#efefef;border:none;border-radius:12px;color:#666;cursor:pointer;font-size:16px;height:24px;width:55px}.account-settlement-page table{border-collapse:collapse;margin-top:30px;width:100%}.account-settlement-page td{padding:0 20px;text-align:left}.account-settlement-page tr:first-child td{padding-bottom:15px}.account-settlement-page tr:first-child td:first-child{font-size:18px;font-weight:700}.account-settlement-page tr:first-child td:last-child,.account-settlement-page tr:nth-child(3) td:last-child{text-align:right}.account-settlement-page tr:nth-child(3)>td{padding-bottom:30px;padding-top:10px}.account-settlement-page tr:nth-child(3)>td:first-child{color:#574bed}.account-settlement-edit{background:#fff;padding:10px 20px 20px}.account-settlement-edit h2{font-size:20px;margin-bottom:18px}.account-settlement-edit table{width:100%}.account-settlement-edit th{font-size:18px;padding-bottom:12px;text-align:left}.account-settlement-edit input{border:none;border-bottom:1px solid #d6d6d6;padding:8px 0;width:100%}.account-settlement-edit input:focus{border-bottom:1px solid #574bed;outline:none}.account-settlement-edit td{padding-bottom:10px}.account-settlement-edit button{background:#fff;border:1px solid #d6d6d6;border-radius:8px;font-size:18px;height:55px;margin-top:25px;width:calc(50% - 5px)}.account-settlement-edit button:nth-of-type(2){background:#574bed;border:none;color:#fff;margin-left:10px}.AccountCalender{background:#fff;margin:0 auto;padding-bottom:165px;width:100%}.AccountCalender .calendar-day-container{display:grid;grid-template-columns:repeat(7,1fr);padding:0 7px;text-align:center;width:100%}.AccountCalender .calendar-day{color:#666;font-size:15px;padding:20px 0 12px}.AccountCalender .calendar-body{grid-gap:5px 0;display:grid;gap:5px 0;grid-template-columns:repeat(7,1fr);padding:0 7px}.AccountCalender .calendar-cell{align-items:center;background-color:#fff;border-bottom:1px solid #efefef;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:100px;position:relative;text-align:center}.AccountCalender .calendar-cell:hover{background-color:#f9f9f9;cursor:pointer}.AccountCalender .calendar-date{font-size:15px;padding-top:4px}.AccountCalender .span{background:#574bed;border-radius:15px;color:#fff;height:30px;width:30px}.AccountCalender .calendar-expense,.AccountCalender .calendar-income,.AccountCalender .calendar-sum{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:3.4rem}.AccountCalender .calendar-income{color:#574bed;font-size:12px;margin-bottom:1px}.AccountCalender .calendar-expense{color:#fa603a;font-size:12px;margin-bottom:1px}.AccountCalender .calendar-sum{font-size:12px}.AccountCalender .money{position:absolute;top:37px}.WriteExpense{background:#fff;padding:25px 20px}.WriteExpense form input,.WriteExpense form select,.WriteExpense form textarea{border:none;border-bottom:1px solid #d6d6d6;padding:8px 0;width:100%}.WriteExpense .input-empty,.WriteExpense form input::placeholder,.WriteExpense form textarea::placeholder{color:#aaa}.WriteExpense .input-filled,.WriteExpense option{color:#222}.WriteExpense form div{height:70px;margin-bottom:10px}.WriteExpense form input:focus,.WriteExpense form select:focus,.WriteExpense form textarea:focus{outline:none}.WriteExpense form input:focus{border-bottom:1px solid #574bed}.WriteExpense button[type=submit]{background:#574bed;border-radius:8px;color:#fff;font-size:18px;height:55px;margin-top:25px;width:100%}.AccountWrite{background:#fff;height:100vh;position:relative}.AccountWrite button{background:none;border:none}.AccountWrite .title{padding:27px 20px 25px}.AccountWrite .title h2{left:50%;position:absolute;top:25px;transform:translateX(-50%)}.AccountWrite .button-wrapper{border-bottom:1px solid #d6d6d6;display:flex;gap:32px;justify-content:space-between;padding:0 16px}.AccountWrite .button-wrapper button{background:#fff;color:#aaa;display:block;flex-grow:1;font-size:22px;font-weight:700;height:55px}.AccountWrite .button-wrapper button.active{border-bottom:4px solid #574bed;color:#222}.Write .income-button{background-color:#574bed;border:none;border-radius:32px;bottom:90px;color:#fff;cursor:pointer;height:64px;left:290px;position:fixed;text-align:center;width:64px;z-index:10}.Write .income-button img{display:inline-block;line-height:32px}.StatisticsExpense{background:#fff;padding-bottom:73px}.StatisticsExpense .graph-wrapper{border-bottom:1px solid #d6d6d6;padding:55px 0 40px;position:relative}.recharts-wrapper{width:100%!important}.StatisticsExpense .expense-list{padding:0 16px}.StatisticsExpense .expense-list ul li{align-items:center;display:flex;height:80px;justify-content:space-between}.StatisticsExpense .expense-list ul li>div{align-items:center;display:flex;gap:13px}.StatisticsExpense .expense-list .color-dot{border-radius:7px;height:14px;width:14px}.StatisticsExpense .expense-list ul li .percent{color:#aaa;font-size:14px}.StatisticsExpense .expense-list ul li .expense{font-size:18px}.StatisticsExpense .click-data,.StatisticsExpense .click-data-default{left:50%;position:absolute;text-align:center;top:52%;transform:translate(-50%,-50%)}.StatisticsIncome{background:#fff;padding-bottom:73px}.StatisticsIncome .graph-wrapper{border-bottom:1px solid #d6d6d6;padding:55px 0 40px;position:relative}.StatisticsIncome .income-list{padding:0 16px}.StatisticsIncome .income-list ul li{align-items:center;display:flex;height:80px;justify-content:space-between}.StatisticsIncome .income-list ul li>div{align-items:center;display:flex;gap:13px}.StatisticsIncome .income-list .color-dot{border-radius:7px;height:14px;width:14px}.StatisticsIncome .income-list ul li .percent{color:#aaa;font-size:14px}.StatisticsIncome .income-list ul li .income{font-size:18px}.StatisticsIncome .click-data,.StatisticsIncome .click-data-default{left:50%;position:absolute;text-align:center;top:52%;transform:translate(-50%,-50%)}.StatisticsPage{background:#fff}.StatisticsPage .button-wrapper{border-bottom:1px solid #d6d6d6;display:flex;gap:32px;justify-content:space-between;padding:0 16px}.StatisticsPage .button-wrapper button{background:#fff;border:none;color:#aaa;display:block;flex-grow:1;font-size:22px;font-weight:700;height:55px}.StatisticsPage .button-wrapper button.active{border-bottom:4px solid #574bed;color:#222}.AiPage{background:#fff;padding:80px 0 133px}.AiPage .chat-container,.AiPage .input-container{width:375px}.AiPage .intro{padding:20% 20px 0}.AiPage .intro h2{font-size:28px;margin-bottom:25px;text-align:center}.AiPage .intro div{align-items:center;border:1px solid #d9d9d9;border-radius:22px;display:flex;font-size:15px;gap:10px;height:44px;margin:0 auto 10px;padding-left:15px;width:65%}.chat-container{border:none;display:flex;flex-direction:column;font-size:15px;line-height:25px;margin:0 auto;padding:0 20px;text-align:left}.chat-container p{border-radius:10px;display:inline-block;margin-bottom:10px;padding:10px}.chat-container p.user{align-self:end;background-color:#222;border-radius:30px 0 30px 30px;color:#fff;text-align:right}.chat-container p.assistant{align-self:start;background-color:#eaeaea;border-radius:0 30px 30px 30px;color:#666;text-align:left;width:90%}.input-container{background:#fff;border-top:1px solid #ccc;bottom:73px;display:flex;height:70px;justify-content:space-between;margin:0 auto;padding:10px;position:fixed;z-index:10}.input-container input[type=text]{background:#e6e6e6;border:none;border-radius:30px;padding-left:20px;width:100%}.input-container button{background-color:#574bed;border:none;border-radius:19px;bottom:50%;color:#999;cursor:pointer;height:38px;padding:10px;position:absolute;right:20px;transform:translateY(50%);width:38px}.setting{padding:80px 20px 0}.setting .setting_backup,.setting .setting_data,.setting .setting_setting,.setting .setting_support,.setting .setting_title{border-bottom:1px solid #d6d6d6;padding-bottom:20px}.setting .setting_title h4{font-size:26px;font-weight:700}.setting .setting_backup>p,.setting .setting_data>p,.setting .setting_setting>p,.setting .setting_support>p{color:#aaa;font-size:16px;margin-top:25px}.setting .setting_backup>div,.setting .setting_category .setting_category1,.setting .setting_setting>div,.setting .setting_support>div,.setting_category2,.setting_category3{align-items:center;display:flex;height:55px;justify-content:space-between}.setting .setting_backup>div>p,.setting .setting_category .setting_category1>p,.setting .setting_category .setting_category2>p,.setting .setting_category .setting_category3>p,.setting .setting_setting>div>p,.setting .setting_support>div>p{color:#222;font-size:18px}.setting .setting_backup>div>p{cursor:pointer}.setting .setting_backup button{background:none;border:none;font-size:18px}.HeaderTitle{background:#fff;padding:25px 20px}.HeaderTitle,.HeaderTitle .calendar-wrapper{align-items:center;display:flex;justify-content:space-between}.HeaderTitle button{background:none;border:none;border-radius:5px;cursor:pointer;padding:0}.HeaderTitle .calendar-button:first-of-type{margin-right:3px}.HeaderTitle .calendar-button:last-of-type{margin-left:3px}.HeaderTitle .calendar-month{font-size:26px;padding-bottom:3px}.HeaderTitle .button-wrapper a{display:inline-block}.HeaderTitle .button-wrapper a:first-of-type{margin-right:15px;width:22px}.HeaderTitle .tooltip img{margin-right:15px;width:25px}.HeaderTitle .tooltipModal{background-color:#000000bf;border-radius:5px;color:#fff;left:50%;padding:10px;position:absolute;top:130px;transform:translateX(-50%);width:330px;z-index:10}.HeaderTitle .tooltipModal button{background-color:#fff;border-radius:2px;color:#222;font-size:15px;font-weight:700;margin-left:260px}.HeaderContent{background:#fff;display:flex;gap:16px;padding:14px 20px}.HeaderContent span{display:block;font-size:16px;margin:0;padding-left:20px;padding-top:25px}.HeaderContent p{font-size:20px;font-weight:700;margin:0;padding-left:20px;padding-top:10px}.HeaderContent .totalIncome{background-color:#e5e3fb;border-radius:8px;height:113px;width:100%}.HeaderContent .totalExpense{background-color:#f7e5f1;border-radius:8px;height:113px;width:100%}.HeaderContent .totalExpense p,.HeaderContent .totalIncome p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:9.5rem}.SearchHeader{border-bottom:1px solid #d6d6d6}.SearchHeader .title{display:flex;justify-content:space-between;padding:27px 20px 25px}.SearchHeader button{background:none;border:none}.SearchHeader .title h2{left:50%;position:absolute;top:25px;transform:translateX(-50%)}.SearchHeader .search-field{padding:0 20px 20px}.SearchHeader input{background:#f1f2f5;border:none;border-radius:8px;height:50px;padding-left:15px;width:100%}.SearchHeader input::placeholder{color:#aaa}.AccountSearch{background-color:#fff}.AccountSearch .search-result{padding:0 20px}.AccountSearch .search-result .no-result,.AccountSearch .search-result .no-search{color:#c6c6c6;padding-top:130px;text-align:center}.AccountSearch .search-result-sum{color:#aaa;display:flex;font-size:14px;justify-content:space-between;padding:15px 0 20px}.AccountSearch .search-result-item{display:flex;flex-wrap:wrap;margin-bottom:20px}.AccountSearch .search-result-item .date{align-items:center;display:flex;font-weight:700;gap:9px;margin-bottom:25px;width:100%}.AccountSearch .search-result-item span{background:#efefef;border-radius:10px;color:#666;display:block;font-size:12px;height:20px;margin-top:5px;text-align:center;width:20px}.AccountSearch .search-result .search-result-item img{background:#f1f2f5;border-radius:25px;padding:10px;width:50px}.AccountSearch .search-result-item-info{flex:1 1;margin-left:15px}.AccountSearch .search-result-item-info>div{align-items:center;display:flex;gap:7px;justify-content:space-between}.AccountSearch .search-result-item-info>div .divider{background:#d6d6d6;height:14px;width:1px}.AccountSearch .search-result-item-info>div>p:nth-of-type(2){max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AccountSearch .search-result-item-info>div p:nth-of-type(3){flex-grow:1;text-align:right}.AccountSearch .search-result-item-info>p{color:#aaa;font-size:14px}.AccountFilter{background:#fff}.AccountFilter .calendar-wrapper{border-bottom:1px solid #d6d6d6;padding:27px 20px 25px}.AccountFilter button{background:none;border:none;padding:0}.AccountFilter .calendar-button:first-of-type{margin-right:3px}.AccountFilter .calendar-button:last-of-type{margin-left:3px}.AccountFilter .calendar-month{font-size:26px;padding-bottom:3px}.AccountFilter .content{padding:0 20px}.AccountFilter .content h2{font-size:20px;margin-bottom:18px}.AccountFilter .content h3{font-size:18px;margin-bottom:12px}.AccountFilter .filter-wrapper{border-bottom:1px solid #d6d6d6;padding:25px 0}.AccountFilter .filter-wrapper button{border:1px solid #ccc;border-radius:16px;cursor:pointer;height:32px;margin-right:8px;padding:0 15px}.AccountFilter .filter-wrapper button.active{background:#574bed;border:none;color:#fff}.AccountFilter .filter-wrapper .button-wrapper{display:flex;margin-bottom:15px}.AccountFilter .filter-wrapper input[type=checkbox]{accent-color:#574bed;margin-right:5px}.AccountFilter .filter-result{padding:23px 0}.AccountFilter .filter-result-item{display:flex;flex-wrap:wrap;margin-bottom:20px}.AccountFilter .filter-result-item .date{align-items:center;display:flex;font-weight:700;gap:9px;margin-bottom:25px;width:100%}.AccountFilter .filter-result-item span{background:#efefef;border-radius:10px;color:#666;display:block;font-size:12px;height:20px;margin-top:5px;text-align:center;width:20px}.AccountFilter .filter-result-item img{background:#f1f2f5;border-radius:25px;padding:10px;width:50px}.AccountFilter .filter-result-item-info{flex:1 1;margin-left:15px}.AccountFilter .filter-result-item-info>div{align-items:center;display:flex;gap:7px;justify-content:space-between}.AccountFilter .filter-result-item-info>div .divider{background:#d6d6d6;height:14px;width:1px}.AccountFilter .filter-result-item-info>div>p:nth-of-type(2){max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AccountFilter .filter-result-item-info>div p:nth-of-type(3){flex-grow:1;text-align:right}.AccountFilter .filter-result-item-info>p{color:#aaa;font-size:14px}.AccountEdit{background:#fff;height:100vh;position:relative}.AccountEdit button{background:none;border:none}.AccountEdit .title{align-items:center;border-bottom:1px solid #d6d6d6;display:flex;justify-content:space-between;padding:27px 20px 25px}.AccountEdit .title h2{left:50%;position:absolute;top:25px;transform:translateX(-50%)}.AccountEdit .title button{font-size:18px}.AccountEdit .content{background:#fff;padding:25px 20px}.AccountEdit .content input,.AccountEdit .content select,.AccountEdit .content textarea{border:none;border-bottom:1px solid #d6d6d6;padding:8px 0;width:100%}.AccountEdit .content div>div{height:70px;margin-bottom:10px}.AccountEdit .content input:focus,.AccountEdit .content select:focus,.AccountEdit .content textarea:focus{outline:none}.AccountEdit .content input:focus{border-bottom:1px solid #574bed}.AccountEdit .button-wrapper{display:flex;gap:10px;padding:0 20px}.AccountEdit .button-wrapper button{background:#574bed;border-radius:8px;color:#fff;font-size:18px;height:55px;margin-top:25px;width:100%}.AccountEdit .button-wrapper button:first-of-type{background:#fff;border:1px solid #222;color:#222}
/*# sourceMappingURL=main.7e043a8e.css.map*/