*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}html,body{width:100%;margin:0;padding:0;overflow-x:hidden}body{min-height:100vh;display:flex}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,p{margin:0}.auth-page{flex-direction:column;flex:1;min-height:100vh;display:flex}.auth-left{background:linear-gradient(145deg,#1e0a4a 0%,#5b21b6 45%,#7c3aed 75%,#a855f7 100%);flex-direction:column;gap:.75rem;padding:1.5rem 1.25rem 1.25rem;display:flex;position:relative;overflow:hidden}.auth-brand{color:#fff;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.auth-brand-icon{object-fit:contain;border-radius:10px;width:32px;height:32px}.auth-headline h1{color:#fff;letter-spacing:-.5px;margin:0 0 .4rem;font-size:2rem;font-weight:800;line-height:1.05}.auth-headline p{color:#ffffffbf;margin:0;font-size:.875rem;line-height:1.5}.auth-decoration{pointer-events:none;position:absolute;inset:0}.deco-circle{border:3px solid #ffffff26;border-radius:50%;position:absolute}.deco-1{width:120px;height:120px;top:-30px;left:-30px}.deco-2,.deco-3{display:none}.auth-right{background:linear-gradient(160deg,#2e1065 0%,#1e0a4a 100%);flex:1;justify-content:center;align-items:flex-start;padding:2rem 1.25rem;display:flex}.auth-card{width:100%}.auth-card h2{color:#fff;margin:0 0 .3rem;font-size:1.4rem;font-weight:700}.auth-card-subtitle{color:#ffffff80;margin:0 0 1.75rem;font-size:.875rem}.auth-form{flex-direction:column;gap:1.125rem;display:flex}.auth-field{flex-direction:column;gap:.4rem;display:flex}.auth-field label{color:#ffffffb3;font-size:.85rem;font-weight:500}.auth-field input{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50px;outline:none;width:100%;padding:.85rem 1.4rem;font-size:1rem;transition:border-color .2s,background .2s}.auth-field input::placeholder{color:#ffffff4d}.auth-field input:focus{background:#ffffff1f;border-color:#a78bfa99}.auth-error{color:#f87171;text-align:center;background:#f871711a;border-radius:8px;margin:0;padding:.6rem 1rem;font-size:.85rem}.auth-submit{color:#fff;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:linear-gradient(90deg,#7c3aed,#a855f7);border:none;border-radius:50px;width:100%;margin-top:.25rem;padding:.95rem;font-size:.95rem;font-weight:700;transition:opacity .2s,transform .1s}.auth-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;color:#ffffff80;margin-top:1.5rem;font-size:.875rem}.auth-switch button{color:#c4b5fd;cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;font-weight:600;text-decoration:underline}.auth-switch button:hover{color:#a78bfa}@media (width>=600px){.auth-left{gap:1rem;padding:2rem 2rem 1.5rem}.auth-headline h1{font-size:2.8rem}.auth-right{align-items:center;padding:2.5rem 2rem}.auth-card{max-width:420px}.deco-2{width:90px;height:90px;display:block;bottom:20px;left:40px}}@media (width>=900px){.auth-page{flex-direction:row}.auth-left{flex:1;justify-content:space-between;padding:2.5rem 3rem}.auth-brand{font-size:1.25rem}.auth-brand-icon{width:38px;height:38px}.auth-headline{flex-direction:column;flex:1;justify-content:center;padding:2rem 0;display:flex}.auth-headline h1{margin-bottom:1rem;font-size:clamp(3rem,6vw,5rem)}.auth-headline p{max-width:360px;font-size:1.1rem}.auth-right{flex:none;align-items:center;width:480px;padding:2rem}.auth-card{max-width:380px}.deco-1{width:160px;height:160px;top:-40px;left:-40px}.deco-2{width:100px;height:100px;display:block;bottom:80px;left:60px}.deco-3{border-color:#ffffff1a;width:70px;height:70px;display:block;bottom:200px;right:30px}}.charts-section{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem;display:grid}@media (width>=900px){.charts-section{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:2rem}}.chart-card{background:var(--white);border:1px solid var(--border);border-radius:1rem;padding:1.25rem}@media (width>=769px){.chart-card{border-radius:1.25rem;padding:1.5rem}}.chart-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:1.25rem;font-size:.9rem;font-weight:600}.pie-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.pie-type-toggle{background:var(--bg);border-radius:.6rem;flex-shrink:0;gap:.2rem;padding:.2rem;display:flex}.pie-type-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.4rem;padding:.3rem .7rem;font-size:.75rem;font-weight:600;transition:background .15s,color .15s}.pie-type-btn.active{background:var(--white);color:var(--text-main);box-shadow:0 1px 3px #00000014}.chart-empty{height:180px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.875rem;display:flex}.chart-card--full{grid-column:1/-1}.cumulative-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.cumulative-total{font-size:1.15rem;font-weight:700}.skeleton-chart{height:280px}.skeleton-chart--short{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;height:140px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chart-tooltip{background:var(--white);border:1px solid var(--border);border-radius:.6rem;padding:.6rem .875rem;font-size:.82rem;box-shadow:0 4px 12px #00000014}.chart-tooltip-label{color:var(--text-main);margin-bottom:.2rem;font-weight:600}.pie-wrapper{flex-direction:column;gap:1rem;display:flex}@media (width>=500px){.pie-wrapper{flex-direction:row;align-items:center}.pie-wrapper>div{flex-shrink:0}}.pie-legend{flex-direction:column;flex:1;gap:.5rem;min-width:0;margin:0;padding:0;list-style:none;display:flex}.pie-legend-item{align-items:center;gap:.5rem;font-size:.8rem;display:flex}.pie-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pie-legend-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.pie-legend-value{color:var(--text-main);flex-shrink:0;font-weight:600}.period-selector{gap:.5rem;margin-bottom:1.25rem;display:flex}.period-selector select{border:1px solid var(--border);background:var(--white);color:var(--text-main);cursor:pointer;border-radius:.75rem;outline:none;padding:.6rem .75rem;font-size:.875rem;transition:border-color .15s}.period-selector select:focus{border-color:var(--primary)}@media (width>=769px){.period-selector{margin-bottom:1.5rem}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.25rem;left:1rem;right:1rem}@media (width>=480px){.toast-container{width:340px;left:auto}}.toast{pointer-events:all;border-radius:.875rem;align-items:center;gap:.65rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500;animation:.25s toastIn;display:flex;box-shadow:0 4px 16px #0000001f}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toast-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.toast-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.toast-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.toast-icon{flex-shrink:0;display:flex}.toast-message{flex:1}.toast-close{cursor:pointer;opacity:.5;color:inherit;background:0 0;border:none;padding:.1rem;transition:opacity .15s;display:flex}.toast-close:hover{opacity:1}.confirm-overlay{z-index:9000;background:#00000073;justify-content:center;align-items:flex-end;padding:1rem;display:flex;position:fixed;inset:0}@media (width>=480px){.confirm-overlay{align-items:center}}.confirm-dialog{background:var(--white);border-radius:1.25rem;width:100%;max-width:360px;padding:1.5rem;animation:.2s toastIn}.confirm-dialog p{color:var(--text-main);margin-bottom:1.25rem;font-size:.95rem;line-height:1.5}.confirm-actions{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.confirm-btn{cursor:pointer;border:none;border-radius:.75rem;padding:.75rem;font-size:.9rem;font-weight:600;transition:opacity .15s}.confirm-btn.cancel{background:var(--bg);color:var(--text-secondary)}.confirm-btn.danger{background:var(--outcome);color:#fff}.confirm-btn:hover{opacity:.85}.scope-dialog{max-width:400px}.scope-actions{flex-direction:column;gap:.5rem;display:flex}.scope-btn{border:1.5px solid var(--border);cursor:pointer;background:var(--bg);color:var(--text-main);text-align:left;border-radius:.75rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .15s}.scope-btn:hover{border-color:var(--primary);color:var(--primary);background:#f5f3ff}.scope-btn.danger{color:var(--outcome);background:#fef2f2;border-color:#fecaca}.scope-btn.danger:hover{background:var(--outcome);color:#fff;border-color:var(--outcome)}.scope-btn.cancel{color:var(--text-secondary);text-align:center;background:0 0;border-color:#0000;font-weight:500}.scope-btn.cancel:hover{background:var(--bg);color:var(--text-main);border-color:var(--border)}.export-report{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.export-report__label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.export-report__buttons{gap:.4rem;display:flex}.export-report__btn{border:1px solid var(--border);background:var(--white);color:var(--text-secondary);cursor:pointer;border-radius:.6rem;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.8rem;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.export-report__btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.export-report__btn:disabled{opacity:.6;cursor:not-allowed}.view-scope-toggle{border:1px solid var(--border);background:var(--white);border-radius:.75rem;gap:.25rem;padding:.25rem;display:inline-flex}.view-scope-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.55rem;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.8rem;font-weight:500;transition:background .15s,color .15s;display:flex}.view-scope-btn.active{background:var(--primary);color:#fff}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:6px;animation:1.4s infinite shimmer}.skeleton-text{width:100%;height:14px}.skeleton-text.short{width:40%}.skeleton-text.medium{width:60%}.skeleton-icon{border-radius:50%;width:20px;height:20px}.skeleton-value{border-radius:8px;width:55%;height:28px;margin-top:.75rem}.skeleton-circle{border-radius:50%;flex-shrink:0;width:40px;height:40px}.skeleton-card{background:var(--white);border:1px solid var(--border);border-radius:1rem;padding:1.25rem}@media (width>=769px){.skeleton-card{border-radius:1.25rem;padding:1.5rem}}.skeleton-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.skeleton-list-wrapper{background:var(--white);border:1px solid var(--border);border-radius:1rem;margin-bottom:1.5rem;overflow:hidden}.skeleton-group-header{background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;padding:.55rem 1rem;display:flex}.skeleton-group-header .skeleton{height:12px}.skeleton-list-item{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.skeleton-list-item:last-child{border-bottom:none}.skeleton-list-info{flex-direction:column;flex:1;gap:.4rem;display:flex}.skeleton-list-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.4rem;width:80px;display:flex}.category-manager{flex-direction:column;gap:.85rem;display:flex}.cm-tabs{background:var(--bg);border-radius:.75rem;gap:.25rem;padding:.25rem;display:flex}.cm-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.55rem;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .75rem;font-size:.875rem;font-weight:600;transition:background .15s,color .15s;display:flex}.cm-tab.active{background:var(--white);color:var(--text-main);box-shadow:0 1px 3px #00000014}.cm-tab__count{background:var(--bg);color:var(--text-secondary);border-radius:50px;padding:.05rem .4rem;font-size:.72rem;font-weight:700}.cm-tab.active .cm-tab__count{background:var(--primary);color:#fff}.cm-upgrade{background:#fef3c7;border:1px solid #fcd34d;border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;display:flex}.cm-upgrade__text{color:#92400e;align-items:center;gap:.5rem;font-size:.82rem;line-height:1.45;display:flex}.cm-upgrade__text svg{flex-shrink:0}.cm-upgrade__btn{color:#92400e;cursor:pointer;background:0 0;border:1px solid #92400e;border-radius:.5rem;flex-shrink:0;padding:.35rem .85rem;font-size:.8rem;font-weight:600}.cm-upgrade__btn:hover{background:#92400e1a}.cm-search{align-items:center;display:flex;position:relative}.cm-search__icon{color:var(--text-secondary);pointer-events:none;position:absolute;left:.7rem}.cm-search input{border:1px solid var(--border);background:var(--white);width:100%;color:var(--text-main);border-radius:.65rem;padding:.6rem 2.1rem;font-size:.875rem}.cm-search input:focus{border-color:var(--primary);outline:none}.cm-search__clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.15rem;display:flex;position:absolute;right:.55rem}.cm-rows{grid-template-rows:repeat(6,1fr);gap:.4rem;height:312px;margin:0;padding:0;list-style:none;display:grid}.cm-row{border:1px solid var(--border);border-radius:.7rem;align-items:center;gap:.7rem;padding:.45rem .7rem;display:flex}.cm-row__icon{border-radius:.55rem;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.95rem;display:flex}.cm-row__name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;font-weight:600;overflow:hidden}.cm-row__tag{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);background:var(--bg);border-radius:50px;flex-shrink:0;padding:.15rem .45rem;font-size:.66rem;font-weight:600}.cm-row__delete{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cm-row__delete:hover:not(:disabled){color:#ef4444;background:#fee2e2}.cm-row__delete:disabled{opacity:.35;cursor:not-allowed}.cm-rows__empty{text-align:center;color:var(--text-secondary);border:1px dashed var(--border);border-radius:.7rem;grid-row:1/-1;justify-content:center;align-items:center;padding:1rem;font-size:.85rem;line-height:1.5;display:flex}.cm-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;display:flex}.cm-pagination button{border:1px solid var(--border);background:var(--white);min-width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:0 .4rem;font-size:.8rem;font-weight:600;display:flex}.cm-pagination button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.cm-pagination button:disabled{opacity:.4;cursor:not-allowed}.cm-page.active{background:var(--primary);border-color:var(--primary);color:#fff}.cm-page.active:hover{color:#fff}.cm-count{text-align:center;color:var(--text-secondary);margin:0;font-size:.75rem}.cm-add{border:1.5px dashed var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:.7rem;justify-content:center;align-items:center;gap:.4rem;padding:.7rem;font-size:.875rem;font-weight:600;display:flex}.cm-add:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.cm-add:disabled{opacity:.5;cursor:not-allowed}.cm-form{border:1px solid var(--border);background:var(--bg);border-radius:.85rem;flex-direction:column;gap:.85rem;padding:1rem;display:flex}.cm-form__header{color:var(--text-main);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.cm-form__header button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;display:flex}.cm-form__name{border:1px solid var(--border);background:var(--white);width:100%;color:var(--text-main);border-radius:.6rem;padding:.65rem .85rem;font-size:.9rem}.cm-form__name:focus{border-color:var(--primary);outline:none}.cm-form__field{flex-direction:column;gap:.45rem;display:flex}.cm-form__field>label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.cm-icon-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:.3rem;max-height:116px;display:grid;overflow-y:auto}.cm-icon-option{aspect-ratio:1;border:1px solid var(--border);background:var(--white);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;font-size:1rem;display:flex}.cm-icon-option.active{border-color:var(--primary);border-width:2px}.cm-color-grid{flex-wrap:wrap;gap:.4rem;display:flex}.cm-color-option{cursor:pointer;border:2px solid #0000;border-radius:50%;width:30px;height:30px}.cm-color-option.active{box-shadow:0 0 0 2px var(--white), 0 0 0 4px currentColor}.cm-form__preview{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.78rem;display:flex}.cm-chip-preview{border:1px solid;border-radius:50px;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.8rem;font-weight:600;display:inline-flex}.cm-form__submit{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.7rem;padding:.7rem;font-size:.9rem;font-weight:700}.cm-form__submit:disabled{opacity:.6;cursor:not-allowed}.cm-note{color:var(--text-secondary);margin:0;font-size:.75rem;line-height:1.5}.category-modal-overlay{z-index:500;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=600px){.category-modal-overlay{align-items:center}}.category-modal{background:var(--white);border-radius:1.25rem 1.25rem 0 0;flex-direction:column;width:100%;max-width:520px;max-height:92vh;display:flex;overflow:hidden}@media (width>=600px){.category-modal{border-radius:1.25rem;max-height:85vh}}.category-modal__scroll{flex-direction:column;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}@media (width>=600px){.category-modal__scroll{padding:1.5rem}}.category-modal__back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-self:flex-start;align-items:center;gap:.35rem;margin-bottom:-.35rem;padding:.3rem .6rem .3rem .4rem;font-size:.82rem;font-weight:600;display:inline-flex}.category-modal__back:hover{background:var(--bg);color:var(--primary)}.category-modal__header h2{color:var(--text-main);margin:0 0 .25rem;font-size:1.05rem;font-weight:700}.category-modal__header p{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.5}.fab-button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:1.25rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:opacity .15s,transform .1s;display:flex}.fab-button:hover{opacity:.9;transform:translateY(-1px)}@media (width>=769px){.fab-button{justify-content:flex-start;width:auto}}.modal-overlay{z-index:500;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=600px){.modal-overlay{align-items:center}}.modal-overlay--hidden{display:none}.modal-sheet{background:var(--white);border-radius:1.25rem 1.25rem 0 0;flex-direction:column;width:100%;max-width:520px;max-height:92vh;animation:.25s slideUp;display:flex;overflow:hidden}@media (width>=600px){.modal-sheet{border-radius:1.25rem;max-height:85vh}}.modal-sheet__scroll{padding:1.5rem 1.25rem 2rem;overflow-y:auto}@media (width>=600px){.modal-sheet__scroll{padding:1.75rem}}.modal-sheet__scroll,.category-modal__scroll{scrollbar-width:thin;scrollbar-color:#0000002e transparent}.modal-sheet__scroll::-webkit-scrollbar{width:6px}.category-modal__scroll::-webkit-scrollbar{width:6px}.modal-sheet__scroll::-webkit-scrollbar-track{background:0 0}.category-modal__scroll::-webkit-scrollbar-track{background:0 0}.modal-sheet__scroll::-webkit-scrollbar-thumb{background-color:#0000002e;border-radius:50px}.category-modal__scroll::-webkit-scrollbar-thumb{background-color:#0000002e;border-radius:50px}.modal-sheet__scroll::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.category-modal__scroll::-webkit-scrollbar-thumb:hover{background-color:#0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h2{color:var(--text-main);font-size:1.15rem;font-weight:700}.modal-close{background:var(--bg);color:var(--text-secondary);cursor:pointer;border:none;border-radius:.5rem;padding:.4rem;transition:background .15s;display:flex}.modal-close:hover{background:var(--border)}.tx-form{flex-direction:column;gap:1.25rem;display:flex}.type-toggle{background:var(--bg);border-radius:.75rem;grid-template-columns:1fr 1fr;gap:.5rem;padding:.25rem;display:grid}.type-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:.6rem;padding:.65rem;font-size:.9rem;font-weight:600;transition:all .15s}.type-btn.active.income{color:#065f46;background:#d1fae5}.type-btn.active.outcome{color:#991b1b;background:#fee2e2}.tx-field{flex-direction:column;gap:.4rem;display:flex}.tx-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:600}.tx-field input{border:1px solid var(--border);background:var(--bg);color:var(--text-main);border-radius:.75rem;outline:none;width:100%;padding:.75rem 1rem;font-size:1rem;transition:border-color .15s}.tx-field input:focus{border-color:var(--primary);background:#fff}.money-input-wrapper{border:1px solid var(--border);background:var(--bg);border-radius:.75rem;align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.money-input-wrapper:focus-within{border-color:var(--primary);background:#fff}.money-prefix{color:var(--text-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:0 0 0 1rem;font-size:1rem}.money-input{caret-color:#0000;flex:1;color:var(--text-main)!important;background:0 0!important;border:none!important;border-radius:0!important;padding-left:.35rem!important;font-size:1.1rem!important;font-weight:600!important}.category-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.category-page-info{color:var(--text-secondary);background:var(--bg);border-radius:50px;padding:.1rem .5rem;font-size:.72rem;font-weight:600}.category-search{align-items:center;display:flex;position:relative}.category-search__icon{color:var(--text-secondary);pointer-events:none;position:absolute;left:.6rem}.category-search input{border:1px solid var(--border);background:var(--white);width:100%;color:var(--text-main);border-radius:.6rem;padding:.5rem 1.9rem;font-size:.82rem}.category-search input:focus{border-color:var(--primary);outline:none}.category-search__clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.15rem;display:flex;position:absolute;right:.5rem}.category-empty{border:1px dashed var(--border);color:var(--text-secondary);text-align:center;border-radius:.6rem;margin:0;padding:.85rem;font-size:.82rem;line-height:1.5}.category-pager{align-items:stretch;gap:.35rem;display:flex}.category-nav{border:1px solid var(--border);background:var(--white);width:28px;color:var(--text-secondary);cursor:pointer;border-radius:.6rem;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:flex}.category-nav:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.category-nav:disabled{opacity:.3;cursor:not-allowed}.category-grid{flex:1;grid-template-rows:repeat(3,62px);grid-template-columns:repeat(3,1fr);gap:.5rem;min-width:0;display:grid}@media (width>=400px){.category-grid{grid-template-rows:repeat(2,62px);grid-template-columns:repeat(4,1fr)}}.category-chip--add{border-style:dashed;border-color:var(--primary);color:var(--primary);background:0 0;justify-content:center}.category-chip--add:hover{border-color:var(--primary);background:#f5f3ff}.category-chip{border:1.5px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.5rem .25rem;font-size:.72rem;font-weight:500;transition:all .15s;display:flex;overflow:hidden}.category-chip span:first-child{font-size:1.15rem;line-height:1.2}.category-chip span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.category-chip:hover{background:#f5f3ff;border-color:#d8b4fe}.tx-submit{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.75rem;width:100%;margin-top:.25rem;padding:.9rem;font-size:.95rem;font-weight:700;transition:opacity .15s}.tx-submit:hover:not(:disabled){opacity:.9}.tx-submit:disabled{opacity:.6;cursor:not-allowed}.recurring-toggle-row{display:flex}.recurring-toggle{border:1.5px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;border-radius:50px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.83rem;font-weight:600;transition:all .15s;display:flex}.recurring-toggle.active{border-color:var(--primary);color:var(--primary);background:#f5f3ff}.recurring-toggle:hover:not(.active){border-color:#d8b4fe}.recurring-panel{background:#faf9ff;border:1.5px solid #e9d5ff;border-radius:.85rem;flex-direction:column;gap:.85rem;padding:1rem;display:flex}.interval-grid{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.interval-btn{border:1.5px solid var(--border);background:var(--white);color:var(--text-secondary);cursor:pointer;text-align:center;border-radius:.6rem;padding:.5rem .25rem;font-size:.78rem;font-weight:600;transition:all .15s}.interval-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.interval-btn:hover:not(.active){border-color:var(--primary);color:var(--primary)}.recurring-end-row{flex-direction:column;gap:.5rem;display:flex}.recurring-end-check{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.83rem;font-weight:500;display:flex}.recurring-end-check input[type=checkbox]{accent-color:var(--primary);cursor:pointer;width:15px;height:15px}.recurring-end-input{border:1px solid var(--border);background:var(--white);color:var(--text-main);border-radius:.65rem;outline:none;width:100%;padding:.6rem .85rem;font-size:.9rem;transition:border-color .15s}.recurring-end-input:focus{border-color:var(--primary)}.recurring-hint{color:var(--primary);opacity:.8;margin:0;font-size:.77rem;font-style:italic}.transaction-group-total{font-size:.78rem;font-weight:600}@media (width>=769px){.transaction-item:hover{background:#fafafa}}.future-group .transaction-group-header{background:#faf9ff}.transaction-group-date-row{align-items:center;gap:.5rem;display:flex}.badge-scheduled{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:#ede9fe;border-radius:50px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.future-item{opacity:.7}.future-item .transaction-amount{font-style:italic}.transaction-category-wrap{flex-shrink:0;position:relative}.transaction-owner{border:2px solid var(--white);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;font-weight:700;display:flex;position:absolute;bottom:-3px;right:-3px}.recurring-badge{color:var(--primary);opacity:.7;vertical-align:middle;align-items:center;margin-left:.35rem;display:inline-flex}.cat-select{width:100%;position:relative}@media (width>=769px){.cat-select{flex-shrink:0;width:auto}}.cat-select__trigger{border:1px solid var(--border);background:var(--white);width:100%;color:var(--text-secondary);cursor:pointer;border-radius:.75rem;align-items:center;gap:.4rem;padding:.6rem .75rem;font-size:.875rem;font-weight:500;transition:border-color .15s,color .15s;display:flex}@media (width>=769px){.cat-select__trigger{width:auto;max-width:220px}}.cat-select__trigger:hover,.cat-select__trigger.open{color:var(--primary);border-color:#d8b4fe}.cat-select__trigger-icon{flex-shrink:0;font-size:1rem;line-height:1}.cat-select__trigger-label{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;line-height:1.2;overflow:hidden}.cat-select__chevron{flex-shrink:0;line-height:1;transition:transform .15s}.cat-select__trigger.open .cat-select__chevron{transform:rotate(180deg)}.cat-select__panel{background:var(--white);border:1px solid var(--border);z-index:50;border-radius:.85rem;flex-direction:column;gap:.5rem;width:280px;max-width:min(280px,90vw);padding:.6rem;animation:.12s catSelectPop;display:flex;position:absolute;top:calc(100% + .4rem);left:0;box-shadow:0 12px 32px #00000024}@keyframes catSelectPop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cat-select__search{flex-shrink:0;align-items:center;display:flex;position:relative}.cat-select__search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;left:.6rem}.cat-select__search input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-main);border-radius:.6rem;padding:.5rem 1.9rem;font-size:.82rem}.cat-select__search input:focus{border-color:var(--primary);outline:none}.cat-select__search-clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.15rem;display:flex;position:absolute;right:.5rem}.cat-select__list{scrollbar-width:thin;scrollbar-color:#0000002e transparent;flex-direction:column;gap:.2rem;max-height:264px;display:flex;overflow-y:auto}.cat-select__list::-webkit-scrollbar{width:6px}.cat-select__list::-webkit-scrollbar-track{background:0 0}.cat-select__list::-webkit-scrollbar-thumb{background-color:#0000002e;border-radius:50px}.cat-select__list::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.cat-select__loading{text-align:center;color:var(--text-secondary);margin:0;padding:.5rem;font-size:.72rem}.cat-select__empty{text-align:center;color:var(--text-secondary);margin:0;padding:1.25rem .5rem;font-size:.8rem;line-height:1.5}.cat-select__option{width:100%;color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.6rem;flex-shrink:0;align-items:center;gap:.55rem;padding:.5rem .6rem;font-size:.84rem;font-weight:500;display:flex}.cat-select__option:hover{background:var(--bg)}.cat-select__option.active{font-weight:700}.cat-select__option--all{border-bottom:1px solid var(--border);border-radius:.6rem .6rem 0 0;margin-bottom:.1rem;padding-bottom:.6rem}.cat-select__option-icon{flex-shrink:0;font-size:1.05rem}.cat-select__option-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filters-wrapper{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}@media (width>=769px){.filters-wrapper{margin-bottom:1.5rem}}.filters-row{flex-direction:column;gap:.75rem;display:flex}@media (width>=769px){.filters-row{flex-flow:wrap;align-items:center}}.filters-period{gap:.5rem;display:flex}.filters-period select{border:1px solid var(--border);background:var(--white);color:var(--text-main);cursor:pointer;border-radius:.75rem;outline:none;flex:1;padding:.6rem .75rem;font-size:.875rem;transition:border-color .15s}.filters-period select:focus{border-color:var(--primary)}@media (width>=769px){.filters-period{flex:none}.filters-period select{flex:none;width:auto}}.filters-type{background:var(--white);border:1px solid var(--border);border-radius:.75rem;flex-shrink:0;display:flex;overflow:hidden}.type-filter-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:1;padding:.6rem .75rem;font-size:.825rem;font-weight:500;transition:background .15s,color .15s}.type-filter-btn+.type-filter-btn{border-left:1px solid var(--border)}.type-filter-btn.active{color:var(--primary);background:#f5f3ff;font-weight:600}.filters-search{flex:1;align-items:center;min-width:0;display:flex;position:relative}.filters-search .search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;left:.75rem}.filters-search input{border:1px solid var(--border);background:var(--white);width:100%;color:var(--text-main);border-radius:.75rem;outline:none;padding:.6rem 2.25rem;font-size:.875rem;transition:border-color .15s}.filters-search input:focus{border-color:var(--primary)}.filters-search input::placeholder{color:var(--text-secondary)}.search-clear{background:var(--border);cursor:pointer;width:18px;height:18px;color:var(--text-secondary);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:.6rem}.import-modal{max-width:460px}.import-body{flex-direction:column;gap:.9rem;display:flex}.import-dropzone{border:1.5px dashed var(--border);background:var(--bg);width:100%;color:var(--text-secondary);cursor:pointer;text-align:center;border-radius:.85rem;flex-direction:column;align-items:center;gap:.35rem;padding:1.75rem 1rem;transition:border-color .15s,color .15s;display:flex}.import-dropzone:hover{border-color:var(--primary);color:var(--primary)}.import-dropzone.has-file{border-style:solid;border-color:var(--primary);color:var(--text-main)}.import-dropzone strong{word-break:break-all;font-size:.92rem;font-weight:700}.import-dropzone span{color:var(--text-secondary);font-size:.78rem}.import-mapping{border:1px solid var(--border);background:var(--bg);border-radius:.75rem;flex-direction:column;gap:.6rem;padding:.9rem;display:flex}.import-mapping__intro{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.5}.import-mapping label{color:var(--text-main);flex-direction:column;gap:.25rem;font-size:.78rem;font-weight:600;display:flex}.import-mapping label em{color:var(--text-secondary);font-style:normal;font-weight:400}.import-mapping select{border:1px solid var(--border);background:var(--white);color:var(--text-main);border-radius:.5rem;padding:.5rem .6rem;font-size:.85rem}.import-mapping__modes{gap:.35rem;display:flex}.import-mapping__modes button{border:1px solid var(--border);background:var(--white);color:var(--text-secondary);cursor:pointer;border-radius:.5rem;flex:1;padding:.45rem .5rem;font-size:.78rem;font-weight:600}.import-mapping__modes button.active{border-color:var(--primary);color:var(--primary)}.import-error{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:.65rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.82rem;line-height:1.45;display:flex}.import-error__btn{color:#92400e;cursor:pointer;background:0 0;border:1px solid #92400e;border-radius:.5rem;flex-shrink:0;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.78rem;font-weight:600;display:inline-flex}.import-hint{color:var(--text-secondary);margin:0;font-size:.76rem;line-height:1.5}.import-submit{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.8rem;font-size:.9rem;font-weight:700;display:flex}.import-submit:disabled{opacity:.55;cursor:not-allowed}.import-result{text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding-top:.5rem;display:flex}.import-result__icon{color:#10b981}.import-result strong{color:var(--text-main);font-size:1rem}.import-result ul{color:var(--text-secondary);flex-direction:column;gap:.25rem;margin:0;padding:0;font-size:.82rem;line-height:1.5;list-style:none;display:flex}.import-result .import-submit{margin-top:.5rem}.transactions-toolbar{justify-content:flex-end;margin-bottom:.75rem;display:flex}.import-trigger{border:1px solid var(--border);background:var(--white);color:var(--text-secondary);cursor:pointer;border-radius:.7rem;align-items:center;gap:.4rem;padding:.55rem .95rem;font-size:.85rem;font-weight:600;display:inline-flex}.import-trigger:hover{border-color:var(--primary);color:var(--primary)}.plans-page{flex-direction:column;align-items:center;gap:2rem;padding-bottom:2rem;display:flex}.plans-header{text-align:center;flex-direction:column;align-items:center;gap:.75rem;max-width:520px;display:flex}.plans-title{color:var(--text-main);font-size:1.6rem;font-weight:800;line-height:1.2}.plans-subtitle{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.billing-toggle{background:var(--white);border:1px solid var(--border);border-radius:.75rem;gap:.25rem;margin-top:.25rem;padding:.25rem;display:flex}.billing-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:.55rem;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.billing-btn.active{background:var(--primary);color:#fff}.billing-badge{color:#065f46;background:#d1fae5;border-radius:50px;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.billing-btn.active .billing-badge{color:#fff;background:#ffffff40}.plans-grid{grid-template-columns:1fr;gap:1.25rem;width:100%;max-width:1000px;display:grid}@media (width>=768px){.plans-grid{grid-template-columns:repeat(3,1fr);align-items:start}}.plan-card{background:var(--white);border:1.5px solid var(--border);border-radius:1.25rem;flex-direction:column;gap:.85rem;padding:1.75rem 1.5rem;transition:box-shadow .2s;display:flex;position:relative}.plan-card:hover{box-shadow:0 8px 24px #00000012}.plan-card--pro{border-color:var(--primary);box-shadow:0 4px 20px #7c3aed1f}.plan-card--pro:hover{box-shadow:0 8px 32px #7c3aed2e}.plan-card--family{border-color:#f59e0b}.plan-card--active{border-width:2px;border-color:#10b981;box-shadow:0 4px 20px #10b98126}.plan-card--active:hover{box-shadow:0 8px 32px #10b98138}.plan-current-badge{color:#fff;white-space:nowrap;background:#10b981;border-radius:50px;padding:.25rem .85rem;font-size:.72rem;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.plan-current-badge--family{background:#f59e0b}.plan-active-info{flex-direction:column;gap:.4rem;display:flex}.plan-expires{color:var(--text-secondary);text-align:center;font-size:.75rem}.plan-cta--manage{color:#fff;background:#10b981;border:none}.plan-cta--manage-family{background:#f59e0b}.plan-popular-badge{background:var(--primary);color:#fff;white-space:nowrap;letter-spacing:.02em;border-radius:50px;align-items:center;gap:.3rem;padding:.25rem .85rem;font-size:.72rem;font-weight:700;display:flex;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.plan-icon{border-radius:.875rem;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.plan-icon--free{color:#6b7280;background:#f3f4f6}.plan-icon--pro{color:var(--primary);background:#f5f3ff}.plan-icon--family{color:#d97706;background:#fef3c7}.plan-name{color:var(--text-main);font-size:1.1rem;font-weight:700}.plan-desc{color:var(--text-secondary);min-height:2.5rem;font-size:.83rem;line-height:1.5}.plan-price{align-items:baseline;gap:.2rem;margin:.25rem 0;display:flex}.plan-currency{color:var(--text-secondary);font-size:1rem;font-weight:600}.plan-amount{color:var(--text-main);font-size:2.25rem;font-weight:800;line-height:1}.plan-period{color:var(--text-secondary);font-size:.85rem}.plan-annual-note{color:var(--text-secondary);margin:-.5rem 0 0;font-size:.75rem}.plan-cta{cursor:pointer;border:none;border-radius:.75rem;width:100%;padding:.8rem;font-size:.9rem;font-weight:700;transition:opacity .15s,transform .1s}.plan-cta:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.plan-cta--current{background:var(--bg);color:var(--text-secondary);cursor:default}.plan-cta--pro{background:var(--primary);color:#fff}.plan-cta--family{color:#fff;background:#f59e0b}.plan-cta--outline{color:var(--text-secondary);border:1.5px solid var(--border);background:0 0}.plan-cta:disabled{opacity:.6;cursor:not-allowed}.plan-cta svg.spin{animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.plans-alert{text-align:center;border-radius:.75rem;width:100%;max-width:640px;padding:.85rem 1.25rem;font-size:.9rem;font-weight:500}.plans-alert--success{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7}.plans-alert--warn{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.plans-alert__action{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:.5rem;margin-left:.5rem;padding:.2rem .65rem;font-weight:600;display:inline-block}.plans-alert__action:hover:not(:disabled){background:#92400e1a}.plans-alert__action:disabled{opacity:.6;cursor:not-allowed}.plan-features{border-top:1px solid var(--border);flex-direction:column;gap:.6rem;margin:.25rem 0 0;padding:1rem 0 0;list-style:none;display:flex}.plan-feature-item{color:var(--text-main);align-items:center;gap:.6rem;font-size:.83rem;display:flex}.feat-check{color:var(--income);flex-shrink:0}.feat-x{color:#d1d5db;flex-shrink:0}.feat-text{color:var(--primary);flex-shrink:0;min-width:1.5rem;font-weight:600}.plans-footer{color:var(--text-secondary);text-align:center;max-width:480px;font-size:.8rem;line-height:1.6}.settings-page{grid-template-columns:1fr;gap:1.25rem;padding-bottom:2rem;display:grid}@media (width>=900px){.settings-page{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.settings-card{background:var(--white);border:1px solid var(--border);border-radius:1rem;flex-direction:column;gap:1.1rem;padding:1.5rem;display:flex}@media (width>=769px){.settings-card{padding:1.75rem}}.settings-card__header{color:var(--primary);align-items:flex-start;gap:.75rem;display:flex}.family-leave-btn{border:1px solid var(--border);background:var(--white);color:var(--outcome);cursor:pointer;white-space:nowrap;border-radius:.6rem;flex-shrink:0;align-items:center;gap:.4rem;margin-left:auto;padding:.45rem .8rem;font-size:.8rem;font-weight:700;display:flex}.family-leave-btn:disabled{opacity:.6;cursor:not-allowed}.settings-card__header h2{color:var(--text-main);margin:0 0 .25rem;font-size:1.05rem;font-weight:700}.settings-card__header p{color:var(--text-secondary);margin:0;font-size:.83rem;line-height:1.5}.settings-form{flex-direction:column;flex:1;gap:.9rem;display:flex}.settings-row{grid-template-columns:1fr;gap:.9rem;display:grid}@media (width>=480px){.settings-row{grid-template-columns:1fr 1fr}}.settings-field{color:var(--text-secondary);flex-direction:column;gap:.4rem;min-width:0;font-size:.8rem;font-weight:600;display:flex}.settings-field input{border:1px solid var(--border);background:var(--bg);color:var(--text-main);border-radius:.6rem;padding:.65rem .85rem;font-size:.9rem;font-weight:400}.settings-field input:focus{border-color:var(--primary);outline:none}.settings-readonly{border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);border-radius:.6rem;align-items:center;gap:.45rem;padding:.65rem .85rem;font-size:.9rem;font-weight:400;display:flex;overflow:hidden}.settings-readonly svg{flex-shrink:0}.settings-readonly span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-submit{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.7rem;align-self:flex-start;margin-top:auto;padding:.65rem 1.25rem;font-size:.875rem;font-weight:700}.settings-submit:disabled{opacity:.6;cursor:not-allowed}.family-invite-row{gap:.6rem;display:flex}.family-invite-row input{flex:1}.family-member-list{flex-direction:column;gap:.6rem;display:flex}.family-member-item{border:1px solid var(--border);background:var(--bg);border-radius:.6rem;justify-content:space-between;align-items:flex-start;gap:.6rem;padding:.65rem .85rem;display:flex}.family-member-info{flex-direction:column;flex:1;min-width:0;display:flex}.family-member-name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.family-member-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.family-member-status{white-space:nowrap;border-radius:999px;flex-shrink:0;margin-top:.1rem;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.family-member-status--pending{color:#92400e;background:#fef3c7}.family-member-status--active{color:#166534;background:#dcfce7}.family-member-action{flex-shrink:0;justify-content:center;width:21px;display:flex}.family-member-remove{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:.3rem;display:flex}.family-member-remove:hover{color:var(--outcome)}.family-counter{color:var(--text-secondary);font-size:.78rem}.family-invite-card{border:1px solid var(--border);background:var(--bg);border-radius:.7rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.family-invite-actions{gap:.5rem;display:flex}.family-invite-accept,.family-invite-decline{cursor:pointer;border:none;border-radius:.6rem;padding:.5rem .9rem;font-size:.82rem;font-weight:700}.family-invite-accept{background:var(--primary);color:#fff}.family-invite-decline{background:var(--bg);border:1px solid var(--border);color:var(--text-secondary)}.family-upsell{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.family-upsell a{color:var(--primary);font-weight:700}:root{--sidebar-width:260px;--topbar-height:68px}.sidebar-backdrop{z-index:199;background:#0006;display:block;position:fixed;inset:0}@media (width>=769px){.sidebar-backdrop{display:none}}.sidebar{width:var(--sidebar-width);background:var(--white);border-right:1px solid var(--border);z-index:200;flex-direction:column;gap:2rem;height:100vh;padding:1.5rem;transition:transform .25s;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar--open{transform:translate(0)}@media (width>=769px){.sidebar{padding:2rem 1.5rem;transform:translate(0)!important}}.sidebar-header{justify-content:space-between;align-items:center;display:flex}.sidebar-logo{color:var(--primary);align-items:center;gap:.75rem;font-size:1.35rem;font-weight:800;display:flex}.sidebar-logo img{object-fit:contain;border-radius:8px;width:32px;height:32px}.sidebar-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.25rem;transition:background .15s,color .15s;display:flex}.sidebar-close:hover{background:var(--bg);color:var(--text-main)}@media (width>=769px){.sidebar-close{display:none}}.sidebar-plan{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.plan-badge{border-radius:50px;align-items:center;gap:.35rem;width:fit-content;padding:.3rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.plan-badge--free{color:#6b7280;background:#f3f4f6}.plan-badge--pro{color:var(--primary);background:#f5f3ff}.plan-badge--family{color:#d97706;background:#fef3c7}.sidebar-upgrade-btn{background:var(--primary);color:#fff;border-radius:.75rem;justify-content:center;align-items:center;gap:.4rem;padding:.6rem .875rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:opacity .15s;display:flex}.sidebar-upgrade-btn:hover{opacity:.88}.sidebar-nav{flex-direction:column;gap:.35rem;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.95rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:var(--primary);background:#f5f3ff}.nav-item.active{color:var(--primary);background:#f5f3ff;font-weight:600}.nav-item-icon{display:inline-flex;position:relative}.nav-item-badge{background:var(--outcome);border:2px solid var(--white);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.topbar{z-index:100;background:var(--bg);border-bottom:1px solid var(--border);height:var(--topbar-height);justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;display:flex;position:fixed;top:0;left:0;right:0}@media (width>=769px){.topbar{left:var(--sidebar-width);padding:1.25rem 2rem}}.topbar-left{align-items:center;gap:.75rem;min-width:0;display:flex}.topbar-menu-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;transition:background .15s,color .15s;display:flex}.topbar-menu-btn:hover{background:var(--border);color:var(--text-main)}@media (width>=769px){.topbar-menu-btn{display:none}}.topbar-logo{object-fit:contain;border-radius:6px;flex-shrink:0;width:28px;height:28px;display:block}@media (width>=769px){.topbar-logo{display:none}}.topbar-title h1{color:var(--text-main);white-space:nowrap;font-size:1rem;font-weight:700;line-height:1.2}.topbar-title p{display:none}@media (width>=769px){.topbar-title h1{font-size:1.35rem}.topbar-title p{color:var(--text-secondary);white-space:nowrap;margin-top:.15rem;font-size:.85rem;display:block}}.topbar-user{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.topbar-user-info{display:none}@media (width>=769px){.topbar-user-info{text-align:right;flex-direction:column;gap:0;display:flex}}.topbar-user-name{color:var(--text-main);white-space:nowrap;font-size:.875rem;font-weight:600}.topbar-user-email{color:var(--text-secondary);white-space:nowrap;font-size:.75rem}.topbar-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}@media (width>=769px){.topbar-avatar{width:36px;height:36px;font-size:.9rem}}.topbar-logout{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:.5rem;justify-content:center;align-items:center;padding:.4rem;transition:background .15s,color .15s,border-color .15s;display:flex}.topbar-logout:hover{color:var(--outcome);background:#fef2f2;border-color:#fecaca}:root{--primary:#7c3aed;--bg:#f8f9fa;--white:#fff;--text-main:#1f2937;--text-secondary:#6b7280;--border:#f3f4f6;--income:#10b981;--outcome:#ef4444}.app-layout{width:100%;min-height:100vh;display:flex}.page-wrapper{flex-direction:column;flex:1;min-width:0;min-height:100vh;margin-left:0;display:flex}.main-content{padding:1rem;padding-top:calc(var(--topbar-height) + 1rem);background:var(--bg);flex:1}@media (width>=769px){.page-wrapper{margin-left:var(--sidebar-width)}.main-content{padding:2rem;padding-top:calc(var(--topbar-height) + 2rem)}}.dashboard-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.summary-container{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem;display:grid}@media (width>=600px){.summary-container{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (width>=1024px){.summary-container{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}}.summary-card{background:var(--white);border:1px solid var(--border);border-radius:1rem;padding:1.25rem}@media (width>=769px){.summary-card{border-radius:1.25rem;padding:1.5rem}}.summary-card header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem;display:flex}.summary-card strong{font-size:1.4rem;display:block}@media (width>=769px){.summary-card strong{font-size:1.75rem}}.summary-card.total{background:var(--primary);color:#fff}.summary-card.total header{color:#fffc}.transaction-list{background:var(--white);border:1px solid var(--border);border-radius:1rem;margin-bottom:1.5rem;overflow:hidden}.transaction-group-header{background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.transaction-group-date{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.transaction-group-total{color:var(--text-secondary);font-size:.8rem;font-weight:600}.transaction-item{border-bottom:1px solid var(--border);align-items:center;gap:.875rem;padding:.875rem 1rem;transition:background .15s;display:flex}.transaction-item:last-child{border-bottom:none}.transaction-item:active{background:#fafafa}@media (width>=769px){.transaction-item:hover{background:#fafafa}}.transaction-category-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.transaction-info{flex:1;min-width:0}.transaction-description{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.transaction-category-label{color:var(--text-secondary);margin-top:.1rem;font-size:.75rem}.transaction-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.15rem;display:flex}.transaction-amount{font-size:.9rem;font-weight:600}.transaction-amount.income{color:var(--income)}.transaction-amount.outcome{color:var(--outcome)}.transaction-time{color:var(--text-secondary);font-size:.72rem}.delete-button{color:#d1d5db;cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;padding:.4rem;transition:background .15s,color .15s;display:flex}.delete-button:hover{color:var(--outcome);background:#fef2f2}.empty-state{text-align:center;color:var(--text-secondary);padding:3rem 1rem;font-size:.9rem}.offline-banner{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-left:4px solid #f97316;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.recent-widget{background:var(--white);border:1px solid var(--border);border-radius:1rem;margin-bottom:1.5rem;overflow:hidden}.recent-widget-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.recent-widget-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:700}.recent-widget-link{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:0;font-size:.8rem;font-weight:600;transition:opacity .15s;display:flex}.recent-widget-link:hover{opacity:.75}.recent-list{margin:0;padding:0;list-style:none}.recent-item{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.recent-item:last-child{border-bottom:none}.recent-item--future{opacity:.65}.recent-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.recent-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.recent-description{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.3rem;font-size:.875rem;font-weight:500;display:flex;overflow:hidden}.recent-recurring-icon{color:var(--primary);opacity:.6;flex-shrink:0}.recent-date{color:var(--text-secondary);font-size:.72rem}.recent-amount{flex-shrink:0;font-size:.875rem;font-weight:600}.recent-amount.income{color:var(--income)}.recent-amount.outcome{color:var(--outcome)}.recent-empty{text-align:center;color:var(--text-secondary);padding:2rem 1rem;font-size:.875rem}.upgrade-banner{border:1px solid #ddd6fe;border-left:4px solid var(--primary);background:#f5f3ff;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.upgrade-banner-text{color:var(--primary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.upgrade-banner-btn{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:.6rem;flex-shrink:0;padding:.45rem .9rem;font-size:.8rem;font-weight:700;transition:opacity .15s}.upgrade-banner-btn:hover{opacity:.88}