.app-layout[data-v-31814cf9]{background:var(--color-bg);height:100dvh;overflow:hidden}.app-content[data-v-31814cf9]{overscroll-behavior:contain;height:100dvh;min-height:100dvh;padding-bottom:calc(82px + var(--safe-area-bottom));overflow-y:auto}.app-content__inner[data-v-31814cf9]{width:min(100%, var(--page-max));min-height:100%;margin:0 auto}.app-layout--detail:not(.app-layout--pc) .app-content[data-v-31814cf9]{padding-bottom:0}.app-layout--detail:not(.app-layout--pc) .app-content__inner[data-v-31814cf9]{width:100%}.bottom-nav[data-v-31814cf9]{z-index:200;height:calc(76px + var(--safe-area-bottom));padding:8px 4px var(--safe-area-bottom);border-top:1px solid color-mix(in srgb, var(--color-border) 85%, transparent);background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);isolation:isolate;grid-template-columns:repeat(6,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item[data-v-31814cf9]{color:#aeb0c0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;display:flex}.bottom-nav__item .nav-icon[data-v-31814cf9]{-webkit-filter:grayscale(.45);filter:grayscale(.45);opacity:.55;transition:transform .16s,-webkit-filter .16s,filter .16s,opacity .16s}.bottom-nav__item--active[data-v-31814cf9]{color:var(--color-primary)}.bottom-nav__item--active .nav-icon[data-v-31814cf9]{-webkit-filter:none;filter:none;opacity:1;transform:translateY(-1px)}.nav-icon[data-v-31814cf9]{font-size:20px;line-height:1}.nav-label[data-v-31814cf9]{white-space:nowrap;font-size:10.5px;font-weight:700}.app-layout--pc[data-v-31814cf9]{grid-template-columns:224px minmax(0,1fr);display:grid}.app-layout--pc .app-content[data-v-31814cf9]{padding:0}.sidebar[data-v-31814cf9]{border-right:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 94%, transparent);flex-direction:column;height:100dvh;padding:28px 18px;display:flex;position:-webkit-sticky;position:sticky;top:0}.sidebar__brand[data-v-31814cf9]{align-items:center;gap:11px;padding:0 8px 26px;display:flex}.sidebar__mark[data-v-31814cf9]{background:var(--gradient-primary);color:#fff;border-radius:14px;align-items:center;justify-items:center;width:42px;min-width:42px;height:42px;font-size:18px;font-weight:900;display:grid;box-shadow:0 8px 18px rgba(79,122,250,.28)}.sidebar__brand strong[data-v-31814cf9]{color:var(--color-text);letter-spacing:-.3px;font-size:19px;display:block}.sidebar__brand small[data-v-31814cf9]{color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:600;display:block}.sidebar__nav[data-v-31814cf9]{gap:6px;display:grid}.sidebar__item[data-v-31814cf9]{color:var(--color-text-secondary);border-radius:14px;align-items:center;gap:13px;padding:12px 14px;transition:background .15s,color .15s,transform .15s;display:flex}.sidebar__item[data-v-31814cf9]:hover{background:var(--color-gray-100);transform:translate(2px)}.sidebar__item--active[data-v-31814cf9]{background:var(--color-primary-soft);color:var(--color-primary);font-weight:800}.sidebar__item .nav-label[data-v-31814cf9]{font-size:14px}.sidebar__hint[data-v-31814cf9]{color:var(--color-text-secondary);margin-top:auto;padding:16px 12px;font-size:11.5px;font-weight:600;line-height:1.65}@media (max-width:360px){.bottom-nav[data-v-31814cf9]{padding-left:0;padding-right:0}.bottom-nav__item[data-v-31814cf9]{min-width:0}.nav-icon[data-v-31814cf9]{font-size:18px}.nav-label[data-v-31814cf9]{font-size:9.5px}}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .18s,transform .18s}.page-fade-enter-from{opacity:0;transform:translateY(6px)}.page-fade-leave-to{opacity:0;transform:translateY(-6px)}:root{--color-primary:#4f7afa;--color-primary-dark:#3a5fd9;--color-primary-soft:#eaf0ff;--color-income:#27ae60;--color-expense:#e74c3c;--color-warning:#f39c12;--color-bg:#f5f6fa;--color-surface:#fff;--color-text:#1a1a2e;--color-text-body:#3a3a52;--color-text-secondary:#8a8aa0;--color-placeholder:#b0b0c0;--color-border:#e6e7ef;--color-divider:#f2f2f8;--color-track:#e9eaf1;--color-gray-900:#1a1a2e;--color-gray-700:#4a4a68;--color-gray-300:#d1d5db;--color-gray-100:#f5f6fa;--color-white:#fff;--gradient-primary:linear-gradient(150deg, #4f7afa, #3a5fd9);--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--shadow-card:0 4px 18px rgba(26,26,46,.05);--shadow-small:0 3px 12px rgba(26,26,46,.05);--shadow-fab:0 10px 24px rgba(79,122,250,.4);--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--page-max:1120px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#11121c;--color-surface:#1d1e2b;--color-text:#f2f2f8;--color-text-body:#d9d9e5;--color-text-secondary:#9999ae;--color-placeholder:#77778c;--color-border:#303142;--color-divider:#292a39;--color-track:#292a39;--color-gray-100:#252636;--shadow-card:0 4px 18px rgba(0,0,0,.18);--shadow-small:0 3px 12px rgba(0,0,0,.16)}}[data-theme=dark]{--color-bg:#11121c;--color-surface:#1d1e2b;--color-text:#f2f2f8;--color-text-body:#d9d9e5;--color-text-secondary:#9999ae;--color-placeholder:#77778c;--color-border:#303142;--color-divider:#292a39;--color-track:#292a39;--color-gray-100:#252636;--shadow-card:0 4px 18px rgba(0,0,0,.18);--shadow-small:0 3px 12px rgba(0,0,0,.16)}[data-theme=light]{--color-bg:#f5f6fa;--color-surface:#fff;--color-text:#1a1a2e;--color-text-body:#3a3a52;--color-text-secondary:#8a8aa0;--color-placeholder:#b0b0c0;--color-border:#e6e7ef;--color-divider:#f2f2f8;--color-track:#e9eaf1;--color-gray-100:#f5f6fa}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif;font-size:14px}body{color:var(--color-text-body)}#app{min-height:100%}button,a,[role=button]{cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px}button{color:inherit;font:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}input,textarea,select{font:inherit}input::-webkit-input-placeholder{color:var(--color-placeholder)}input::-moz-placeholder{color:var(--color-placeholder)}input::-ms-input-placeholder{color:var(--color-placeholder)}input::placeholder{color:var(--color-placeholder)}textarea::-webkit-input-placeholder{color:var(--color-placeholder)}textarea::-moz-placeholder{color:var(--color-placeholder)}textarea::-ms-input-placeholder{color:var(--color-placeholder)}textarea::placeholder{color:var(--color-placeholder)}.surface-card{border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.primary-button{border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-weight:800;box-shadow:0 8px 18px rgba(79,122,250,.22)}.page-title{color:var(--color-text);letter-spacing:-.4px;font-size:max(22px,min(4vw,28px));font-weight:800}.section-title{color:var(--color-text);font-size:16px;font-weight:800}@media (max-width:899px){.app-layout--detail .manage-view,.app-layout--detail .import-view{width:100%;max-width:none;min-height:100dvh;padding:0 20px calc(36px + var(--safe-area-bottom));background:var(--color-bg);margin:0}.app-layout--detail .manage-view{flex-direction:column;height:100dvh;min-height:0;display:flex}.app-layout.app-layout--detail .item-list{background:var(--color-surface);box-shadow:var(--shadow-card);border-radius:18px;gap:0;overflow:hidden}.app-layout.app-layout--detail .swipe-row{border-bottom:1px solid var(--color-divider);border-radius:0!important}.app-layout.app-layout--detail .swipe-row:last-child{border-bottom:0}.app-layout.app-layout--detail .swipe-row__content{background:var(--color-surface)}.app-layout.app-layout--detail .swipe-row__action{opacity:0}.app-layout.app-layout--detail .swipe-row--open .swipe-row__action{opacity:1}.app-layout.app-layout--detail .item-card{background:var(--color-surface);min-height:64px;padding:11px 14px;border:0!important;border-radius:0!important}.app-layout--detail .item-icon{border-radius:10px;width:38px;height:38px;font-size:17px}.app-layout--detail .item-body strong,.app-layout--detail .item-name-row strong{color:var(--color-text);font-size:14.5px;font-weight:700}.app-layout--detail .item-meta{margin-top:3px}.app-layout--detail .drag-handle{opacity:.28;touch-action:none;font-size:15px}.app-layout.app-layout--detail .manage-view .action-btn--mute,.app-layout.app-layout--detail .manage-view .action-btn--unmute{width:44px;height:26px;position:relative;overflow:hidden;color:transparent!important;border:0!important;border-radius:14px!important}.app-layout.app-layout--detail .manage-view .action-btn--mute{background:var(--color-primary)!important}.app-layout.app-layout--detail .manage-view .action-btn--unmute{background:#d5d6e0!important}.app-layout.app-layout--detail .manage-view .action-btn--mute:after,.app-layout.app-layout--detail .manage-view .action-btn--unmute:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;position:absolute;top:3px;box-shadow:0 1px 4px rgba(20,20,34,.22)}.app-layout.app-layout--detail .manage-view .action-btn--mute:after{right:3px}.app-layout.app-layout--detail .manage-view .action-btn--unmute:after{left:3px}.app-layout--detail .tab-row{background:var(--color-track);border:0;border-radius:13px;margin-bottom:14px;padding:4px}.app-layout--detail .tab-row button{border-radius:10px;min-height:38px}.app-layout--detail .tab-row button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-small)}.app-layout--detail .item-list:has(>.empty-state){flex:1;min-height:0}.app-layout--detail .item-list>.empty-state{height:100%;min-height:0;box-shadow:var(--shadow-card);border:0;border-radius:18px}.app-layout.app-layout--detail .item-card{cursor:pointer}.app-layout--detail .fab{display:none}.app-layout.app-layout--detail .manage-view .action-btn--del{display:none!important}.app-layout--detail .group-summary,.app-layout--detail .group-card,.app-layout--detail .member-row,.app-layout--detail .member-empty,.app-layout--detail .group-create input{box-shadow:var(--shadow-small);border-color:transparent;border-radius:16px}.app-layout--detail .group-summary,.app-layout--detail .group-card{background:var(--color-surface)}}@media (min-width:768px){body{background:radial-gradient(circle at 82% 8%, rgba(79,122,250,.08), transparent 28%), var(--color-bg)}}