@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;color:#302a34;background:#faf8fd;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.app{max-width:640px;margin:0 auto;padding:25px 17px 118px}.page{display:flex;flex-direction:column;gap:15px}h1{font-size:23px;margin:0;font-weight:800;letter-spacing:-.7px}h2{font-size:16px;margin:0;font-weight:800}h3{font-size:13px;margin:0 0 8px}p{margin:4px 0;line-height:1.6}.topline{display:flex;align-items:center;justify-content:space-between;margin:0 2px 3px}.topline p{font-size:12px;color:#948697}.card{background:#fff;border:1px solid #f2e8ef;border-radius:19px;padding:17px;box-shadow:0 4px 20px #58345609}.hero{background:linear-gradient(148deg,#fff 35%,#f1ecfa);padding:21px}.eyebrow{font-size:12px;color:#927b8a}.mega{font-size:31px;font-weight:800;margin:7px 0 19px;letter-spacing:-1px;color:#7763b5}.progress{height:11px;background:#ece7f4;border-radius:20px;overflow:hidden}.progress>div{height:100%;border-radius:20px;background:#9e87d1;transition:width .2s}.progress.slim{height:9px}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.spread>span,.spread>strong{display:flex;align-items:center;gap:6px}.caption{color:#948c95;font-size:11px}.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:14px;display:flex;flex-direction:column;gap:6px;min-width:0}.stat small{font-size:11px;color:#918592}.stat strong{font-size:clamp(14px,3.7vw,20px);font-weight:800;letter-spacing:-.6px;overflow-wrap:anywhere}.stat span{font-size:10px;color:#99909a}.section-heading{margin:8px 2px 0;align-items:end}.section-heading small{font-size:11px;color:#a18f9c}.budget-row{padding:0;overflow:hidden}.budget-trigger{border:0;background:none;display:block;width:100%;text-align:left;padding:15px}.budget-trigger>.spread:first-child{margin-bottom:12px}.budget-trigger b{font-size:14px}.budget-trigger span{font-size:12px;color:#756879}.budget-trigger .caption{margin-top:8px}.nested{padding:14px;border-top:1px solid #f1e9ee;background:#fcfbff}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#66596b;margin:7px 0 15px}.field input,.field select,.field textarea,.reference select{border:1px solid #ebdfeb;border-radius:11px;padding:12px 13px;background:#fff;color:#342936;outline:none;width:100%;min-height:42px}.field input:focus,.field textarea:focus,.field select:focus,.reference select:focus{border-color:#a28bda;box-shadow:0 0 0 3px #eee8f8}.field textarea{resize:vertical;min-height:78px}.small,.muted{color:#978b98}.small{font-size:12px}.month-selector{display:flex;align-items:center;justify-content:center;gap:22px;margin:4px 0 9px}.month-selector b{font-size:15px}.month-selector button,.iconbtn{background:transparent;border:0;color:#847785;padding:6px;display:inline-grid;place-items:center}.bottomnav{height:calc(70px + env(safe-area-inset-bottom));padding:7px max(12px,calc((100vw - 640px)/2)) calc(7px + env(safe-area-inset-bottom));position:fixed;z-index:20;bottom:0;left:0;right:0;background:#fffffff7;border-top:1px solid #f0e6ee;display:flex;justify-content:space-around;box-shadow:0 -4px 18px #5138500a}.bottomnav button{border:0;background:transparent;min-width:55px;display:flex;align-items:center;flex-direction:column;gap:5px;color:#9a8e9b;padding:2px}.bottomnav button.active{color:#8b6acb}.bottomnav button small{font-size:10px;font-weight:600;white-space:nowrap}.bottomnav .addnav span{width:43px;height:43px;display:grid;place-items:center;background:#9d85d2;color:#fff;border-radius:50%;margin-top:-17px;box-shadow:0 4px 12px #9d85d255}.bottomnav .addnav{color:#8067b3}.bottomnav .addnav small{margin-top:1px}.primary,.secondary,.ghost,.danger{border:0;border-radius:11px;min-height:42px;padding:10px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:700}.primary{background:#9c83d2;color:#fff}.secondary{background:#f0eafa;color:#795db6}.ghost{background:transparent;color:#9c8191}.danger{color:#725e91;background:#fff2f3}.full{width:100%}.mini{min-height:30px;padding:5px 9px;font-size:11px}.txs{display:flex;flex-direction:column}.tx{width:100%;border:0;border-bottom:1px solid #f4edf2;background:transparent;padding:12px 0;display:flex;align-items:center;gap:11px;text-align:left;color:#3a3039}.tx-date{font-size:11px;color:#a19aa2;min-width:36px}.tx-main{display:flex;flex:1;flex-direction:column;min-width:0;gap:3px}.tx-main b{font-size:13px}.tx-main small{font-size:10px;color:#a69aa5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx strong{font-size:12px;white-space:nowrap}.calendar-head,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendar-head span{text-align:center;color:#a192a2;font-size:11px;padding:7px}.cal-day{height:64px;border:1px solid transparent;background:#fff;border-radius:10px;display:flex;align-items:center;flex-direction:column;padding:8px 1px;gap:5px}.cal-day b{font-size:12px;font-weight:500}.cal-day small{font-size:9px;color:#8472ad}.cal-day.active{background:#eee7fb;border-color:#b9a3e3}.dots{display:flex;gap:2px}.dots i{width:5px;height:5px;border-radius:50%;background:#b69be5}.dots i.purple{background:#a494d7}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:11px;font-size:10px;color:#978b99;margin-top:16px}.smallrow{padding:8px 0;border-bottom:1px solid #f9f1f6;font-size:12px}.pillrow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.pill{font-size:11px;border:1px solid #f2dce7;color:#926f83;background:#fff;padding:9px 1px;border-radius:12px}.pill.chosen{background:#9d85d2;border-color:#9d85d2;color:#fff;font-weight:800}.chart-wrap{height:215px;width:100%;margin-top:12px}.catline{width:100%;display:flex;align-items:center;gap:7px;background:transparent;border:0;text-align:left;padding:10px 1px;border-bottom:1px solid #f7eef4}.catline span{font-size:12px;min-width:64px}.catline strong{font-size:12px;white-space:nowrap}.tiny-bar{flex:1;background:#efebf6;height:7px;border-radius:9px;overflow:hidden}.tiny-bar i{display:block;height:100%;background:#a590d7;border-radius:9px}.back{align-self:flex-start;border:0;background:transparent;color:#8264ba;display:flex;gap:3px;align-items:center;font-size:12px}.seg{display:flex;gap:4px;background:#f0edf6;border-radius:13px;padding:4px;margin:10px 0}.seg button{flex:1;border:0;background:transparent;border-radius:10px;padding:9px;font-size:12px;color:#918092}.seg button.sel{background:#fff;color:#8466be;font-weight:800;box-shadow:0 1px 4px #51385012}.detailitem{border-bottom:1px solid #f5ecf1}.detailclick{width:100%;background:transparent;border:0;display:flex;align-items:center;gap:8px;padding:12px 0}.detailclick b{font-size:12px}.detailclick .push{margin-left:auto;font-size:12px}.goalmark{font-size:14px}.goalmark.up,.goal.up{color:#6f9e85}.goalmark.down,.goal.down{color:#bd7b91}.goal.only{color:#888}.goal{display:flex;align-items:center;gap:5px;font-size:12px}.viewlist{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.viewlist button{border:1px solid #eedfea;border-radius:9px;padding:7px;background:#fff;font-size:11px}.wide{margin-top:0}.note{background:#faf8fd}.note p{font-size:12px;color:#998b91}.actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.actions button{font-size:11px;min-height:32px}.empty{padding:35px 15px;text-align:center;color:#9e93a0;font-size:12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#31223172;z-index:40;display:flex;align-items:flex-end;justify-content:center}.sheet{background:#fff;width:100%;max-width:640px;max-height:93dvh;border-radius:23px 23px 0 0;display:flex;flex-direction:column;box-shadow:0 -4px 30px #170a1a18}.modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1e7ef;padding:17px 20px}.modal-head h2{font-size:18px}.sheetbody{overflow-y:auto;padding:17px 20px calc(25px + env(safe-area-inset-bottom))}.reference-btn{border:1px solid #eedde7;background:#fff;border-radius:9px;padding:6px 9px;font-size:11px;color:#7e67ab;display:flex;align-items:center;gap:5px}.reference{background:#f3effa;border-radius:14px;padding:13px;margin-bottom:13px}.reference select{margin:10px 0}.reference-section{margin:12px 0}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chips span{background:#fff;border:1px solid #f0e6ec;border-radius:7px;padding:6px 8px;font-size:11px}.uploadline{display:flex;align-items:center;gap:12px;border:1px dashed #ead2e1;border-radius:12px;padding:12px;color:#aa7995;margin:10px 0 18px}.uploadline label{font-size:12px}.uploadline input{display:block;margin-top:8px;font-size:10px;max-width:235px}.receipt-preview{display:flex;flex-direction:column;align-items:start;gap:9px}.receipt-preview img{max-width:100%;max-height:240px;object-fit:contain;border-radius:12px}.receipt-preview small{font-size:10px;color:#a492a0}.item-editor{background:#f5f1fa;border-radius:12px;padding:9px;margin:10px 0}.itemrow{display:grid;grid-template-columns:1fr 85px 110px 22px;gap:4px;margin:6px 0}.itemrow input,.itemrow select{width:100%;min-width:0;padding:7px 3px;border:1px solid #f0e5eb;border-radius:6px;background:#fff;font-size:10px}.toast{position:fixed;z-index:80;left:50%;bottom:85px;transform:translate(-50%);background:#3a3039;color:#fff;border-radius:12px;padding:12px 18px;font-size:12px;white-space:nowrap;box-shadow:0 7px 22px #38233930}.file-action{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #8b6bc8;outline-offset:2px}@media(min-width:700px){.app{padding-top:37px}.sheet{border-radius:23px;margin-bottom:2vh;max-height:90vh}.overlay{align-items:center}.bottomnav{height:75px}.bottomnav .addnav span{margin-top:-17px}}@media(max-width:380px){.app{padding-left:11px;padding-right:11px}.card{padding:13px}.stat{padding:12px}.itemrow{grid-template-columns:1fr 72px 90px 22px}.catline strong{font-size:10px}.bottomnav button{min-width:50px}}.auth-scene{min-height:100dvh;display:flex;justify-content:center;align-items:center;padding:22px;background:linear-gradient(145deg,#f1eafb,#faf7ff 62%,#fff)}.auth-panel{width:min(100%,420px);background:#fff;border:1px solid #f1dfea;border-radius:24px;box-shadow:0 18px 50px #81739b18;padding:30px 24px;text-align:center}.auth-panel h1{font-size:30px;color:#795bb3;margin:6px 0}.auth-panel>p{font-size:14px;color:#837785;margin:6px 0 24px}.auth-panel .field{text-align:left;margin:14px 0}.auth-logo{font-size:38px;color:#9179ca}.auth-tabs{display:flex;gap:6px;padding:5px;border-radius:12px;background:#f1edf7;margin:22px 0}.auth-tabs button{flex:1;padding:12px;border-radius:9px;border:0;background:transparent;color:#777}.auth-tabs button.selected{background:#fff;color:#795bb3;font-weight:700;box-shadow:0 2px 7px #cda6bf35}.auth-message{padding:12px;background:#f2edfb;border-radius:12px;font-size:13px;color:#705b9a}.sync-status{position:fixed;right:12px;top:8px;z-index:3;color:#9b8291;font-size:11px;pointer-events:none;background:#ffffffb8;padding:3px 9px;border-radius:12px}:root{color-scheme:light;background:#faf8fd;color:#34303c}html,body,#root{width:100%;max-width:100%;min-width:0;margin:0;overflow-x:clip}.app,.page,.card,.hero,.nested,.field,.spread,.sheetbody,.auth-panel{min-width:0;max-width:100%}.app{width:100%;overflow-x:clip}.card{border-color:#e9e1f0;box-shadow:0 3px 16px #6e5f8b0a}.hero{background:linear-gradient(140deg,#fff 25%,#f0eaf9)}.progress{background:#eee9f4}.progress>div{background:#a18ad4}.budget-trigger{min-width:0;max-width:100%;overflow:hidden}.budget-trigger .spread{min-width:0;flex-wrap:wrap;align-items:center}.budget-trigger .spread span{min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal}.nested{overflow:hidden}.field{min-width:0;max-width:100%}.field input,.field select,.field textarea,.reference select,.itemrow input,.itemrow select,.uploadline input,.auth-panel input{font-size:16px!important;line-height:1.35;min-width:0;max-width:100%;box-sizing:border-box;touch-action:manipulation;-webkit-text-size-adjust:100%}.field input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.itemrow{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:7px}.itemrow>*{min-width:0;max-width:100%}.itemrow select{grid-column:1/2}.itemrow button{justify-self:end}@media(max-width:380px){.itemrow{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}.sheet,.sheetbody{max-width:100vw;overflow-x:hidden}.sheetbody{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.bottomnav{max-width:100vw}.bottomnav button{min-width:0;flex:1}.toast{max-width:calc(100vw - 24px);white-space:normal;text-align:center}.auth-scene{background:linear-gradient(145deg,#f1eafb,#faf8fd 65%,#fff)}.auth-panel{border-color:#e9e1f1;box-shadow:0 18px 50px #8573ad20}.auth-tabs button.selected{color:#795bb3}.pill{border-color:#e8def5;color:#8066b7}.pill.chosen{background:#9c83d2;border-color:#9c83d2}.seg{background:#f0edf6}.seg button.sel{color:#8063ba}:root{color:#33303c;background:#faf9fd}body{background:#faf9fd}.card,.budget-row,.sheet,.auth-panel{background:#fff;border-color:#e6e1ee}.hero{background:linear-gradient(155deg,#fff 15%,#f1edfa)}.mega.bad{color:#66517f}.eyebrow,.caption,.muted,.small,.topline p{color:#888290}.bottomnav .addnav,.bottomnav .addnav small{color:#8368bd}.cal-day small{color:#7563a6}.cal-day.active{background:#eee9f9;border-color:#aa94d9}.pill{border-color:#e6e0f0;color:#765fa9}.pill.chosen{background:#9680ca;border-color:#9680ca;color:#fff}.auth-logo,.auth-message{color:#7a61b0}.auth-panel{box-shadow:0 18px 50px #81739b18}.auth-panel>p,.auth-scene .muted{color:#797484}.auth-message{background:#eee9f8}.auth-panel,.auth-scene{border-color:#e7e1f0}.bottomnav .addnav span,.primary{background:#9d88d1;color:#fff}.ghost,.secondary,.reference-btn{color:#745aa8}.danger{color:#69517f;background:#f0ebf7}.goalmark.up,.goalmark.down,.goal.up,.goal.down,.goal.only{color:#7965a6}.field input:focus,.field textarea:focus,.field select:focus,.reference select:focus{border-color:#9d87d0;box-shadow:0 0 0 3px #eee9f8}.itemrow input,.itemrow select{border-color:#e9e4f1}.progress>div,.tiny-bar i{background:#9d88d1}.nested{border-color:#e9e4f1;background:#fcfbff}.auth-scene{background:linear-gradient(150deg,#f2eefa,#faf9fd 65%,#fff)}.budget-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:10px;margin-top:15px}.budget-controls .field{margin:0}.budget-controls input{width:100%;min-height:46px;font-size:16px!important}.copy-budget{width:100%;min-height:46px;font-size:12px;white-space:normal;text-align:center;padding:9px 7px;border:1px solid #ded5ec}@media(max-width:360px){.budget-controls{gap:7px}.copy-budget{font-size:11px}}:root{--sf-ink:#34313d;--sf-purple:#9179c8;--sf-purple-deep:#785bad;--sf-muted:#938c9b;--sf-border:#e8e2ef;--sf-soft:#f2eef9;--sf-bg:#faf9fd}html,body,#root{background:var(--sf-bg);color:var(--sf-ink)}button,a,select,input,textarea{accent-color:var(--sf-purple);-webkit-tap-highlight-color:transparent}a,a:visited{color:var(--sf-purple-deep)}.cal-day,.cal-day b,.cal-day small,.catline,.catline span,.catline strong,.budget-trigger,.budget-trigger b,.budget-row .spread b,.budget-row button,.tx,.tx b,.tx strong,.detailclick,.detailclick b,.detailclick .push{color:var(--sf-ink)}.cal-day small{color:var(--sf-purple-deep)!important;font-size:10px;letter-spacing:-.3px;overflow-wrap:anywhere;white-space:normal}.cal-day.active b,.catline span,.catline strong,.budget-trigger .spread b{color:var(--sf-purple-deep)!important}.cal-day:focus,.cal-day:active,.budget-trigger:focus,.catline:focus{outline-color:var(--sf-purple)}.pill.chosen,.primary,.bottomnav .addnav span{background:var(--sf-purple);border-color:var(--sf-purple);color:#fff}.progress>div,.tiny-bar i{background:var(--sf-purple)}.bottomnav button,.bottomnav button small{color:var(--sf-muted)}.bottomnav button.active,.bottomnav button.active small{color:var(--sf-purple-deep)}.calendar-grid button{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none}.calendar-grid button:disabled{color:var(--sf-muted)}.budget-heading-actions{display:flex;align-items:center;gap:10px;min-width:0}.budget-heading-actions small{color:var(--sf-muted);font-size:11px}.category-budget-add{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;padding:0;border:1px solid var(--sf-border);border-radius:10px;background:#f2eef9;color:var(--sf-purple-deep);cursor:pointer}.category-budget-add:active{background:#e5def3}.category-daily-budget{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:12px;padding-top:11px;border-top:1px solid var(--sf-border);font-size:12px;color:var(--sf-muted)}.category-daily-budget strong{color:var(--sf-purple-deep);white-space:nowrap;font-size:13px}@media(max-width:370px){.budget-heading-actions small{display:none}.category-daily-budget{font-size:11px}}.expense-heading{margin:16px 0 10px;gap:10px}.expense-heading h3{margin:0}.expense-budget-plus{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dcd3ed;border-radius:11px;background:#f1ecfa;color:#7e66ae;flex:none;cursor:pointer}.expense-budget-plus:active{background:#e4dbf4}.budget-heading-actions .category-budget-add{flex:0 0 auto;min-width:34px;min-height:34px;font-size:16px;font-weight:700}.budget-heading-actions .category-budget-add.sort-active{background:#9580c8;color:#fff;border-color:#9580c8}@media(max-width:380px){.budget-heading-actions{gap:5px}.budget-heading-actions .category-budget-add{min-width:32px;min-height:32px}}.expense-fab{position:fixed;z-index:28;right:max(17px,calc((100vw - 640px)/2 + 17px));bottom:calc(82px + env(safe-area-inset-bottom));height:58px;width:58px;border:0;border-radius:50%;background:#9179c8;color:#fff;box-shadow:0 5px 20px #7560b24d;display:grid;place-items:center}.expense-fab:active{transform:scale(.97)}.app{padding-bottom:calc(160px + env(safe-area-inset-bottom))}.bottomnav{z-index:25}.plan-overview{background:#f5f1fb}.plan-overview>small{color:#8d829b}.plan-stat{display:flex;flex-direction:column;gap:8px;padding-top:10px}.plan-stat span{font-size:11px;color:#857b91}.plan-stat strong{font-size:clamp(14px,4vw,20px);overflow-wrap:anywhere}.plan-filters{display:flex;gap:6px;overflow-x:auto;margin:14px 0 9px;padding-bottom:4px}.plan-filters button{flex:none;border:1px solid #e5def0;background:#fff;border-radius:18px;padding:7px 11px;color:#7a698e;font-size:12px}.plan-filters button.selected{background:#9179c8;color:#fff}.plan-row{display:flex;gap:10px;border-top:1px solid #eae5f1;padding:14px 0}.plan-check{border:0;background:transparent;color:#927bca;align-self:flex-start;padding:4px}.plan-open{border:0;background:transparent;flex:1;min-width:0;text-align:left;padding:0;display:flex;flex-direction:column;gap:8px;color:#34313d}.plan-open .spread{gap:8px}.plan-open b{font-size:13px}.plan-open strong{font-size:12px;white-space:nowrap}.plan-open small{font-size:11px;color:#8a8095}.plan-preview{padding:14px;background:#f3effa;border-radius:14px;margin:12px 0 18px;display:flex;flex-direction:column;gap:10px;font-size:12px}.plan-preview strong{color:#775dae}@media(max-width:375px){.bottomnav button small{font-size:9px}.expense-fab{height:54px;width:54px}}