@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--color-primary: #1F6E43;--color-primary-light: #4A9C6D;--color-primary-dark: #155030;--color-secondary: #F28C4B;--color-secondary-light: #F6B17A;--color-secondary-dark: #D96A25;--color-background: #F4F6F8;--color-surface: #FFFFFF;--color-text-main: #1A1A1A;--color-text-sub: #666666;--color-text-muted: #999999;--color-border: #E5E7EB;--color-success: #28A745;--color-warning: #FFC107;--color-danger: #DC3545;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .04);--shadow-md: 0 8px 24px rgba(0, 0, 0, .06);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .1);--font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all .2s ease-in-out;-webkit-tap-highlight-color:transparent}button:active{transform:scale(.98)}a{text-decoration:none;color:inherit}ul,ol{list-style:none}input,textarea{font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);outline:none;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--color-primary)}.app-container{display:flex;min-height:100vh;width:100%;margin:0 auto;position:relative}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;padding-bottom:80px}@media(min-width:768px){.app-container{max-width:1440px}.main-content{padding-bottom:0;padding:var(--spacing-lg) var(--spacing-xxl)}}.sidebar{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:70px;padding-bottom:env(safe-area-inset-bottom);background:var(--color-surface);box-shadow:0 -2px 10px #0000000d;z-index:1000;justify-content:space-around;align-items:center;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--color-text-muted);font-size:.75rem;font-weight:500;flex:1}.nav-item.active{color:var(--color-primary)}@media(min-width:768px){.bottom-nav{display:none}.sidebar{display:flex;flex-direction:column;width:240px;height:calc(100vh - (var(--spacing-lg) * 2));position:sticky;top:var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-md);box-shadow:var(--shadow-sm)}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:0 var(--spacing-md);margin-bottom:var(--spacing-xl);font-size:1.25rem;font-weight:700;color:var(--color-text-main)}.sidebar-logo img{width:32px;height:32px;border-radius:8px}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-sub);font-weight:600;transition:all .2s ease-in-out}.sidebar-item:hover{background-color:var(--color-background)}.sidebar-item.active{background-color:#fdf3ed;color:var(--color-secondary-dark)}}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);background-color:#fafafc}.auth-panel{width:min(100%,480px);padding:40px;border-radius:36px;border:1px solid rgba(0,0,0,.04);background:#fffffff2;box-shadow:0 30px 60px #00000014;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.auth-panel-compact{max-width:380px}.auth-panel-center{text-align:center}.auth-logo{width:64px;height:64px;margin:0 auto 24px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:#1d1d1f;color:var(--color-surface);font-size:1.8rem;font-weight:800;box-shadow:0 12px 24px #00000026}.auth-kicker{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background-color:#1f6e4314;color:var(--color-primary-dark);font-size:.875rem;font-weight:700}.auth-title{margin-top:16px;font-size:28px;font-weight:800;line-height:1.25;letter-spacing:-.04em;color:#1d1d1f}.auth-description{margin-top:12px;color:#86868b;font-size:16px;line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:28px}.auth-input-group{display:flex;flex-direction:column;gap:8px}.auth-label{font-size:.95rem;font-weight:700;color:var(--color-text-main)}.auth-text-input{width:100%;border-radius:18px;border:1px solid var(--color-border);background-color:var(--color-surface);padding:14px 16px;font-size:1rem;color:var(--color-text-main)}.auth-text-input.auth-code-input{font-size:1.25rem;font-weight:700;text-align:center;letter-spacing:.32em;font-variant-numeric:tabular-nums}.auth-help-text{font-size:.875rem;color:var(--color-text-sub);line-height:1.6}.auth-error-banner,.auth-success-banner,.auth-dev-banner{margin-top:20px;padding:14px 16px;border-radius:18px;font-size:.92rem;line-height:1.5}.auth-error-banner{background-color:#dc354514;color:#9d2330}.auth-success-banner{background-color:#28a74514;color:#166534}.auth-dev-banner{background-color:#1f6e4314;color:var(--color-primary-dark)}.auth-provider-label{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:8px 12px;border-radius:999px;background-color:#f28c4b1f;color:var(--color-secondary-dark);font-size:.875rem;font-weight:700}.auth-segmented-control{display:flex;gap:6px;padding:4px;border-radius:999px;background-color:#f2f4f3}.auth-segmented-button{flex:1;padding:10px 14px;border-radius:999px;color:var(--color-text-sub);font-size:.92rem;font-weight:700}.auth-segmented-button.active{background-color:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.auth-checkbox-row{display:flex;align-items:flex-start;gap:10px;margin-top:4px;color:var(--color-text-sub);font-size:.92rem;line-height:1.5}.auth-checkbox-row input{width:18px;height:18px;margin-top:2px}.auth-inline-actions{display:flex;gap:12px;flex-wrap:wrap}.auth-link-button{color:var(--color-primary);font-weight:700}.auth-spinner{width:42px;height:42px;margin:8px auto 0;border-radius:50%;border:4px solid rgba(31,110,67,.14);border-top-color:var(--color-primary);animation:auth-spin .8s linear infinite}@keyframes auth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:767px){.auth-panel{padding:28px 22px;border-radius:28px}.auth-title{font-size:24px}.auth-text-input.auth-code-input{letter-spacing:.24em}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-xl);font-weight:600;transition:all .2s ease;-webkit-user-select:none;user-select:none}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary{background-color:var(--color-primary);color:var(--color-surface)}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-surface)}.btn-secondary:hover{background-color:var(--color-secondary-dark)}.btn-outline{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background-color:#1f6e430d}.btn-ghost{background-color:transparent;color:var(--color-text-sub)}.btn-ghost:hover{background-color:var(--color-background);color:var(--color-text-main)}.btn-sm{padding:8px 16px;font-size:.875rem}.btn-md{padding:12px 24px;font-size:1rem}.btn-lg{padding:16px 32px;font-size:1.125rem;border-radius:var(--radius-xl)}.btn-full{width:100%}:root{--ob-bg: #FAFAFC;--ob-surface: #FFFFFF;--ob-text: #1d1d1f;--ob-subtext: #86868b;--ob-border: #f0f0f2;--ob-primary: var(--color-primary);--ob-secondary: var(--color-secondary);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .04);--shadow-md: 0 12px 24px rgba(0, 0, 0, .06);--shadow-lg: 0 24px 48px rgba(0, 0, 0, .08);--shadow-float: 0 30px 60px rgba(0, 0, 0, .12);--radius-xl: 32px;--radius-lg: 24px}body{background-color:var(--ob-bg);color:var(--ob-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Pretendard,Apple SD Gothic Neo,sans-serif;letter-spacing:-.02em}.landing-premium{overflow-x:hidden;position:relative}.landing-container{max-width:1140px;margin:0 auto;padding:0 5%}.animate-on-scroll{opacity:0;transform:translateY(30px) scale(.98);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.animate-on-scroll.visible{opacity:1;transform:translateY(0) scale(1)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.btn-start{background:var(--ob-text);color:#fff;border-radius:999px;padding:16px 32px;font-size:17px;font-weight:600;border:none;display:inline-flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s}.btn-start:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.btn-ghost-dark{background:transparent;color:var(--ob-text);font-weight:600;font-size:17px;padding:16px 24px}.btn-ghost-dark:hover{background:#00000008}.btn-cta{background:var(--ob-surface);color:var(--ob-text);font-weight:700;font-size:17px;padding:18px 36px;border-radius:999px;box-shadow:var(--shadow-sm);transition:transform .2s}.btn-cta:hover{transform:scale(1.03)}.landing-header{position:fixed;top:0;left:0;right:0;padding:24px 0;z-index:100;transition:all .4s ease}.landing-header.scrolled{padding:12px 0;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05)}.header-inner{display:flex;justify-content:space-between;align-items:center}.logo-btn{background:none;border:none;padding:0;cursor:pointer}.brand-logo{height:26px}.header-nav{display:flex;gap:32px}.nav-link{background:none;border:none;font-size:14px;color:var(--ob-text);opacity:.7;font-weight:500}.nav-link:hover{opacity:1}.nav-login-btn{border-radius:999px;background:#0000000d;color:var(--ob-text);font-weight:600;font-size:13px}.hero-section{padding-top:180px;padding-bottom:120px;text-align:center;overflow:hidden}.hero-container{display:flex;flex-direction:column;align-items:center}.badge{display:inline-flex;align-items:center;gap:8px;background:#1f6e4314;color:var(--ob-primary);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700;margin-bottom:32px}.hero-title{font-size:clamp(48px,6vw,76px);font-weight:800;line-height:1.1;letter-spacing:-.04em;margin-bottom:24px}.hero-title strong{color:var(--ob-primary)}.hero-subtitle{font-size:21px;color:var(--ob-subtext);max-width:680px;line-height:1.5;margin-bottom:48px}.hero-actions{display:flex;gap:16px;justify-content:center;margin-bottom:80px}.hero-visual{position:relative;width:100%;max-width:800px;margin:0 auto}.decorator-blur{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(100px);opacity:.15;z-index:0}.blur-green{top:-100px;left:-100px;background:var(--ob-primary)}.blur-orange{bottom:-100px;right:-100px;background:var(--ob-secondary)}.mockup-card{position:relative;z-index:10;background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--ob-border);border-radius:40px;padding:32px;box-shadow:var(--shadow-float);text-align:left}.mockup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(0,0,0,.04)}.mockup-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:17px}.mockup-users{display:flex}.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;border:2px solid white;margin-left:-8px}.avatar:first-child{margin-left:0}.bg-blue{background:#007aff}.bg-orange{background:var(--ob-secondary)}.bg-green{background:var(--ob-primary)}.mockup-body{display:flex;flex-direction:column;gap:24px}.transaction-item{display:flex;align-items:center;gap:16px}.t-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center}.bg-light-green{background:#1f6e431a;color:var(--ob-primary)}.bg-light-orange{background:#f28c4b1a;color:var(--ob-secondary)}.bg-light-gray{background:#f2f2f7;color:#8e8e93}.t-info{flex:1;display:flex;flex-direction:column;gap:4px}.t-info strong{font-size:16px;font-weight:600}.t-info span{font-size:13px;color:var(--ob-subtext)}.t-amount{font-size:16px;font-weight:700}.t-amount.negative{color:var(--ob-primary)}.mockup-photo-card{margin-left:60px;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--ob-border)}.mockup-photo-card img{width:100%;height:160px;object-fit:cover;display:block}.photo-caption{padding:12px 16px;background:#fff;font-size:14px;color:var(--ob-text)}.section-header{text-align:center;margin-bottom:64px}.section-header h2{font-size:48px;font-weight:800;letter-spacing:-.04em;margin-bottom:16px;line-height:1.1}.section-header p{font-size:21px;color:var(--ob-subtext);max-width:600px;margin:0 auto}.features-section{padding:100px 0}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;grid-auto-rows:minmax(320px,auto)}@media(min-width:900px){.bento-grid{grid-template-columns:repeat(3,1fr)}.col-span-2{grid-column:span 2}}.bento-card{background:var(--ob-surface);border-radius:var(--radius-xl);padding:40px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;justify-content:space-between}.bento-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-md)}.bento-card.bg-dark{background:var(--ob-text);color:#fff}.bento-card.bg-dark p{color:#a1a1a6}.bento-content{position:relative;z-index:2}.bento-icon{margin-bottom:24px;color:var(--ob-primary)}.bento-card.bg-dark .bento-icon{color:#fff}.bento-content h3{font-size:28px;font-weight:700;line-height:1.2;margin-bottom:16px;letter-spacing:-.03em}.bento-content p{font-size:17px;color:var(--ob-subtext);line-height:1.5}.bento-visual{margin-top:40px;height:120px;display:flex;align-items:flex-end;gap:12px}.mini-chart{display:flex;align-items:flex-end;gap:8px;height:100%;width:100%}.bar{flex:1;background:#f2f2f7;border-radius:8px 8px 0 0;transform-origin:bottom;animation:barGrow 1.5s cubic-bezier(.16,1,.3,1)}.bar.highlight{background:var(--ob-primary)}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.experience-section{padding:120px 0;background:#fff;border-top:1px solid var(--ob-border)}.experience-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.overline{font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--ob-primary);margin-bottom:16px;display:block}.exp-text h2{font-size:48px;font-weight:800;line-height:1.1;letter-spacing:-.04em;margin-bottom:24px}.exp-text p{font-size:19px;color:var(--ob-subtext);line-height:1.5;margin-bottom:32px}.feature-list{list-style:none;display:flex;flex-direction:column;gap:16px}.feature-list li{font-size:17px;color:var(--ob-text);display:flex;align-items:center;gap:8px}.feature-list li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ob-primary);flex-shrink:0}.browser-mockup{border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg);background:#fff;border:1px solid var(--ob-border)}.browser-header{background:#f6f6f6;border-bottom:1px solid #e5e5e5;padding:12px 16px;display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%;background:#e5e5e5}.dot:nth-child(1){background:#ff5f56}.dot:nth-child(2){background:#ffbd2e}.dot:nth-child(3){background:#27c93f}.interface-img{display:block;width:100%;height:auto}.cta-section{padding:120px 0}.cta-box{background:var(--ob-primary);border-radius:40px;padding:80px 40px;text-align:center;color:#fff;background-image:radial-gradient(circle at top right,rgba(255,255,255,.15) 0%,transparent 60%)}.cta-box h2{font-size:56px;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:24px;color:#fff}.cta-box p{font-size:21px;color:#fffc;margin-bottom:40px}.landing-footer{padding:40px 0;border-top:1px solid var(--ob-border)}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-logo{height:20px;opacity:.5}.copyright{font-size:13px;color:var(--ob-subtext)}@media(max-width:900px){.bento-grid{grid-template-columns:1fr}.col-span-2{grid-column:span 1}.experience-wrapper{grid-template-columns:1fr;gap:40px}.exp-text{text-align:center}.feature-list li{justify-content:center}}@media(max-width:768px){.hero-title{font-size:40px}.section-header h2{font-size:36px}.cta-box{padding:48px 24px;border-radius:32px}.cta-box h2{font-size:40px}.header-nav{display:none}.mockup-photo-card{margin-left:20px}.footer-content{flex-direction:column;gap:16px;text-align:center}}.login-shell{min-height:100vh;padding:18px 12px;background:#ececec}.login-panel.auth-panel{width:min(100%,520px);min-height:auto;padding:clamp(26px,4vw,38px) clamp(18px,3vw,28px) 24px;border:none;border-radius:30px;background:#fbfbfb;box-shadow:0 12px 24px #0000001c;display:flex;flex-direction:column;align-items:center}.login-heading{margin-top:clamp(4px,1.4vw,16px);text-align:center}.login-heading-sub{color:#6b7280;font-size:clamp(16px,2vw,22px);font-weight:500;line-height:1.2}.login-heading-main{margin-top:6px;color:#111;font-size:clamp(30px,4vw,46px);font-weight:800;line-height:1.1;letter-spacing:-.05em}.login-heading-greeting{margin-top:clamp(18px,2.4vw,24px);color:#6b7280;font-size:clamp(15px,1.6vw,18px);font-weight:500}.login-message-banner{width:min(100%,420px);margin-top:14px;text-align:center}.login-provider-list{width:min(100%,420px);display:flex;flex-direction:column;gap:14px;margin-top:clamp(20px,3vw,28px)}.login-provider-button{width:100%;min-height:68px;padding:14px 18px;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(15px,1.6vw,20px);font-weight:700;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.login-provider-button:hover:not(:disabled){transform:translateY(-2px)}.login-provider-button:disabled{cursor:wait;opacity:.7}.login-provider-button.google{border:2px solid #d8d8d8;background:#fff;color:#111;box-shadow:inset 0 1px #ffffffb3}.login-provider-button.kakao{background:#ffe600;color:#111}.login-provider-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.login-provider-label{line-height:1.2}.login-terms{margin-top:auto;padding-top:clamp(20px,4vw,28px);text-align:center;color:#8b9098;font-size:clamp(12px,1.2vw,14px);line-height:1.7}.login-terms span{color:#70757d;text-decoration:underline;text-underline-offset:4px}@media(max-width:767px){.login-shell{padding:10px}.login-panel.auth-panel{width:min(100%,390px);padding:28px 16px 22px;border-radius:24px}.login-heading-sub{font-size:16px}.login-heading-main{font-size:32px}.login-heading-greeting{margin-top:18px;font-size:15px}.login-provider-list{gap:12px;margin-top:22px}.login-provider-button{min-height:62px;padding:14px 12px;border-radius:18px;gap:10px;font-size:15px}.login-provider-button.google{border-width:2px}.login-provider-icon{width:22px;height:22px}.login-provider-icon svg{width:18px;height:18px}.login-terms{padding-top:20px;font-size:12px}}.notif-wrapper{position:relative;display:inline-flex;align-items:center}.notif-bell-btn{position:relative;background:transparent!important;border:none;cursor:pointer;transition:background-color .2s;outline:none}@media(hover:hover){.notif-bell-btn:hover{background-color:#0000000d!important}}.notif-bell-btn.active{background-color:#0000001a!important}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;border-radius:999px;background:#ef4444;color:#fff;font-size:.6rem;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 3px;box-shadow:none;pointer-events:none;animation:badge-pop .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes badge-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.notif-panel{position:absolute;top:calc(100% + 10px);right:0;width:340px;max-height:480px;background:#fff;border-radius:16px;box-shadow:0 8px 40px #00000024,0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.07);z-index:9999;overflow:hidden;animation:notif-slide-in .22s cubic-bezier(.16,1,.3,1) both;display:flex;flex-direction:column}@keyframes notif-slide-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.notif-panel-title{font-size:.95rem;font-weight:700;color:#111827;display:flex;align-items:center;gap:6px}.notif-unread-pill{display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;font-size:.65rem;font-weight:600;border-radius:999px;min-width:18px;height:18px;padding:0 4px}.notif-mark-all{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font-size:.75rem;color:#6b7280;font-weight:600;padding:4px 8px;border-radius:8px;transition:background .15s,color .15s}.notif-mark-all:hover{background:#f3f4f6;color:#111827}.notif-list{overflow-y:auto;flex:1}.notif-list::-webkit-scrollbar{width:4px}.notif-list::-webkit-scrollbar-track{background:transparent}.notif-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 24px;color:#9ca3af}.notif-empty p{margin:0;font-size:.875rem;font-weight:500}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;cursor:pointer;transition:background .15s;position:relative;border-bottom:1px solid #f9fafb}.notif-item:last-child{border-bottom:none}.notif-item.unread{background:#fafafa}.notif-item.read{background:#fff;opacity:.8}.notif-item:hover{background:#f3f4f6}.notif-content{flex:1;min-width:0}.notif-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.notif-type-label{font-size:.7rem;font-weight:700;letter-spacing:.01em}.notif-time{font-size:.68rem;color:#9ca3af;font-weight:500;flex-shrink:0;margin-left:6px}.notif-title{margin:0 0 2px;font-size:.82rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-body{margin:0;font-size:.76rem;color:#6b7280;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-actions{flex-shrink:0;display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .15s}.notif-item:hover .notif-actions{opacity:1}.notif-read-btn,.notif-delete-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;border:none;cursor:pointer;transition:background .15s}.notif-read-btn{background:#ecfdf5;color:#10b981}.notif-read-btn:hover{background:#d1fae5}.notif-delete-btn{background:#fef2f2;color:#ef4444}.notif-delete-btn:hover{background:#fee2e2}.notif-dot{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;flex-shrink:0}@media(max-width:767px){.notif-panel{width:300px;right:-8px;max-height:400px}}.group-context-menu-container{position:relative;display:inline-block}.context-menu-trigger{background:transparent!important;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:background-color .2s;outline:none}@media(hover:hover){.context-menu-trigger:hover{background-color:#0000000d!important}}.context-menu-trigger.active{background-color:#0000001a!important}.context-menu-dropdown{position:absolute;top:120%;right:0;width:200px;background-color:#fff;border-radius:16px;box-shadow:0 10px 25px #00000026;z-index:1000;overflow:hidden;border:1px solid rgba(0,0,0,.05);padding:8px 0}.animate-dropdown{animation:slideDownFade .3s cubic-bezier(.16,1,.3,1)}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-header{padding:12px 16px;display:flex;align-items:center;gap:8px;background-color:#f8f9fa}.header-icon{color:#4a6d55}.group-context-name{font-size:.9rem;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-context-label{font-size:.9rem;font-weight:700;color:#666}.menu-divider{height:1px;background-color:#f0f0f0;margin:4px 0}.menu-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s;gap:12px}.menu-item:hover{background-color:#f5f5f5}.extra-item{color:#4a6d55;font-weight:600}.menu-icon{display:flex;align-items:center;justify-content:center;color:#666}.extra-item .menu-icon{color:#4a6d55}.menu-label{flex:1;font-size:.85rem;color:#444}.arrow-icon{color:#ccc}.menu-item.danger .menu-icon{color:#ef4444!important}.menu-item.danger .menu-label{color:var(--color-text-main)}.menu-item.danger .arrow-icon{color:var(--color-text-sub)}@media(max-width:768px){.context-menu-dropdown{width:180px;right:0}}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease-in-out;overflow:hidden}.card:hover{box-shadow:none}.card-no-shadow{box-shadow:none;border:1px solid var(--color-border)}.card-no-shadow:hover{box-shadow:none}.card-p-none{padding:0}.card-p-sm{padding:var(--spacing-sm) var(--spacing-md)}.card-p-md{padding:var(--spacing-lg)}.card-p-lg{padding:var(--spacing-xl)}@media(max-width:768px){.card{box-shadow:var(--shadow-md)}}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background-color:var(--color-border);flex-shrink:0;border:2px solid var(--color-surface)}.avatar-sm{width:28px;height:28px;font-size:.75rem}.avatar-md{width:40px;height:40px;font-size:1rem}.avatar-lg{width:56px;height:56px;font-size:1.25rem}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-light);color:#fff;font-weight:600}.avatar-group{display:flex;align-items:center}.avatar-stacked{margin-left:-8px;transition:transform .2s ease}.avatar-group .avatar-stacked:first-child{margin-left:0}.avatar-group .avatar-stacked:hover{transform:translateY(-4px);z-index:10}.avatar-more{background-color:var(--color-background);color:var(--color-text-sub);font-weight:600;border-color:var(--color-surface)}.main-page-container{display:flex;flex-direction:column;gap:12px;padding:0 20px 32px;background-color:#f8f9fa;min-height:100vh}@media(min-width:1024px){.main-page-container{padding:0;gap:8px}}@media(max-width:1023px){.detail-header{display:none}}.main-sticky-header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;background-color:#f8f9fa;padding:12px 20px;margin-left:-20px;margin-right:-20px;width:calc(100% + 40px)}@media(min-width:1024px){.main-sticky-header{display:none}}.main-sticky-header .icon-btn-sm{background-color:#f8f9fa;border:1px solid rgba(0,0,0,.04)}.main-content-layout{display:flex;flex-direction:column;gap:24px}.greeting-section{margin-top:12px}.greeting{font-size:1.7rem;font-weight:700;color:var(--color-text-main);margin:0}.greeting-sub{font-size:.95rem;color:var(--color-text-muted);margin-top:8px}.group-list-section{display:flex;flex-direction:column;gap:8px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.section-header h2{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:8px;margin:0}.section-header .count{background-color:var(--color-primary-light);color:#fff;padding:2px 8px;border-radius:12px;font-size:.875rem}.add-group-btn{display:flex;align-items:center;gap:4px;color:var(--color-primary);font-weight:600;font-size:.875rem;padding:8px 16px;border-radius:20px;background-color:#fff;border:1px solid rgba(31,110,67,.1);box-shadow:0 2px 8px #0000000a;transition:transform .2s,box-shadow .2s,background-color .2s;cursor:pointer}.add-group-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;background-color:#1f6e4305}.add-group-btn svg{color:var(--color-primary)}.group-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:640px){.group-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.group-grid{grid-template-columns:repeat(3,1fr)}}.group-card{cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);padding:24px;background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.04);box-shadow:0 4px 20px #00000008;transition:transform .2s,box-shadow .2s}.group-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000000f}.group-card-header{display:flex;justify-content:space-between;align-items:center}.group-name{font-size:1.125rem;font-weight:700;color:var(--color-text-main)}.group-menu{color:var(--color-text-muted);font-weight:700}.group-balance{margin:var(--spacing-sm) 0}.currency{font-weight:600;font-size:1.25rem;margin-right:4px}.amount{font-size:2rem;font-weight:800;letter-spacing:-.5px}.group-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto}.group-status{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--color-text-sub);font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-success)}.show-more-container{display:flex;justify-content:center;margin-top:16px;margin-bottom:24px}.show-more-btn{display:flex;align-items:center;gap:6px;padding:10px 24px;background-color:#fff;border:1px solid var(--color-border);border-radius:24px;color:var(--color-text-sub);font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #0000000a;transition:all .2s}.show-more-btn:hover{background-color:var(--color-surface);color:var(--color-text-main);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.show-more-btn:hover .toggle-icon{color:var(--color-primary)}.create-group-container{background-color:#f8f9fa;min-height:100vh;display:flex;flex-direction:column}.create-group-container .detail-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin-bottom:24px}.create-group-container .create-group-form{display:flex;flex-direction:column;flex:1;min-height:calc(100vh - 120px)}.create-group-container .transfer-content{padding:0 20px 32px}.w-full{width:100%}.styled-input{font-size:1rem;padding:16px;border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-border);transition:border-color .2s}.styled-input:focus{border-color:var(--color-primary)}.styled-input::placeholder{color:var(--color-text-muted)}textarea.styled-input{resize:vertical;min-height:100px}.amount-input-wrapper{display:flex;align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 16px;transition:border-color .2s}.amount-input-wrapper:focus-within{border-color:var(--color-primary)}.amount-input{flex:1;font-size:1.5rem;font-weight:800;color:var(--color-text-main);border:none;outline:none;background:transparent;text-align:right;padding-right:8px}.amount-input::-webkit-outer-spin-button,.amount-input::-webkit-inner-spin-button{margin-left:8px}.amount-input::placeholder{color:var(--color-text-muted)}.currency-unit{font-size:1.1rem;font-weight:700;color:var(--color-text-sub)}.form-feedback{font-size:.875rem;color:var(--color-text-muted);margin-top:6px;padding-left:4px}.transfer-footer{margin-top:auto;padding-top:var(--spacing-xxl)}.main-transfer-btn{width:100%;padding:16px;font-size:1.15rem;font-weight:700;color:#fff;background-color:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s}.main-transfer-btn:disabled{background-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.main-transfer-btn:not(:disabled):hover{background-color:var(--color-primary-dark)}.group-detail-page{display:flex;flex-direction:column;gap:0;padding-bottom:var(--spacing-xxl)}.group-detail-page .detail-header{display:flex;justify-content:flex-end;align-items:center;position:sticky;top:0;z-index:50;background-color:#f8f9fa;padding:var(--spacing-sm) 0;margin-bottom:-16px}.header-title{font-size:1.25rem;font-weight:800;display:flex;align-items:center;gap:8px;color:#fff}.header-title svg{color:#fff!important}.icon-btn-sm{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-main)}.card-icon-btn{color:#fff!important;background-color:#ffffff1a!important}.dashboard-grid{display:flex;flex-direction:column;gap:0}@media(min-width:768px){.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-flow:row dense;gap:var(--spacing-lg)}.dashboard-main-card{grid-column:span 2}.payment-widget{grid-row:span 2}.timeline-widget{grid-column:span 2}.group-detail-page{gap:var(--spacing-lg)}}@media(min-width:1024px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}.payment-widget{grid-row:span 2}.timeline-widget{grid-column:span 2}}.dynamic-sticky-header{position:fixed;left:0;width:100%;top:0;z-index:100;background-color:#2a8c57;color:#fff;padding:var(--spacing-md);display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dashboard-main-card{position:sticky;top:0;z-index:1;background:#2a8c57;border-radius:0;padding:60px var(--spacing-lg) var(--spacing-lg);padding-bottom:80px;color:#fff;overflow:hidden;box-shadow:0 12px 32px #1f6e4340}.card-title-area{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:10px}.group-account-number{font-size:.875rem;opacity:.85;font-weight:500;color:#fff;margin-top:-6px;margin-bottom:4px}.info-badge{background-color:#fff3;padding:6px 12px;border-radius:16px;font-size:.75rem;font-weight:600;color:#fff;line-height:1.2;display:inline-block;white-space:nowrap}.balance-info{margin-top:var(--spacing-md);position:relative;z-index:2}.balance-label{font-size:.875rem;opacity:.9;margin-bottom:0}.balance-amount{font-size:2.25rem;font-weight:800;letter-spacing:-1px}.monthly-fee{font-size:.875rem;opacity:.8;margin-top:0}.character-standing{width:150px;object-fit:contain;margin-bottom:50px}.card-illustration{position:absolute;right:20px;bottom:0;font-size:4rem;z-index:1;opacity:.9}.card-footer-action{margin-top:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.2);padding-top:var(--spacing-md)}.progress-text{font-weight:600;font-size:.875rem}.dashboard-widget{display:flex;flex-direction:column;border-radius:0}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.widget-header h3{font-size:1rem;font-weight:700}.text-btn{color:var(--color-text-sub);font-size:.75rem;display:flex;align-items:center;gap:4px}.mobile-payment-widget{margin-top:16px}.bar-progress-container{margin-bottom:var(--spacing-lg)}.bar-progress-track{height:8px;background-color:#e6ece9;border-radius:4px;overflow:hidden;margin-bottom:12px}.bar-progress-fill{height:100%;background-color:#83a58e;border-radius:4px}.bar-progress-stats{display:flex;justify-content:space-between;align-items:baseline;font-size:.875rem;color:var(--color-text-sub)}.paid-count{font-size:1rem;font-weight:700}.paid-count strong{color:#668875;font-weight:800;margin-right:4px}.paid-percentage{font-size:1.125rem;font-weight:800;color:#668875}.scrollable-widgets-wrapper{position:relative;z-index:10;margin-top:-60px;background-color:var(--color-background);display:flex;flex-direction:column;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.payment-widget{margin-top:0;position:relative;z-index:10;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:none}.card{box-shadow:none}.horizontal-member-list{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.horizontal-member-list::-webkit-scrollbar{display:none}.horizontal-member-item{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:48px}.horizontal-member-item span{font-size:.75rem;font-weight:700;color:var(--color-text-main)}.unpaid-avatar{opacity:.5;filter:grayscale(100%)}.unpaid-name{color:var(--color-text-sub)!important}.payment-widget-header{margin-bottom:var(--spacing-sm)!important}.circular-progress-container{position:relative;width:130px;height:130px;margin:0 auto var(--spacing-lg) auto}.circular-chart{display:block;margin:0 auto;width:100%;height:100%}.circle-bg{fill:none;stroke:#e6ece9;stroke-width:3.5}.circle{fill:none;stroke-width:3.5;stroke-linecap:round;stroke:#668875;animation:progress 1s ease-out forwards}@keyframes progress{0%{stroke-dasharray:0 100}}.circular-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column}.circular-progress-text strong{font-size:1.5rem;font-weight:800;color:var(--color-text-main);line-height:1.1;margin-bottom:2px}.circular-progress-text span{font-size:.75rem;color:#4a9c6d;font-weight:700}.vertical-member-list{display:flex;flex-direction:column;gap:4px;width:100%}.vertical-member-item{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:var(--spacing-sm) 0;border-bottom:2px dotted #F0F0F0;width:100%!important;flex-wrap:nowrap!important}.vertical-member-item:last-child{border-bottom:none}.payment-member-info{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;font-size:.875rem;font-weight:700;flex:1!important;min-width:0;width:auto!important;flex-wrap:nowrap!important;text-align:left!important}.payment-member-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left!important;display:inline-block!important}.unpaid-dots{color:#d3cdc6;letter-spacing:2px;margin-left:4px}.status-pill{padding:6px 14px;border-radius:16px;font-size:.75rem;font-weight:800;display:flex;align-items:center;gap:4px}.status-success{background-color:#4a9c6d1a;color:var(--color-primary-light)}.status-danger{background-color:#f28c4b1a;color:#f28c4b}.btn-view-all{border-radius:var(--radius-xl);font-weight:700;border:1px solid var(--color-border)}.mobile-action-grid{display:grid;grid-template-columns:1fr 1fr}.action-card-btn{background-color:#fff;border:none;padding:var(--spacing-md) var(--spacing-sm);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;box-shadow:none;cursor:pointer;transition:all .1s ease-out;font-weight:700;font-size:.875rem;color:var(--color-text-main);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none;will-change:transform,background-color,opacity}.action-card-btn:active{transform:scale(.92);background-color:#f0f0f0;opacity:.8}.action-card-btn .action-icon{color:var(--color-primary);background-color:#4a9c6d1a;padding:8px;border-radius:50%;margin-bottom:0;width:20px;height:20px;box-sizing:content-box}.map-widget{overflow:hidden;padding-bottom:0!important}.custom-map-header{padding:var(--spacing-lg) var(--spacing-lg) 0 var(--spacing-lg);margin-bottom:var(--spacing-md)}.map-container{width:100%;height:180px;background-color:var(--color-background);position:relative;border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.map-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--color-text-sub);font-size:.875rem;font-weight:600}.expense-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.expense-item{display:flex;align-items:center;gap:16px;cursor:pointer;transition:transform .1s ease-out,background-color .1s;border-radius:var(--radius-md);padding:var(--spacing-sm);margin:-var(--spacing-sm)}.expense-item:active{transform:scale(.98);background-color:#00000005}.expense-icon{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.25rem;background-color:var(--color-background)}.expense-details{flex:1}.expense-name{font-weight:700;font-size:.875rem}.expense-date{font-size:.75rem;color:var(--color-text-sub)}.expense-cost{font-weight:800}.mt-md{margin-top:var(--spacing-md)}.timeline-horizontal-scroll{display:flex;gap:var(--spacing-md);overflow-x:auto;padding-bottom:var(--spacing-sm);margin-top:var(--spacing-sm);scrollbar-width:none}.timeline-horizontal-scroll::-webkit-scrollbar{display:none}.timeline-card{min-width:130px;width:130px;background-color:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;position:relative;box-shadow:0 4px 12px #0000000d}.timeline-card-img{width:100%;height:110px;object-fit:cover}.timeline-card-content{background-color:#fff;padding:var(--spacing-md);border-radius:var(--radius-lg);position:absolute;bottom:0;left:0;right:0;margin:8px;box-shadow:0 4px 12px #00000014}.timeline-date{font-size:.75rem;color:var(--color-text-sub);font-weight:600;margin-bottom:2px}.timeline-title{font-size:.875rem;font-weight:800;color:var(--color-text-main);display:flex;align-items:center;gap:4px}.pin-icon{color:#c0aaa0}.split-action-widget{background:linear-gradient(180deg,#eaa677,#e3955f);border-radius:0;padding:var(--spacing-md);color:#fff;display:flex;flex-direction:column;position:relative;box-shadow:0 12px 32px #e3955f66;cursor:pointer;transition:transform .2s;overflow:hidden;text-align:left}.split-text{width:100%;z-index:2}.split-text h3{font-size:1.25rem;font-weight:800;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.split-text p{font-size:1rem;opacity:.95;font-weight:600}.split-image-righted{margin-top:-10px;margin-right:-5px;display:flex;justify-content:right;align-items:flex-end;margin-bottom:-30px;z-index:1}.split-image-righted img{height:90px;object-fit:contain}.split-btn{background-color:#fff;color:#d27b48;border-radius:50px;padding:14px 32px;font-weight:800;font-size:1.125rem;display:flex;align-items:center;justify-content:center;gap:8px;border:none;box-shadow:0 6px 16px #00000026;z-index:2;margin:0 0 0 auto;width:60%;cursor:pointer;transition:transform .2s,background-color .2s}.split-btn:hover{background-color:#fafafa;transform:scale(1.02)}.desktop-only,.desktop-only-flex{display:none!important}.mobile-only{display:block!important}.mobile-only-flex{display:flex!important}@media(min-width:768px){.mobile-only,.mobile-only-flex{display:none!important}.desktop-only{display:block!important}.desktop-only-flex{display:flex!important}}@media(min-width:768px){.scrollable-widgets-wrapper{display:contents}.dashboard-widget{border-radius:var(--radius-xl)}.dashboard-main-card{position:relative;z-index:auto;border-radius:var(--radius-xl);padding:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.payment-widget{margin-top:0;z-index:auto;box-shadow:0 4px 16px #00000014}.balance-info{margin-top:var(--spacing-xl)}.balance-label{margin-bottom:4px}.balance-amount{font-size:2.5rem}.monthly-fee{margin-top:4px}.character-standing{width:250px;margin-bottom:0}.action-card-btn{box-shadow:0 4px 12px #0000000d}.split-action-widget{border-radius:var(--radius-xl)}}.profile-page{display:flex;flex-direction:column;gap:12px;padding:0 20px 32px;background-color:#f8f9fa;min-height:100vh}@media(min-width:1024px){.profile-page{padding:0;gap:8px}}.profile-page .detail-header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;background-color:#f8f9fa;padding:8px 0;max-width:1200px;margin-left:auto;margin-right:auto;width:100%}@media(max-width:1023px){.profile-page .detail-header{margin-left:-20px;margin-right:-20px;padding:12px 20px;width:calc(100% + 40px);background-color:#f8f9fa!important;justify-content:space-between!important;border-bottom:none!important}}@media(max-width:1023px){.detail-header .icon-btn-sm{background-color:#f8f9fa;border:1px solid rgba(0,0,0,.04);box-shadow:0 2px 8px #00000005}}.profile-page .page-header{display:flex;justify-content:space-between;align-items:center;padding:0!important;margin-top:-12px!important;margin-bottom:0!important}.profile-content{display:flex;flex-direction:column;gap:20px}.profile-content .content-title{font-size:1.5rem;font-weight:800;color:var(--color-text-main);margin:12px 0 4px}@media(max-width:1023px){.profile-content .content-title{font-size:1.25rem;margin:8px 0 0}}.profile-summary{padding:4px 0 16px 20px}.profile-info-row{display:flex;align-items:center;gap:var(--spacing-md)}.profile-info-row-card{display:flex;align-items:center;gap:var(--spacing-md);padding:20px;background-color:var(--color-surface)}.profile-provider-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background-color:#1f6e4314;color:var(--color-primary-dark);font-size:.82rem;font-weight:800}.profile-text{flex:1}.profile-text h2{font-size:1.4rem;font-weight:800;color:var(--color-text-main);margin-bottom:2px}.profile-text p{color:var(--color-text-sub);font-size:.875rem}.profile-alert-error{padding:14px 16px;border-radius:var(--radius-md);background-color:#dc354514;color:#9d2330;font-size:.92rem;line-height:1.5}.edit-btn{padding:6px 16px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);font-size:.875rem;font-weight:600;color:var(--color-text-sub)}.settings-list{display:flex;flex-direction:column;gap:20px;padding-bottom:24px}.settings-card{padding:0;overflow:hidden}.settings-group-title{padding:12px 20px;font-size:.875rem;font-weight:700;color:var(--color-text-muted);background-color:var(--color-background);text-transform:uppercase}.settings-item{display:flex;align-items:center;gap:16px;padding:20px;border-bottom:1px solid var(--color-border);background-color:var(--color-surface);cursor:pointer;transition:background-color .2s}.settings-item:hover{background-color:var(--color-background)}.settings-action-button{width:100%;text-align:left}.settings-action-button:disabled{cursor:wait;opacity:.7}.settings-item.border-none{border-bottom:none}.item-icon-wrapper{width:32px;height:32px;border-radius:8px;background-color:var(--color-background);display:flex;align-items:center;justify-content:center;color:var(--color-text-sub)}.item-content{flex:1}.item-content h4{font-size:1rem;font-weight:600;color:var(--color-text-main)}.item-content p{font-size:.75rem;color:var(--color-text-sub);margin-top:2px}.item-arrow{color:var(--color-text-muted)}.text-danger{color:var(--color-danger)!important}.text-muted h4{color:var(--color-text-muted)!important}.toggle-switch{position:relative;display:inline-block;width:48px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-border);transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--color-primary)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.account-card-container{padding:20px;background-color:var(--color-surface)}.account-card-wrapper{container-type:inline-size;container-name:account-card;position:relative;width:100%;max-width:450px;aspect-ratio:1.586 / 1;border-radius:20px;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#236b45,#2a8c57 55%,#3db370);box-shadow:none;transition:transform .2s,box-shadow .2s;padding:5cqw 6cqw;display:flex;flex-direction:column;justify-content:space-between}@media(min-width:1024px){.account-card-wrapper{padding:20px 24px}}.account-card-wrapper:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.06;pointer-events:none}.account-card-wrapper:hover{transform:translateY(-3px) scale(1.01);box-shadow:none}.account-card-deco{position:absolute;bottom:10px;right:10px;width:55%;height:100%;object-fit:contain;object-position:right bottom;pointer-events:none;opacity:.18}.account-card-top-row{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}.account-card-name-group{display:flex;flex-direction:column;gap:2px}.account-bank-name{font-size:clamp(1rem,4.5cqw,1.25rem);font-weight:800;color:#fff;letter-spacing:.01em}@media(min-width:1024px){.account-bank-name{font-size:1.15rem}}.account-card-label{font-size:.88rem;color:#fff9;font-weight:500;letter-spacing:.04em}.account-card-last4{font-size:.92rem;font-weight:600;color:#ffffffbf;letter-spacing:.1em}.account-card-chip{position:relative;z-index:1;width:44px;height:34px;background:linear-gradient(135deg,#d4a843,#f0cc6e 40%,#c49330);border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d}.chip-inner{position:relative;width:30px;height:22px}.chip-line{position:absolute;background:#00000040;border-radius:1px}.chip-line.h{width:100%;height:1.5px;top:50%;left:0;transform:translateY(-50%)}.chip-line.v{width:1.5px;height:100%;top:0;left:50%;transform:translate(-50%)}.account-card-number-row{font-size:clamp(.9rem,4.2cqw,1.12rem);font-weight:700;color:#ffffffe6;letter-spacing:.18em;position:relative;z-index:1;font-family:Courier New,monospace}@media(min-width:1024px){.account-card-number-row{font-size:1.12rem}}.account-card-bottom-row{display:flex;align-items:flex-end;justify-content:space-between;position:relative;z-index:1}.account-card-bottom-left{display:flex;flex-direction:column;gap:1px}.account-balance-label{font-size:.82rem;color:#ffffffa6;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.account-balance{font-size:clamp(1.2rem,6cqw,1.8rem);font-weight:800;color:#fff;letter-spacing:-.5px;line-height:1.2}@media(min-width:1024px){.account-balance{font-size:1.6rem}}.auto-transfer-btn{display:flex;align-items:center;gap:4px;background:#ffffff2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:5px 12px;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.auto-transfer-btn:hover{background:#ffffff4d}.account-card-actions{display:flex;flex-direction:column;gap:8px}.transfer-action-btn{display:flex;align-items:center;gap:4px;background:#ffffff2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:5px 12px;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.transfer-action-btn:hover{background:#ffffff4d}.account-card-hint{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:.75rem;color:var(--color-text-muted);padding-left:2px}.security-page-container{display:flex;flex-direction:column;gap:12px;padding:0 20px 32px;background-color:#f8f9fa;min-height:100vh}@media(min-width:1024px){.security-page-container{padding:0;gap:8px}}@media(max-width:1023px){.detail-header{margin-left:-20px;margin-right:-20px;padding:12px 20px;width:calc(100% + 40px);background-color:#f8f9fa!important;justify-content:space-between!important;border-bottom:none!important}.detail-header .icon-btn-sm{background-color:#f8f9fa;border:1px solid rgba(0,0,0,.04);box-shadow:0 2px 8px #00000005}.at-header-back{color:var(--color-text-main);font-size:1.1rem;padding:0;gap:8px;cursor:pointer;display:flex;align-items:center}.at-header-back span{display:none}.at-header-back:after{content:"보안 설정";font-weight:800;font-size:1.25rem;color:var(--color-text-main)}}@media(min-width:1024px){.at-header-back{font-size:1.15rem;gap:6px}.at-header-back svg{width:24px;height:24px}}.security-content{display:flex;flex-direction:column;gap:20px;padding-bottom:24px}.content-title{font-size:1.4rem;font-weight:800;color:var(--color-text-main);margin-top:12px}@media(max-width:1023px){.content-title{display:none}}.security-hero{background-color:var(--color-surface);border:1px solid var(--color-border);padding:20px}.security-hero-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.security-hero h2{margin-top:14px;font-size:1.4rem;font-weight:800;color:var(--color-text-main)}.security-hero p{margin-top:10px;max-width:640px;color:var(--color-text-sub);line-height:1.7;font-size:.875rem}.security-state-pill{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;font-size:.875rem;font-weight:700}.security-state-pill.enabled{background-color:#1f6e431a;color:var(--color-primary-dark)}.security-state-pill.disabled{background-color:#f28c4b24;color:var(--color-secondary-dark)}.security-device-card{min-width:220px;padding:14px 16px;border-radius:var(--radius-md);background-color:#1f6e430f;color:var(--color-primary-dark);display:flex;align-items:center;gap:10px;font-weight:700}.security-highlight-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.security-highlight-item{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background-color:var(--color-surface);color:var(--color-text-sub);font-size:.92rem;font-weight:600;border:1px solid var(--color-border)}.security-feedback{padding:14px 16px;border-radius:var(--radius-md);font-size:.94rem;line-height:1.6}.security-feedback.success{background-color:#28a74514;color:#166534}.security-feedback.error{background-color:#dc354514;color:#9d2330}.security-feedback.info{background-color:#1f6e4314;color:var(--color-primary-dark)}.security-grid,.security-section-card{display:flex;flex-direction:column;gap:20px}.security-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.security-section-heading h3{font-size:1.1rem;font-weight:800;color:var(--color-text-main)}.security-section-heading p{margin-top:6px;color:var(--color-text-sub);line-height:1.6;font-size:.875rem}.security-heading-icon{color:var(--color-primary);flex-shrink:0}.security-heading-icon.danger{color:var(--color-danger)}.security-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.security-status-box{padding:18px;border-radius:var(--radius-md);background-color:#f7f9f8;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:6px}.security-status-box span{color:var(--color-text-sub);font-size:.85rem}.security-status-box strong{font-size:1.15rem;font-weight:800;color:var(--color-text-main)}.security-muted{color:var(--color-text-sub);line-height:1.6}.security-setup-layout{display:grid;grid-template-columns:minmax(220px,260px) 1fr;gap:24px;align-items:center}.security-qr-wrapper{display:flex;justify-content:center;align-items:center;padding:16px;border-radius:28px;background:linear-gradient(180deg,#fff,#f6f8f7);border:1px solid var(--color-border)}.security-qr-image{width:220px;height:220px;border-radius:20px;background-color:var(--color-surface)}.security-setup-details{display:flex;flex-direction:column;gap:var(--spacing-lg)}.security-label{display:block;margin-bottom:8px;color:var(--color-text-main);font-size:.92rem;font-weight:700}.security-manual-key{padding:16px 18px;border-radius:20px;border:1px dashed var(--color-primary-light);background-color:#1f6e430a;color:var(--color-primary-dark);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1rem;font-weight:700;letter-spacing:.2em;word-break:break-all}.security-inline-form{display:flex;flex-direction:column;gap:12px}.security-code-input{max-width:260px;border-radius:18px;padding:14px 16px;font-size:1.12rem;font-weight:700;letter-spacing:.26em;text-align:center}.security-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.security-code-card{padding:16px;border-radius:20px;border:1px solid var(--color-border);background-color:#f7f9f8;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.95rem;font-weight:700;color:var(--color-text-main);text-align:center}.security-card-actions{display:flex;flex-direction:column;gap:12px}@media(max-width:1023px){.security-hero-header{flex-direction:column;gap:16px}.security-device-card{min-width:auto;width:100%}.security-status-grid{grid-template-columns:1fr}.security-setup-layout{grid-template-columns:1fr;gap:20px}}@media(max-width:767px){.security-highlight-list{flex-direction:column}.security-section-heading{flex-direction:column;gap:8px}.security-code-grid{grid-template-columns:1fr}.security-qr-image{width:min(220px,100%);height:auto;aspect-ratio:1 / 1}}:root{scrollbar-gutter:stable}.timeline-page{display:flex;flex-direction:column;gap:var(--spacing-lg);min-height:100vh;background-color:#f8f6f2;padding-bottom:var(--spacing-xxl)}.timeline-page .detail-header{display:flex;justify-content:flex-end;align-items:center;position:sticky;top:0;z-index:50;background-color:#f8f6f2;padding:var(--spacing-sm) 0;margin-bottom:-16px}.timeline-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 16px 32px;background-color:#f8f6f2}.title-group{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}.header-title{font-size:1.25rem;font-weight:800;color:#111827;display:flex;align-items:center;gap:4px;min-width:0;max-width:100%}.header-title svg{color:#111827}.header-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0}.header-title.clickable{cursor:pointer;transition:opacity .2s}.header-title.clickable:hover{opacity:.8}.chevron-down-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.chevron-down-icon.rotate{transform:rotate(180deg)}.timeline-group-selector{position:relative;display:flex;align-items:center}.timeline-dropdown-menu{position:absolute;top:calc(100% + 8px);left:-12px;width:200px;background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;border:1px solid rgba(0,0,0,.05);z-index:1000;overflow:hidden;animation:slideDown .2s cubic-bezier(.16,1,.3,1)}.timeline-dropdown-item{padding:14px 20px;font-size:1.05rem;font-weight:600;color:#4b5563;cursor:pointer;transition:background-color .2s}.timeline-dropdown-item:hover{background-color:#f8f9fa;color:#111827}.timeline-dropdown-item.active{color:#e2886e;background-color:#fef4ed;font-weight:700}.timeline-edit-btn{width:28px;height:28px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:none;border:none;padding:2px;opacity:1;transition:transform .15s;flex-shrink:0;margin-left:4px}.timeline-edit-btn:hover{transform:scale(1.1)}.header-calendar-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:2px;cursor:pointer;opacity:1;transition:transform .15s;flex-shrink:0}.header-calendar-btn:hover{transform:scale(1.1)}.header-map-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:1px solid #E5DED4;background:#ffffffc7;color:#111827;font-size:.82rem;font-weight:800;transition:transform .15s,background-color .15s}.header-map-btn:hover{transform:scale(1.05);background:#fff}.timeline-map-mobile-btn{color:#e2886e}.header-calendar-svg{width:21px;height:21px;fill:#111827}.pencil-icon{width:21px;height:21px;opacity:1;filter:brightness(0)}@media(max-width:768px){.timeline-page{gap:0}.detail-header.desktop-only-flex{display:none!important}.timeline-header{padding:12px 16px;margin-bottom:0;position:sticky;top:0;z-index:999;flex-direction:column;align-items:stretch}.timeline-header .header-actions.mobile-only-flex{align-self:flex-end;margin-bottom:0;margin-top:0}.timeline-header .timeline-header-top{flex-direction:column-reverse;align-items:stretch}.timeline-header .timeline-header-left{width:100%}.timeline-content{margin-top:0;padding:0 24px}.timeline-header .icon-btn-sm{background-color:#fbfbf9;border:none}.header-map-btn{display:none}.header-actions.mobile-only-flex .pencil-icon{width:1.2rem;height:1.2rem;opacity:.8}.timeline-summary{min-height:100px;padding:20px 12px}.summary-deco-left{left:4px}.summary-deco-right{right:4px}.summary-date,.summary-text{position:relative;z-index:1}}.header-actions{display:flex;gap:8px}.icon-btn-sm{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-main);transition:background-color .2s}.icon-btn-sm:hover{background-color:#0000000d}.timeline-content{padding:0 24px;margin-top:8px}.timeline-summary{background-color:#fef4ed;border:1px solid #F5DBD0;border-radius:24px;padding:48px 16px;text-align:center;margin-top:64px;margin-bottom:32px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;min-height:150px}.timeline-summary:first-child{margin-top:0}.summary-deco-left,.summary-deco-right{position:absolute;top:50%;transform:translateY(-50%);object-fit:contain;z-index:0;opacity:.7}@media(min-width:769px){.summary-deco-left{left:96px;height:85%}.summary-deco-right{right:96px;height:85%}}@media(max-width:768px){.summary-deco-left{left:24px}.summary-deco-right{right:24px}.summary-deco-left,.summary-deco-right{height:60%}}.summary-date{color:#d68571;font-weight:800;font-size:1.3rem;margin-bottom:0;transition:color .2s}.summary-date-row{display:flex;align-items:center;gap:8px;z-index:1;padding:4px 12px;border-radius:12px}.calendar-container{position:relative;width:24px;height:24px;display:flex;justify-content:center;align-items:center;--icon-color: #D68571}.calendar-container .svg-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.calendar-container .svg-outline{fill:var(--icon-color)}.timeline-list{display:flex;flex-direction:column}.timeline-item{display:flex;min-height:100px}.timeline-line-container{width:32px;display:flex;flex-direction:column;align-items:center;margin-right:16px;position:relative}.timeline-dot-wrapper{padding-top:24px;z-index:2;background-color:#f8f6f2;padding-bottom:8px}.timeline-dot{width:14px;height:14px;background-color:#e2886e;border-radius:50%;box-shadow:0 0 0 4px #f1dfd5}.timeline-line{width:2px;background-color:#d7d1c6;flex:1}.timeline-line.flex-rest{display:none}.timeline-card{flex:1;background-color:var(--color-surface);border-radius:24px;border:1px solid #EBE6DF;overflow:hidden;margin-bottom:24px;box-shadow:0 4px 12px #00000008;position:relative}.timeline-card-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-bottom:1px solid #F9FAFB;gap:12px}.timeline-card-header .info-title{font-size:17px;font-weight:800;color:#111827;margin:0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-card-image-area{margin:0 16px;height:200px}.timeline-image-scroll{display:flex;gap:8px;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;align-items:center}.timeline-image-wrapper{height:100%;position:relative;flex-shrink:0}.timeline-gallery-img{height:100%;width:auto;border-radius:16px;object-fit:contain}.image-count-badge{position:absolute;top:12px;right:12px;background-color:#0009;color:#fff;padding:4px 10px;border-radius:20px;font-size:.875rem;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1}@media(max-width:768px){.timeline-card-image-area{height:auto;margin:0 12px;aspect-ratio:6 / 4}.timeline-image-scroll{scroll-snap-type:x mandatory;gap:0;width:100%;display:flex;overflow-x:auto;align-items:stretch}.timeline-image-wrapper.first-image,.timeline-add-photo-btn{width:100%;flex:0 0 100%;scroll-snap-align:start;height:100%}.timeline-image-wrapper.first-image{background-color:transparent;border-radius:16px;overflow:hidden;position:relative}.timeline-image-wrapper.first-image .timeline-gallery-img.main-image{width:100%;height:100%;display:block;object-fit:cover}.timeline-add-photo-btn{background-color:#f8f6f2;border:2px dashed #EBE6DF;border-radius:16px;margin-left:12px;display:flex;flex-direction:column;justify-content:center;align-items:center}}.timeline-card-placeholder{background-color:#efebe4;height:100%;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;border:2px dashed #D7D1C6;transition:background-color .2s}.timeline-card-placeholder:hover{background-color:#e5dfc8}.image-icon{width:48px;height:48px;margin-bottom:20px;opacity:.8}.image-text{color:var(--color-text-sub);font-size:.875rem;font-weight:700}.timeline-card-info{padding:16px 24px 20px}.info-main{display:flex;justify-content:space-between;align-items:center}.info-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.info-icon{width:36px;height:36px;background-color:#f5f1eb;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.1rem}.info-text-group{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0}.info-title{font-size:17px;font-weight:800;color:#111827;margin:0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-meta{font-size:.85rem;color:#6b7280;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.address-wrapper{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.address-map-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:#f3f4f6;border:none;color:#374151;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.address-map-btn:hover{background-color:#e2886e;color:#fff;transform:scale(1.1)}.address-map-btn:active{transform:scale(.95)}.info-right{display:flex;align-items:center}.info-amount{color:#e2886e;font-weight:800;font-size:.95rem;white-space:nowrap;margin-left:12px}.info-description{margin-top:12px;font-size:.9rem;color:var(--color-text-muted);font-style:italic;padding-left:0;word-break:break-all}.info-description.truncatable{cursor:pointer}.desc-toggle{font-style:normal;font-weight:700;color:#e2886e;white-space:nowrap;margin-left:6px}.timeline-add-photo-btn{height:100%;width:140px;border-radius:16px;background-color:#efebe4;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;cursor:pointer;border:2px dashed #D7D1C6;transition:background-color .2s}.timeline-add-photo-btn:hover{background-color:#e5dfc8}.add-photo-icon{width:32px;height:32px;margin-bottom:20px;opacity:.6}.add-photo-text{color:var(--color-text-sub);font-size:.875rem;font-weight:700}.image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-close-btn{position:absolute;top:40px;right:20px;background:#ffffff1a;border:none;border-radius:50%;padding:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:2100}.modal-content{width:100%;max-width:500px;height:85vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-image-container{width:100%;height:70vh;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:center}.modal-image-container::-webkit-scrollbar{display:none}.modal-image-wrapper{width:100%;height:100%;flex-shrink:0;scroll-snap-align:start;display:flex;justify-content:center;align-items:center;padding:0}.modal-full-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.modal-pagination{margin-top:24px;display:flex;gap:6px}.pagination-dot{width:6px;height:6px;border-radius:50%;background-color:#ffffff4d;transition:background-color .2s ease,transform .2s ease}.pagination-dot.active{background-color:#fff;transform:scale(1.2)}.modal-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0000004d;border-radius:50%;width:44px;height:44px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:2200;transition:background-color .2s ease,opacity .2s ease;outline:none;padding:0;margin:0;border:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;box-sizing:border-box}.modal-nav-btn.hidden{opacity:0;pointer-events:none}.modal-nav-btn:active{transform:translateY(-50%)}.modal-nav-btn:hover{background:#fff3}.modal-nav-btn.prev{left:-60px}.modal-nav-btn.next{right:-60px}@media(max-width:600px){.modal-nav-btn{width:36px;height:36px;background:#0003}.modal-nav-btn.prev{left:10px}.modal-nav-btn.next{right:10px}}.timeline-card-actions{display:flex;align-items:center;gap:12px;margin-top:14px;margin-left:-4px}.no-filter-results{padding:64px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;background-color:#fbfbf9;border-radius:24px;border:1px dashed #D7D1C6;margin-top:32px}.no-filter-results p{color:var(--color-text-sub);font-weight:700}.reset-filter-btn{background-color:#e2886e;color:#fff;padding:10px 24px;border-radius:20px;border:none;font-weight:800;cursor:pointer;transition:transform .2s}.reset-filter-btn:active{transform:scale(.95)}.calendar-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:flex-end;z-index:3000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(min-width:769px){.calendar-modal-overlay{align-items:center}}.calendar-modal-content{width:100%;max-width:450px;background-color:#fff;border-radius:32px 32px 0 0;padding:24px;box-shadow:0 -10px 40px #0000001a;animation:slideUp .3s ease-out}@media(min-width:769px){.calendar-modal-content{border-radius:32px;animation:fadeIn .2s ease-out}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.calendar-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.calendar-current-month{font-size:1.1rem;font-weight:800;color:var(--color-text-main)}.nav-month-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--color-text-main);display:flex;align-items:center}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.weekday{text-align:center;font-size:.75rem;font-weight:700;color:var(--color-text-muted);padding:8px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.calendar-grid.months,.calendar-grid.years{grid-template-columns:repeat(3,1fr);gap:12px;padding:10px 0}.calendar-month-item,.calendar-year-item{aspect-ratio:2 / 1;display:flex;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;cursor:pointer;border-radius:12px;background-color:#f8f6f2;transition:all .2s}.calendar-month-item:hover,.calendar-year-item:hover{background-color:#f5f1eb;transform:translateY(-2px)}.calendar-month-item.active,.calendar-year-item.active{background-color:#e2886e;color:#fff}.calendar-current-month.clickable{cursor:pointer;padding:6px 16px;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center}.calendar-current-month.clickable:hover{transform:scale(1.05);color:#e2886e}.calendar-current-month.clickable:active{transform:scale(.95)}.calendar-header-title{display:flex;align-items:center;gap:6px;font-weight:800}.calendar-day{aspect-ratio:1;display:flex;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;cursor:pointer;border-radius:50%;transition:background-color .2s,color .2s;position:relative;z-index:1}.calendar-day:hover:not(.empty){background-color:#f5f1eb}.calendar-day.selected.start,.calendar-day.selected.end{background-color:#e2886e!important;color:#fff}.calendar-day.in-range{background-color:#fef4ed;border-radius:0}.calendar-day.selected.start{border-top-right-radius:0;border-bottom-right-radius:0}.calendar-day.selected.end{border-top-left-radius:0;border-bottom-left-radius:0}.calendar-day.selected.start:not(:has(~.in-range)):not(:has(~.selected.end)){border-radius:50%}.calendar-modal-footer{display:flex;gap:12px;margin-top:24px}.calendar-action-btn{flex:1;padding:14px;border-radius:16px;font-weight:800;cursor:pointer;transition:opacity .2s}.calendar-action-btn.primary{background-color:#e2886e;color:#fff;border:none}.calendar-action-btn.secondary{background-color:#f5f1eb;color:var(--color-text-main);border:none}.calendar-action-btn:active{opacity:.8}.heart-container,.comment-container{position:relative;width:26px;height:26px;transition:.3s;display:flex;justify-content:center;align-items:center}.heart-container{--icon-color: rgb(255, 91, 137)}.comment-container{--icon-color: #6B7280}.heart-container .checkbox,.comment-container .action-btn{position:absolute;width:100%;height:100%;opacity:0;z-index:20;cursor:pointer}.heart-container .svg-container,.comment-container .svg-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.heart-container .svg-outline,.heart-container .svg-filled,.comment-container .svg-outline{fill:var(--icon-color);position:absolute}.heart-container .svg-filled{animation:keyframes-svg-filled 1s;display:none}.heart-container .svg-celebrate{position:absolute;animation:keyframes-svg-celebrate .5s;animation-fill-mode:forwards;display:none;stroke:var(--icon-color);fill:var(--icon-color);stroke-width:2px}.heart-container .checkbox:checked~.svg-container .svg-filled{display:block}.heart-container .checkbox:checked~.svg-container .svg-celebrate{display:block}.heart-container:hover,.comment-container:hover{transform:scale(1.1)}.comment-container .svg-outline{transition:fill .2s}.comment-container:hover .svg-outline{fill:#e2886e}.comment-count{position:absolute;right:-24px;font-size:.8rem;font-weight:800;color:#e2886e;pointer-events:none}.timeline-comments-section{max-height:0;overflow:hidden;background-color:#f9fafb;border-radius:0 0 24px 24px;margin-top:-12px}.timeline-comments-section.open{max-height:500px;padding:24px 20px 20px}.comments-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.comment-item{display:flex;flex-direction:column;gap:6px;padding-left:12px}.comment-header{display:flex;justify-content:space-between;align-items:center}.comment-meta-left{display:flex;align-items:center;gap:8px}.comment-author{font-size:.9rem;font-weight:800;color:#111827}.comment-time{font-size:.775rem;color:#9ca3af}.comment-actions{display:flex;gap:8px}.comment-action-btn{background:none;border:none;font-size:.75rem;font-weight:700;color:#9ca3af;cursor:pointer;transition:color .2s}.comment-action-btn:hover{color:#e2886e}.comment-action-btn.delete:hover{color:#ef4444}.comment-text{font-size:.9rem;color:#4b5563;line-height:1.4;font-weight:500}.no-comments{text-align:center;color:#9ca3af;font-size:.85rem;padding:20px 0}.comment-input-area{display:flex;gap:10px;background:#fff;padding:8px 16px;border-radius:12px;border:1.5px solid #F3F4F6;transition:border-color .2s;width:100%;max-width:100%;box-sizing:border-box;align-items:center;position:relative}.comment-input-area:focus-within{border-color:#e2886e}.comment-input-area input{flex:1;min-width:0;border:none;outline:none;font-size:.85rem;font-weight:600;background:transparent}.comment-submit-btn{background:none;border:none;color:#e2886e;font-weight:800;font-size:.85rem;cursor:pointer;padding:0 4px;white-space:nowrap;flex-shrink:0;min-width:32px}.comment-submit-btn:hover{color:#d67a60}.comment-edit-area{display:flex;flex-direction:column;gap:8px;background:#fff;padding:10px;border-radius:12px;border:1.5px solid #E2886E}.comment-edit-area input{border:none;outline:none;font-size:.9rem;font-weight:600}.comment-edit-buttons{display:flex;justify-content:flex-end;gap:8px}.comment-edit-save,.comment-edit-cancel{background:none;border:none;font-size:.75rem;font-weight:800;cursor:pointer}.comment-edit-save{color:#e2886e}.comment-edit-cancel{color:#9ca3af}.timeline-card-actions{padding-bottom:16px}.card-top-actions{display:flex;gap:12px}.edit-post-container,.delete-post-container{width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;color:#9ca3af;background:none;border:none}.pencil-icon-lucide,.trash-icon{stroke-width:2.5px;transition:color .2s}.edit-post-container:hover,.delete-post-container:hover{transform:scale(1.1);color:#e2886e}.edit-post-container:active,.delete-post-container:active{transform:scale(.95)}.edit-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:4000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0}.edit-modal-content{width:100%;max-width:500px;background-color:#fff;border-radius:28px;display:flex;flex-direction:column;max-height:90vh;box-shadow:0 20px 40px #0003;animation:modalPop .3s cubic-bezier(.34,1.56,.64,1);overflow-x:hidden;scrollbar-gutter:stable}@keyframes modalPop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.edit-modal-header{padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #F3F4F6}.edit-modal-title{font-size:1.25rem;font-weight:800;color:#111827}.edit-modal-close-btn{background:#f3f4f6;border:none;width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;color:#6b7280;transition:all .2s}.edit-modal-close-btn:hover{background:#e5e7eb;color:#111827}.edit-modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.edit-input-group{display:flex;flex-direction:column;gap:8px}.edit-input-group label{font-size:.9rem;font-weight:700;color:#4b5563;padding-left:4px}.edit-input-group input,.edit-input-group textarea{padding:12px 16px;border-radius:14px;border:1.5px solid #E5E7EB;font-size:.95rem;font-weight:600;transition:all .2s;background-color:#f9fafb;width:100%}.edit-input-group input{text-align:center}.edit-input-group input.edit-title-input{text-align:left}.edit-input-group textarea{resize:vertical;min-height:100px;max-height:300px}.edit-input-group.clickable input{cursor:pointer}.edit-input-group input:focus,.edit-input-group textarea:focus{outline:none;border-color:#e2886e;background-color:#fff;box-shadow:0 0 0 4px #e2886e1a}.edit-row{display:flex;gap:12px}.flex-1{flex:1}.edit-image-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;width:100%}.edit-image-item{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden}.edit-image-item img{width:100%;height:100%;object-fit:cover}.edit-image-item{cursor:grab;transition:opacity .2s,transform .2s,box-shadow .2s}.edit-image-item:hover:after{content:"";position:absolute;inset:0;border-radius:12px;border:2px solid #E2886E;pointer-events:none}.edit-image-item.dragging{opacity:.4;transform:scale(.96);cursor:grabbing}.edit-image-item.drag-over{opacity:.4;transform:scale(.96)}.drag-handle-indicator{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:24px;height:3px;background:#ffffffbf;border-radius:999px;pointer-events:none}.remove-image-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background-color:#00000080;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.edit-add-image-placeholder{width:100%;aspect-ratio:1;border-radius:12px;border:2px dashed #E5E7EB;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#9ca3af;cursor:pointer;transition:all .2s}.edit-add-image-placeholder:hover{border-color:#e2886e;color:#e2886e;background-color:#e2886e0d}.edit-add-image-placeholder span{font-weight:800;font-size:.9rem}.edit-add-image-placeholder svg{width:24px;height:24px;color:inherit}.edit-modal-footer{padding:16px 24px 24px;display:flex;gap:12px}.edit-action-btn{flex:1;padding:14px;border-radius:16px;font-weight:800;font-size:1rem;cursor:pointer;transition:all .2s;border:none}.edit-action-btn.primary{background-color:#e2886e;color:#fff}.edit-action-btn.primary:hover{background-color:#d67a60}.edit-action-btn.secondary{background-color:#f3f4f6;color:#4b5563}.edit-action-btn.secondary:hover{background-color:#e5e7eb}.edit-action-btn:active{transform:scale(.98)}.edit-input-group{position:relative}.edit-picker-container{position:absolute;top:calc(100% + 8px);left:0;background-color:#fff;border-radius:20px;box-shadow:0 10px 25px #0000001a;border:1px solid #F3F4F6;z-index:1000;overflow:hidden;animation:pickerFadeIn .2s ease-out}@keyframes pickerFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.edit-input-with-icon{position:relative;display:flex;align-items:center}.edit-input-with-icon .input-icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.edit-input-with-icon input{padding-left:36px!important;text-align:left!important}.info-meta{font-size:.85rem;color:#6b7280;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle;cursor:pointer;transition:all .3s ease}@media(min-width:601px){.info-meta{white-space:normal;overflow:visible;text-overflow:clip;max-width:none;display:block;cursor:default}}.info-meta.expanded{white-space:normal;overflow:visible;text-overflow:clip;max-width:none;display:block}.delete-post-container{padding:6px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s;color:#ef4444;flex-shrink:0;width:28px;height:28px}.delete-post-container:hover{transform:scale(1.15);background-color:transparent!important;background:transparent!important;box-shadow:none!important;color:#ef4444!important}.delete-post-container:active{transform:scale(.95);color:#ef4444!important}.delete-post-container .trash-icon{width:17px!important;height:17px!important;color:#ef4444!important;stroke:#ef4444!important}.pencil-icon-lucide{width:17px!important;height:17px!important}.edit-post-container{padding:6px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s;color:#6b7280;flex-shrink:0;width:28px;height:28px}.edit-post-container:hover{transform:scale(1.15);background-color:transparent!important;background:transparent!important;box-shadow:none!important}.comment-icon-lucide{color:#9ca3af;transition:all .2s}.comment-container:hover .comment-icon-lucide{color:#e2886e;transform:scale(1.1)}@media(max-width:600px){.info-main{flex-direction:column;align-items:flex-start!important;gap:8px}.info-right{align-self:flex-start}.info-amount{font-size:1rem;margin-left:0}}.edit-picker-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #F3F4F6}.picker-header-center{display:flex;gap:8px;font-size:.95rem;font-weight:800;color:#111827}.picker-header-title{cursor:pointer;padding:0 4px;transition:color .2s}.picker-header-title:hover{color:#e2886e;background-color:transparent}.picker-header-title.active{color:#e2886e}.picker-nav-btn{background:none;border:none;padding:4px;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.picker-nav-btn:hover{background-color:#f3f4f6;color:#111827}.edit-picker-container.scroll-picker{width:140px;max-height:200px;overflow-y:auto;padding:8px;scrollbar-width:thin;z-index:1001}.year-picker-overlay,.month-picker-overlay{left:50%;transform:translate(-50%) translateY(0);top:30px}.calendar-grid.days.dimmed{opacity:.3;pointer-events:none;filter:blur(1px)}.picker-scroll-item{padding:10px;text-align:center;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:700;transition:all .2s}.picker-scroll-item:hover{background-color:#f3f4f6}.picker-scroll-item.active{background-color:#e2886e;color:#fff}.edit-picker-container.date-picker{width:280px;padding:16px}.edit-picker-container.time-picker{left:50%;transform:translate(-50%) translateY(0);width:120px;max-height:200px;overflow-y:auto;border-radius:16px;scrollbar-width:none}.edit-picker-container.time-picker::-webkit-scrollbar{display:none}.time-picker-item{padding:12px;text-align:center;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:700;transition:all .2s}.time-picker-item:hover{background-color:#f9fafb}.time-picker-item.active{background-color:#e2886e;color:#fff}.edit-picker-container .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:12px}.edit-picker-container .calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.85rem;font-weight:700;color:#4b5563;cursor:pointer;transition:all .2s}.edit-picker-container .calendar-day:hover:not(.empty){background-color:#f3f4f6;color:#111827}.edit-picker-container .calendar-day.selected{background-color:#e2886e;color:#fff}.delete-action-btn{flex:1;padding:12px;border-radius:14px;font-weight:800;font-size:.95rem;cursor:pointer;border:none;transition:all .2s}.place-search-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:6000}.place-search-content{width:450px;height:600px;background:#fff;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.place-search-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #F3F4F6}.place-search-title{font-size:1.1rem;font-weight:800;color:#111827}.place-search-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;transition:color .2s}.place-search-body{flex:1;display:flex;flex-direction:column;padding:20px;min-height:0}.place-search-input-group{display:flex;gap:8px;margin-bottom:20px}.place-search-input-group input{flex:1;padding:12px 16px;border-radius:12px;border:1px solid #E5E7EB;font-size:.95rem}.place-search-btn{padding:0 20px;background-color:#e2886e;color:#fff;border-radius:12px;border:none;font-weight:700;cursor:pointer}.place-search-results{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.place-result-item{padding:16px;background-color:#f9fafb;border-radius:16px;cursor:pointer;transition:all .2s;border:1px solid transparent}.place-result-item:hover{background-color:#fef4ed;border-color:#f5dbd0}@media(max-width:600px){.place-search-content{width:95%;height:80vh}}.header-title .chevron-down-icon{color:#111827!important}.comment-action-btn.delete{color:#ef4444!important}.comment-action-btn.delete:hover,.comment-action-btn.delete:active{color:#ef4444!important;text-decoration:none!important}.timeline-map-page{position:relative;width:100vw;height:100vh;min-height:100dvh;height:100dvh;overflow:hidden;background:radial-gradient(circle at top left,rgba(255,224,205,.75),transparent 38%),linear-gradient(160deg,#d8e4ec,#cfd9df)}.timeline-map-canvas{position:absolute;inset:0}.timeline-map-topbar{position:absolute;top:20px;left:20px;right:20px;z-index:16;display:flex;align-items:center;gap:12px;pointer-events:none}.timeline-map-topbar>*{pointer-events:auto}.timeline-map-topbar-main{display:flex;align-items:center;gap:12px;width:min(720px,100%);min-width:0}.timeline-map-toolbar-stack{position:absolute;top:92px;left:20px;right:20px;z-index:15;width:auto;display:flex;flex-direction:column;align-items:flex-start;gap:10px;pointer-events:none}.timeline-map-toolbar-stack>*{pointer-events:auto}.timeline-map-back-button,.timeline-map-filter-toggle-button,.timeline-map-route-button,.timeline-map-reset-button,.timeline-map-tag-chip,.timeline-map-entry-card,.timeline-map-empty-state button{border:none;cursor:pointer;font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.timeline-map-tag-result-item,.timeline-map-marker-bubble,.timeline-map-marker-details-close{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.timeline-map-back-button{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:#111827c7;color:#fff;padding:12px 16px;box-shadow:0 16px 40px #0f172a2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.timeline-map-status-card{display:none;flex-direction:column;align-items:center;gap:2px;min-width:150px;padding:12px 18px;border-radius:20px;background:#ffffffd1;color:#172033;box-shadow:0 18px 42px #0f172a26;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.timeline-map-status-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;color:#7c8698;text-transform:uppercase}.timeline-map-status-count{font-size:1rem;font-weight:800}.timeline-map-filter-panel{position:absolute;left:20px;bottom:20px;z-index:14;width:min(440px,calc(100vw - 40px));display:flex;flex-direction:column;gap:18px;padding:24px;border-radius:28px;background:#faf5efeb;box-shadow:0 28px 60px #0f172a2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:0;transition:height .26s cubic-bezier(.22,1,.36,1),max-height .26s cubic-bezier(.22,1,.36,1)}.timeline-map-filter-panel.is-dragging{transition:none}.timeline-map-filter-panel-body{display:flex;flex:1 1 auto;flex-direction:column;gap:18px;min-height:0;overflow:hidden}.timeline-map-filter-panel .timeline-map-filter-header,.timeline-map-filter-panel .timeline-map-date-row,.timeline-map-filter-panel .timeline-map-tag-search,.timeline-map-filter-panel .timeline-map-route-legend{display:none}.timeline-map-results-sheet-header{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:2px 4px 0;border:none;background:transparent;color:#18212f;text-align:left;font:inherit}.timeline-map-results-sheet-title{font-size:.94rem;font-weight:800}.timeline-map-results-sheet-meta{font-size:.78rem;color:#6b7280}.timeline-map-filter-handle{display:none;border:none;padding:0;background:transparent;color:#4b5563;font:inherit;gap:0;justify-content:center}.timeline-map-filter-handle-bar{width:44px;height:4px;border-radius:999px;background:#18212f29}.timeline-map-filter-handle-label{display:none}.timeline-map-filter-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.timeline-map-filter-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:#f28c4b}.timeline-map-filter-title{font-size:1.5rem;font-weight:900;line-height:1.15;color:#18212f}.timeline-map-reset-button{background:#fffffff2;color:#1f2937;box-shadow:none}.timeline-map-date-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.timeline-map-date-field{display:flex;flex-direction:column;gap:8px}.timeline-map-date-field span{font-size:.82rem;font-weight:700;color:#6b7280}.timeline-map-date-field input{width:100%;border:1px solid rgba(24,33,47,.1);border-radius:16px;padding:12px 14px;background:#ffffffe0;color:#18212f;font:inherit}.timeline-map-route-legend{display:flex;flex-wrap:wrap;gap:10px}.timeline-map-route-legend-item{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffffdb;color:#4b5563;font-size:.8rem;font-weight:700}.timeline-map-route-legend-swatch{display:inline-flex;width:12px;height:12px;border-radius:999px;box-shadow:0 0 0 2px #ffffffe6}.timeline-map-tag-search{display:flex;flex-direction:column;gap:10px}.timeline-map-top-search{flex:1 1 auto;width:auto;min-width:0}.timeline-map-tag-search.has-results{gap:0}.timeline-map-tag-search-field{display:flex;flex-direction:column;gap:8px;order:1}.timeline-map-tag-search.has-results .timeline-map-tag-search-field{gap:0}.timeline-map-tag-search-field span{font-size:.82rem;font-weight:700;color:#6b7280;margin-bottom:8px}.timeline-map-tag-search-input-wrap{display:flex;align-items:center;gap:10px;border:1px solid rgba(24,33,47,.1);border-radius:16px;padding:0 14px;background:#ffffffe0;color:#9ca3af;box-shadow:inset 0 1px #ffffff6b}.timeline-map-tag-search-input-wrap:focus-within{border-color:#18212f33;box-shadow:0 14px 32px #0f172a14,inset 0 1px #ffffff6b}.timeline-map-tag-search.has-results .timeline-map-tag-search-input-wrap{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:#18212f0f;box-shadow:none}.timeline-map-tag-search-field input{width:100%;border:none;padding:12px 0;background:transparent;color:#18212f;font:inherit}.timeline-map-tag-search-field input:focus{outline:none}.timeline-map-selected-tags{display:flex;flex-wrap:wrap;gap:10px;order:3;margin-top:10px}.timeline-map-selected-tags.is-toolbar{flex:0 0 auto;flex-wrap:nowrap;gap:8px;order:initial;margin-top:0;overflow:visible;padding-bottom:0}.timeline-map-selected-tags.is-toolbar .timeline-map-tag-chip{flex:0 0 auto}.timeline-map-tag-chip{display:inline-flex;align-items:center;min-height:42px;border-radius:999px;padding:10px 15px;background:#fffffff0;color:#18212f;font-weight:700;border:1px solid rgba(24,33,47,.08);box-shadow:0 10px 24px #0f172a14;white-space:nowrap}.timeline-map-tag-chip.is-active{background:#18212f;color:#fff;border-color:#18212f33;box-shadow:0 12px 28px #0f172a29}.timeline-map-tag-results{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:18px;border:1px solid rgba(24,33,47,.08);background:#fffffff5;box-shadow:0 20px 36px #0f172a1a;order:2}.timeline-map-tag-search.has-results .timeline-map-tag-results{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.timeline-map-tag-result-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border:none;border-radius:14px;background:#fffffff0;color:#18212f;text-align:left;cursor:pointer;font:inherit}.timeline-map-tag-result-leading{display:flex;align-items:center;gap:12px;min-width:0;color:#6b7280}.timeline-map-tag-result-copy{display:flex;flex-direction:column;min-width:0;gap:2px}.timeline-map-tag-result-hash{font-weight:800;color:#18212f}.timeline-map-tag-result-subcopy{font-size:.76rem;color:#7c8698}.timeline-map-tag-result-action{font-size:.76rem;font-weight:700;color:#f47f52;white-space:nowrap}.timeline-map-tag-empty{padding:8px 6px;font-size:.82rem;color:#7c8698}.timeline-map-filter-toolbar{display:flex;align-items:center;gap:10px;width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;-ms-overflow-style:none;scrollbar-width:none}.timeline-map-filter-toolbar::-webkit-scrollbar{display:none}.timeline-map-filter-toolbar>*{flex:0 0 auto}.timeline-map-route-button,.timeline-map-filter-toggle-button,.timeline-map-reset-button{display:inline-flex;align-items:center;min-height:42px;gap:8px;border:1px solid rgba(24,33,47,.08);border-radius:999px;background:#fffffff0;color:#18212f;padding:10px 15px;box-shadow:0 10px 24px #0f172a14}.timeline-map-route-button.is-active,.timeline-map-filter-toggle-button.is-active{background:#18212f;color:#fff;border-color:#18212f33;box-shadow:0 12px 28px #0f172a29}.timeline-map-route-button:disabled{opacity:.54;cursor:not-allowed;color:#94a3b8}.timeline-map-date-popover{display:flex;flex-direction:column;gap:14px;width:min(420px,calc(100vw - 40px));max-width:100%;padding:18px;border-radius:24px;background:#faf5eff0;box-shadow:0 22px 44px #0f172a29;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.timeline-map-entry-list{display:flex;flex-direction:column;gap:10px;max-height:240px;overflow-y:auto;padding-right:4px}.timeline-map-entry-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:10px;border-radius:20px;background:#ffffffe6;color:#18212f;text-align:left;border:1px solid transparent}.timeline-map-entry-card.is-active{border-color:#f47f5273;box-shadow:0 10px 24px #f47f521f}.timeline-map-entry-card.is-unmapped{opacity:.78}.timeline-map-entry-thumb{width:56px;height:56px;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#18212f,#405066);color:#fff;font-size:1rem;font-weight:900}.timeline-map-entry-thumb img{width:100%;height:100%;object-fit:cover}.timeline-map-entry-body{min-width:0;display:flex;flex-direction:column;gap:3px}.timeline-map-entry-body strong{font-size:.92rem;font-weight:800;color:#18212f}.timeline-map-entry-body span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;color:#6b7280}.timeline-map-entry-state{border-radius:999px;padding:7px 10px;background:#fff0e7;color:#f47f52;font-size:.76rem;font-weight:800;white-space:nowrap}.timeline-map-filter-note{font-size:.85rem;color:#7c8698}.timeline-map-floating-state,.timeline-map-empty-state{position:absolute;left:50%;top:50%;z-index:12;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;min-width:280px;max-width:calc(100vw - 40px);padding:24px;border-radius:24px;background:#fffffff5;box-shadow:0 22px 48px #0f172a2e;text-align:center}.timeline-map-floating-state.is-error{color:#b91c1c}.timeline-map-empty-state strong{font-size:1rem;color:#18212f}.timeline-map-empty-state p{color:#6b7280}.timeline-map-empty-state button{border-radius:999px;background:#f28c4b;color:#fff;padding:11px 16px;font-weight:800}.timeline-map-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#ffe3d5,#ffd7c4);color:#f47f52}.timeline-map-marker{position:relative;width:92px;height:108px;overflow:visible}.timeline-map-marker-pin{position:absolute;left:40px;bottom:14px;width:18px;height:18px;background:#fffffff5;border-radius:0 0 6px;transform:translate(-50%) rotate(45deg);box-shadow:0 10px 18px #0f172a2e;transition:box-shadow .22s ease,background-color .22s ease}.timeline-map-marker-bubble{position:absolute;left:0;top:0;display:flex;align-items:flex-start;gap:12px;width:76px;min-height:76px;padding:6px;border-radius:30px;background:#fffffffa;box-shadow:0 18px 30px #0f172a2e;cursor:pointer;overflow:visible;transform-origin:left bottom;transition:width .24s cubic-bezier(.22,1,.36,1),border-radius .24s ease,box-shadow .24s ease,transform .24s ease}.timeline-map-marker-core{position:relative;flex:0 0 64px;width:64px;height:64px;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 10px 18px #0f172a24}.timeline-map-marker-image{width:100%;height:100%;object-fit:cover}.timeline-map-marker-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#18212f,#405066);color:#fff;font-size:1rem;font-weight:900}.timeline-map-marker-badge{position:absolute;top:-6px;right:-4px;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#18212f;color:#fff;font-size:.8rem;font-weight:800;line-height:28px;text-align:center;box-shadow:0 10px 18px #0f172a38}.timeline-map-marker-details{flex:1 1 auto;min-width:0;max-width:0;padding-top:4px;opacity:0;overflow:hidden;pointer-events:none;transform:translate(-10px);transition:max-width .24s cubic-bezier(.22,1,.36,1),opacity .18s ease,transform .24s cubic-bezier(.22,1,.36,1)}.timeline-map-marker.is-selected .timeline-map-marker-bubble{width:min(308px,calc(100vw - 96px));border-radius:30px;box-shadow:0 24px 42px #f47f5238}.timeline-map-marker.is-selected .timeline-map-marker-pin{background:#ffd8c4;box-shadow:0 12px 20px #f47f5238}.timeline-map-marker.is-selected .timeline-map-marker-details{max-width:216px;opacity:1;pointer-events:auto;transform:translate(0)}.timeline-map-marker-details-header{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:start;gap:10px}.timeline-map-marker-details-title-wrap{min-width:0;display:flex;flex-direction:column;gap:4px}.timeline-map-marker-details-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;font-weight:800;color:#18212f}.timeline-map-marker-details-meta{font-size:.78rem;color:#6b7280}.timeline-map-marker-details-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:999px;background:#f3f4f6;color:#4b5563;font-size:.9rem;font-weight:700;cursor:pointer}.timeline-map-marker-details-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.timeline-map-marker-details-tag{border-radius:999px;padding:5px 9px;background:#fff0e7;color:#f47f52;font-size:.76rem;font-weight:700}.timeline-map-marker-details-address{margin-top:10px;font-size:.84rem;color:#4b5563;line-height:1.45}@media(max-width:900px){.timeline-map-topbar{top:calc(12px + env(safe-area-inset-top));left:16px;right:16px;gap:8px}.timeline-map-topbar-main{width:100%;gap:10px}.timeline-map-toolbar-stack{top:calc(78px + env(safe-area-inset-top));left:16px;right:16px;width:auto}.timeline-map-status-card{min-width:118px;padding:11px 14px}.timeline-map-filter-panel{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:auto;padding:20px;max-height:min(62vh,620px);overflow:hidden}.timeline-map-filter-panel-body{overflow-y:auto;padding-right:4px}.timeline-map-filter-header{flex-direction:column;align-items:stretch}.timeline-map-marker.is-selected .timeline-map-marker-bubble{width:min(292px,calc(100vw - 88px))}}@media(max-width:640px){.timeline-map-topbar{display:flex;align-items:center;gap:8px}.timeline-map-topbar-main{gap:8px}.timeline-map-toolbar-stack{top:calc(66px + env(safe-area-inset-top));gap:10px}.timeline-map-back-button,.timeline-map-filter-toggle-button,.timeline-map-route-button,.timeline-map-reset-button,.timeline-map-tag-chip{min-height:38px;padding:9px 12px;gap:6px;font-size:.84rem}.timeline-map-back-button{justify-content:center;padding-inline:11px}.timeline-map-back-button span{display:none}.timeline-map-filter-toolbar{gap:8px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.timeline-map-date-popover{padding:14px;border-radius:20px}.timeline-map-filter-panel{left:0;right:0;bottom:0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;max-height:none;overflow:hidden}.timeline-map-filter-panel.is-expanded{max-height:none}.timeline-map-filter-panel.is-collapsed .timeline-map-filter-panel-body{display:none}.timeline-map-filter-panel-body{flex:1 1 auto;min-height:0;padding-right:0}.timeline-map-filter-handle{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;margin:-2px 0 2px;padding:0 0 4px;color:#6b7280;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}.timeline-map-filter-panel.is-dragging .timeline-map-filter-handle{cursor:grabbing}.timeline-map-results-sheet-header{padding:2px 2px 12px;margin-top:-2px;border-bottom:1px solid rgba(24,33,47,.08);cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}.timeline-map-filter-panel.is-dragging .timeline-map-results-sheet-header{cursor:grabbing}.timeline-map-filter-title{font-size:1.2rem}.timeline-map-date-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.timeline-map-route-legend{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;margin-inline:-2px}.timeline-map-route-legend-item{flex:0 0 auto}.timeline-map-tag-results{max-height:180px;overflow-y:auto}.timeline-map-selected-tags{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.timeline-map-selected-tags.is-toolbar{overflow:visible;padding-bottom:0}.timeline-map-entry-list{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;padding-right:0}.timeline-map-entry-card{grid-template-columns:52px minmax(0,1fr);grid-template-areas:"thumb body" "thumb state";align-items:start;gap:8px 10px}.timeline-map-entry-thumb{grid-area:thumb;width:52px;height:52px;border-radius:16px}.timeline-map-entry-body{grid-area:body;padding-top:2px}.timeline-map-entry-state{grid-area:state;justify-self:start;margin-top:2px;font-size:.72rem}.timeline-map-filter-note{font-size:.78rem}.timeline-map-marker{width:84px;height:100px}.timeline-map-marker-pin{left:36px}.timeline-map-marker-bubble{width:68px;gap:10px;min-height:68px;padding:5px}.timeline-map-marker-core{flex-basis:58px;width:58px;height:58px;border-radius:20px}.timeline-map-marker.is-selected .timeline-map-marker-bubble{width:min(264px,calc(100vw - 80px))}.timeline-map-marker.is-selected .timeline-map-marker-details{max-width:184px}.timeline-map-floating-state,.timeline-map-empty-state{min-width:0;width:calc(100vw - 32px);max-width:calc(100vw - 32px);padding:20px}}.expense-history-container{padding:0;background-color:#f8f9fa;min-height:100vh;position:relative;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif}.expense-history-container .detail-header{display:flex;justify-content:flex-end;align-items:center;position:sticky;top:0;z-index:1000;background-color:#f8f9fa;padding:8px 0;max-width:1200px;margin-left:auto;margin-right:auto}.transaction-filters{margin-bottom:24px}.type-selector-container{position:relative;display:inline-block}.type-selector-header{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;margin-left:-8px;border-radius:8px;transition:all .2s ease}.type-selector-header:hover{background-color:#0000000a}.type-selector-header span{font-size:16px;font-weight:800;color:#1a1a1a}.type-selector-header svg{color:#666;transition:transform .2s ease}.type-selector-header svg.rotate{transform:rotate(180deg)}.type-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;border:1px solid rgba(0,0,0,.05);z-index:100;min-width:100px;overflow:hidden;padding:6px}.type-dropdown-item{padding:10px 16px;font-size:14px;font-weight:600;color:#666;cursor:pointer;border-radius:8px;transition:all .2s ease}.type-dropdown-item:hover{background-color:#f8f9fa;color:#1a1a1a}.type-dropdown-item.active{background-color:#f1f3f5;color:#1a1a1a}.header-left{display:flex;align-items:center;gap:6px}.header-actions{display:flex;align-items:center;gap:16px}.expense-header h1{font-size:18px;font-weight:800;color:#1a1a1a;letter-spacing:-.5px;margin:0}.page-layout-wrapper{display:flex;flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;padding:16px}.main-content{flex:1;position:relative;z-index:10}.sidebar-content{display:flex;flex-direction:column;gap:32px}@media(min-width:1024px){.expense-history-container .detail-header{padding:8px 0}.page-layout-wrapper{flex-direction:row;align-items:flex-start;padding:24px 0 16px}.main-content{flex:1;min-width:0}.sidebar-content{width:560px;position:sticky;top:64px;flex-shrink:0}}.spending-calendar{background:#fff;box-shadow:0 4px 12px #00000008;border:1px solid rgba(0,0,0,.02);position:relative;z-index:10;margin:-120px -16px 0;width:calc(100% + 32px);border-radius:32px 32px 0 0;padding:20px 16px}@media(min-width:1024px){.spending-calendar{margin-top:0;border-radius:20px;margin-left:0;margin-right:0;width:auto;padding:12px}}.month-selector{display:flex;align-items:center;gap:8px}.calendar-month{font-size:14px;font-weight:800;color:#1a1a1a}.picker-container{display:flex;align-items:center;gap:4px}.year-picker-wrap,.month-picker-wrap{position:relative}.calendar-year-label,.calendar-month-label{font-size:16px;font-weight:800;color:#1a1a1a;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color .2s}.calendar-year-label:hover,.calendar-month-label:hover{background-color:#f1f3f5}.picker-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;border:1px solid rgba(0,0,0,.05);z-index:1000;min-width:80px;max-height:200px;overflow-y:auto;padding:6px}.picker-item{padding:8px 12px;font-size:13px;font-weight:600;color:#666;cursor:pointer;border-radius:8px;text-align:center;transition:all .2s ease}.picker-item:hover{background-color:#f8f9fa;color:#1a1a1a}.picker-item.active{background-color:#e6f3ea;color:var(--color-primary)}.month-btn{display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:background-color .2s}.month-btn:hover{background-color:#f1f3f5}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px 2px;text-align:center}.grid-label{font-size:12px;font-weight:600;color:#bbb;padding-bottom:2px}.grid-day-item{display:flex;flex-direction:column;align-items:center;position:relative;padding:4px 0;cursor:pointer;transition:transform .1s ease}.grid-day-item:active{transform:scale(.9)}.grid-day-item.disabled{cursor:default;opacity:.5}.grid-day-item.disabled:active{transform:none}.date-circle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#444;border-radius:50%}.grid-day-item.today .date-circle{background-color:var(--color-primary);color:#fff}.grid-day-item.selected:not(.today) .date-circle{background-color:#e6f3ea;color:var(--color-primary);font-weight:800}.daily-amounts-box{display:flex;flex-direction:column;align-items:center;gap:1px;margin-top:2px;min-height:24px}.daily-expense{font-size:10.5px;color:#444;font-weight:700;line-height:1.2}.daily-income{font-size:11px;color:#2a8c57;font-weight:700;line-height:1.2}.grid-empty{height:44px}@media(min-width:1024px){.calendar-grid{gap:4px 2px}.date-circle{width:28px;height:28px;font-size:13.5px}.daily-amounts-box{min-height:20px}}.category-insights{background:#4a7d55;border-radius:20px;padding:20px;box-shadow:0 8px 24px #4a7d5533;color:#fff}.insights-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.insights-header h3{font-size:16px;font-weight:800;color:#fff;margin:0}.insights-period{font-size:12px;color:#fff9;font-weight:500}.insights-list{display:flex;flex-direction:column;gap:16px}.insight-item{display:flex;flex-direction:column;gap:8px}.insight-label{display:flex;justify-content:space-between;font-size:13px;font-weight:600}.insight-cat-name{color:#ffffffe6}.insight-cat-amount{color:#fff}.insight-progress-wrapper{display:flex;align-items:center;gap:12px}.insight-progress-track{flex:1;height:8px;background-color:#fff3;border-radius:4px;overflow:hidden}.insight-progress-bar{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.insight-percentage{font-size:11px;font-weight:700;color:#ffffffb3;min-width:32px;text-align:right}.summary-card{background:#2a8c57;border-radius:0;padding:60px 18px 100px;color:#fff;position:sticky;top:0;z-index:1;overflow:hidden;box-shadow:none;margin:-16px -16px 0}@media(max-width:767px){.summary-card{padding:60px 24px 100px;margin-top:-16px}.card-title-area{margin-top:10px}.summary-title{margin-top:16px;margin-bottom:0}.summary-amount{font-size:36px;margin-bottom:0}}.dynamic-sticky-header{position:fixed;left:0;width:100%;top:0;z-index:1000;background-color:#2a8c57;color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}@media(min-width:768px){.dynamic-sticky-header{display:none!important}}.card-top-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.card-top-actions{display:flex;gap:8px}.card-icon-btn{color:#fff!important;background-color:#ffffff1a!important;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}@media(min-width:1024px){.summary-card{border-radius:20px;margin:0;padding:16px 18px;box-shadow:0 8px 24px #1f6e4340}}.card-header-group{position:relative;margin-bottom:2px}.group-selector-header{display:flex;align-items:center;gap:6px;cursor:pointer;margin-left:-4px;padding:2px 4px;border-radius:6px;transition:background-color .2s ease}.group-selector-header:hover{background-color:#ffffff1a}.group-name{font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.group-selector-header svg{transition:transform .2s ease}.group-selector-header svg.rotate{transform:rotate(180deg)}.group-dropdown-menu{position:absolute;top:100%;left:0;margin-top:6px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;z-index:110;min-width:160px;padding:6px}.group-dropdown-item{padding:10px 14px;font-size:14px;font-weight:600;color:#444;cursor:pointer;border-radius:8px}.group-dropdown-item:hover{background-color:#f8f9fa;color:var(--color-primary)}.group-dropdown-item.active{background-color:#f1f3f5;color:var(--color-primary)}.card-title-area{display:flex;flex-direction:column;align-items:flex-start;gap:12px}@media(max-width:767px){.card-title-area{margin-top:10px}}.card-info-badge{display:inline-block;background-color:#fff3;padding:6px 12px;border-radius:16px;font-size:.75rem;font-weight:600;color:#fff;line-height:1.2;white-space:nowrap;margin-bottom:0}.summary-card:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;pointer-events:none}.summary-title{font-size:15px;font-weight:500;opacity:.8;margin-top:16px;margin-bottom:2px}.summary-amount{font-size:34px;font-weight:850;margin-bottom:4px;display:flex;align-items:center;gap:6px}.summary-amount span{font-size:24px;font-weight:600}.summary-balance{font-size:13px;opacity:.7;margin-top:0;margin-bottom:12px;font-weight:500}.card-char-illustration{position:absolute;right:5px;bottom:110px;width:170px;height:auto;object-fit:contain;z-index:0;opacity:.85;pointer-events:none;transition:all .3s ease}@media(min-width:1024px){.card-char-illustration{width:190px;bottom:25px;right:10px}}.category-filters{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;-ms-overflow-style:none;scrollbar-width:none;position:relative;z-index:2;margin-top:6px}.category-filters::-webkit-scrollbar{display:none}.category-pill{display:flex;align-items:center;gap:4px;padding:5px 12px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:100px;border:1px solid rgba(255,255,255,.05);color:#fff;font-size:13px;white-space:nowrap;transition:all .2s ease;cursor:pointer}.category-pill.active{background:#fff;color:var(--color-primary);font-weight:600}.category-pill:hover:not(.active){background:#ffffff4d}.status-badge{display:none!important}.expense-group{margin-top:12px;margin-bottom:4px}.group-date{font-size:14px;color:#999;margin-bottom:4px;padding-left:4px}.expense-item-wrapper{background:#fff;border-radius:20px;box-shadow:0 4px 12px #0000000d;margin-bottom:8px;overflow:hidden}.expense-item{display:flex;align-items:center;padding:14px 16px;gap:12px}.icon-box{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.icon-box.cafe{background-color:#fed;color:#f28c4b}.icon-box.meal{background-color:#e6f3ea;color:var(--color-primary)}.icon-box.transport{background-color:#e8f0fe;color:#4285f4}.icon-box.accommodation{background-color:#f3e5f5;color:#9c27b0}.icon-box.tour{background-color:#fffde7;color:#fbc02d}.icon-box.shopping{background-color:#fce4ec;color:#e91e63}.icon-box.etc{background-color:#f5f5f5;color:#757575}.item-info{flex:1;min-width:0}.item-name{font-size:17px;font-weight:700;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-date{font-size:13px;color:#999;margin-top:1px;white-space:nowrap}.item-amount-col{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.item-amount{font-size:20px;font-weight:850;color:#1a1a1a;letter-spacing:-.5px}.item-amount.deposit{color:#2a8c57}.item-after-balance{font-size:12.5px;color:#a0a0a0;margin-top:0;font-weight:500}.status-badge{padding:6px 12px;background-color:#f1f3f5;border-radius:10px;font-size:13px;color:#666;white-space:nowrap}.sub-row{background-color:#f8f9fa;padding:10px 20px;display:flex;align-items:center;justify-content:center;border-top:1px solid #F1F3F5;cursor:pointer;transition:background-color .2s ease}.sub-row:hover{background-color:#f1f3f5}.sub-info{display:flex;align-items:center;gap:6px;font-size:13px;color:#1a1a1a;font-weight:700}.action-arrow-wrap{background-color:#e6f3ea;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.memory-button{display:flex;align-items:center;gap:3px;padding:4px 10px;background-color:#fff;border:1px solid #E9ECEF;border-radius:100px;font-size:11px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease}.memory-button:hover{background-color:#f8f9fa;border-color:#ddd;color:var(--color-primary)}.memory-button svg{color:#adb5bd}.load-more-sentinel{display:flex;justify-content:center;padding:30px 0 50px;min-height:80px}.infinite-scroll-dots{display:flex;gap:8px;align-items:center}.infinite-scroll-dots span{width:6px;height:6px;background-color:var(--color-primary);border-radius:50%;opacity:.3;animation:dotPulse 1.4s infinite ease-in-out both}.infinite-scroll-dots span:nth-child(2){animation-delay:.2s}.infinite-scroll-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{transform:scale(.8);opacity:.3}40%{transform:scale(1.2);opacity:1}}.transfer-history-container{padding:0;background-color:#f8f9fa;min-height:100vh;position:relative;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif}.transfer-history-container .detail-header{display:flex;justify-content:flex-end;align-items:center;position:sticky;top:0;z-index:1000;background-color:#f8f9fa;padding:8px 0;max-width:1200px;margin-left:auto;margin-right:auto}.th-header-back{display:flex;align-items:center;gap:4px;font-size:.9rem;font-weight:600;color:#444;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .2s;margin-right:auto}.th-header-back:hover{background:#0000000a}.th-header-actions{display:flex;align-items:center;gap:12px}.th-dynamic-sticky-header{position:fixed;left:0;width:100%;top:0;z-index:1000;background-color:#2a8c57;color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}@media(min-width:768px){.th-dynamic-sticky-header{display:none!important}}.th-card-icon-btn{color:#fff!important;background-color:#ffffff1a!important;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.th-page-layout-wrapper{display:flex;flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;padding:16px}.th-main-content{flex:1;position:relative;z-index:10}.th-sidebar-content{display:flex;flex-direction:column;gap:32px}@media(min-width:1024px){.transfer-history-container .detail-header{padding:8px 0}.th-header-back{font-size:1.15rem;gap:6px}.th-header-back svg{width:24px;height:24px}.th-page-layout-wrapper{flex-direction:row;align-items:flex-start;padding:24px 0 16px}.th-main-content{flex:1;min-width:0}.th-sidebar-content{width:560px;position:sticky;top:64px;flex-shrink:0}}.th-summary-card{background:#2a8c57;border-radius:0;padding:60px 18px 100px;color:#fff;position:sticky;top:0;z-index:1;overflow:hidden;box-shadow:none;margin:-16px -16px 0}@media(max-width:767px){.th-summary-card{padding:60px 24px 100px;margin-top:0}}@media(min-width:1024px){.th-summary-card{background:transparent;padding:0;margin:0;position:static;overflow:visible}}.th-card-wrapper{position:relative;width:100%;border-radius:20px;overflow:hidden;background:#2a8c57;padding:25px;display:flex;flex-direction:column;gap:15px;min-height:220px;box-shadow:0 10px 30px #0000001a}.th-card-wrapper:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.05;pointer-events:none}.th-card-bank{font-size:1.2rem;font-weight:800;color:#fff}.th-card-account-number{font-size:.85rem;color:#ffffffd1;font-weight:700;letter-spacing:.03em;margin-top:3px}.th-card-top-group,.th-card-bottom-group{position:relative;z-index:2;display:flex;flex-direction:column}.th-card-bottom-group{margin-top:auto;gap:4px}.th-card-period-label{font-size:.85rem;color:#ffffffb3;font-weight:600}.th-card-balance{font-size:2.2rem;font-weight:850;color:#fff;letter-spacing:-1px}.th-card-balance-label{font-size:.8rem;color:#ffffffa6;font-weight:500}.th-card-deco{position:absolute;bottom:10px;right:10px;width:180px;opacity:.8}.th-card-top-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0}.th-card-title-area{display:flex;flex-direction:column;gap:12px}.th-group-name{font-size:1.25rem;font-weight:800;color:#fff}.th-summary-title{font-size:15px;font-weight:500;opacity:.8;margin-top:16px;margin-bottom:2px}.th-summary-amount{font-size:34px;font-weight:850;margin-bottom:4px;display:flex;align-items:center;gap:6px}.th-summary-amount span{font-size:24px;font-weight:600}.th-summary-balance{font-size:13px;opacity:.7;margin-bottom:12px;font-weight:500}.th-card-char-illustration{position:absolute;right:5px;bottom:110px;width:170px;opacity:.85;pointer-events:none;z-index:0}.th-spending-calendar{background:#fff;box-shadow:0 4px 12px #00000008;border:1px solid rgba(0,0,0,.02);margin-top:-120px;position:relative;z-index:10;margin-left:-16px;margin-right:-16px;width:calc(100% + 32px);border-radius:32px 32px 0 0;padding:20px 16px}@media(min-width:1024px){.th-spending-calendar{margin-top:0;border-radius:20px;margin-left:0;margin-right:0;width:auto;padding:12px}}.th-calendar-header{margin-bottom:12px}.th-month-selector{display:flex;align-items:center;gap:8px}.th-picker-container{display:flex;align-items:center;gap:4px}.th-calendar-year-label,.th-calendar-month-label{font-size:16px;font-weight:800;color:#1a1a1a;cursor:pointer;padding:2px 4px;border-radius:4px}.th-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px 2px;text-align:center}.th-grid-label{font-size:12px;font-weight:600;color:#bbb}.th-grid-day-item{display:flex;flex-direction:column;align-items:center;padding:4px 0;cursor:pointer}.th-date-circle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border-radius:50%}.th-grid-day-item.today .th-date-circle{background-color:var(--color-primary);color:#fff}.th-grid-day-item.selected:not(.today) .th-date-circle{background-color:#e6f3ea;color:var(--color-primary)}.th-daily-amounts-box{display:flex;flex-direction:column;align-items:center;margin-top:2px;min-height:24px}.th-daily-expense{color:#444;font-size:10px;font-weight:700}.th-daily-income{color:#2a8c57;font-size:10px;font-weight:700}.th-transaction-filters{margin-bottom:24px;margin-top:10px}.th-type-selector-header{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;margin-left:-8px}.th-type-selector-wrap{position:relative;display:inline-block}.th-type-selector-header span{font-size:16px;font-weight:800;color:#1a1a1a}.th-transfer-list{display:flex;flex-direction:column}.th-transfer-group{margin-top:12px;margin-bottom:4px}.th-group-date{font-size:14px;color:#999;margin-bottom:4px;padding-left:4px}.th-item-card-wrapper{background:#fff;border-radius:20px;box-shadow:0 4px 12px #0000000d;margin-bottom:8px;overflow:hidden}.th-item-item{display:flex;align-items:center;padding:14px 16px;gap:12px}.th-icon-box{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.th-icon-box.deposit{background:#e8f5ee;color:#2a8c57}.th-icon-box.etc{background:#fff0eb;color:#e2886e}.th-item-info{flex:1;min-width:0}.th-item-name{font-size:17px;font-weight:700;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.th-item-date{font-size:13px;color:#999;margin-top:1px;white-space:nowrap}.th-item-amount-col{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.th-item-amount{font-size:20px;font-weight:850;color:#1a1a1a;letter-spacing:-.5px}.th-item-amount.deposit{color:#2a8c57}.th-item-after-balance{font-size:12.5px;color:#a0a0a0;margin-top:0;font-weight:500}.th-mobile-only{display:none}.th-desktop-only{display:block}.th-desktop-only-flex{display:flex}@media(max-width:767px){.th-mobile-only{display:block}.th-desktop-only,.th-desktop-only-flex{display:none!important}.th-page-layout-wrapper{padding-top:0}.th-summary-card{margin-top:0;padding-top:60px}}@media(min-width:768px){.th-desktop-only{display:block!important}.th-desktop-only-flex{display:flex!important}.th-mobile-only{display:none!important}}.th-year-picker-wrap,.th-month-picker-wrap{position:relative}.th-picker-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;z-index:1000;min-width:90px;padding:6px;max-height:200px;overflow-y:auto;scrollbar-gutter:stable}.th-picker-item{padding:8px 12px;font-size:13px;font-weight:600;color:#666;cursor:pointer;border-radius:8px;text-align:center;white-space:nowrap}.th-picker-item.active{background-color:#e6f3ea;color:#2a8c57}.th-empty-state{text-align:center;color:#bbb;padding:60px 0;font-size:.9rem}.billing-status-page{display:flex;flex-direction:column;gap:16px}.billing-page-actions{position:sticky;top:0;z-index:3;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:2px}.billing-icon-btn{width:36px;height:36px;border-radius:999px;border:1px solid var(--color-border);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-main);box-shadow:var(--shadow-sm)}.billing-status-inline-message{border-radius:var(--radius-lg);border:1px solid #dff1e6;background:#eaf7ee;color:var(--color-primary-dark)}.billing-endpoint-note{margin-top:10px;color:var(--color-text-sub);font-size:.82rem}.billing-empty-card{border:1px dashed #d7dce2;border-radius:var(--radius-lg);padding:18px;background:var(--color-surface);color:var(--color-text-sub)}.billing-empty-card h2{margin-top:0;color:var(--color-text-main);font-size:1rem;margin-bottom:6px}.dashboard-main-card{position:sticky;top:0;z-index:1;background:#2a8c57;border-radius:0;padding:60px var(--spacing-lg) 100px;color:#fff;overflow:hidden;box-shadow:0 12px 32px #1f6e4340}.billing-hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;position:relative;z-index:1}.billing-top-title{display:flex;flex-direction:column;gap:8px}.billing-group-title-mobile{font-size:1.25rem;font-weight:800;line-height:1.3}.billing-hero-group-select-wrap{display:inline-flex;align-items:center;position:relative}.billing-group-title-select{border:none;background:transparent;color:#fff;padding:0 18px 0 0;font-size:1.25rem;font-weight:800;line-height:1.3;font-family:inherit;cursor:pointer;appearance:none}.billing-hero-caret{margin-left:-18px;color:#e5f7ed;pointer-events:none}.billing-month-switch{display:inline-flex;align-items:center;gap:8px;color:#fff;margin-top:4px}.billing-month-btn{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.45);background:#fff3;color:#fff}.billing-month-label{min-width:80px;text-align:center;font-weight:700;font-size:1rem}.info-badge{background-color:#ffffff38;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.38);font-size:.75rem;font-weight:600;color:#fff;line-height:1.2;display:inline-block;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.balance-info{margin-top:16px;position:relative;z-index:1;display:flex;flex-direction:column;gap:8px}.balance-label{font-size:.88rem;opacity:.92;margin-bottom:0}.balance-amount{font-size:clamp(2rem,6vw,2.7rem);line-height:1.05;font-weight:800;letter-spacing:-.02em;margin:0}.billing-hero-empty{margin:8px 0 0;color:#ffffffe6}.billing-monthly-summary-row{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:2px}.monthly-fee{margin:0;font-size:.82rem;color:#ffffffd6}.billing-hero-progress-text{margin:0;color:#ffffffd9;font-size:.86rem;text-align:right}.billing-hero-progress-description{margin:0;color:#ffffffe0;font-size:.78rem}.billing-progress-track{width:100%;height:9px;border-radius:999px;background:#ffffff3d;overflow:hidden}.billing-progress-fill{height:100%;border-radius:999px;background:#6ee7b7;transition:width .2s ease}.billing-member-status-dot{position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;border:none;z-index:1}.billing-member-status-dot.paid{background-color:#6ee7b7}.billing-member-status-dot.unpaid{background-color:#f59e0b}.billing-content-wrapper{display:flex;flex-direction:column;gap:16px}.card-illustration{position:absolute;right:20px;bottom:42px;font-size:4rem;z-index:0;opacity:.9}.character-standing{width:150px;object-fit:contain;margin-bottom:20px}.billing-filter-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:12px;border:1px solid var(--color-border);background:#f5f8fb;overflow:hidden}.billing-filter-chips button{min-height:42px;border:none;border-right:1px solid var(--color-border);background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--color-text-sub);font-weight:700;font-size:.82rem}.billing-filter-chips button:last-child{border-right:none}.billing-filter-chips button.active{background:#fff;color:var(--color-primary)}.billing-filter-chips button span{font-size:.8rem}.billing-filter-chips button strong{min-width:24px;padding:2px 6px;border-radius:999px;font-size:.72rem;background:#1f6e431f;color:var(--color-text-main)}.billing-filter-chips button.active strong{color:#fff;background:var(--color-primary)}.billing-charges-list{display:flex;flex-direction:column;gap:12px}.billing-charge-card{border:1px solid var(--color-border);border-radius:18px;padding:14px;background:var(--color-surface)}.billing-charge-top-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.billing-type-badge{display:inline-flex;border-radius:999px;border:1px solid rgba(0,0,0,.08);padding:3px 10px;font-size:.74rem;font-weight:700}.billing-type-regular{background:#e7f4ff;color:#1b76c8}.billing-type-always{background:#ecfeff;color:#0f766e}.billing-type-event{background:#f5f3ff;color:#6d28d9}.billing-charge-top-row h3{margin:0;font-size:1.03rem}.billing-charge-due{color:var(--color-text-sub);font-size:.82rem}.billing-charge-stats{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.billing-charge-progress-wrap{margin-top:10px;padding:8px;border:1px solid var(--color-border);border-radius:12px;background:#f9fafb}.billing-charge-progress-head{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:.8rem;color:var(--color-text-sub);margin-bottom:6px}.billing-charge-progress-track{width:100%;height:8px;border-radius:999px;background:#e4e9f2;overflow:hidden}.billing-charge-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#16a34a);transition:width .2s ease}.billing-stat-item{border:1px solid var(--color-border);border-radius:12px;background:#f9fafb;padding:8px}.billing-stat-item p{margin:0;color:var(--color-text-sub);font-size:.74rem}.billing-stat-item strong{display:block;margin-top:3px;font-size:.92rem}.billing-charge-members{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.billing-member-expand-btn{margin-top:10px;width:100%;border-radius:10px;border:1px solid var(--color-border);background:#fff;min-height:36px;font-size:.8rem;font-weight:700}.billing-charge-member-item{border:1px solid var(--color-border);border-radius:12px;padding:10px;display:flex;align-items:center;gap:12px}.billing-member-avatar-wrap{position:relative}.billing-member-avatar{margin:0;width:32px;height:32px}.billing-charge-member-main{flex:1;min-width:0}.billing-charge-member-name{margin:0;font-weight:700;font-size:.93rem}.billing-charge-member-status{margin:2px 0 0;color:var(--color-text-sub);font-size:.76rem}.billing-charge-member-status{color:var(--color-text-main);font-weight:700}.billing-charge-member-actions{display:inline-flex;flex-direction:column;align-items:stretch;gap:6px;flex-shrink:0}.billing-transaction-expand-btn{margin-top:10px;width:100%;border-radius:10px;border:1px solid var(--color-border);background:#fff;min-height:36px;font-size:.8rem;font-weight:700}.billing-transaction-section{margin-top:10px}.billing-date-group{margin-top:8px}.billing-date-group h4{margin:0;font-size:.86rem}.billing-transaction-list{margin:6px 0 0;list-style:none;border-radius:10px;border:1px solid var(--color-border);padding:8px;display:flex;flex-direction:column;gap:8px}.billing-transaction-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.billing-transaction-info{min-width:0}.billing-transaction-info p{margin:0;font-weight:700;font-size:.84rem}.billing-transaction-info span{margin:2px 0 0;color:var(--color-text-sub);font-size:.74rem;display:block}.billing-transaction-right{text-align:right;min-width:0}.billing-transaction-right strong{display:block;font-size:.9rem}.status-chip{margin-top:4px;display:inline-flex;border-radius:999px;font-size:.72rem;padding:3px 7px}.status-chip.paid{background:#eaf7ee;color:#0f6a2d}.status-chip.unpaid{background:#fff0f1;color:#a33b37}.billing-empty-inline-item{border:1px dashed #d5dbe1;border-radius:12px;background:#fafbfd;color:var(--color-text-sub);padding:14px;text-align:center}.billing-dynamic-sticky-header{position:fixed;left:0;top:0;width:100%;z-index:100;background-color:#2a8c57;color:#fff;padding:var(--spacing-md);display:flex;align-items:center;justify-content:space-between}.billing-sticky-title{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:800;color:#fff}.billing-sticky-actions{display:flex;gap:8px}.billing-card-icon-btn{color:#fff!important;background-color:#ffffff1a!important}.billing-desktop-only-flex{display:none!important}.billing-status-page{gap:0;padding-bottom:var(--spacing-xxl)}.billing-page-actions{z-index:50;background-color:#f4f6f8;padding:var(--spacing-sm) 0;margin-bottom:-16px}.billing-icon-btn{border:none;background:transparent;box-shadow:none}.billing-content-wrapper{gap:0}.billing-scrollable-widgets-wrapper{position:relative;z-index:10;margin-top:-72px;background-color:var(--color-background);display:flex;flex-direction:column;gap:14px;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:18px var(--spacing-md) 0}.billing-filter-chips{border-radius:16px;background:#fff}.billing-charges-list{gap:14px}.billing-charge-card{border:none;border-radius:20px;padding:16px;box-shadow:0 10px 24px #1118270f}.billing-member-expand-btn,.billing-transaction-expand-btn{border:1px solid #e7edf3;background:#f8fafc}@media(min-width:768px){.billing-dynamic-sticky-header{display:none!important}.billing-desktop-only-flex{display:flex!important}.dashboard-main-card{position:relative;z-index:auto;border-radius:var(--radius-xl);padding:32px var(--spacing-xl)}.balance-info{margin-top:18px}.card-illustration{bottom:26px}.character-standing{width:250px}.billing-filter-chips{grid-template-columns:repeat(4,minmax(0,170px));width:fit-content}.billing-status-page{gap:var(--spacing-lg)}.billing-page-actions{z-index:3;background-color:transparent;padding:2px 0 0;margin-bottom:0}.billing-icon-btn{border:1px solid var(--color-border);background:#fff;box-shadow:var(--shadow-sm)}.billing-content-wrapper{gap:16px}.billing-scrollable-widgets-wrapper{margin-top:0;padding:0;gap:16px;border-radius:0;background:transparent}.billing-charge-card{border:1px solid var(--color-border);border-radius:18px;padding:14px;box-shadow:none}.billing-member-expand-btn,.billing-transaction-expand-btn{border:1px solid var(--color-border);background:#fff}}@media(max-width:767px){.dashboard-main-card{border-radius:var(--radius-lg);padding-bottom:90px}.card-illustration{right:2px;bottom:26px}.character-standing{width:150px;margin-bottom:70px}.billing-filter-section,.billing-empty-card,.billing-charges-list{width:100%}.billing-charge-top-row{grid-template-columns:auto 1fr;align-items:start}.billing-charge-due{grid-column:2;justify-self:end}.billing-charge-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-charge-member-item{flex-direction:row;align-items:center}.billing-charge-member-actions{width:auto;flex-direction:column;margin-left:auto}.billing-transaction-row{grid-template-columns:auto minmax(0,1fr) auto;row-gap:0}.billing-transaction-right{text-align:right;grid-column:auto}}.auto-transfer-container{display:flex;flex-direction:column;gap:12px;padding:0 20px 32px;background-color:#f8f9fa;min-height:100vh}.at-header-back{display:flex;align-items:center;gap:4px;font-size:.9rem;font-weight:600;color:#444;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .2s;margin-right:auto}.at-header-back:hover{background:#0000000a}@media(min-width:1024px){.auto-transfer-container{padding:0;gap:8px}.at-header-back{font-size:1.15rem;gap:6px}.at-header-back svg{width:24px;height:24px}}.auto-transfer-content{display:flex;flex-direction:column;gap:20px}.content-title{font-size:1.5rem;font-weight:800;color:var(--color-text-main);margin-top:12px}@media(max-width:1023px){.auto-transfer-content .content-title{display:none}}.info-banner{display:flex;align-items:center;gap:10px;padding:14px 16px;background-color:#1f6e430d;border-radius:var(--radius-md);border:1px solid rgba(31,110,67,.1)}.info-icon{color:var(--color-primary);flex-shrink:0}.info-banner p{font-size:.875rem;color:var(--color-primary-dark);line-height:1.5;font-weight:500}.transfer-section-title{font-size:1.1rem;font-weight:800;color:var(--color-text-main);margin:12px 0 16px;padding-left:4px}.setup-trigger-card{background:#509665;padding:48px 24px;border-radius:24px;display:flex;justify-content:flex-start;align-items:center;color:#fff;cursor:pointer;transition:all .2s ease;border:none;width:100%;margin-bottom:8px;box-shadow:0 4px 12px #22c55e33;position:relative;overflow:hidden}.setup-trigger-card:hover{transform:scale(1.02);box-shadow:0 6px 16px #22c55e4d}.setup-trigger-card:active{transform:scale(.98)}.setup-trigger-info{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:15px;z-index:1}.setup-trigger-title{font-size:1.25rem;font-weight:800;display:block}.setup-trigger-desc{font-size:.85rem;opacity:.9;font-weight:500}.setup-trigger-bg-img{position:absolute;right:48px;top:50%;transform:translateY(-50%);height:110px;opacity:.15;pointer-events:none;z-index:0}@media(max-width:1023px){.setup-trigger-bg-img{right:20px}}.transfer-list{display:flex;flex-direction:column;gap:16px}.transfer-card{padding:20px}.transfer-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.group-name{font-size:1.125rem;font-weight:800;color:var(--color-text-main)}.cancel-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#dc354514;color:var(--color-danger);border-radius:999px;font-size:.81rem;font-weight:700;transition:background-color .2s}.cancel-btn:hover{background-color:#dc354526}.next-payment-info{font-size:.82rem;color:var(--color-text-sub);margin-bottom:16px;padding-left:2px}.next-payment-info span{font-weight:700;color:var(--color-primary)}.transfer-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;background-color:var(--color-background);border-radius:var(--radius-md)}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--color-text-muted)}.detail-value{font-size:1.05rem;font-weight:800;color:var(--color-text-main)}.empty-state{padding:60px 20px;text-align:center;color:var(--color-text-muted);font-size:.93rem}@media(max-width:1023px){.detail-header{margin-left:-20px;margin-right:-20px;padding:12px 20px;width:calc(100% + 40px);background-color:#f8f9fa!important;color:var(--color-text-main);justify-content:space-between;border-bottom:none}.detail-header .icon-btn-sm{background-color:#f8f9fa;border:1px solid rgba(0,0,0,.04);box-shadow:0 2px 8px #00000005}.at-header-back{color:var(--color-text-main);font-size:1.1rem;padding:0;gap:8px}.at-header-back span{display:none}.auto-transfer-container .at-header-back:after{content:"자동이체 관리";font-weight:700;font-size:1.25rem}}.page-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0 0;margin:0}.page-title{font-size:1.25rem;font-weight:700}.delete-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:modalFadeIn .2s ease-out}.delete-modal-content{background-color:#fff;width:90%;max-width:320px;border-radius:24px;padding:24px;box-shadow:0 20px 50px #00000026;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}.delete-modal-header{margin-bottom:12px}.delete-modal-title{font-size:1.25rem;font-weight:800;color:#111827;margin:0}.delete-modal-body{margin-bottom:24px}.delete-modal-message{font-size:.95rem;font-weight:600;color:#4b5563;margin:0 0 4px}.delete-modal-sub{font-size:.85rem;color:#9ca3af;margin:0}.delete-modal-footer{display:flex;gap:12px}.delete-action-btn{flex:1;padding:12px;border-radius:14px;font-weight:800;font-size:.95rem;cursor:pointer;border:none;transition:all .2s;font-family:inherit}.delete-action-btn.secondary{background-color:#f3f4f6;color:#4b5563}.delete-action-btn.secondary:hover{background-color:#e5e7eb}.delete-action-btn.danger{background-color:#ef4444;color:#fff}.delete-action-btn.danger:hover{background-color:#dc2626}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auto-setup-container{display:flex;flex-direction:column;gap:6px;padding:0 20px 32px;background-color:#f8f9fa;min-height:100vh}@media(min-width:1024px){.auto-setup-container{padding:0;gap:8px}}.auto-setup-container .detail-header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;background-color:#f8f9fa;padding:8px 0;max-width:1200px;margin-left:auto;margin-right:auto;width:100%;border-bottom:none}@media(max-width:1023px){.auto-setup-container .detail-header{margin-left:-20px;margin-right:-20px;padding:12px 20px;width:calc(100% + 40px)}.auto-setup-container .detail-header .icon-btn-sm{background-color:#f8f9fa;border:1px solid rgba(0,0,0,.04);box-shadow:0 2px 8px #00000005}.auto-setup-container .tr-header-back{color:var(--color-text-main);font-size:1.1rem;padding:0;gap:8px;display:flex;align-items:center}.auto-setup-container .tr-header-back span{display:none}.auto-setup-container .tr-header-back:after{content:"자동이체 설정하기";font-weight:800;font-size:1.25rem}}.tr-header-back{display:flex;align-items:center;gap:4px;font-size:.9rem;font-weight:600;color:#444;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .2s}.transfer-content{display:flex;flex-direction:column;gap:20px;flex:1}.content-title{font-size:1.5rem;font-weight:800;color:#1a1a1a;margin-bottom:24px}.transfer-form-layout{display:flex;flex-direction:column;gap:32px}.form-section{display:flex;flex-direction:column;gap:12px}.section-label{font-size:.95rem;font-weight:700;color:#343a40;padding-left:4px}.account-input-area{position:relative}.styled-input.account-field{width:100%;padding:18px 20px;background:#fff;border:2px solid transparent;border-radius:20px;font-size:1.05rem;font-weight:700;box-shadow:0 2px 8px #0000000a;transition:border-color .2s}.styled-input.account-field:focus{outline:none;border-color:#247649}.selected-group-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 14px;background:#24764914;border-radius:999px;color:#247649;font-size:.85rem;font-weight:700}.group-dropdown{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;margin-top:8px;animation:fadeIn .2s ease-out}.group-dropdown-title{font-size:.85rem;font-weight:700;color:#6c757d;padding:14px 20px 6px;text-transform:uppercase}.group-dropdown-item{display:flex;align-items:center;padding:14px 20px;cursor:pointer;transition:background .15s}.group-dropdown-item:hover{background:#f8f9fa}.group-dropdown-item.selected{background:#f1f8f4}.group-dropdown-icon{width:40px;height:40px;background:#f1f3f5;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#247649;margin-right:14px;flex-shrink:0}.group-dropdown-info{display:flex;flex-direction:column;gap:2px;flex:1}.group-dropdown-name{font-weight:700;font-size:1rem;color:#212529}.group-dropdown-account{font-size:.82rem;color:#868e96;font-weight:500;letter-spacing:.02em}.check-icon{margin-left:auto;color:#247649}.group-dropdown-more-btn{display:flex;justify-content:center;align-items:center;width:100%;padding:14px;background:transparent;border:none;border-top:1px solid rgba(0,0,0,.04);font-size:.9rem;font-weight:700;color:#6c757d;cursor:pointer;transition:background .15s}.group-dropdown-more-btn:hover{background:#f8f9fa}.amount-input-wrapper{display:flex;align-items:center;background:#fff;padding:24px 20px;border-radius:24px;box-shadow:0 4px 12px #0000000a}.amount-input{flex:1;border:none;outline:none;font-size:2.2rem;font-weight:800;color:#212529;text-align:right;padding-right:12px}.currency-unit{font-size:1.4rem;font-weight:700;color:#495057}.quick-amount-btns{display:flex;gap:8px;margin-top:4px}.quick-amount-btns button{flex:1;padding:12px;background:#f1f3f5;border:none;border-radius:12px;font-weight:700;color:#495057;font-size:.9rem;transition:all .2s}.quick-amount-btns button:active{background:#e9ecef;transform:scale(.96)}.day-direct-input-wrapper{display:flex;align-items:center;justify-content:flex-end;background:#fff;padding:18px 24px;border-radius:20px;box-shadow:0 2px 8px #0000000a;gap:8px}.day-prefix{font-size:1.1rem;font-weight:600;color:#6c757d;white-space:nowrap}.day-direct-input{border:none;outline:none;font-size:1.6rem;font-weight:800;color:#212529;text-align:center;width:80px;background:transparent}.day-direct-input::placeholder{color:#dee2e6}.day-suffix{font-size:1.1rem;font-weight:600;color:#6c757d;white-space:nowrap}.day-hint{font-size:.82rem;color:#adb5bd;padding-left:4px;margin:0}.main-transfer-btn{width:100%;padding:18px;background:#247649;color:#fff;border:none;border-radius:18px;font-size:1.15rem;font-weight:800;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.main-transfer-btn:disabled{background:#dee2e6;color:#adb5bd;cursor:not-allowed}.main-transfer-btn:active:not(:disabled){transform:scale(.96)}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.transfer-main-container{display:flex;flex-direction:column;gap:6px;padding:0 20px 32px;background-color:#f8f9fa;min-height:100vh}@media(min-width:1024px){.transfer-main-container{padding:0;gap:8px}}.transfer-main-container .detail-header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;background-color:#f8f9fa;padding:8px 0;max-width:1200px;margin-left:auto;margin-right:auto;width:100%}.tr-header-back{display:flex;align-items:center;gap:4px;font-size:.9rem;font-weight:600;color:#444;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .2s;margin-right:auto}.tr-header-back:hover{background:#0000000a}@media(min-width:1024px){.tr-header-back{font-size:1.15rem;gap:6px}.tr-header-back svg{width:24px;height:24px}}@media(max-width:1023px){.transfer-main-container .detail-header{margin-left:-20px;margin-right:-20px;padding:12px 20px;width:calc(100% + 40px);border-bottom:none}.transfer-main-container .detail-header .icon-btn-sm{background-color:#f8f9fa;border:1px solid rgba(0,0,0,.04);box-shadow:none}.transfer-main-container .tr-header-back{color:var(--color-text-main);font-size:1.1rem;padding:0;gap:8px;display:flex;align-items:center}.transfer-main-container .tr-header-back span{display:none}.transfer-main-container .tr-header-back:after{content:"이체하기";font-weight:800;font-size:1.25rem}}.header-actions{display:flex;align-items:center;gap:12px}.icon-btn-sm{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-main);background:transparent;border:none;cursor:pointer;transition:all .2s}@media(min-width:1024px){.icon-btn-sm:hover{background-color:#0000000d}}.transfer-content{display:flex;flex-direction:column;gap:20px}.content-title{font-size:1.5rem;font-weight:800;color:var(--color-text-main);margin-top:6px}.transfer-form-layout{display:flex;flex-direction:column;gap:24px}.form-section{display:flex;flex-direction:column;gap:10px;position:relative}.section-label{font-size:.88rem;font-weight:700;color:var(--color-text-muted);padding-left:4px}.bank-selector{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.bank-selector:hover{border-color:#247649;background-color:#fcfdfe}.selector-placeholder{color:var(--color-text-muted)}.selected-bank-info{display:flex;align-items:center;gap:10px}.bank-logo-sm{width:24px;height:24px;border-radius:50%}.bank-name{font-weight:600}.selector-arrow{color:var(--color-text-muted);transition:transform .3s}.selector-arrow.open{transform:rotate(180deg)}.bank-grid-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:var(--radius-lg);box-shadow:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px;z-index:10;animation:slideDown .2s ease-out}.bank-grid-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.bank-logo{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.1rem;box-shadow:none}.bank-grid-item span{font-size:.75rem;font-weight:600;color:var(--color-text-main)}.input-with-icon{position:relative;display:flex;align-items:center}.styled-input{width:100%;padding:16px 16px 16px 44px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;font-weight:600;outline:none;transition:all .2s}.styled-input:focus{border-color:#247649;box-shadow:none}.input-deco-icon{position:absolute;left:16px;color:var(--color-text-muted)}.recipient-preview{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--color-text-sub);padding:4px 8px;background:#fff;width:fit-content;border-radius:8px;margin-top:4px}.amount-input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.amount-input{width:100%;padding:20px 16px;font-size:1.5rem;font-weight:800;border:none;outline:none;color:var(--color-text-main);text-align:right}.currency-unit{padding-right:20px;font-size:1.2rem;font-weight:800;color:var(--color-text-muted)}.quick-amount-btns{display:flex;gap:8px}.quick-amount-btns button{flex:1;padding:8px;background:#fff;border:1px solid var(--color-border);border-radius:12px;font-size:.82rem;font-weight:600;color:var(--color-text-sub);cursor:pointer;transition:all .2s}.quick-amount-btns button:hover{background:var(--color-background);color:#247649}.balance-prediction{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--color-text-sub);padding:8px 12px;background:#24794b0a;border-radius:12px;margin-top:8px}.balance-prediction.negative{background:#dc35450d;color:var(--color-danger)}.balance-error{margin-left:auto;font-weight:700;font-size:.75rem}.transfer-footer{margin-top:20px}.main-transfer-btn{width:100%;padding:18px;background:#247649;color:#fff;border:none;border-radius:var(--radius-lg);font-size:1.1rem;font-weight:800;cursor:pointer;box-shadow:none;transition:all .2s}.main-transfer-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}.text-primary{color:#247649}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-in}:root{--p-orange: #E86C3F;--p-orange-bright: #FF8E5E;--p-peach-bg: #FFF2EC;--p-peach-light: #FFFAF8;--p-gold-soft: #FFE8D1;--p-brown-text: #5D4037;--p-shadow-orange: 0 20px 40px rgba(232, 108, 63, .12)}.split-expense-container.ultimate-responsive{min-height:100vh;background:#fff9f6;background-image:radial-gradient(circle at 0% 0%,#FFFDFB 0%,transparent 50%),radial-gradient(circle at 100% 100%,#FFE9DE 0%,transparent 60%);font-family:Pretendard,sans-serif;color:var(--p-brown-text)}.web-view-wrapper{padding:16px 0 32px;width:100%;margin:0}.detail-header.web-only-flex{display:flex;justify-content:flex-end;align-items:center;position:sticky;top:0;z-index:1000;background-color:#fff9f6;padding:12px 24px;width:100%;box-sizing:border-box;margin-bottom:0}.timeline-header.web-only-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 16px 32px;background-color:transparent}.timeline-header-top{display:flex;align-items:center;justify-content:space-between;width:100%}.timeline-header-left{display:flex;align-items:center;min-width:0;flex:1}.title-group{display:flex;align-items:center;gap:8px;min-width:0}.header-title{font-size:1.25rem;font-weight:800;color:#111827;margin:0;display:flex;align-items:center;gap:4px}.chevron-down-icon{color:#111827;margin-top:2px}.header-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn-sm{background:none;border:none;cursor:pointer;color:#111827;display:flex;align-items:center;justify-content:center;padding:6px;transition:transform .2s}.icon-btn-sm:hover{transform:scale(1.1)}.header-actions{display:flex;gap:8px;flex-shrink:0}.dropdown-overlay{position:fixed;inset:0;z-index:1000;background:transparent}.group-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;width:260px;background:#fff;border-radius:16px;padding:8px;box-shadow:0 10px 30px #0000001a;z-index:1001;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.dropdown-item{padding:12px 16px;border-radius:10px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.active{background:#f3f4f6;color:#111827;font-weight:600}.icon-btn,.icon-btn-small{background:none;border:none;cursor:pointer;color:#888;display:flex;align-items:center;justify-content:center;transition:color .2s}.icon-btn:hover{color:var(--p-orange)}.web-content-grid{display:grid;grid-template-columns:480px 1fr;gap:32px;align-items:stretch}.grid-left-col,.grid-right-col{display:flex;flex-direction:column;height:100%}.grid-left-col{display:flex;flex-direction:column;gap:32px;height:100%}.bottom-info-row{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.dashboard-stats-grid{display:flex;flex-direction:column;gap:24px}.stat-main-card{background:#fff;padding:32px;border-radius:32px;box-shadow:var(--p-shadow-orange);border:1px solid rgba(232,108,63,.1);position:relative}.stat-main-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(232,108,63,.03) 0%,transparent 100%);border-radius:32px;pointer-events:none}.stat-label{font-size:.8rem;font-weight:800;color:#a68b80;letter-spacing:1px;margin-bottom:8px}.stat-value{display:flex;align-items:center;gap:8px;margin-bottom:24px}.editable-amount-wrapper{display:inline-flex;align-items:center;gap:12px;background:#fff5f0;padding:8px 24px;border-radius:24px;border:2px dashed rgba(232,108,63,.3);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.editable-amount-wrapper:hover,.editable-amount-wrapper:focus-within{background:#ffe8de;border-style:solid;border-color:var(--p-orange);transform:translateY(-2px);box-shadow:0 8px 20px #e86c3f26}.currency-symbol{font-size:2.8rem;font-weight:950;color:var(--p-orange)}.editable-amount-input{background:transparent;border:none;font-family:inherit;font-size:2.8rem;font-weight:950;color:var(--p-brown-text);width:220px;padding:0;outline:none;cursor:pointer}.editable-amount-wrapper:focus-within .editable-amount-input{cursor:text}.edit-icon{color:var(--p-orange);opacity:.6;transition:opacity .2s}.editable-amount-wrapper:hover .edit-icon,.editable-amount-wrapper:focus-within .edit-icon{opacity:1}.editable-amount-input::-webkit-outer-spin-button,.editable-amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editable-amount-input[type=number]{-moz-appearance:textfield;appearance:textfield}.avatars-row{display:flex;gap:-8px}.mini-avatar{width:36px;height:36px;background:#fff0e5;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid white;margin-right:-10px;font-size:1.2rem}.timeline-preview-card,.member-breakdown-card{background:#fff;padding:24px;border-radius:32px;box-shadow:var(--p-shadow-soft)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h4{font-weight:850;font-size:1.1rem}.arrow-btn{color:#ddd;font-size:1.5rem}.timeline-items{display:flex;gap:12px}.timeline-item{position:relative;width:100%}.item-img{height:120px;background-size:cover;background-position:center;border-radius:20px;margin-bottom:8px}.timeline-item .item-info{display:flex;flex-direction:column;gap:2px}.item-info .date{font-size:.7rem;font-weight:800;color:#bbb}.item-info .title{font-size:.85rem;font-weight:700}.member-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.member-card-row{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #F1F5F9;padding:12px 16px;border-radius:20px;transition:all .2s ease}.member-card-row:hover{border-color:#ffe4d6;background:#fffaf8;transform:translate(4px)}.card-left{display:flex;align-items:center;gap:12px}.member-avatar-wrapper.small{width:42px;height:42px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a}.member-avatar-wrapper.small .member-avatar{font-size:1.2rem}.member-info{display:flex;flex-direction:column;gap:2px}.member-info .name{font-size:.95rem;font-weight:800;color:#334155}.member-info .desc{font-size:.75rem;color:#94a3b8;font-weight:600}.card-right .amount{font-size:1.05rem;font-weight:950;color:var(--p-orange)}.request-send-btn{width:100%;height:60px;background:linear-gradient(135deg,var(--p-orange) 0%,#FF8E5E 100%);color:#fff;border:none;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:1.1rem;font-weight:850;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 25px #e86c3f33}.request-send-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 35px #e86c3f4d}.request-send-btn:active{transform:translateY(0) scale(.98)}.mode-nav-card-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;width:100%}.mode-card-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1.5px solid #F1F5F9;border-radius:32px;padding:32px 24px;gap:16px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000005;text-align:center;width:100%}.mode-card-btn:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000000d;border-color:#e2e8f0}.unified-hub-card{display:flex;flex-direction:column;background:#fff;border-radius:32px;box-shadow:0 10px 40px #0000000a;overflow:hidden;flex:1;box-sizing:border-box}.unified-hub-card .stat-main-card{background:transparent;box-shadow:none;padding:32px 32px 10px;border-radius:0;margin-bottom:0;width:100%;max-width:none}.unified-hub-card .editable-amount-wrapper{background:#fff8f5}.hub-divider{height:1.5px;background:repeating-linear-gradient(90deg,#F1F5F9 0,#F1F5F9 8px,transparent 8px,transparent 16px);margin:10px 32px 0;opacity:.6}.hub-content-area{padding-bottom:32px;flex:1;display:flex}.hub-content-area .hub-container{background:transparent;box-shadow:none;padding-top:20px;min-height:auto;flex:1}.mode-card-btn.active{background:var(--p-peach-bg);border-color:#ffd8c4;box-shadow:0 8px 24px #e86c3f1a}.mode-icon{font-size:2.2rem;color:#94a3b8;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center}.mode-card-btn.active .mode-icon{color:var(--p-orange);transform:scale(1.1) translateY(-2px)}.mode-info{display:flex;flex-direction:column;gap:6px}.mode-title{font-size:1.25rem;font-weight:850;color:#334155;white-space:nowrap;transition:color .3s ease}.mode-desc{font-size:.9rem;font-weight:600;color:#94a3b8;line-height:1.4;transition:color .3s ease}.mode-card-btn.active .mode-title{color:var(--p-brown-text)}.mode-card-btn.active .mode-desc{color:var(--p-orange)}@media(max-width:1023px){.mode-nav-card-list{display:flex;flex-direction:row;gap:10px;padding:4px;margin-bottom:20px;width:100%;overflow-x:hidden}.mode-card-btn{flex:1;padding:20px 12px;border-radius:24px;gap:8px;min-width:0}.mode-icon{font-size:1.6rem;margin-bottom:8px}.mode-title{font-size:1.05rem;font-weight:850;margin-bottom:4px}.mode-desc{font-size:.7rem;color:var(--p-orange);opacity:.8;line-height:1.3;display:block}}.hub-container{background:#ffffffd9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:40px;border-radius:40px;box-shadow:var(--p-shadow-orange);display:flex;flex-direction:column;align-items:center;position:relative;height:100%;min-height:480px;border:1px solid rgba(255,255,255,.6)}@keyframes fadeInMode{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.unified-results-container{padding:32px;background:#fff9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:40px;border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 60px #0000000d,inset 0 0 0 1px #fff6;flex:1;box-sizing:border-box;display:flex;flex-direction:column}.results-main-title{font-size:1.4rem;font-weight:900;color:var(--p-brown-text);text-align:center;margin-bottom:28px;letter-spacing:-.5px}.sophisticated-results-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;transition:all .3s ease;flex:1;min-height:0;overflow-y:auto;padding-right:8px}.sophisticated-results-list::-webkit-scrollbar{width:6px}.sophisticated-results-list::-webkit-scrollbar-track{background:transparent}.sophisticated-results-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.sophisticated-results-list::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.sophisticated-results-list.spinning-suspense{filter:blur(4px);pointer-events:none;opacity:.7}.premium-result-card{background:#fff;border-radius:24px;padding:20px 24px;box-shadow:0 4px 15px #00000008;border:1px solid #F1F5F9;transition:all .3s cubic-bezier(.175,.885,.32,1.275);opacity:1;transform:translateY(0)}.premium-result-card.placeholder{opacity:.6;background:#ffffff80;border-style:dashed}@keyframes cardEntrance{to{opacity:1;transform:translateY(0)}}.premium-result-card:hover:not(.placeholder){transform:translateY(-4px) scale(1.02);box-shadow:0 12px 30px #0000000f;border-color:var(--p-gold-soft)}.card-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.member-profile{display:flex;align-items:center;gap:14px}.avatar-frame{width:48px;height:48px;background:#f8fafc;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:inset 0 2px 4px #0000000d}.name-box{display:flex;flex-direction:column;gap:2px}.member-name{font-size:1.1rem;font-weight:850;color:#1e293b;white-space:nowrap}.member-contribution{font-size:.85rem;font-weight:700;color:#64748b}.amount-display{flex-shrink:0}.amount-display .amount-value{font-size:1.25rem;font-weight:950;color:#40a875}.amount-display .amount-value.danger{color:#ef4444}.amount-display .amount-value.placeholder{color:#cbd5e1;font-weight:700}.amount-display .amount-value.exempt{color:var(--p-orange);font-style:italic}.premium-bar-track{width:100%;height:10px;background:#f1f5f9;border-radius:100px;padding:2px;box-shadow:inset 0 1px 2px #0000000d}.premium-bar-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,#74c69d,#40a875);position:relative;overflow:hidden;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.premium-bar-fill.placeholder{background:#e2e8f0}.premium-bar-fill.danger{background:linear-gradient(90deg,#f87171,#ef4444)}.glow-effect{position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#fff6,#fff0);animation:shimmer 2s infinite linear}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.results-footer-action{display:flex;justify-content:center;margin-top:auto}.premium-gradient{background:linear-gradient(135deg,#ff9468,#e86c3f)!important}.request-send-btn.disabled{background:#e2e8f0!important;color:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none!important}.equal-hub{background:#fff;border:none;box-shadow:0 10px 40px #0000000a;padding:60px 40px;border-radius:40px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:540px}.equal-animation-box{display:flex;flex-direction:column;align-items:center;gap:16px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%;flex:1;justify-content:center}.equal-animation-box.calculating{transform:scale(1.02)}.total-amount{font-size:2.2rem;font-weight:850;color:#4a3c38;opacity:.9}.split-count{font-size:.95rem;font-weight:800;color:var(--p-orange);background:#fff5f0;padding:6px 16px;border-radius:30px;margin:8px 0;border:1px solid rgba(232,108,63,.1)}.result-amount{display:flex;align-items:baseline;gap:4px;color:#e86c3f}.result-amount .unit{font-size:1.4rem;font-weight:800;opacity:.8}.result-amount .value{font-size:2.8rem;font-weight:950;letter-spacing:-1px}.result-amount .suffix{font-size:1.2rem;font-weight:800;opacity:.7;margin-left:4px}.save-success-badge{display:flex;align-items:center;gap:8px;background:#f0fdf4;color:#166534;padding:10px 20px;border-radius:20px;font-weight:700;font-size:1rem;border:1.5px solid #BBF7D0;animation:success-bounce .5s cubic-bezier(.175,.885,.32,1.275);margin-top:12px}.roulette-badge{margin-top:0;box-shadow:0 4px 15px #1665341a}@keyframes success-bounce{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.btn-save-loading{display:flex;align-items:center;gap:8px;justify-content:center}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-placeholder{height:48px;display:flex;align-items:center;justify-content:center;background:#e86c3f0d;border-radius:12px;padding:0 20px}.mobile-view-results-btn-row{margin-top:24px;display:flex;justify-content:center;padding-bottom:40px}.text-link-btn{background:none;border:none;color:#e86c3f;font-weight:700;font-size:1rem;display:flex;align-items:center;gap:4px;cursor:pointer;transition:opacity .2s}.text-link-btn.disabled{opacity:.4;pointer-events:none}.mobile-results-view-container{animation:slide-in-right .4s cubic-bezier(.4,0,.2,1)}.results-view-header{padding:16px 0;display:flex;align-items:center}.back-to-hub-btn{background:#e86c3f1a;border:none;color:#e86c3f;padding:8px 16px;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:6px;cursor:pointer}@keyframes slide-in-right{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.placeholder-text{font-size:1.1rem;font-weight:700;color:var(--p-orange-light);opacity:.6;letter-spacing:-.2px}.rescue-stage{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-top:10px}.rescue-header{text-align:center;margin-bottom:32px}.rescue-header h4{font-size:1.6rem;font-weight:900;color:var(--p-brown-text);margin-bottom:8px}.rescue-header p{font-size:1rem;color:var(--p-orange-light);font-weight:700}.rescue-member-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px;margin-bottom:24px;flex:1;min-height:0;max-height:480px;overflow-y:auto;padding-right:8px}.rescue-member-list::-webkit-scrollbar{width:6px}.rescue-member-list::-webkit-scrollbar-track{background:transparent}.rescue-member-list::-webkit-scrollbar-thumb{background:#ffe8de;border-radius:10px}.rescue-member-list::-webkit-scrollbar-thumb:hover{background:#ffd8c4}.rescue-member-btn{display:flex;align-items:center;background:#fff;border:1.5px solid #F1F5F9;border-radius:28px;padding:14px 20px;gap:18px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000005;text-align:left;width:100%}.rescue-member-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000d;border-color:#e2e8f0}.rescue-member-btn.exempt{background:var(--p-peach-bg);border-color:#ffd8c4;box-shadow:0 4px 16px #e86c3f14}.member-avatar-wrapper{width:56px;height:56px;background:#fff;border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000008;flex-shrink:0}.rescue-member-btn.exempt .member-avatar-wrapper{box-shadow:0 4px 10px #e86c3f0d}.member-avatar{font-size:1.6rem;line-height:1}.member-info{flex:1;display:flex;flex-direction:column;gap:4px}.member-info .member-name{font-size:1.2rem;font-weight:800;color:#334155}.member-info .member-status{font-size:.95rem;font-weight:700;color:#94a3b8}.rescue-member-btn.exempt .member-name{color:var(--p-brown-text)}.rescue-member-btn.exempt .member-status{color:var(--p-orange)}.member-action{display:flex;align-items:center;justify-content:center;color:var(--p-orange)}.empty-circle{width:24px;height:24px;border-radius:50%;border:2px solid #E2E8F0}.rescue-summary-box{width:100%;max-width:400px;background:#fff;border-radius:24px;padding:24px;box-shadow:var(--p-shadow-soft);display:flex;flex-direction:column;gap:16px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:1rem;color:#a68b80;font-weight:700}.summary-row.total{margin-top:8px;padding-top:16px;border-top:1px dashed #E0E0E0;color:var(--p-brown-text)}.summary-row.total .final-amount{font-size:1.6rem;font-weight:900;color:var(--p-orange)}.roulette-stage{position:relative;width:100%;max-width:380px;aspect-ratio:1/1;margin:40px 0;display:flex;align-items:center;justify-content:center}.roulette-3d-frame{width:320px;height:320px;position:relative;background:#fff;border-radius:50%;border:12px solid #FFD8A8;box-shadow:0 20px 50px #4a342826,inset 0 0 30px #00000005;z-index:5}.roulette-wheel-inner{width:100%;height:100%;position:relative;will-change:transform}.roulette-wheel-inner.is-spinning{filter:blur(.8px) brightness(1.1)}.wheel-slice{position:absolute;width:100%;height:100%;clip-path:polygon(50% 50%,50% 0,100% 0,100% 45%);background:var(--slice-color);opacity:.6}.slice-content-wrapper{position:absolute;top:25%;left:70%;transform:translate(-50%,-50%) rotate(45deg)}.member-avatar-box{width:44px;height:44px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 4px 10px #00000014}.roulette-indicator{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:36px;height:44px;background:#e86c3f;clip-path:polygon(50% 100%,0 0,100% 0);z-index:100}.wheel-axle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#fff;border-radius:50%;border:6px solid #FFD8A8;z-index:50;display:flex;align-items:center;justify-content:center}.character-decor-left,.character-decor-right{position:absolute;bottom:-20px;z-index:10;pointer-events:none}.character-decor-left{left:-40px;width:220px}.character-decor-right{right:-60px;width:220px}@media(max-width:480px){.roulette-3d-frame{width:260px;height:260px;border-width:8px}.character-decor-left{left:15px;width:140px;bottom:-15px}.character-decor-right{right:-5px;width:140px;bottom:-15px}.wheel-axle{width:48px;height:48px;border-width:4px}.roulette-indicator{width:28px;height:36px;top:-12px}}.character-decor-left img,.character-decor-right img{width:100%;height:auto}.hub-action-center{width:100%;display:flex;justify-content:center;margin-top:20px;z-index:20}.spin-cta-btn{width:100%;max-width:280px;height:70px;background:linear-gradient(135deg,#ff9b71,#e86c3f);border:none;border-radius:24px;color:#fff;font-size:1.4rem;font-weight:950;cursor:pointer;box-shadow:0 15px 30px #e86c3f4d;transition:transform .2s,box-shadow .2s}.spin-cta-btn:hover{transform:translateY(-2px);box-shadow:0 20px 40px #e86c3f66}.spin-cta-btn.spinning{background:#ffd8a8;color:var(--p-orange);cursor:wait;animation:buttonPulse 1s infinite alternate}@keyframes buttonPulse{0%{transform:scale(1);opacity:1}to{transform:scale(.98);opacity:.8}}@keyframes explode{0%{transform:translate(-50%,-50%) scale(0);opacity:0}10%{opacity:1}to{transform:translate(calc(var(--tx) * 1px),calc(var(--ty) * 1px)) rotate(720deg);opacity:0}}.coin-particle{position:absolute;top:50%;left:50%;font-size:1.8rem;z-index:1000;transform:translate(-50%,-50%)}.p0{--tx: 120;--ty: -250;animation:explode 2s forwards ease-out}.p1{--tx: -150;--ty: -280;animation:explode 2.2s forwards ease-out}.p2{--tx: 220;--ty: -150;animation:explode 1.8s forwards ease-out}.p3{--tx: -240;--ty: 100;animation:explode 2.5s forwards ease-out}.p4{--tx: 180;--ty: 280;animation:explode 2.1s forwards ease-out}.p5{--tx: -180;--ty: 220;animation:explode 2.2s forwards ease-out}.p6{--tx: 50;--ty: -320;animation:explode 1.9s forwards ease-out}.p7{--tx: -80;--ty: 300;animation:explode 2.3s forwards ease-out}.p8{--tx: 280;--ty: 0;animation:explode 1.7s forwards ease-out}.p9{--tx: -280;--ty: -50;animation:explode 2.4s forwards ease-out}.p10{--tx: 100;--ty: 150;animation:explode 2s forwards ease-out}.p11{--tx: -100;--ty: -150;animation:explode 2.2s forwards ease-out}.web-mode-nav-wrapper{margin-bottom:40px;display:flex;justify-content:center;width:100%}@media(min-width:1024px){.mode-nav-card-list{display:flex!important;flex-direction:row!important;gap:32px!important;justify-content:center!important;width:auto!important;margin-bottom:0}.mode-card-btn{width:240px;padding:24px 16px;flex-direction:row;text-align:left;gap:12px;border-radius:20px}.mode-icon{font-size:1.4rem;flex-shrink:0}.mode-title{font-size:1rem}.mode-desc{font-size:.75rem;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}}@media(max-width:1023px){.web-view-wrapper{display:none}}@media(min-width:1024px){.mobile-view-wrapper{display:none}}.rescue-action-footer{width:100%;margin-top:20px;padding-top:16px}.rescue-action-footer .request-send-btn{width:100%}.rescue-action-footer .request-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.mobile-rescue-results{margin-top:16px;animation:fadeInUp .4s ease-out}.mobile-rescue-results .unified-results-container{height:auto;min-height:unset}.mobile-rescue-results .sophisticated-results-list{max-height:none;overflow-y:visible}.mobile-inline-results{width:100%;display:flex;flex-direction:column;gap:16px;animation:fadeInMode .3s ease-out}.mobile-inline-results .back-to-hub-btn{align-self:flex-start;display:flex;align-items:center;gap:6px;background:#ffefe8;color:#e86c3f;padding:8px 18px;border-radius:24px;border:none;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 2px 8px #e86c3f0d;transition:transform .2s;margin-bottom:8px}.mobile-inline-results .back-to-hub-btn:active{transform:scale(.96);background:#ffdfd6}.mobile-inline-results .unified-results-container{flex:unset;height:auto;min-height:unset;padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none;animation:none}.mobile-inline-results .sophisticated-results-list{max-height:none;overflow-y:visible}.mobile-view-wrapper{display:flex;flex-direction:column;min-height:100vh}.mobile-sticky-summary{position:fixed;top:0;left:0;right:0;z-index:5;background:linear-gradient(135deg,var(--p-orange),var(--p-orange-bright));padding:70px 24px 100px;color:#fff;display:flex;flex-direction:column}.mobile-header{position:fixed;top:0;left:0;right:0;padding:12px 16px;height:60px;display:flex;justify-content:space-between;align-items:center;background:var(--p-orange);border:none;box-shadow:none;z-index:1100;transition:background-color .3s ease}.mobile-header .header-title-area{display:flex;align-items:center;cursor:pointer}.mobile-header .header-group-name{font-size:1.1rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px}.header-actions{display:flex;align-items:center;gap:8px}.card-icon-btn{color:#fff!important;background-color:#fff3!important;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background-color .2s}.card-icon-btn:active{background-color:#ffffff4d!important}.icon-btn-sm{padding:0;line-height:0}.summary-content-wrap{z-index:2;display:flex;flex-direction:column;gap:12px}.summary-label{font-size:.85rem;font-weight:600;opacity:.8;letter-spacing:.05em}.summary-amount-editable{display:flex;align-items:center;gap:8px}.summary-amount-editable .currency{font-size:1.8rem;font-weight:700;margin-right:4px}.summary-amount-editable .amount-input{background:transparent;border:none;color:#fff;font-size:2.25rem;font-weight:700;width:auto;min-width:140px;padding:0;outline:none;font-family:inherit;letter-spacing:-1px}.summary-amount-editable .edit-icon{width:20px;height:20px;opacity:1;margin-left:6px;display:flex;align-items:center;justify-content:center}.summary-avatars{display:flex;margin-top:16px;z-index:6}.summary-avatars .mini-avatar{width:44px;height:44px;border-radius:50%;background:#6d947b;border:3px solid white;display:flex;align-items:center;justify-content:center;margin-left:-18px;font-size:18px;font-weight:700;color:#fff;position:relative;box-shadow:0 2px 8px #0000001a}.summary-avatars .mini-avatar:first-child{margin-left:0}.mobile-scrolling-sheet{position:relative;z-index:10;background:#fffaf8;border-radius:36px 36px 0 0;margin-top:250px;padding:24px 20px 120px;min-height:90vh;box-shadow:0 -12px 40px #00000014}.sheet-content{display:flex;flex-direction:column;gap:20px}.mobile-scrolling-sheet .unified-hub-card{padding:0;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;min-height:auto}.mobile-scrolling-sheet .hub-content-area{padding:0}.mobile-scrolling-sheet .hub-container{padding:20px 0;background:#fff;border-radius:24px;box-shadow:0 4px 20px #0000000a}.push-page-container{display:flex;flex-direction:column;gap:12px;padding:0 20px 32px;background-color:#f8f9fa;min-height:100vh}@media(min-width:1024px){.push-page-container{padding:0;gap:8px}}.detail-header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;background-color:#f8f9fa;padding:8px 0;max-width:1200px;margin-left:auto;margin-right:auto;width:100%}@media(max-width:1023px){.detail-header{margin-left:-20px;margin-right:-20px;padding:12px 20px;width:calc(100% + 40px)}}.push-header-back{display:flex;align-items:center;gap:4px;font-size:.9rem;font-weight:600;color:#444;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .2s;margin-right:auto}.push-header-back:hover{background:#0000000a}@media(min-width:1024px){.push-header-back{font-size:1.15rem;gap:6px}.push-header-back svg{width:24px;height:24px}}@media(max-width:1023px){.push-header-back{font-size:1.1rem;padding:0;gap:8px;color:var(--color-text-main)}.push-header-back span{display:none}.push-header-back:after{content:"푸시 알림";font-weight:700}}.push-content{flex:1;display:flex;flex-direction:column;gap:24px}.content-title{font-size:1.5rem;font-weight:800;color:var(--color-text-main);margin-top:12px;display:block}@media(max-width:1023px){.push-content{padding-top:12px}.content-title{display:none}}.section-subtitle{font-size:1.1rem;font-weight:700;color:var(--color-text-main);margin-bottom:12px;padding-left:4px}.push-settings-section,.push-history-section{display:flex;flex-direction:column}.push-settings-list{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:0 20px;display:flex;flex-direction:column}.push-settings-item{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.push-settings-item.border-bottom{border-bottom:1px solid var(--color-border)}.push-item-content h4{font-size:1rem;font-weight:600;color:var(--color-text-main)}.push-item-content p{font-size:.8rem;color:var(--color-text-sub);margin-top:4px}.push-sub-settings-list{display:flex;flex-direction:column;background-color:#f1f3f5;border-radius:var(--radius-md);margin:0 20px 20px}.push-sub-settings-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.04)}.push-sub-settings-item:last-child{border-bottom:none}.push-sub-settings-item h4{font-size:.95rem;font-weight:500;color:var(--color-text-main)}.sub-switch{transform:scale(.85);transform-origin:right center}.group-list-more-btn{display:flex;justify-content:center;align-items:center;gap:6px;padding:12px;width:100%;background-color:transparent;border:none;border-top:1px solid rgba(0,0,0,.04);font-size:.85rem;font-weight:600;color:var(--color-text-sub);cursor:pointer;transition:background-color .2s}.group-list-more-btn:hover{background-color:#00000005}.push-toggle-switch{position:relative;display:inline-block;width:48px;height:28px}.push-toggle-switch input{opacity:0;width:0;height:0}.push-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-border);transition:.4s}.push-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;box-shadow:0 1px 3px #0000001a}.push-toggle-switch input:checked+.push-slider{background-color:var(--color-primary)}.push-toggle-switch input:checked+.push-slider:before{transform:translate(20px)}.push-slider.round{border-radius:34px}.push-slider.round:before{border-radius:50%}.notification-list{display:flex;flex-direction:column;gap:12px}.notification-card{background:var(--color-surface);border-radius:var(--radius-md);padding:16px 20px;border:1px solid var(--color-border);transition:transform .2s,box-shadow .2s}.notification-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.noti-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.noti-type{font-size:.85rem;font-weight:700;padding:4px 8px;border-radius:6px}.noti-type.type-withdraw{background-color:#4589f51a;color:#4589f5}.noti-type.type-deposit{background-color:#22c55e1a;color:#22c55e}.noti-type.type-payment{background-color:#64748b1a;color:#64748b}.noti-type.type-split{background-color:#f59e0b1a;color:#f59e0b}.noti-type.type-cancel{background-color:#ef44441a;color:#ef4444}.noti-date{font-size:.75rem;color:var(--color-text-muted)}.noti-amount{font-size:1.25rem;font-weight:800;color:var(--color-text-main);margin-bottom:4px}.noti-desc{font-size:.9rem;color:var(--color-text-sub);font-weight:500}.show-more-container{display:flex;justify-content:center;margin-top:16px}.show-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background-color:#fff;border:1px solid var(--color-border);border-radius:999px;font-size:.95rem;font-weight:700;color:var(--color-text-sub);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000005}.show-more-btn:hover{background-color:#f8f9fa;color:var(--color-text-main);border-color:#ddd;box-shadow:0 4px 12px #0000000d}.mfa-flow-shell{min-height:100vh;padding:var(--spacing-xl) var(--spacing-md);background:radial-gradient(circle at top left,rgba(31,110,67,.1),transparent 28%),radial-gradient(circle at bottom right,rgba(242,140,75,.12),transparent 26%),#fafafc}.mfa-flow-container{width:min(100%,1080px);margin:0 auto}.mfa-flow-panel{width:100%}.mfa-flow-stack{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:28px}.mfa-intro-grid{display:grid;grid-template-columns:1.3fr minmax(280px,360px);gap:var(--spacing-lg);margin-top:28px}.mfa-intro-card{display:flex;flex-direction:column;gap:var(--spacing-lg)}.mfa-intro-item{display:flex;gap:14px;align-items:flex-start}.mfa-intro-item svg{margin-top:2px;color:var(--color-primary);flex-shrink:0}.mfa-intro-item h2,.mfa-intro-action-card h2{font-size:1.1rem;font-weight:800;color:var(--color-text-main)}.mfa-intro-item p,.mfa-intro-action-card p{margin-top:6px;color:var(--color-text-sub);line-height:1.6}.mfa-intro-action-card{justify-content:space-between}.mfa-flow-actions{display:flex;flex-direction:column;gap:12px}.mfa-flow-footer{display:flex;justify-content:flex-end}@media(max-width:900px){.mfa-intro-grid{grid-template-columns:1fr}}@media(max-width:767px){.mfa-flow-shell{padding:var(--spacing-lg) var(--spacing-sm)}.mfa-flow-footer{justify-content:stretch}.mfa-flow-footer .btn{width:100%}}