@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&family=Noto+Sans+KR:wght@200&display=swap";@import"https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&family=Noto+Sans+KR:wght@400&display=swap";@import"https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&family=Noto+Sans+KR:wght@600&display=swap";@font-face{font-family:NEXON Lv2 Gothic;src:url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:Ownglyph_meetme-Rg;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_1@1.0/Ownglyph_meetme-Rg.woff2) format("woff2");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:NEXON Lv2 Gothic,Noto Sans KR,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;--fs8: 8px;--fs12: 12px;--fs16: 16px;--fs20: 20px;--fs26: 26px;--fs33: 33px;--fs64: 64px;line-height:1.6}body{margin:0;padding:0}.main-container{max-width:1200px;width:100%;margin:4rem auto;padding:2rem;border-radius:1rem;display:flex;justify-content:center;align-items:center;background-color:#f6f6f6;box-shadow:3px 3px 3px #0000001a}h1{font-weight:600;font-size:3rem;font-family:Ownglyph_meetme-Rg}.main-content{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:2rem}.main-content h1{grid-column:1 / -1;text-align:center}.main-content>.summary{grid-column:1 / -1}.main-content>.transaction-update{grid-column:1}.main-content>.history{grid-column:2}@media (max-width: 720px){.main-content{grid-template-columns:1fr}.main-content>h1,.main-content>.summary,.main-content>.transaction-update,.main-content>.history{grid-column:auto}}@font-face{font-family:EarlyFontDiary;src:url(https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_220508@1.0/EarlyFontDiary.woff2) format("woff2");font-weight:400;font-style:normal}._item_2ldvq_17{font-family:EarlyFontDiary;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-left:24px;margin-bottom:12px;width:calc(100% - 24px);border-radius:5px;box-shadow:0 1px 3px #0000001a;position:relative;font-size:14px;transition:background-color .2s ease}._income_2ldvq_49{border-right:5px solid rgb(25,206,25);background-color:#f0fff4}._expense_2ldvq_61{border-right:5px solid rgb(255,86,86);background-color:#fff5f5}._text_2ldvq_73{flex:1;font-weight:500;margin-right:12px}._amount_2ldvq_85{font-weight:700;white-space:nowrap}._date_2ldvq_95{margin-left:8px;font-size:10px;color:#797979;white-space:nowrap}._deleteButton_2ldvq_109{position:absolute;left:-28px;top:50%;transform:translateY(-50%);border:none;border-radius:3px;font-size:12px;cursor:pointer;padding:2px 6px;opacity:0;transition:opacity .2s ease;z-index:2}._item_2ldvq_17:hover ._deleteButton_2ldvq_109{opacity:1}._container_1mscc_1{width:350px;max-height:280px;padding:1rem 1rem 1rem 0rem;box-sizing:border-box;margin-bottom:20px}._stickyHeader_1mscc_17{position:sticky;top:0;background:#f6f6f6;padding:.5rem;font-size:1.1rem;z-index:1;text-align:left;margin-left:24px}._scrollArea_1mscc_39{overflow-y:auto;height:100%;padding-right:6px}._scrollArea_1mscc_39::-webkit-scrollbar{width:6px}._scrollArea_1mscc_39::-webkit-scrollbar-thumb{background-color:#bca7f2;border-radius:4px}._scrollArea_1mscc_39::-webkit-scrollbar-track{background-color:transparent}._summaryContainer_1q3ss_1{display:flex;gap:3rem;padding-left:1rem;padding-right:1rem}._balanceBox_1q3ss_13{flex:1;border:1px solid #ddd;padding:1rem;text-align:center;background-color:#fdfefe;font-weight:400;border-radius:5px;box-shadow:3px 3px 3px #0000001a}._balanceBox_1q3ss_13 h3{margin-top:.5rem;font-size:1.2rem}._incomeExpenseBox_1q3ss_45{flex:1;display:flex;justify-content:space-around;align-items:center;border:1px solid #ddd;padding:1rem;background-color:#fff;border-radius:5px;box-shadow:3px 3px 3px #0000001a}._incomeBox_1q3ss_69,._expenseBox_1q3ss_71{display:flex;flex-direction:column;align-items:center;font-weight:400}._income_1q3ss_45{color:#5cb85c;font-weight:700}._expense_1q3ss_71{color:#d9534f;font-weight:700}._separator_1q3ss_105{width:1px;height:2rem;background-color:#ccc}@media (max-width: 720px){._summaryContainer_1q3ss_1{display:flex;flex-direction:column;gap:1rem;padding-left:1rem;padding-right:1rem}}._container_ec4bu_1{width:350px;padding:1rem}._input1_ec4bu_11,._input2_ec4bu_13{margin-bottom:var(--fs8);display:flex;flex-direction:column;font-size:var(--fs16);font-weight:400}._input1_ec4bu_11{margin-top:12px}._radioGroup_ec4bu_35{font-size:14px;font-weight:400;display:flex;gap:1.2rem;align-items:center;margin:4px 0}._radioGroup_ec4bu_35 label{display:flex;align-items:center;gap:4px;cursor:pointer}._radioGroup_ec4bu_35 input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--fs12);height:var(--fs12);outline:none}input[type=radio]:checked{background-color:#bca7f2}input{height:40px;border:1px solid lightblue;border-radius:5px;transition:border .2s ease}input[type=text]:focus{outline:none;border:1px solid #bca7f2}input[type=number]:focus{outline:none;border:1px solid #bca7f2}input[type=text],input[type=number]{margin-top:.5rem;border-radius:5px;padding-left:8px}._addButton_ec4bu_141{width:100%;height:40px;background-color:#bca7f2;border:none;border-radius:5px;color:#fff;font-weight:700;cursor:pointer;text-align:center;line-height:40px;font-size:var(--fs16)}::placeholder{padding-left:8px;font-size:var(--fs16);font-weight:400}