@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary: #6C5CE7;--primary-light: #A29BFE;--primary-dark: #5A4BD1;--accent: #00CEC9;--accent-light: #55EFC4;--success: #00B894;--warning: #FDCB6E;--danger: #E17055;--info: #74B9FF;--income: #00B894;--expense: #E17055;--white: #FFFFFF;--bg: #F8F9FD;--surface: #FFFFFF;--surface-alt: #F0F2F8;--border: #E2E8F0;--border-light: #F1F3F8;--text-primary: #2D3436;--text-secondary: #636E72;--text-muted: #B2BEC3;--text-inverse: #FFFFFF;--xs: 4px;--sm: 8px;--md: 16px;--lg: 24px;--xl: 32px;--xxl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--fs-xs: 11px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 17px;--fs-xl: 20px;--fs-xxl: 24px;--fs-xxxl: 32px;--fs-display: 40px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#1a1a2e;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{max-width:430px;min-height:100%;margin:0 auto;background-color:var(--bg);position:relative;display:flex;flex-direction:column;box-shadow:0 0 60px #6c5ce726;overflow:hidden}.page{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:80px}.page-header{padding:var(--lg) var(--lg) var(--md);position:sticky;top:0;background-color:var(--bg);z-index:10}.page-header h1{font-size:var(--fs-xxl);font-weight:700;color:var(--text-primary)}.page-content{padding:0 var(--lg) var(--lg);flex:1}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;background:var(--white);border-top:1px solid var(--border-light);display:flex;justify-content:space-around;padding:8px 0 12px;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--text-muted);font-size:var(--fs-xs);font-weight:600;transition:color .2s;cursor:pointer;background:none;border:none;padding:4px 8px}.nav-item.active{color:var(--primary)}.nav-item .nav-icon{font-size:22px;line-height:1}.nav-item.active .nav-icon{font-size:26px}.nav-item.scan-btn .nav-icon{background:var(--primary);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin-top:-20px;box-shadow:0 4px 15px #6c5ce766;transition:transform .2s,box-shadow .2s}.nav-item.scan-btn:active .nav-icon{transform:scale(.95)}.card{background:var(--white);border-radius:var(--radius-lg);padding:var(--lg);margin-bottom:var(--md);box-shadow:0 2px 8px #0000000a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--md)}.card-title{font-size:var(--fs-lg);font-weight:600;color:var(--text-primary)}.summary-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--md);margin-bottom:var(--lg)}.summary-card{padding:var(--lg);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014}.summary-card.primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--text-inverse)}.summary-card.secondary{background:var(--white);color:var(--text-primary)}.summary-card .label{font-size:var(--fs-sm);opacity:.8}.summary-card .amount{font-size:var(--fs-xxl);font-weight:700;margin-top:var(--xs)}.summary-card .subtext{font-size:var(--fs-xs);opacity:.7;margin-top:var(--xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sm);padding:var(--md) var(--xl);border:none;border-radius:var(--radius-full);font-size:var(--fs-md);font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:var(--text-inverse)}.btn-primary:hover{background:var(--primary-dark)}.btn-danger{background:var(--danger);color:var(--text-inverse)}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}.btn-sm{padding:var(--sm) var(--md);font-size:var(--fs-sm)}.btn-block{width:100%}.period-toggle{display:flex;background:var(--surface-alt);border-radius:var(--radius-full);padding:2px}.period-toggle button{padding:var(--xs) var(--md);border:none;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:500;color:var(--text-secondary);background:transparent;cursor:pointer;font-family:inherit;transition:all .2s}.period-toggle button.active{background:var(--primary);color:var(--white)}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--xl);background:var(--surface-alt);border-radius:var(--radius-md);min-height:160px}.placeholder .placeholder-icon{font-size:48px;margin-bottom:var(--sm)}.placeholder .placeholder-text{font-size:var(--fs-sm);color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--xxl) var(--lg);flex:1}.empty-state .empty-icon{font-size:72px;margin-bottom:var(--lg)}.empty-state .empty-text{font-size:var(--fs-lg);color:var(--text-muted);margin-bottom:var(--xl)}.form-group{margin-bottom:var(--md)}.form-group label{display:block;font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--xs)}.form-input{width:100%;padding:var(--md) var(--lg);background:var(--surface-alt);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--fs-md);color:var(--text-primary);font-family:inherit;transition:border-color .2s;outline:none}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6c5ce71a}.form-input::placeholder{color:var(--text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sm)}.form-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--xl);box-shadow:0 4px 16px #00000014}.receipt-item{display:flex;justify-content:space-between;align-items:center;background:var(--white);padding:var(--lg);border-radius:var(--radius-lg);margin-bottom:var(--sm);box-shadow:0 1px 4px #0000000a;cursor:pointer;transition:transform .15s,box-shadow .15s}.receipt-item:active{transform:scale(.98)}.receipt-item .left{display:flex;align-items:center;gap:var(--md)}.receipt-item .store-icon{font-size:28px}.receipt-item .store-name{font-size:var(--fs-md);font-weight:600;color:var(--text-primary)}.receipt-item .receipt-date{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:2px}.receipt-item .receipt-amount{font-size:var(--fs-lg);font-weight:700;color:var(--expense)}.filter-btn{background:var(--surface-alt);padding:var(--sm) var(--md);border-radius:var(--radius-full);border:none;font-size:var(--fs-sm);color:var(--text-secondary);font-weight:500;cursor:pointer;font-family:inherit}.avatar-section{display:flex;flex-direction:column;align-items:center;padding:var(--lg) 0}.avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:var(--white);font-size:var(--fs-xxxl);font-weight:700;margin-bottom:var(--md);box-shadow:0 4px 16px #6c5ce74d}.user-name{font-size:var(--fs-xl);font-weight:600;color:var(--text-primary)}.user-email{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:var(--xs)}.settings-section{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 8px #0000000a}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:var(--lg);border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .15s}.setting-row:last-child{border-bottom:none}.setting-row:active{background:var(--surface-alt)}.setting-row .left{display:flex;align-items:center;gap:var(--md)}.setting-row .setting-icon{font-size:20px}.setting-row .setting-label{font-size:var(--fs-md);font-weight:500;color:var(--text-primary)}.lang-toggle{display:flex;align-items:center;gap:var(--sm);background:var(--surface-alt);padding:var(--xs) var(--md);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:600}.lang-toggle span{color:var(--text-muted)}.lang-toggle span.active{color:var(--primary)}.chevron{font-size:var(--fs-xxl);color:var(--text-muted)}.scan-area{width:100%;aspect-ratio:3/4;background:var(--white);border-radius:var(--radius-xl);border:2px dashed var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:var(--xl);box-shadow:0 4px 16px #0000000f}.scan-area .scan-icon{font-size:72px;margin-bottom:var(--md)}.scan-area .scan-text{font-size:var(--fs-lg);color:var(--text-secondary);font-weight:500}.scan-actions{display:flex;justify-content:center;gap:var(--xl)}.action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--sm);cursor:pointer;border:none;background:none}.action-btn .action-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 4px 12px #0000001f;transition:transform .2s}.action-btn:active .action-icon{transform:scale(.93)}.action-btn .action-label{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:500}.auth-page{min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:var(--xl)}.brand-section{text-align:center;margin-bottom:var(--xxl)}.brand-section .logo{font-size:64px;margin-bottom:var(--md)}.brand-section .brand-name{font-size:var(--fs-display);font-weight:700;color:var(--primary)}.brand-section .tagline{font-size:var(--fs-md);color:var(--text-secondary);margin-top:var(--xs)}.auth-link{text-align:center;margin-top:var(--xl);font-size:var(--fs-md);color:var(--text-secondary)}.auth-link a{color:var(--primary);font-weight:700;text-decoration:none}.spinner{display:inline-block;width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.report-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--xl);text-align:center;margin-bottom:var(--md);box-shadow:0 2px 8px #0000000a}.report-card .report-icon{font-size:40px;margin-bottom:var(--sm)}.report-card .report-title{font-size:var(--fs-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--xs)}.report-card .report-sub{font-size:var(--fs-sm);color:var(--text-muted)}.screen-header{display:flex;align-items:center;justify-content:space-between;padding:var(--md) var(--lg)}.back-btn{color:var(--primary);font-weight:500;font-size:var(--fs-md);background:none;border:none;cursor:pointer;font-family:inherit}.change-badge{display:inline-block;margin-top:var(--xs);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600}.change-badge.up{background:#e1705533;color:#ff6b6b}.change-badge.down{background:#00b89433;color:#00b894}.chart-bars{display:flex;align-items:flex-end;gap:var(--sm);height:180px;padding-top:var(--md)}.chart-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-bar-value{font-size:9px;font-weight:600;color:var(--text-secondary);margin-bottom:4px;white-space:nowrap;min-height:14px}.chart-bar-track{flex:1;width:100%;max-width:32px;background:var(--surface-alt);border-radius:var(--radius-sm);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.chart-bar-fill{background:linear-gradient(180deg,var(--primary),var(--primary-dark));border-radius:var(--radius-sm);min-height:2px;transition:height .6s ease}.chart-bar-label{font-size:var(--fs-xs);color:var(--text-muted);margin-top:4px;font-weight:500}.category-list{display:flex;flex-direction:column;gap:var(--md)}.category-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sm)}.category-info{display:flex;align-items:center;gap:var(--sm);flex:1;min-width:0}.category-icon{font-size:20px;flex-shrink:0}.category-name{font-size:var(--fs-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-data{display:flex;align-items:center;gap:var(--sm);flex-shrink:0}.category-amount{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary)}.category-pct{font-size:var(--fs-xs);color:var(--text-muted);min-width:30px;text-align:right}.progress-track{width:100%;height:6px;background:var(--surface-alt);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:var(--radius-full);transition:width .6s ease}.progress-fill.accent{background:linear-gradient(90deg,var(--accent),var(--accent-light))}.ranked-list{display:flex;flex-direction:column;gap:var(--md)}.ranked-item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sm)}.ranked-rank{font-size:var(--fs-sm);font-weight:700;color:var(--primary);width:28px;flex-shrink:0}.ranked-info{flex:1;min-width:0}.ranked-name{font-size:var(--fs-md);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranked-meta{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.ranked-value{font-size:var(--fs-md);font-weight:700;color:var(--expense);flex-shrink:0}.norm-badge{display:inline-block;background:#00cec926;color:var(--accent);padding:4px 12px;border-radius:12px;font-size:var(--fs-sm);font-weight:600}.norm-input-row{display:flex;gap:var(--sm);align-items:center}.norm-result{background:var(--surface-alt);border-radius:var(--radius-md);padding:var(--md)}.norm-result-row{display:flex;justify-content:space-between;padding:var(--xs) 0;font-size:var(--fs-md)}.neut-item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sm);padding:var(--md) 0;border-bottom:1px solid var(--border-light)}.neut-item:last-child{border-bottom:none}.neut-info{flex:1;min-width:0}.neut-store{font-size:var(--fs-md);font-weight:600;color:var(--text-primary)}.neut-meta{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.neut-amount{font-size:var(--fs-md);font-weight:700;color:var(--danger);flex-shrink:0}.neut-amount.linked{color:var(--success);text-decoration:line-through}.neut-actions{display:flex;gap:var(--xs);width:100%}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--lg)}.modal-content{background:var(--white);border-radius:var(--radius-xl);padding:var(--xl);max-width:400px;width:100%;box-shadow:0 16px 48px #0003}.invite-code{font-size:2.5rem;font-weight:800;letter-spacing:.4em;color:var(--primary);text-align:center;padding:var(--md) 0}.member-row{display:flex;align-items:center;gap:var(--md);padding:var(--sm) 0;border-bottom:1px solid var(--border-light)}.member-row:last-child{border-bottom:none}.member-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-md);flex-shrink:0}.member-info{display:flex;align-items:center;gap:var(--sm)}.member-name{font-weight:500;font-size:var(--fs-md)}.member-badge{display:inline-block;background:var(--accent);color:#fff;padding:2px 8px;border-radius:8px;font-size:var(--fs-xs);font-weight:600}