:root{--bg-page: #f0f7f7;--bg: #f0f7f7;--card: #ffffff;--text: #2c3e41;--muted: #628084;--accent: #0d9488;--accent-dark: #0f766e;--accent-light: #00a6a6;--accent-soft: #2dd4bf;--border-soft: rgba(255, 255, 255, .6);--income: #0d9488;--income-bright: #5ee4a3;--income-soft: #d1fae5;--expense: #ff6b7a;--expense-soft: #fff1f2;--balance-blue: #3b82f6;--balance-soft: #dbeafe;--sum-card-bg: #d1e4e3;--err: #b91c1c;--radius: 14px;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}#root{min-height:100vh}.wallet-header{position:sticky;top:0;z-index:45;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:8px;padding:12px 16px 8px;background:#f0f7f7e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wallet-header__start{display:flex;align-items:center;justify-content:flex-start}.wallet-header__spacer{display:inline-block;width:36px}.wh-group-menu-btn{width:34px;height:34px;border-radius:12px;border:1px solid #d8b4fe;background:#ede9fe;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:#6d28d9}.wallet-header__center{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;min-width:0}.wallet-header__title{font-size:18px;font-weight:800;color:#000}.wallet-header__group-chip{display:inline-flex;align-items:center;gap:4px;max-width:140px;padding:4px 8px;border-radius:999px;background:#ede9fe;border:1px solid #c4b5fd;font-size:11px;font-weight:700;color:#5b21b6}.wallet-header__group-chip .material-symbols-outlined{font-size:12px;color:#7c3aed}.wallet-header__group-chip span:not(.material-symbols-outlined){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-header__end{display:flex;align-items:center;gap:10px}.wallet-header__icon-btn{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--accent-dark);padding:0}.wallet-header__avatar-btn{position:relative;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:#fff;box-shadow:0 0 0 2px var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;overflow:hidden;color:#b8b0cc}.wallet-header__avatar-btn img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.wallet-header__avatar-btn .material-symbols-outlined{font-size:20px}.app.shell{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.app{max-width:560px;margin:0 auto;min-height:100vh;padding-bottom:48px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--card);border-bottom:1px solid var(--border-soft);position:sticky;top:0;z-index:10}.brand{font-weight:700;color:var(--accent-dark)}.top-actions{display:flex;gap:8px}.main{padding:16px}.card{background:var(--card);border-radius:var(--radius);padding:16px 18px;margin-bottom:14px;box-shadow:0 4px 20px #d977571a}.login-card{max-width:400px;text-align:center}.login-card h1{margin-top:0;color:var(--accent-dark)}.login-glass-page{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background-size:cover;background-position:center;position:relative}.login-glass-card{position:relative;z-index:1;width:100%;max-width:420px}.login-glass-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff5f7c7}.login-flutter-card{width:100%;max-width:420px;padding:28px 24px 20px;border-radius:32px;background:#fff;border:3px solid #fce7f3;box-shadow:0 8px 24px #0000001a;display:flex;flex-direction:column;gap:12px}@media(min-width:1024px){body{overflow:hidden}#root{min-height:100vh;display:grid;place-items:center;padding:24px}.app,.app-shell,.app.shell{width:970px;height:970px;min-height:970px;max-width:970px;max-height:970px;margin:0;border-radius:20px;overflow:hidden;box-shadow:0 20px 48px #0f172a2e;border:1px solid rgba(255,255,255,.6);background:var(--bg-page)}.app.shell{padding:0!important;display:block}.login-glass-page{width:100%;height:100%;min-height:0;padding:24px;background-size:cover;background-position:center}.login-glass-card{max-width:560px}.login-flutter-card{max-width:560px;padding:32px 28px 22px}}@media(min-width:1024px){.main-scroll--app{max-width:100%;height:calc(100% - 166px);overflow:auto;padding-left:20px;padding-right:20px;padding-bottom:12px}.wallet-header{max-width:100%}.bottom-nav{position:absolute;left:20px;right:20px;bottom:14px;width:auto;max-width:none;margin:0;transform:none}.notif-page{min-height:auto;height:100%;max-width:760px;margin:0 auto;padding-bottom:16px}.notif-page__list{max-height:none;height:100%}.add-fullscreen{width:100%;max-width:970px;margin:0 auto}.add-header,.add-body,.add-footer{width:100%;max-width:720px;margin-left:auto;margin-right:auto}.add-header{padding:10px 12px}.add-title{font-size:16px}.add-body{padding:10px 12px 92px}.add-image-block,.amount-card,.category-row{border-radius:14px}.amount-card{padding:14px 12px 12px}.amount-input{font-size:28px}.dong{font-size:18px}.note-input{margin-top:12px;padding:10px 12px;font-size:14px}.save-bar{padding:14px;font-size:15px}}.login-glass-icon-wrap{margin:0 auto 8px}.login-glass-icon-tile{width:80px;height:80px;border-radius:999px;background:#fce7f3;display:flex;align-items:center;justify-content:center}.login-glass-text-block{text-align:center;margin-bottom:4px}.login-glass-title{margin:0 0 6px;font-size:34px;font-weight:800;color:#1f2937}.login-glass-subtitle{margin:0;font-size:13px;color:#6b7280}.login-glass-err{margin:4px 0 0;font-size:12px;line-height:1.4;color:#be123c;text-align:center}.login-flutter-deco{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.login-flutter-deco span{position:absolute;font-size:28px;opacity:.35}.login-flutter-deco span:nth-child(1){top:56px;left:24px}.login-flutter-deco span:nth-child(2){top:180px;right:28px}.login-flutter-deco span:nth-child(3){bottom:120px;right:20px}.login-flutter-deco span:nth-child(4){bottom:190px;left:22px}.login-tab-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px;border-radius:16px;background:#f3f4f6}.login-tab-btn{border:none;background:transparent;height:38px;border-radius:12px;font-size:13px;font-weight:700;color:#6b7280;cursor:pointer;font-family:inherit}.login-tab-btn.is-on{background:#fff;color:#f472b6;box-shadow:0 2px 8px #00000014}.login-field{display:grid;gap:6px}.login-field>span{font-size:13px;font-weight:600;color:#374151}.login-field .input{border-radius:16px;border:1px solid transparent;background:#fff1f7;font-size:14px}.login-main-btn{width:100%;border:none;border-radius:16px;height:46px;background:#f472b6;color:#fff;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit}.login-main-btn:disabled{opacity:.65;cursor:not-allowed}.login-inline-err{border-radius:14px;padding:10px 12px;background:#fff1f2;color:#be123c;font-size:12px}.login-divider{text-align:center;font-size:10px;font-weight:700;color:#9ca3af;letter-spacing:.08em;margin-top:2px}.login-glass-footer{margin-top:14px;z-index:1;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f472b6;text-align:center}.login-google-btn-wrap{position:relative;width:100%;min-height:50px}.login-google-btn-visual{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:16px;pointer-events:none;border-radius:16px;background:#fff;border:2px solid #f3f4f6;transition:background .25s ease,transform .2s ease}.login-google-btn-wrap:active .login-google-btn-visual{transform:scale(.97)}.login-google-mark-wrap{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:999px}.login-google-mark{display:block}.login-google-btn-label{font-size:14px;font-weight:700;color:#4b5563;letter-spacing:-.02em}.login-google-btn-hit{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:stretch;opacity:.02;overflow:hidden}.gsi-wrap{display:flex;justify-content:center;min-height:50px;width:100%}.gsi-wrap>div{width:100%!important}.login-google-btn-hit iframe{flex:1;min-height:50px!important}.muted{color:var(--muted)}.muted.small{font-size:12px}.mono{font-family:ui-monospace,monospace;font-size:12px;word-break:break-all}.err{color:var(--err)}label.label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.input,select.input{width:100%;padding:10px 12px;border:1px solid var(--border-soft);border-radius:12px;font-size:15px}.row{display:flex;align-items:center}.row.gap{gap:10px}.row.wrap{flex-wrap:wrap}.row.spread{justify-content:space-between;gap:12px;flex-wrap:wrap}.row.end{justify-content:flex-end}.btn{border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer}.btn.primary{background:var(--accent);color:#fff;border-radius:14px}.btn.primary:disabled{opacity:.6;cursor:not-allowed}.btn.secondary{background:#fff8f5;color:var(--accent-dark);border:1px solid var(--border-soft)}.btn.danger{background:#dc2626;color:#fff}.btn.danger:disabled{opacity:.6;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--muted)}.btn.small{padding:6px 10px;font-size:12px}.btn.link{background:none;color:var(--accent);text-decoration:underline;padding:4px 0}.banner.err{background:#fef2f2;color:var(--err);padding:10px 14px;border-radius:10px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.banner.ok{background:#ecfdf5;color:#047857;padding:10px 14px;border-radius:10px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.summary-val{font-size:28px;font-weight:800;color:var(--accent-dark)}.summary-label{font-size:13px;color:var(--muted)}.tabs{display:flex;gap:8px;margin-bottom:12px}.tabs button{flex:1;padding:10px;border:1px solid var(--border-soft);background:#fff;border-radius:10px;cursor:pointer;font-weight:600;color:var(--muted)}.tabs button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.fab-row{margin-bottom:12px}.tx-list{list-style:none;padding:0;margin:0}.tx-item{background:var(--card);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px;box-shadow:0 2px 8px #0000000a}.badge{font-size:11px;padding:2px 8px;border-radius:6px;margin-right:8px;font-weight:600}.badge.expense{background:#ffe4e6;color:#9f1239}.badge.income{background:#d1fae5;color:#065f46}.tx-day{font-size:12px;color:var(--muted);margin-right:8px}.tx-cat{font-size:12px;color:var(--accent-dark)}.tx-amt{font-weight:700;margin-top:6px}.tx-amt.expense{color:#9f1239}.tx-amt.income{color:#065f46}.tx-note{font-size:13px;color:var(--muted);margin-top:4px}.tx-thumb{max-width:100%;max-height:120px;border-radius:8px;margin-top:8px;object-fit:cover}.drawer{position:fixed;right:12px;top:56px;width:min(360px,calc(100vw - 24px));max-height:70vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 12px 40px #00000026;z-index:20;border:1px solid #e5e7eb}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #f3f4f6;position:sticky;top:0;background:#fff}.notif-list{list-style:none;padding:0;margin:0}.notif-list li{padding:12px 14px;border-bottom:1px solid #f3f4f6}.notif-list li.unread{background:#f0fdfa}.notif-title{font-weight:600;font-size:14px}.notif-msg{font-size:13px;color:var(--muted);margin:4px 0 8px}.notif-page{min-height:calc(100vh - 140px);display:flex;flex-direction:column;padding:8px 12px 90px}.notif-page__header{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:8px;margin-bottom:10px}.notif-page__back{width:36px;height:36px;border-radius:18px;border:1px solid rgba(255,255,255,.6);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#0b2d3a}.notif-page__back .material-symbols-outlined{font-size:18px}.notif-page__title-wrap{display:inline-flex;align-items:center;justify-content:center;gap:8px}.notif-page__title{margin:0;font-size:18px;font-weight:800;color:#111827}.notif-page__badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.notif-page__spacer{width:36px;height:36px}.notif-page__body{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000000f}.notif-page__list{max-height:calc(100vh - 260px);overflow:auto}.notif-page__empty{margin:0;padding:24px 16px;text-align:center;color:var(--muted);font-size:14px}.p-16{padding:16px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.group-list{list-style:none;padding:0;margin:0}.group-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.group-list-row .group-list-meta{flex:1;min-width:0}.group-list-row code{font-size:11px}.group-panel-muted{font-size:11px;color:var(--muted);margin:0 0 12px;line-height:1.4}.group-action-row{display:flex;gap:10px;margin-bottom:16px}.group-action-card{flex:1;min-width:0;padding:12px 10px;border-radius:14px;border:1px solid #d8dee9;background:#f8fafc;cursor:pointer;text-align:left;font-family:inherit;transition:background .15s,border-color .15s}.group-action-card:hover{background:#f0f4ff;border-color:#c4b5fd}.group-action-card .gac-title{display:block;font-size:13px;font-weight:700;color:#2c3e41;margin-bottom:4px}.group-action-card .gac-sub{font-size:10px;color:#6b7280;line-height:1.3}.group-subview-title{font-size:18px;font-weight:800;text-align:center;color:#2c3e41;margin:4px 0 8px}.group-subview-hint{font-size:11px;color:#6b7280;text-align:center;margin:0 0 14px;line-height:1.4}.group-field-input{background:#e8edf3;border:1px solid #94a3b8;color:var(--text);padding:12px 14px;font-weight:600;letter-spacing:.04em}.group-field-input::placeholder{color:#64748b;font-weight:500;letter-spacing:normal}.group-field-input:focus{outline:none;border-color:var(--accent);background:#fff;box-shadow:0 0 0 2px #0d948838}.group-back-link{border:none;background:none;color:#9ca3af;font-size:12px;cursor:pointer;padding:0 0 8px;display:inline-flex;align-items:center;gap:4px;font-family:inherit}.group-back-link:hover{color:#6b7280}.group-list-section-title{font-size:11px;font-weight:700;color:#6b7280;margin:8px 0}.group-row-card{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:10px 12px;border-radius:12px;background:#171624;color:#d4cfe8;border:none;font-family:inherit;text-align:left}.group-row-card .material-symbols-outlined{font-size:16px;color:#9d8df1;flex-shrink:0}.group-row-card .grc-name{flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-row-card .grc-role{font-size:10px;color:#9ca3af;flex-shrink:0}.group-enter-btn{flex-shrink:0;padding:10px 18px;border-radius:10px;border:none;font-weight:700;font-size:12px;cursor:pointer;font-family:inherit}.group-enter-btn.on{background:#1e3a5f;color:#fff}.group-enter-btn.off{background:#9ca3af40;color:#9ca3af;cursor:not-allowed}.group-feedback-ok{font-size:12px;color:#059669;margin:8px 0 0;line-height:1.4}.group-list-item-wrap{list-style:none;padding:0 0 12px;margin:0;border-bottom:1px solid #f3f4f6}.group-list-item-wrap:last-child{border-bottom:none}.group-list-combo{display:flex;align-items:center;gap:8px;width:100%}.group-code-line{margin:6px 0 0 44px;font-size:11px}.gmp-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;pointer-events:auto}.gmp-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;padding:0;margin:0;background:#00000040;cursor:pointer}.gmp-panel{position:relative;width:min(290px,92vw);max-width:290px;height:100%;background:#fffffff5;box-shadow:8px 0 32px #0f172a1f;display:flex;flex-direction:column;z-index:1;animation:gmp-in .2s ease-out}@keyframes gmp-in{0%{transform:translate(-12px);opacity:.85}to{transform:translate(0);opacity:1}}.gmp-head{display:flex;align-items:center;gap:8px;padding:12px 12px 8px 16px;flex-shrink:0;border-bottom:1px solid #f3f4f6}.gmp-head-ic{font-size:18px;color:#6d28d9}.gmp-title{flex:1;margin:0;font-size:16px;font-weight:700;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gmp-leave-ic{width:32px;height:32px;border-radius:8px;border:1px solid #fca5a5;background:#fee2e2;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:#dc2626}.gmp-leave-ic .material-symbols-outlined{font-size:16px}.gmp-body{flex:1;overflow:auto;padding:12px 16px 24px;display:flex;flex-direction:column;gap:12px}.gmp-schedule-warn{display:flex;gap:8px;align-items:flex-start;padding:12px;background:#fef3c7;border:1px solid #f59e0b;border-radius:10px;font-size:12px;color:#92400e}.gmp-schedule-warn .material-symbols-outlined{font-size:16px;color:#d97706;flex-shrink:0}.gmp-cancel-del{margin-top:8px;display:block;font-weight:600;color:var(--accent)!important}.gmp-code-box{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#14141c;border-radius:12px}.gmp-code-text{flex:1;font-family:ui-monospace,monospace;font-size:14px;font-weight:700;color:#c4b5fd;word-break:break-all}.gmp-copy{width:32px;height:32px;border:none;border-radius:8px;background:#29243a;color:#d4cfe8;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0}.gmp-copy .material-symbols-outlined{font-size:14px}.gmp-section-label{font-size:12px;font-weight:700;color:#6b7280}.gmp-pending-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.gmp-pending-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:12px}.gmp-pending-actions{display:flex;gap:4px}.gmp-members{list-style:none;margin:0;padding:0}.gmp-member-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f3f4f6}.gmp-member-row:last-child{border-bottom:none}.gmp-avatar{width:36px;height:36px;border-radius:50%;background:#ede9fe;color:#6d28d9;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gmp-member-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.gmp-member-name{font-weight:600;font-size:14px}.gmp-member-code{font-size:10px;color:var(--muted)}.gmp-admin{font-size:11px;font-weight:700;color:#6d28d9}.gmp-remove{border:none;background:transparent;cursor:pointer;padding:4px;color:#dc2626;border-radius:8px;display:flex}.gmp-remove:disabled{opacity:.5;cursor:not-allowed}.gmp-delete-btn{margin-top:auto;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:12px}.gmp-foot-note{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#fee2e2;border-radius:10px;font-size:12px;color:#991b1b;font-weight:500}.gmp-foot-note .material-symbols-outlined{font-size:16px;flex-shrink:0}.gmp-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#00000059;display:flex;align-items:center;justify-content:center;padding:16px}.gmp-dialog{background:#fff;border-radius:16px;padding:20px 22px;max-width:360px;width:100%;box-shadow:0 20px 48px #0f172a33}.gmp-dialog h3{margin:0 0 10px;font-size:18px;text-align:center}.gmp-dialog p{margin:0 0 18px;font-size:14px;text-align:center;color:var(--text);line-height:1.5}.gmp-dialog-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.group-row-card--owner{cursor:pointer}.group-row-card--owner:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.profile-avatar-block{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:8px}.profile-avatar-preview{width:88px;height:88px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb;background:#f3f4f6}.profile-avatar-placeholder{width:88px;height:88px;border-radius:50%;border:2px dashed var(--border-soft);background:var(--surface-hero);display:flex;align-items:center;justify-content:center;color:var(--accent-dark);font-size:36px}.profile-avatar-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.header-group-pill{display:flex;align-items:center;gap:6px;max-width:min(200px,42vw);padding:4px 4px 4px 10px;border-radius:999px;background:#d977571f;border:1px solid rgba(217,119,87,.28);font-size:11px;font-weight:700;color:var(--accent-dark)}.stats-hero-pill{max-width:100%}.header-group-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-group-pill button{flex-shrink:0;width:26px;height:26px;border:none;border-radius:50%;background:#fff;cursor:pointer;font-size:14px;line-height:1;color:var(--muted)}.header-ic-btn.header-ic-avatar{padding:0;overflow:hidden;flex-shrink:0}.header-ic-btn.header-ic-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block;border-radius:50%}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:30;padding:16px}@media(min-width:520px){.modal-overlay{align-items:center}}.modal{background:#fff;width:100%;max-width:480px;max-height:92vh;overflow:auto;border-radius:20px;padding:20px}.modal h2{margin-top:0;color:var(--accent-dark)}.image-capture{margin-top:8px}.video-wrap{position:relative;background:#111;border-radius:12px;overflow:hidden;min-height:200px;margin-bottom:10px}.video-wrap video{width:100%;display:none}.video-wrap video.on{display:block}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px;padding:16px;text-align:center}.preview-box img{width:100%;max-height:200px;object-fit:contain;border-radius:12px;background:#f3f4f6}.hint.err{color:var(--err);font-size:13px}code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:12px}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;line-height:1;-webkit-user-select:none;user-select:none}.app-shell{max-width:560px;width:100%;margin:0 auto;min-height:100vh;padding-bottom:6rem;position:relative}.app-shell--camera{padding-bottom:0}.app-shell--camera .main-scroll--app{min-height:100dvh}.app-top-header{display:none}.app-top-header__inner{max-width:min(1200px,100%);margin:0 auto;padding:8px clamp(12px,4vw,40px);display:flex;align-items:center;justify-content:space-between;gap:12px}.app-top-header__inner--actions{justify-content:space-between;width:100%}.header-leading{min-width:0;flex:1;display:flex;align-items:center}.header-main-nav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;min-width:0}.header-nav-tap{display:flex;flex-direction:column;align-items:center;gap:0;padding:6px 12px;border:none;background:transparent;color:var(--muted);font-size:10px;font-weight:600;cursor:pointer;border-radius:12px;font-family:inherit}.header-nav-tap.is-active{color:var(--accent-light);background:#0d94881f;font-weight:700}.header-nav-ic{font-size:22px}.header-nav-label{line-height:1.2}.header-nav-cam{width:56px;height:56px;border-radius:50%;border:4px solid #fff;background:linear-gradient(145deg,var(--accent),var(--accent-soft));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 25px #0d94884d;flex-shrink:0}.header-nav-cam .material-symbols-outlined{font-size:28px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.header-actions-inline{display:flex;align-items:center;gap:6px;flex-shrink:0}.header-ic-btn{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-soft);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-strong);flex-shrink:0}.header-ic-btn .material-symbols-outlined{font-size:22px}.header-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;background:#ef4444;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;line-height:1}.main-scroll{min-height:calc(100vh - 152px);padding-left:clamp(12px,4vw,40px);padding-right:clamp(12px,4vw,40px);max-width:min(1200px,100%);margin:0 auto}.main-scroll--app{padding-left:0;padding-right:0;max-width:560px}.bottom-nav{position:fixed;bottom:max(8px,env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:520px;min-height:60px;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px;border:1px solid rgba(255,255,255,.6);z-index:40;box-shadow:0 8px 30px #0d94881a}.bottom-nav.header-main-nav{display:flex;align-items:flex-end;justify-content:space-evenly;gap:0;min-width:0;padding:8px 6px 10px}@media(min-width:1024px){.app-shell{max-width:1240px;padding-bottom:0}.main-scroll--app{max-width:1180px;padding-left:20px;padding-right:20px}.wallet-header{padding:14px 24px 10px;max-width:1180px;margin:0 auto}.wallet-header__title{font-size:22px}.stats-screen--app,.stats-screen{min-height:calc(100vh - 120px)}.summary-row-app{padding-left:0;padding-right:0}.flow-toggle-app{width:min(560px,100%);max-width:min(560px,100%)}.cat-breakdown-app,.income-block-app{padding-left:0;padding-right:0}.add-cat-app{width:min(520px,100%);max-width:min(520px,100%);margin-left:auto;margin-right:auto}.calendar-screen{min-height:calc(100vh - 120px);padding-left:10px;padding-right:10px}.cal-grid{gap:10px;padding-left:0;padding-right:0}.cal-cell{border-radius:16px}.notif-page{max-width:760px;margin:0 auto;padding-left:0;padding-right:0}.notif-page__list{max-height:calc(100vh - 230px)}.bottom-nav{position:sticky;left:auto;transform:none;bottom:0;width:100%;max-width:1180px;margin:0 auto;border-radius:22px}.bottom-nav .header-nav-cam{margin-top:0;width:52px;height:52px}}.bottom-nav .header-nav-cam{margin-top:-20px;flex-shrink:0}.camera-screen{min-height:calc(100dvh - 8px);background:linear-gradient(180deg,#e2eeed,#f0fdfa 45%,#ccfbf1);color:var(--text);font-family:inherit;position:relative;touch-action:pan-y}.camera-screen__inner{max-width:560px;margin:0 auto;padding:12px 16px 24px;display:flex;flex-direction:column;min-height:calc(100dvh - 16px)}.camera-screen__top{display:grid;grid-template-columns:36px 1fr 36px;align-items:start;gap:8px;padding:8px 4px 12px}.camera-screen__corner-spacer{width:36px;height:36px}.camera-screen__top-center{display:flex;flex-direction:column;align-items:center;gap:2px}.camera-screen__hint-arrow{font-size:14px;color:var(--muted);line-height:1}.camera-screen__pill{border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:6px 16px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 2px 4px #0000000d}.camera-screen__pill--stats,.camera-screen__pill--calendar{background:#0b2d3a;color:#fff}.camera-screen__icon-circle{width:36px;height:36px;border-radius:50%;border:none;background:#ffffffeb;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#0b2d3a;padding:0}.camera-screen__icon-circle .material-symbols-outlined{font-size:20px}.camera-screen__frame-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:0 4px;min-height:0}.camera-screen__frame{width:100%;max-width:min(100%,100vw - 32px);aspect-ratio:1;border-radius:28px;border:2px solid rgba(255,255,255,.7);background:#000;box-shadow:0 12px 24px #0d94881f;overflow:hidden;position:relative}.camera-screen__frame--live{box-shadow:none}.camera-screen__frame-inner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:26px;overflow:hidden;background:#322c47}.camera-screen__video,.camera-screen__preview-img{width:100%;height:100%;object-fit:cover;display:block}.camera-screen__cam-err{position:absolute;left:12px;right:12px;bottom:48px;margin:0;padding:8px 10px;background:#000000a6;color:#fecaca;font-size:12px;border-radius:8px;text-align:center}.camera-screen__shimmer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;background:#322c47;overflow:hidden}.camera-screen__shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);animation:camera-shimmer 1.5s ease-in-out infinite}@keyframes camera-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.camera-screen__shimmer-box{width:100%;max-width:220px;height:160px;border-radius:20px;background:#ffffff1f}.camera-screen__shimmer-line{width:160px;height:14px;border-radius:7px;background:#ffffff1a}.camera-bracket{position:absolute;width:24px;height:24px;pointer-events:none;border-color:#ffffffd9;border-style:solid;border-width:0}.camera-bracket--tl{left:14px;top:14px;border-top-width:3px;border-left-width:3px}.camera-bracket--tr{right:14px;top:14px;border-top-width:3px;border-right-width:3px}.camera-bracket--bl{left:14px;bottom:14px;border-bottom-width:3px;border-left-width:3px}.camera-bracket--br{right:14px;bottom:14px;border-bottom-width:3px;border-right-width:3px}.camera-screen__preview-close{position:absolute;right:8px;top:8px;width:36px;height:36px;border-radius:50%;border:none;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.camera-screen__preview-close .material-symbols-outlined{font-size:20px}.camera-screen__controls{display:flex;align-items:center;justify-content:space-evenly;gap:8px;padding:16px 8px 12px}.camera-screen__round-btn{width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:#ffffffb8;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#0b2d3a;padding:0;box-shadow:0 2px 4px #0000000d}.camera-screen__round-btn .material-symbols-outlined{font-size:24px}.camera-screen__round-btn.on{background:#0d948833;border-color:var(--accent);color:var(--accent-dark)}.camera-screen__shutter{width:78px;height:78px;border-radius:50%;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.camera-screen__shutter--capture{background:#fff;border:5px solid #0b2d3a;box-shadow:0 0 0 3px #fff inset,0 0 0 5px #000 inset,0 0 18px #0b2d3a2e}.camera-screen__shutter--capture:disabled{opacity:.45;cursor:not-allowed}.camera-screen__shutter--confirm{border:4px solid #fff;background:var(--accent);color:#fff;box-shadow:0 0 20px #0d948866}.camera-screen__shutter--confirm .material-symbols-outlined{font-size:36px}.camera-screen__calendar-row{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:8px;border:none;background:transparent;cursor:pointer;font-family:inherit;padding:8px}.camera-screen__swipe-hint{text-align:center;font-size:11px;margin:4px 0 0;color:var(--muted)}.camera-screen__busy{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000047;display:flex;align-items:center;justify-content:center;z-index:5}.camera-screen__spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(255,255,255,.35);border-top-color:var(--accent);animation:camera-spin .75s linear infinite}@keyframes camera-spin{to{transform:rotate(360deg)}}.top-banner{margin:8px auto 0;max-width:min(1200px,100%);padding-left:clamp(12px,4vw,40px);padding-right:clamp(12px,4vw,40px)}.loading-bar{text-align:center;font-size:12px;color:var(--muted);padding:6px}.wallet-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 8px}.wh-title{font-size:20px;font-weight:700}.wh-actions{display:flex;gap:8px;align-items:center}.avatar-btn,.notif-btn{width:40px;height:40px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:18px}.period-chips{display:flex;gap:6px;padding:0 16px 8px;overflow-x:auto;justify-content:center;flex-wrap:wrap;scrollbar-width:none}.period-chips::-webkit-scrollbar{display:none}.pch{flex:0 0 auto;padding:6px 12px;border-radius:20px;border:1px solid var(--border-soft);background:#ffffff80;font-size:12px;font-weight:600;cursor:pointer;color:var(--muted)}.pch.on{background:var(--accent);color:#fff;border-color:var(--accent)}.stats-period-outer{padding:0 1.5rem;margin-top:-1.5rem;position:relative;z-index:2}.period-chips-bar{display:flex;gap:6px;padding:8px;background:#fff;border-radius:1.5rem;border:1px solid var(--border-soft);box-shadow:0 12px 40px #d9775714}.pch-bar{flex:1;min-width:0;padding:.65rem .35rem;border-radius:1rem;border:none;background:transparent;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;font-family:inherit;transition:background .15s,color .15s,box-shadow .15s}.pch-bar.on{background:var(--accent);color:#fff;box-shadow:0 8px 20px #d9775738}.stats-hero{background:var(--surface-hero);border-radius:0 0 2.8rem 2.8rem;padding:2.75rem 1.5rem 2.25rem;border-bottom:1px solid var(--border-soft);box-shadow:0 2px 12px #2d2a260a}.stats-hero-top{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.stats-greet-avatar{width:48px;height:48px;border-radius:1rem;border:1px solid var(--border-soft);background:#fff;box-shadow:0 2px 8px #2d2a260f;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;overflow:hidden;flex-shrink:0;color:var(--accent)}.stats-greet-avatar img{width:100%;height:100%;object-fit:cover}.stats-greet-avatar .material-symbols-outlined{font-size:26px}.stats-greet-text{flex:1;min-width:0}.stats-greet-text h1{margin:0;font-size:1.05rem;font-weight:800;color:var(--text-strong);line-height:1.25}.stats-greet-text p{margin:4px 0 0;font-size:12px;color:var(--muted)}.stats-bell-btn{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-soft);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);flex-shrink:0}.stats-bell-btn .material-symbols-outlined{font-size:22px}.stats-hero-group{margin:-1rem 0 1.25rem}.stats-balance-block{text-align:center}.stats-balance-lbl{margin:0;font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.stats-balance-num{margin:.35rem 0 0;font-size:2.25rem;font-weight:900;color:var(--text-strong);line-height:1.1;letter-spacing:-.02em}.stats-balance-donvi{font-size:1.15rem;font-weight:600;opacity:.85}.stats-balance-pills{display:flex;justify-content:center;gap:.65rem;margin-top:1.35rem;flex-wrap:wrap}.stats-mini-pill{display:flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:1rem;background:#ffffffa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.45);font-size:12px;font-weight:800;color:var(--text-strong)}.stats-mini-ic{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center}.stats-mini-ic .material-symbols-outlined{font-size:16px}.stats-mini-ic--in{background:var(--income-soft);color:var(--income)}.stats-mini-ic--ex{background:var(--expense-soft);color:var(--expense)}.stats-body{padding:2rem 1.5rem 1.5rem}.date-nav{display:flex;align-items:center;justify-content:center;gap:12px;padding:4px 0 12px}.date-nav-warm{padding-top:.25rem}.nav-arrow{width:36px;height:36px;border-radius:10px;border:1px solid var(--border-soft);background:#fff9;color:var(--accent-dark);font-size:20px;cursor:pointer}.nav-arrow-warm{width:32px;height:32px;border:none;background:transparent;color:var(--muted);border-radius:8px}.nav-arrow:disabled{opacity:.4;cursor:not-allowed}.date-nav-label{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--text-strong)}.date-nav-ic-cal{font-size:18px;color:var(--accent)}.summary-row{display:flex;gap:10px;padding:0 16px 16px}.sum-card{flex:1;background:#ffffffbf;border-radius:16px;padding:10px 8px;border:1px solid rgba(255,255,255,.8);text-align:center;box-shadow:0 2px 8px #0000000a}.sum-ic{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:8px;font-size:14px;font-weight:700;margin-bottom:4px}.sum-ic.up{background:#fff1f2;color:#e11d48}.sum-ic.down{background:#d1fae5;color:#059669}.sum-ic.bal{background:#dbeafe;color:#0284c7}.sum-lbl{font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--muted)}.sum-val{font-size:13px;font-weight:800;margin-top:2px}.sum-val.expense{color:#e11d48}.sum-val.income{color:var(--income)}.sum-val.balance{color:var(--accent-dark)}.stats-flow{margin:0 16px 16px}.flow-toggle.stats-flow,.flow-toggle{display:flex;padding:4px;background:#ffffff73;border-radius:32px;border:1px solid var(--border-soft);gap:0}.flow-toggle.stats-flow button,.flow-toggle button{flex:1;padding:10px 16px;border:none;border-radius:28px;background:transparent;font-weight:700;font-size:14px;color:var(--muted);cursor:pointer}.flow-toggle.stats-flow button.active.ex,.flow-toggle button.active.expense{background:#ff6b7a;color:#fff;box-shadow:0 4px 12px #ff6b7a59}.flow-toggle.stats-flow button.active.in,.flow-toggle button.active.income{background:#00a6a6;color:#fff;box-shadow:0 4px 12px #00a6a659}.flow-toggle-app{justify-content:center;width:calc(100% - 40px);max-width:calc(100% - 40px);margin:0 auto 24px}.stats-flow-tabs{display:flex;gap:1.5rem;border-bottom:1px solid var(--border-soft);margin-bottom:1.25rem}.stats-flow-tabs button{position:relative;padding:0 0 1rem;border:none;background:none;font-size:14px;font-weight:800;color:var(--muted);cursor:pointer;font-family:inherit}.stats-flow-tabs button.active{color:var(--text-strong)}.stats-flow-tabs button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:999px;background:var(--accent)}.stats-screen--app,.stats-screen{background:var(--bg);padding-bottom:.5rem;min-height:calc(100vh - 8rem)}.stats-scroll-pad{height:6rem}.period-selector-app{display:flex;justify-content:center;padding:16px 20px 0}.period-selector-app__inner{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:6px;background:#fff6;border-radius:16px;border:1px solid rgba(255,255,255,.6);box-shadow:0 2px 8px #00000008}.period-chip-app{min-width:52px;padding:10px 12px;border:none;border-radius:12px;background:transparent;font-size:12px;font-weight:700;color:#0f766eb3;cursor:pointer;font-family:inherit}.period-chip-app.on{background:var(--accent);color:#fff;box-shadow:0 4px 8px #0d948866}.date-nav-app{padding:16px 20px 8px}.nav-arrow-app{width:40px;height:40px;border-radius:10px;border:none;background:#fff6;color:var(--accent-dark);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center}.nav-arrow-app:disabled{opacity:.35;cursor:not-allowed}.date-nav-label-app{font-size:16px;font-weight:500;color:#000}.stats-empty-hint{margin:0 20px 8px;font-size:11px;color:#6b7280;text-align:center;line-height:1.4}.group-member-filter{margin:0 20px 10px;display:flex;align-items:center;gap:8px;font-size:12px;color:#475569}.group-member-filter select{min-width:180px;max-width:260px;border:1px solid #cbd5e1;background:#fff;border-radius:10px;padding:6px 10px;color:#0f172a;font-size:12px}.group-member-filter--calendar{margin-top:-6px;margin-bottom:14px}.group-member-filter--in-panel{margin:6px 12px 8px}.summary-row-app{padding:0 20px 16px;gap:12px}.summary-row-app .sum-card{background:var(--sum-card-bg);border:1px solid #fff;box-shadow:0 2px 4px #0000000d;border-radius:16px;padding:12px 8px}.summary-row-app .sum-lbl{color:var(--text);letter-spacing:-.5px}.summary-row-app .sum-val.expense{color:#ff6b7a}.summary-row-app .sum-val.income{color:var(--accent)}.summary-row-app .sum-val.balance{color:var(--balance-blue)}.summary-row-app .sum-ic.up{background:var(--expense-soft);color:#ff6b7a}.summary-row-app .sum-ic.down{background:var(--income-soft);color:var(--income-bright)}.summary-row-app .sum-ic.bal{background:var(--balance-soft);color:#22d3ee}.donut-wrap-app{padding:24px 0}.donut-stack--app{width:200px;height:200px}.dc-pct-row{display:inline-flex;align-items:center;gap:4px;margin-top:4px}.dc-pct-ic{font-size:12px;color:var(--accent-light)}.donut-wrap{display:flex;justify-content:center;padding:8px 0 20px}.donut-row-warm{display:flex;align-items:center;gap:1.5rem;padding:1rem 0 1.25rem}.donut-side-meta{flex:1;min-width:0}.donut-side-meta .dc-lbl{margin:0;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.dc-amt-warm{margin:6px 0 0;font-size:1.45rem;font-weight:900;color:var(--text-strong);letter-spacing:-.02em}.dc-pct-warm{margin:6px 0 0;font-size:10px;font-weight:700}.dc-pct-warm--good{color:var(--income)}.dc-pct-warm--warn{color:var(--expense)}.dc-pct-warm--muted{color:var(--muted)}.donut-stack{position:relative;width:200px;height:200px}.donut-stack--sm{width:160px;height:160px;flex-shrink:0}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-center--sm .donut-pct-big{font-size:1rem;font-weight:900;color:var(--text-strong)}.dc-lbl{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--muted)}.dc-amt{font-size:22px;font-weight:900;margin-top:4px}.dc-pct{font-size:10px;font-weight:700;color:var(--accent-light);margin-top:0}.cat-breakdown-app{padding:0 20px;margin-bottom:24px}.cat-line-app{display:flex;align-items:center;justify-content:space-between;padding:16px;margin-bottom:12px;border:1px solid #fff;box-shadow:0 2px 4px #0000000d;cursor:pointer;font-family:inherit}.cat-line-app:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cat-line-app__left{display:flex;align-items:center;gap:12px}.cat-line-app__ic{width:44px;height:44px;border-radius:16px;background:#00a6a61a;border:1px solid rgba(0,166,166,.2);display:flex;align-items:center;justify-content:center}.cat-line-app__right{text-align:right}.cli-amt--exp{color:#e11d48;font-weight:900}.cli-pct-app{display:block;margin-top:4px;font-size:10px;font-weight:700;letter-spacing:1px;color:#94a3b8}.add-cat-app{margin:0 20px 24px;width:calc(100% - 40px);max-width:calc(100% - 40px);padding:14px;border-radius:28px;background:var(--accent);color:#fff;font-weight:600;font-size:14px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #0d94884d}.add-cat-app .material-symbols-outlined{font-size:18px}.income-block-app{padding:0 20px 24px}.income-one-card-app{margin-bottom:12px;display:flex;align-items:center;gap:12px;padding:16px}.income-one-card-app .cli-name{flex:1;font-weight:700}.income-one-card-app__ic{width:44px;height:44px;border-radius:12px;background:#0d94881a;display:flex;align-items:center;justify-content:center;color:var(--accent)}.income-one-card-app__ic .material-symbols-outlined{font-size:20px}.income-one-card-app__amt{margin-left:auto;text-align:right}.cli-amt--inc{color:var(--income-bright);font-weight:900}.add-income-outline-app{width:100%;padding:12px;border-radius:20px;background:#ffffffb3;border:1px solid rgba(15,118,110,.3);color:var(--accent-dark);font-weight:700;font-size:14px;cursor:pointer}.income-one-card-app--click{cursor:pointer;border-radius:16px;border:1px solid #fff;box-shadow:0 2px 4px #0000000d;background:#ffffff80}.income-one-card-app--click:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chp-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:var(--bg-page);display:flex;flex-direction:column;align-items:center;overflow:hidden}.chp-shell{width:100%;max-width:min(760px,100%);height:100%;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.chp-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;background:#e2eeede0;border-bottom:1px solid rgba(255,255,255,.65);flex-shrink:0}.chp-back{width:32px;height:32px;border-radius:16px;border:1px solid rgba(255,255,255,.65);background:#ffffffbf;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:var(--text);flex-shrink:0}.chp-back .material-symbols-outlined{font-size:20px}.chp-header-text{flex:1;min-width:0}.chp-title{margin:0;font-size:22px;font-weight:800;color:#000;line-height:1.2}.chp-sub2{margin:2px 0 0;font-size:13px;color:#628084;line-height:1.3}.chp-head-ic-wrap{width:32px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#0d94881a;border:1px solid rgba(13,148,136,.2);flex-shrink:0}.chp-head-ic{font-size:16px}.chp-period.period-selector-app{padding:8px 12px 0;flex-shrink:0}.chp-period .period-selector-app__inner{padding:4px;gap:3px;border-radius:14px}.chp-period .period-chip-app{min-width:0;padding:6px 9px;font-size:11px;border-radius:10px}.chp-date-nav.date-nav-app{padding:6px 12px 4px;flex-shrink:0}.chp-date-nav .nav-arrow-app{width:34px;height:34px}.chp-date-nav .date-nav-label-app{font-size:13px}.chp-toolbar{padding:4px 12px 6px;flex-shrink:0}.chp-add{width:100%;padding:8px 12px;font-size:12px}.chp-scroll{flex:1;overflow:auto;padding:8px 16px 5rem;-webkit-overflow-scrolling:touch}.chp-empty{text-align:center;padding:16px 10px;font-size:13px}.chp-list{list-style:none;margin:0;padding:0}.chp-card{display:flex;gap:8px;align-items:flex-start;padding:12px 14px;margin-bottom:10px;background:#fff;border-radius:12px;border:1px solid rgba(255,255,255,.65);box-shadow:0 1px 4px #0000000a}.chp-card-img{width:58px;height:58px;border-radius:10px;background:#e2eeed;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.chp-thumb{width:100%;height:100%;object-fit:cover}.chp-thumb-ph{font-size:20px;color:var(--muted)}.chp-card-body{flex:1;min-width:0}.chp-badge{display:inline-block;font-size:9px;font-weight:800;padding:2px 6px;border-radius:5px}.chp-badge--exp{background:#ff6b7a33;color:#ff8a98}.chp-badge--inc{background:#0d948833;color:var(--accent)}.chp-note{margin:4px 0 0;font-size:16px;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chp-when{margin:4px 0 0;font-size:12px;color:#628084}.chp-by{margin:2px 0 0;font-size:12px;color:#6b7280;font-weight:500;display:flex;align-items:center;gap:4px}.chp-by-av{width:14px;height:14px;border-radius:50%;object-fit:cover}.chp-by-av-ph{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background:#ede9fe;color:#6d28d9;font-weight:800;font-size:7px}.chp-amt{font-size:18px;font-weight:600;flex-shrink:0;align-self:flex-start;padding-top:1px}.chp-amt--exp{color:#ff6b7a}.chp-amt--inc{color:var(--accent)}.chp-settle-btn{margin-left:auto}.chp-view-settle-btn,.cal-day-view-settle-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:6px 8px;background:#e2e8f0;color:#334155}.chp-view-settle-btn .material-symbols-outlined,.cal-day-view-settle-btn .material-symbols-outlined{font-size:16px}.chp-settle-btn.is-settled{background:#dcfce7;color:#166534}.chp-settle-btn.is-unsettled{background:#fee2e2;color:#991b1b}.donut-tooltip{position:absolute;right:-8px;top:8px;background:#2c3e41;color:#fff;font-size:10px;font-weight:700;padding:6px 10px;border-radius:10px;max-width:140px}.cat-breakdown{list-style:none;padding:0 16px;margin:0 0 16px}.cat-breakdown-warm{padding:0;margin:0 0 1.25rem}.cat-line{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#fff;border-radius:16px;margin-bottom:8px;border:1px solid var(--border-soft);box-shadow:0 2px 6px #2d2a260a;cursor:default}.cat-line-warm{padding:1.1rem 1.15rem;border-radius:2rem;transition:box-shadow .15s,transform .15s}.cat-line-warm:hover{box-shadow:0 8px 28px #2d2a2614}.cat-line-ic-wrap{width:48px;height:48px;border-radius:1rem;background:var(--surface-hero);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cat-line-mid{flex:1;min-width:0}.cat-line-end{text-align:right}.cli-ic{line-height:1;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.cli-name{flex:1;font-weight:600}.cli-amt{font-weight:700}.cli-pct{font-size:12px;color:var(--accent);font-weight:700}.income-one-card{margin:0 16px 16px;padding:16px;background:#fff;border-radius:16px;display:flex;align-items:center;gap:12px}.income-one-card-warm{margin:0 0 1.25rem;border-radius:2rem;border:1px solid var(--border-soft)}.add-cat-wide{margin:0 16px 100px;width:calc(100% - 32px);padding:14px;border-radius:16px;background:var(--text-strong);color:#fff;font-weight:700;border:none;cursor:pointer}.add-cat-warm{margin:0;width:100%;max-width:100%;padding:1.15rem 1.25rem;border-radius:2rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:15px;box-shadow:0 10px 28px #2d2a262e}.add-cat-warm:hover{background:#1a1815}.add-cat-warm .material-symbols-outlined{font-size:22px}.calendar-screen{background:var(--bg-page);padding-bottom:24px;min-height:calc(100vh - 152px);border-radius:0 0 var(--radius) var(--radius)}.cal-nav{display:flex;align-items:center;justify-content:space-between;padding:8px 20px}.cal-month-lbl{font-weight:500;font-size:18px}.cal-hero{text-align:center;font-size:26px;font-weight:800;line-height:1.2;margin:16px 20px 24px}.cal-summary-cards{display:flex;gap:12px;padding:0 16px 20px}.cal-sum{flex:1;display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff80;border-radius:16px;border:1px solid rgba(255,255,255,.7)}.cal-sum-ic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700}.cal-sum-ic.up{background:var(--expense-soft);color:var(--expense)}.cal-sum-ic.down{background:var(--income-soft);color:var(--income)}.cal-sum-lbl{font-size:12px;color:var(--muted)}.cal-sum-val{font-weight:800}.cal-sum-val.ex{color:var(--expense)}.cal-sum-val.in{color:var(--income)}.cal-weekdays{display:flex;justify-content:space-around;padding:0 8px 8px;font-size:11px;font-weight:600;color:var(--muted)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:0 12px 24px}.cal-cell{aspect-ratio:.72;border-radius:14px;border:1px solid var(--border-soft);background:#ffffffb8;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:6px 4px;cursor:pointer;font:inherit}.cal-cell.empty{visibility:hidden;pointer-events:none}.cdn{font-size:13px;font-weight:700}.cd-plus{margin-top:4px;font-size:20px;color:#94a3b8}.cd-thumb{margin-top:4px;width:100%;flex:1;min-height:0;object-fit:cover;border-radius:8px}.cd-dot{margin-top:4px;font-size:18px}.cal-day-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px}.cal-day-panel{width:min(760px,100%);max-height:min(86vh,820px);background:#fff;border-radius:18px;border:1px solid #e5e7eb;overflow:hidden;display:flex;flex-direction:column}.cal-day-head{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:16px;border-bottom:1px solid #f1f5f9}.cal-day-sub{padding:12px 16px 10px;font-size:15px;color:#64748b;border-bottom:1px solid #f8fafc}.cal-day-list{list-style:none;margin:0;padding:10px 14px 14px;overflow:auto}.cal-day-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-radius:12px;border:1px solid #f1f5f9;margin-bottom:8px;background:#fff;cursor:pointer}.cal-day-item-main{min-width:0}.cal-day-item-note{font-size:14px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.cal-day-item-meta{margin-top:4px;display:flex;align-items:center;gap:6px}.cal-day-item-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;flex-shrink:0}.cal-day-item-avatar--fallback{display:inline-flex;align-items:center;justify-content:center;background:#ede9fe;color:#6d28d9;font-size:10px;font-weight:700}.cal-day-item-author{font-size:12px;color:#475569;font-weight:600;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-day-item-time{font-size:12px;color:#64748b;margin-left:auto}.cal-day-item-amt{flex-shrink:0;font-size:15px;font-weight:800}.cal-day-item-amt.ex{color:#e11d48}.cal-day-item-amt.in{color:#059669}.cal-day-settle-btn.is-settled{background:#dcfce7;color:#166534}.cal-day-settle-btn.is-unsettled{background:#fee2e2;color:#991b1b}.settle-proof-view{max-width:min(520px,calc(100vw - 32px))!important}.settle-proof-money{font-size:26px;font-weight:800;color:#0f172a}.settle-proof-note{margin-top:8px;font-size:14px;color:#475569;line-height:1.5}.settle-proof-image{margin-top:14px;width:100%;max-height:340px;object-fit:contain;border-radius:12px;background:#f8fafc}.add-fullscreen{position:fixed;top:0;bottom:0;z-index:100;background:var(--bg-page);display:flex;flex-direction:column;width:100vw;max-width:100vw;margin:0 auto;left:0;right:0;overflow-x:hidden}.add-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff9}.icon-btn{width:44px;height:44px;border:none;background:transparent;font-size:22px;cursor:pointer}.add-title{font-size:17px;font-weight:700;margin:0}.upload-pseudo{position:relative}.date-input-hidden{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.add-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 16px 100px}.add-image-block{position:relative;background:#fff;border-radius:20px;padding:12px;margin-bottom:12px}.ocr-fab{position:absolute;top:16px;right:16px;padding:6px 10px;font-size:12px;border-radius:10px}.add-body .flow-toggle{margin-bottom:12px}.add-body .flow-toggle button.active.expense{background:#fb7185;color:#fff}.add-body .flow-toggle button.active.income{background:#475569;color:#fff}.category-row{width:100%;display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fff;border-radius:16px;border:1px solid #e5e7eb;margin-bottom:12px;cursor:pointer;font:inherit;min-width:0}.category-row.static{cursor:default}.cat-row-ic{flex-shrink:0;width:36px;height:36px;display:inline-flex!important;align-items:center;justify-content:center}.cat-label{flex:1;min-width:0;text-align:left;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chev{color:#94a3b8;font-size:20px}.date-pill{font-size:13px;font-weight:600;color:var(--accent-dark);padding:6px 12px;background:#f0fdfa;border-radius:12px}.amount-card{background:#fff;border-radius:20px;padding:20px 16px 16px;border:1px solid #e5e7eb}.amount-row{display:flex;align-items:center;gap:8px;min-width:0}.amount-input{flex:1;min-width:0;border:none;font-size:36px;font-weight:800;background:transparent;outline:none}.dong{font-size:22px;font-weight:700;color:var(--muted)}.clear-amt{border:none;background:#f3f4f6;width:32px;height:32px;border-radius:50%;cursor:pointer}.amount-formatted{font-size:16px;color:var(--muted);margin-top:4px}.note-input{width:100%;margin-top:16px;padding:12px;border:1px solid #e5e7eb;border-radius:12px;font-size:15px}.add-footer{position:absolute;bottom:0;left:0;right:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fffffff2;border-top:1px solid #e5e7eb}.save-bar{width:100%;padding:16px;border-radius:16px;background:var(--accent);color:#fff;font-weight:700;font-size:16px;border:none;cursor:pointer}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#0006;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:480px;max-height:70vh;background:#fff;border-radius:24px 24px 0 0;overflow:hidden;display:flex;flex-direction:column}.sheet-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #f3f4f6}.cat-grid-list{list-style:none;margin:0;padding:8px;overflow-y:auto}.cat-grid-list li{margin-bottom:4px}.cat-pick{width:100%;display:flex;align-items:center;gap:10px;padding:12px;border:none;background:#fff;border-radius:12px;cursor:pointer;text-align:left;font:inherit}.cat-pick.sel{background:#f0fdfa}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#00000059;display:flex;align-items:flex-end;justify-content:center}.drawer-backdrop .drawer{position:relative;top:auto;right:auto;width:100%;max-width:480px;max-height:85vh;border-radius:20px 20px 0 0}.drawer-backdrop--modal{align-items:center;justify-content:center;padding:24px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.drawer-backdrop--modal .drawer.profile-drawer{border-radius:20px;width:min(420px,100%);max-width:min(420px,calc(100vw - 32px));max-height:min(85vh,680px);display:flex;flex-direction:column;overflow:hidden}.drawer-backdrop--modal .drawer.notif-drawer{border-radius:20px;width:min(420px,100%);max-width:min(420px,calc(100vw - 32px));max-height:min(85vh,560px);display:flex;flex-direction:column;overflow:hidden}.notif-drawer .notif-list,.profile-drawer-scroll{overflow-y:auto;flex:1;min-height:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.profile-drawer .stack{display:flex;flex-direction:column}.sep{border:none;border-top:1px solid #f3f4f6;margin:16px 0}.err-text{color:var(--err)!important}.stack .mt-8{margin-top:8px}.stack .mt-24{margin-top:24px}.flex-1{flex:1}.groups-inline{margin-top:8px}