*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--background-secondary);color:#0f172a;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-blue:#3b82f6;--primary-green:#10b981;--primary-yellow:#f59e0b;--primary-purple:#8b5cf6;--primary-orange:#f97316;--primary-teal:#06b6d4;--primary-red:#ef4444;--primary-pink:#ec4899}:root,[data-theme=light]{--background-primary:#fff;--background-secondary:#f8fafc;--background-card:#fff;--background-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--border-light:#e2e8f0;--border-medium:#cbd5e1;--border-dark:#94a3b8;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--success-bg:#dcfce7;--success-text:#166534;--error-bg:#fef2f2;--error-text:#dc2626;--warning-bg:#fefce8;--warning-text:#ca8a04;--info-bg:#eff6ff;--info-text:#2563eb}[data-theme=dark]{--background-primary:#0f172a;--background-secondary:#1e293b;--background-card:#1e293b;--background-hover:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-inverse:#0f172a;--border-light:#334155;--border-medium:#475569;--border-dark:#64748b;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;--success-bg:#14532d;--success-text:#4ade80;--error-bg:#7f1d1d;--error-text:#f87171;--warning-bg:#78350f;--warning-text:#fbbf24;--info-bg:#1e3a8a;--info-text:#60a5fa}.App{background-color:var(--background-secondary);min-height:100vh;transition:background-color .3s ease}.main-content{margin:0 auto;max-width:1200px;padding:20px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.btn-primary{background-color:var(--primary-blue);color:#fff}.btn-primary:hover{background-color:#2563eb;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--background-card);border:1px solid var(--border-medium);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--background-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card{background-color:var(--background-card);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-sm);padding:24px;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.card-title{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:4px}.card-subtitle{color:var(--text-secondary);font-size:14px}.form-group{margin-bottom:16px}.form-label{display:block;font-weight:500;margin-bottom:6px}.form-input,.form-label{color:var(--text-primary);font-size:14px}.form-input{background-color:var(--background-card);border:1px solid var(--border-medium);border-radius:8px;padding:12px 16px;transition:border-color .2s ease,background-color .3s ease,color .3s ease;width:100%}.form-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.grid{grid-gap:20px;display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:768px){.main-content{padding:20px 16px}.card{padding:20px}.card-title{font-size:20px}.grid-2,.grid-3{gap:16px;grid-template-columns:1fr}.btn{font-size:16px;padding:14px 20px}}@media (max-width:480px){.main-content{padding:16px 12px}.card{border-radius:8px;padding:16px}.card-title{font-size:18px;margin-bottom:8px}.card-subtitle{font-size:16px}.btn{padding:16px 24px}.btn,.form-input{border-radius:12px;font-size:16px}.form-input{padding:16px}.form-label{font-size:16px;margin-bottom:8px}}.btn-small{font-size:13px;font-weight:500;padding:8px 16px}.btn-icon{align-items:center;display:flex;height:36px;justify-content:center;min-width:36px;padding:8px;width:36px}.btn,.btn:hover{text-decoration:none!important}.header-actions{gap:8px}.month-selector{background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:8px;gap:12px;padding:6px 12px}.month-nav-btn,.month-selector{align-items:center;display:flex}.month-nav-btn{background-color:var(--background-card);border:none;border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.month-nav-btn:hover{background-color:var(--primary-blue);box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.month-nav-btn:active{transform:translateY(0)}.month-display{align-items:center;display:flex;flex-direction:column;gap:2px;min-width:80px;text-align:center}.month-name{color:var(--text-primary);font-size:14px;font-weight:600;white-space:nowrap}.today-btn{background:none;border:none;border-radius:4px;color:var(--primary-blue);cursor:pointer;font-size:10px;font-weight:500;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase;transition:all .2s ease}.today-btn:hover{background-color:var(--primary-blue);color:#fff}@media (max-width:768px){.month-selector{gap:10px;padding:8px 12px}.month-nav-btn{font-size:16px;height:36px;width:36px}.month-display{min-width:90px}.month-name{font-size:15px}.today-btn{font-size:11px;padding:4px 8px}}@media (max-width:480px){.month-selector{border-radius:8px;gap:8px;margin:0;max-width:200px;padding:8px 12px}.month-nav-btn{border-radius:6px;font-size:14px;height:32px;width:32px}.month-display{min-width:80px;text-align:center}.month-name{font-size:13px;font-weight:600}.today-btn{border-radius:6px;font-size:10px;padding:4px 8px}}.income-display-header{align-items:center;display:flex;height:44px;justify-content:flex-start;min-width:160px}.income-label-header{color:var(--text-secondary);font-size:11px;font-weight:500;letter-spacing:.5px;margin-right:8px;text-transform:uppercase;white-space:nowrap}.income-value-container{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:6px;padding:4px 8px;transition:background-color .2s ease}.income-value-container:hover{background-color:var(--background-secondary)}.income-value-header{color:var(--primary-blue);font-size:16px;font-weight:600;white-space:nowrap}.btn-edit-income-header{align-items:center;background:var(--background-card);border:1px solid var(--border-light);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;min-width:24px;opacity:1;padding:4px 6px;transition:all .2s ease}.btn-edit-income-header:hover{background-color:var(--background-hover);border-color:var(--border-medium);color:var(--text-primary);transform:translateY(-1px)}.income-edit-header{align-items:center;display:flex;gap:6px}.income-input-header{background-color:var(--background-card);border:1px solid var(--border-medium);border-radius:6px;color:var(--primary-blue);font-size:16px;font-weight:600;outline:none;padding:8px 12px;text-align:right;transition:border-color .2s ease,background-color .3s ease;width:120px}.income-input-header:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.income-buttons-header{display:flex;gap:6px}.btn-cancel-header,.btn-save-header{align-items:center;background:var(--background-card);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-save-header:hover{background-color:var(--primary-green);border-color:var(--primary-green)}.btn-cancel-header:hover,.btn-save-header:hover{box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.btn-cancel-header:hover{background-color:var(--primary-red);border-color:var(--primary-red)}@media (max-width:768px){.income-display-header{min-width:120px}.income-value-header{font-size:14px}.income-input-header{font-size:14px;width:100px}.income-label-header{font-size:10px}}@media (max-width:480px){.income-display-header{min-width:100px}.income-value-header{font-size:12px}.income-input-header{font-size:12px;width:90px}}.theme-toggle{align-items:center;background:var(--background-card);border:1px solid var(--border-medium);border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;min-height:44px;min-width:44px;position:relative;transition:all .3s ease;width:44px}.theme-toggle:hover{background:var(--background-hover);box-shadow:var(--shadow-md);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-toggle-icon{align-items:center;color:var(--text-primary);display:flex;font-size:20px;justify-content:center;transition:all .3s ease}.theme-toggle-icon svg{transition:transform .3s ease}.theme-toggle:hover .theme-toggle-icon svg{transform:rotate(180deg)}[data-theme=dark] .theme-toggle{background:var(--background-card);border-color:var(--border-medium)}[data-theme=dark] .theme-toggle:hover{background:var(--background-hover)}[data-theme=dark] .theme-toggle-icon{color:var(--primary-yellow)}[data-theme=light] .theme-toggle-icon{color:var(--primary-blue)}@media (max-width:768px){.theme-toggle{height:36px;min-height:36px;min-width:36px;width:36px}.theme-toggle-icon{font-size:18px}}.language-toggle{align-items:center;background:var(--background-card);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.language-toggle:hover{background-color:var(--background-hover);border-color:var(--border-medium);box-shadow:var(--shadow-sm);color:var(--text-primary);transform:translateY(-1px)}.language-text{font-size:12px;font-weight:600;letter-spacing:.5px}@media (max-width:480px){.language-toggle{font-size:12px;padding:6px 10px}.language-text{font-size:11px}}.header{background-color:var(--background-card);border-bottom:1px solid var(--border-light);padding:0 24px;transition:background-color .3s ease,border-color .3s ease}.header-content{align-items:center;display:flex;height:64px;justify-content:space-between}.header-left,.header-right{align-items:center;display:flex;flex:1 1;min-width:350px}.header-left{justify-content:flex-start}.header-right{align-items:center;gap:20px;height:100%;justify-content:flex-end}.header-nav{display:flex;gap:40px;padding:0 100px}.nav-link{border-bottom:2px solid #0000;color:var(--text-secondary);font-size:14px;font-weight:500;letter-spacing:.5px;padding:8px 0;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.nav-link:hover{color:var(--text-primary)}.nav-link.active{border-bottom-color:var(--primary-blue);color:var(--primary-blue)}@media (max-width:1024px){.header-nav{gap:32px;padding:0 60px}.header-left,.header-right{min-width:280px}.header-right{gap:24px}}@media (max-width:768px){.header{padding:0 16px}.header-content{height:64px}.header-nav{flex-wrap:wrap;gap:20px;padding:0 20px}.header-left,.header-right{gap:16px;min-width:200px}.nav-link{font-size:12px;padding:8px 0}.header-left,.header-right{flex:0 1 auto}}@media (max-width:480px){.header-content{align-items:center;flex-direction:column;gap:16px;height:auto;padding:16px 0}.header-left,.header-right{flex:none;justify-content:center;width:100%}.header-nav{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;max-width:400px;order:2;padding:0 20px;width:100%}.header-left{order:1}.header-right{gap:20px;order:3}.nav-link{background-color:var(--background-card);border:1px solid var(--border-light);border-radius:10px;font-size:13px;font-weight:500;letter-spacing:.2px;padding:14px 20px;text-align:center;transition:all .2s ease}.nav-link.active,.nav-link:hover{background-color:var(--primary-blue);border-color:var(--primary-blue);box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}}.footer{background-color:var(--background-card);border-top:1px solid var(--border-light);margin-top:40px;padding:24px 20px;text-align:center}.footer-content{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px}.footer-links{display:flex;gap:20px}.footer-link-internal{border-radius:4px;color:var(--text-secondary);font-size:12px;font-weight:500;padding:4px 8px;text-decoration:none;transition:color .2s ease}.footer-link-internal:hover{background-color:var(--background-hover);color:var(--primary-blue)}@media (max-width:768px){.footer{margin-top:32px;padding:20px 16px}.footer-text{font-size:13px}}@media (max-width:480px){.footer{margin-top:24px;padding:16px 12px}.footer-text{font-size:12px}.footer-link{padding:4px 6px}}.first-visit-overlay{align-items:center;animation:fade-in .3s ease-out;background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.first-visit-tip{animation:slide-up .4s ease-out;background-color:var(--background-card);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:400px;position:relative;width:100%}.tip-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:28px}.tip-close:hover{background-color:var(--background-hover);color:var(--text-primary)}.tip-content{align-items:flex-start;display:flex;gap:16px;padding:24px 24px 16px}.tip-icon{align-items:center;background-color:var(--primary-blue);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.tip-text{flex:1 1;padding-right:20px}.tip-text h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.tip-text p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.tip-actions{display:flex;gap:12px;padding:0 24px 24px}.btn-dismiss{background-color:var(--background-card);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;text-decoration:none;transition:all .2s ease}.btn-dismiss:hover{background-color:var(--background-hover);color:var(--text-primary)}.btn-guide{align-items:center;background-color:var(--primary-blue);border:1px solid var(--primary-blue);border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;justify-content:center;padding:10px 16px;text-align:center;transition:all .2s ease}.btn-guide,.btn-guide:hover{color:#fff;text-decoration:none}.btn-guide:hover{background-color:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.first-visit-tip{max-width:350px}.tip-content{padding:20px 20px 12px}.tip-icon{font-size:20px;height:40px;width:40px}.tip-text h3{font-size:16px}.tip-text p{font-size:13px}.tip-actions{flex-direction:column;padding:0 20px 20px}}@media (max-width:480px){.first-visit-overlay{padding:16px}.first-visit-tip{max-width:100%}.tip-content{flex-direction:column;gap:12px;padding:16px 16px 8px;text-align:center}.tip-text{padding-right:0}.tip-actions{padding:0 16px 16px}}.scroll-to-top{align-items:center;background-color:var(--primary-blue);border:none;border-radius:50%;bottom:100px;box-shadow:0 4px 16px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:24px;transform:translateY(100px);transition:all .3s ease;width:48px;z-index:1000}.scroll-to-top.visible{opacity:1;pointer-events:all;transform:translateY(0)}.scroll-to-top:hover{background-color:#2563eb;box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.scroll-to-top:active{box-shadow:0 2px 8px #3b82f64d;transform:translateY(0)}@media (max-width:768px){.scroll-to-top{bottom:90px;font-size:22px;height:44px;right:20px;width:44px}}@media (max-width:480px){.scroll-to-top{bottom:80px;box-shadow:0 3px 12px #3b82f64d;font-size:20px;height:40px;right:16px;width:40px}.scroll-to-top:hover{box-shadow:0 4px 16px #3b82f666}}.toast{animation:toast-slide-in .3s ease-out;background:var(--background-card);border:1px solid var(--border-light);border-radius:8px;box-shadow:var(--shadow-lg);max-width:500px;min-width:300px;position:fixed;right:20px;top:20px;z-index:1000}.toast-success{border-left:4px solid var(--primary-green)}.toast-error{border-left:4px solid var(--primary-red)}.toast-warning{border-left:4px solid var(--primary-orange)}.toast-info{border-left:4px solid var(--primary-blue)}.toast-content{align-items:center;display:flex;gap:12px;padding:16px}.toast-icon{font-size:18px;font-weight:700;min-width:20px;text-align:center}.toast-success .toast-icon{color:var(--primary-green)}.toast-error .toast-icon{color:var(--primary-red)}.toast-warning .toast-icon{color:var(--primary-orange)}.toast-info .toast-icon{color:var(--primary-blue)}.toast-message{color:var(--text-primary);flex:1 1;font-size:14px;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;transition:background-color .2s ease;width:20px}.toast-close:hover{background-color:var(--border-light)}.toast-fade-out{animation:toast-slide-out .3s ease-in forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:768px){.toast{left:20px;max-width:none;min-width:auto;right:20px}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}}.export-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.export-modal{background-color:var(--background-card);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-lg);max-width:500px;width:100%}.export-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:24px 24px 16px}.export-header h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.export-content{padding:24px}.mode-selector{background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:8px;display:flex;gap:8px;margin-bottom:20px;padding:4px}.mode-btn{align-items:center;background-color:initial;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease}.mode-btn:hover{background-color:var(--background-hover);color:var(--text-primary)}.mode-btn.active{background-color:var(--primary-blue);color:#fff}.import-section{align-items:center;background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:8px;display:flex;flex-direction:column;gap:20px;padding:20px}.import-info{text-align:center}.import-info h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.import-info p{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0}.btn-import{align-items:center;background-color:var(--background-card);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.btn-import:hover{background-color:var(--primary-blue);border-color:var(--primary-blue);box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.export-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:24px}.export-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.export-option{align-items:flex-start;background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.export-option:hover{background-color:var(--background-hover);border-color:var(--border-medium)}.export-option.active{background-color:var(--background-card);border-color:var(--primary-blue);box-shadow:0 0 0 1px var(--primary-blue)}.export-option input[type=radio]{accent-color:var(--primary-blue);margin:4px 0 0}.option-content{flex:1 1}.option-content h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.option-content p{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0}.export-actions{display:flex;gap:12px;justify-content:flex-end}.export-actions .btn{align-items:center;display:flex;font-size:14px;gap:6px;padding:10px 16px}@media (max-width:768px){.export-modal-overlay{padding:16px}.export-modal{max-width:100%}.export-header{padding:20px 20px 12px}.export-header h3{font-size:18px}.export-content{padding:20px}.export-actions{flex-direction:column}.export-actions .btn{justify-content:center;width:100%}}@media (max-width:480px){.export-modal-overlay{padding:12px}.export-header{padding:16px 16px 8px}.export-content{padding:16px}.export-option{padding:12px}}.domestic-budget{margin:0 auto;max-width:1200px;padding-top:20px}.budget-content{gap:24px}.expenses-card{min-height:400px}.expenses-card .card-header{margin-bottom:12px}.empty-state{padding:40px 20px;text-align:center}.empty-state p{color:var(--text-secondary);font-size:16px;margin-bottom:20px}.expenses-list{display:flex;flex-direction:column;gap:16px}.expense-item{align-items:flex-start;border-bottom:1px solid var(--border-light);gap:12px;padding:12px 0}.expense-name-container{display:flex;flex:1 1;flex-direction:column;gap:4px}.expense-tags{align-items:center;display:flex;gap:6px}.shared-tag{background-color:var(--primary-green);border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:2px 6px}.duration-tag{border-radius:8px;font-size:10px;font-weight:600;margin-left:4px;padding:2px 5px}.duration-permanent{background-color:var(--primary-blue);color:#fff}.duration-temporary{background-color:var(--primary-yellow);color:var(--text-primary)}.duration-until-date{background-color:var(--primary-orange);color:#fff}.duration-seasonal{background-color:var(--primary-teal);color:#fff}.expense-details{flex-wrap:wrap;gap:8px;width:100%}.expense-details,.expense-info{align-items:flex-start;display:flex;justify-content:space-between}.expense-info{flex:1 1;min-width:0}.expense-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:8px}.btn-delete,.btn-edit{align-items:center;background:var(--background-card);border:1px solid var(--border-light);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;min-width:32px;padding:6px 8px;transition:all .2s ease}.btn-edit:hover{background-color:var(--primary-blue);border-color:var(--primary-blue);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.btn-cancel,.btn-save{align-items:center;background:var(--background-card);border:1px solid var(--border-light);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;min-width:32px;padding:6px 8px;transition:all .2s ease}.btn-save:hover{background-color:var(--primary-green);border-color:var(--primary-green)}.btn-cancel:hover,.btn-save:hover{box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.btn-cancel:hover{background-color:var(--primary-red);border-color:var(--primary-red)}.expense-edit{background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px;width:100%}.expense-edit-name,.expense-edit-value{background-color:var(--background-card);border:1px solid var(--border-medium);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:border-color .2s ease,background-color .3s ease}.expense-edit-name:focus,.expense-edit-value:focus{border-color:var(--primary-blue);box-shadow:0 0 0 2px #3b82f61a;outline:none}.expense-edit-shared{margin:4px 0}.expense-checkbox-label{align-items:center;background-color:var(--background-card);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:all .2s ease}.expense-checkbox-label:hover{background-color:var(--background-hover);border-color:var(--primary-blue)}.expense-checkbox{accent-color:var(--primary-blue);cursor:pointer;height:16px;width:16px}.expense-edit-buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.expenses-summary{background-color:var(--background-secondary);border-radius:8px;margin:20px 0;padding:16px}.summary-item{margin-bottom:8px}.summary-value{font-size:14px}.summary-value.primary{color:var(--primary-blue);font-weight:600}.summary-value.green,.summary-value.red{font-weight:600}.summary-table{font-size:14px}.table-header,.table-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:12px 0}.table-header{border-bottom:2px solid var(--border-light);color:var(--text-primary);font-weight:600;margin-bottom:8px}.table-row{border-bottom:1px solid var(--border-light)}.table-row:last-child{border-bottom:none}.category-name{color:var(--text-primary);font-weight:500}.within-budget{color:var(--primary-green)}.over-budget{color:var(--primary-red)}.table-footer{border-top:2px solid var(--border-light);margin-top:16px;padding-top:16px}.total-summary{display:flex;gap:20px;margin-bottom:8px}.total-labels{color:var(--text-secondary);display:flex;font-size:12px;gap:20px}.total-label{font-size:16px;font-weight:600}.total-label.primary{color:var(--primary-blue);font-weight:600}.total-label.green{color:var(--primary-green);font-weight:600}.total-label.red{color:var(--primary-red);font-weight:600}.goals-card .card-header{align-items:center;display:flex;justify-content:space-between}.chart-container{margin:24px 0}.chart-total{font-size:14px}.goals-list{display:flex;flex-direction:column;gap:12px}.goal-item{align-items:center;display:flex;gap:12px;padding:8px 0}.goal-color{border-radius:50%;flex-shrink:0;height:12px;width:12px}.goal-name{flex:1 1}.goal-name,.goal-percentage{color:var(--text-primary);font-size:14px}.goal-percentage{font-weight:600}@media (max-width:1024px){.budget-content{grid-template-columns:1fr}.table-header,.table-row{font-size:12px;grid-template-columns:2fr 1fr 1fr 1fr}}@media (max-width:768px){.budget-header{text-align:left}.budget-header h1{font-size:24px}.budget-income{text-align:left;width:100%}.table-header,.table-row{gap:8px;grid-template-columns:1fr 1fr}.table-header div:nth-child(n+3),.table-row div:nth-child(n+3){display:none}.income-amount{text-align:left}.income-input{max-width:150px;width:100%}.expense-item{align-items:stretch!important;background-color:var(--background-card)!important;border:1px solid var(--border-light)!important;border-bottom:none!important;border-radius:12px!important;box-shadow:var(--shadow-sm)!important;flex-direction:column!important;gap:16px!important;margin:8px 0!important;padding:24px 20px!important}.expenses-list{gap:8px;padding:0 8px}.expenses-card .card-header{margin-bottom:8px}.expense-info{align-items:flex-start;flex-direction:column;gap:4px}.expense-name-container{padding:4px 0}.expense-name{font-size:16px;margin-bottom:4px}.expense-tags{margin-bottom:8px}.expense-value{font-size:18px;font-weight:600;margin:8px 0}.expense-actions{align-self:flex-end;gap:12px;margin-left:0;padding:8px 0}.expense-edit{gap:16px;margin:8px 0;padding:20px}.expense-edit-name,.expense-edit-value{border-radius:12px;font-size:16px;padding:16px;width:100%}.expense-edit-buttons{gap:12px;margin-top:12px}.btn-cancel,.btn-save{font-size:18px;min-height:44px;min-width:44px}.expense-checkbox-label{font-size:16px;padding:12px 16px}}@media (max-width:480px){.expense-item{border-bottom:none!important;border-radius:12px!important;gap:12px!important;margin:8px 6px!important;padding:16px 20px!important}.expense-name-container{padding:2px 0!important}.expense-name{font-size:16px!important;line-height:1.3!important;margin-bottom:4px!important}.expense-tags{margin-bottom:6px}.expense-value{font-size:18px;font-weight:600;margin:6px 0}.expense-actions{gap:12px;padding:4px 0}.expense-actions button{font-size:16px;min-height:40px;min-width:40px}.expenses-list{gap:8px;padding:0 12px}.expenses-card .card-header{margin-bottom:6px}}.tooltip-container{display:inline-block;position:relative}.tooltip-content{animation:tooltip-fade-in .1s ease-out;background-color:var(--background-card);border:1px solid var(--border-light);border-radius:8px;box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:13px;line-height:1.4;max-width:300px;padding:12px 16px;position:absolute;width:max-content;z-index:1000}.tooltip-top{bottom:100%;left:50%;margin-bottom:8px;transform:translateX(-50%)}.tooltip-top:after{border:6px solid #0000;border-top:6px solid var(--background-card);content:"";position:absolute}.tooltip-bottom,.tooltip-top:after{left:50%;top:100%;transform:translateX(-50%)}.tooltip-bottom{margin-top:8px}.tooltip-bottom:after{border:6px solid #0000;border-bottom:6px solid var(--background-card);bottom:100%;content:"";left:50%;position:absolute;transform:translateX(-50%)}.tooltip-left{margin-right:8px;right:100%;top:50%;transform:translateY(-50%)}.tooltip-left:after{border:6px solid #0000;border-left:6px solid var(--background-card);content:"";position:absolute}.tooltip-left:after,.tooltip-right{left:100%;top:50%;transform:translateY(-50%)}.tooltip-right{margin-left:8px}.tooltip-right:after{border:6px solid #0000;border-right:6px solid var(--background-card);content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%)}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.tooltip-content{font-size:12px;max-width:250px;padding:10px 12px}}@media (max-width:480px){.tooltip-content{font-size:11px;max-width:200px;padding:8px 10px}.tooltip-bottom,.tooltip-top{left:0;margin-left:0;transform:none}.tooltip-bottom:after,.tooltip-top:after{left:20px;transform:none}}.my-goals{margin:0 auto;max-width:1200px}.goals-header{height:0;margin-bottom:0;text-align:center}.goals-header h1{color:var(--text-primary);font-size:32px;font-weight:600;margin-bottom:8px}.month-indicator{align-items:center;display:flex;gap:12px;margin:8px 0}.month-badge{background-color:var(--primary-blue);border-radius:16px;color:#fff;display:inline-block;font-size:13px;font-weight:500;padding:6px 12px}.month-notice{background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:12px;color:var(--text-secondary);font-size:11px;font-weight:500;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.goals-header p{color:var(--text-secondary);font-size:16px}.goals-content{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 1fr}.goals-left{background-color:var(--background-card);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-sm);padding:24px}.chart-section{text-align:center}.chart-title{color:var(--text-primary);font-size:24px;font-weight:600}.chart-container,.chart-title{margin-bottom:24px}.chart-wrapper{position:relative}.chart-center{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.chart-total{color:var(--text-primary);font-size:16px;font-weight:600}.chart-legend{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.legend-item{align-items:center;display:flex;font-size:14px;gap:8px}.legend-color{border-radius:50%;flex-shrink:0;height:12px;width:12px}.legend-name{color:var(--text-primary)}.goals-right{background-color:var(--background-card);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-sm);padding:24px}.sliders-section{margin-bottom:32px}.slider-container{margin-bottom:24px}.slider-container:last-child{margin-bottom:0}.slider-header{justify-content:space-between;margin-bottom:8px}.slider-header,.slider-label{align-items:center;display:flex}.slider-label{color:var(--text-primary);font-size:16px;font-weight:500;gap:8px}.info-icon{color:var(--text-secondary);cursor:help;font-size:16px;margin-left:4px;transition:color .2s ease}.info-icon:hover{color:var(--primary-blue)}.slider-color{border-radius:50%;flex-shrink:0;height:12px;width:12px}.slider-value{color:var(--text-primary);font-size:16px;font-weight:600}.slider-wrapper{position:relative}.slider{appearance:none;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.slider::-webkit-slider-thumb{appearance:none;background:var(--background-card);border:2px solid var(--primary-blue);border-radius:50%;box-shadow:var(--shadow-md);cursor:pointer;height:20px;width:20px}.slider::-moz-range-thumb{background:var(--background-card);border:2px solid var(--primary-blue);border-radius:50%;box-shadow:var(--shadow-md);cursor:pointer;height:20px;width:20px}.slider-markers{color:var(--text-muted);display:flex;font-size:12px;justify-content:space-between;margin-top:4px}.goals-actions{display:flex;gap:16px;justify-content:flex-end}.btn.disabled{cursor:not-allowed;opacity:.5}.btn.disabled:hover{box-shadow:none;transform:none}.total-warning{background-color:var(--warning-bg);border:1px solid var(--primary-yellow);border-radius:8px;margin-top:16px;padding:12px;text-align:center}.total-warning p{color:var(--warning-text);font-size:14px;margin:0}@media (max-width:1024px){.goals-content{gap:24px;grid-template-columns:1fr}.chart-legend{gap:8px;grid-template-columns:repeat(3,1fr)}.legend-item{font-size:12px}}@media (max-width:768px){.goals-header h1{font-size:28px}}@media (max-width:480px){.goals-header h1{font-size:24px;margin-bottom:16px}.goal-item{padding:20px}.goal-label{font-size:16px;margin-bottom:12px}.goal-controls{gap:12px}.goal-input{font-size:16px;min-width:80px;padding:12px}.slider{height:12px}.slider-markers span{font-size:14px}.chart-legend{gap:12px;grid-template-columns:1fr}.legend-item{font-size:14px;padding:12px}.total-warning p{font-size:16px}.goals-left,.goals-right{padding:16px}.chart-legend{grid-template-columns:repeat(2,1fr)}.slider-label,.slider-value{font-size:14px}.goals-actions{flex-direction:column}}.month-picker{margin-bottom:20px}.month-picker-label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.month-picker-controls{display:flex;gap:12px;margin-bottom:8px}.month-picker-select{background-color:var(--background-card);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.month-picker-select:focus{box-shadow:0 0 0 2px #3b82f61a;outline:none}.month-picker-select:focus,.month-picker-select:hover{border-color:var(--primary-blue)}.month-picker-preview{background-color:var(--background-secondary);border-radius:4px;color:var(--text-secondary);font-size:12px;font-weight:500;padding:4px 8px;text-align:center}@media (max-width:480px){.month-picker-controls{flex-direction:column;gap:8px}.month-picker-select{font-size:16px}}.add-expense{margin:0 auto;max-width:1200px}.expense-header{margin-bottom:32px}.expense-header h1{color:var(--text-primary);font-size:32px;font-weight:600;margin-bottom:8px}.expense-header p{color:var(--text-secondary);font-size:16px}.expense-content{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 1fr}.expense-form-section{width:100%}.expense-form{display:flex;flex-direction:column;gap:20px}.currency-preview{color:var(--primary-blue);font-size:14px;font-weight:500;margin-top:8px}.checkbox-group{align-items:center;display:flex;gap:8px}.form-checkbox{cursor:pointer;height:18px;width:18px}.checkbox-label{color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;margin:0}.form-help{color:var(--text-secondary);font-size:12px;font-style:italic;margin-top:4px}.duration-selector{margin-top:8px}.duration-options{display:flex;flex-direction:column;gap:12px}.duration-option{align-items:center;border:1px solid var(--border-light);border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.duration-option:hover{background-color:var(--background-secondary);border-color:var(--primary-blue)}.duration-option input[type=radio]{margin:0}.duration-option span{color:var(--text-primary);font-size:14px;font-weight:500}.duration-months-select{background-color:var(--background-card);border:1px solid var(--border-medium);border-radius:4px;color:var(--text-primary);font-size:13px;margin-left:8px;padding:4px 8px;transition:border-color .2s ease,background-color .3s ease,color .3s ease}.duration-months-select:focus{border-color:var(--primary-blue);outline:none}.duration-date-input{background-color:var(--background-card);border:1px solid var(--border-medium);border-radius:4px;color:var(--text-primary);font-size:13px;margin-left:8px;padding:4px 8px;transition:border-color .2s ease,background-color .3s ease,color .3s ease}.duration-date-input:focus{border-color:var(--primary-blue);outline:none}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:24px}.expense-summary-section{width:100%}.expense-list{margin-bottom:24px;min-height:200px}.empty-expenses{color:var(--text-secondary);padding:40px 20px;text-align:center}.empty-expenses p{font-size:16px;margin:0}.expenses{display:flex;flex-direction:column;gap:12px}.expense-item{align-items:center;background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.expense-name{color:var(--text-primary);flex:1 1;font-weight:500}.expense-value{color:var(--text-primary);font-weight:600;margin-left:16px}.summary-totals{border-top:1px solid var(--border-light);padding-top:20px}.summary-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.summary-item:last-child{margin-bottom:0}.summary-value{font-size:16px;font-weight:600}.summary-value.green{color:var(--primary-green)}.summary-value.red{color:var(--primary-red)}@media (max-width:1024px){.expense-content{gap:24px;grid-template-columns:1fr}}@media (max-width:768px){.expense-header h1{font-size:28px}.expense-item,.form-actions{flex-direction:column;gap:12px}.expense-item{align-items:flex-start;padding:16px 0}}@media (max-width:480px){.expense-header h1{font-size:24px;margin-bottom:16px}.form-actions{gap:16px}.form-actions .btn{font-size:16px;min-height:48px}.category-grid{gap:12px;grid-template-columns:1fr}.category-option{font-size:16px;padding:16px}.checkbox-group{gap:16px}.checkbox-item{font-size:16px;padding:16px}.duration-options{gap:12px}.duration-option{font-size:16px;padding:16px}.expense-value{align-self:flex-end;margin-left:0}}.share-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.share-modal{background-color:var(--background-card);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-lg);max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.share-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:24px 24px 16px}.share-header h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.btn-close-modal{align-items:center;background:var(--background-card);border:1px solid var(--border-light);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-close-modal:hover{background-color:var(--background-hover);color:var(--text-primary);transform:scale(1.05)}.share-content{padding:24px}.share-options{display:flex;gap:12px;margin-bottom:24px}.share-option{background-color:var(--background-card);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease}.share-option:hover{background-color:var(--background-hover);border-color:var(--border-medium)}.share-option.active{background-color:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.share-preview{border:1px solid var(--border-light);border-radius:12px;overflow:hidden}.preview-content{background-color:var(--background-secondary);padding:20px}.summary-text{background-color:var(--background-card);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-family:Courier New,monospace;font-size:13px;line-height:1.6;margin:0;padding:16px;white-space:pre-wrap}.link-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 16px}.generated-link{background-color:var(--background-card);border:1px solid var(--border-light);border-radius:8px;color:var(--primary-blue);font-family:Courier New,monospace;font-size:12px;line-height:1.4;padding:12px 16px;word-break:break-all}.share-actions{border-top:1px solid var(--border-light);flex-wrap:wrap;gap:12px;padding:16px 20px}.btn-share,.share-actions{background-color:var(--background-card);display:flex}.btn-share{align-items:center;border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;min-width:120px;padding:10px 16px;transition:all .2s ease}.btn-share:hover{background-color:var(--background-hover);border-color:var(--border-medium);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-share.whatsapp:hover{background-color:#25d366;border-color:#25d366;color:#fff}.btn-share.email:hover{background-color:var(--primary-blue);border-color:var(--primary-blue);color:#fff}@media (max-width:768px){.share-modal-overlay{padding:16px}.share-modal{max-height:90vh}.share-header{padding:20px 20px 12px}.share-header h3{font-size:18px}.share-content{padding:20px}.share-options{flex-direction:column;gap:8px}.summary-text{font-size:12px;padding:12px}.generated-link{font-size:11px;padding:10px 12px}.share-actions{flex-direction:column;padding:12px 16px}.btn-share{min-width:auto}}.shared-budget{margin:0 auto;max-width:1200px;padding-top:20px}.shared-content{display:flex;flex-direction:column;gap:24px}.config-card{border:1px solid var(--border-light)}.config-card .card-header{justify-content:space-between}.config-card .card-header,.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.save-actions{display:flex;gap:8px}.unsaved-indicator{animation:pulse 2s infinite;color:var(--primary-orange);font-size:12px;margin-left:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-people{color:var(--text-secondary);padding:40px 20px;text-align:center}.empty-people p{font-size:16px;margin-bottom:12px}.people-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.person-card{border-radius:8px;padding:16px;position:relative}.main-user-card,.person-card{background-color:var(--background-secondary);border:1px solid var(--border-light)}.main-user-card{box-shadow:var(--shadow-sm)}.main-user-badge{align-items:center;background-color:var(--primary-green);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.person-header{justify-content:space-between;margin-bottom:16px}.name-display,.person-header{align-items:center;display:flex}.name-display{border-radius:6px;cursor:pointer;flex:1 1;gap:8px;padding:4px 8px;transition:background-color .2s ease}.name-display:hover{background-color:var(--border-light)}.name-display h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.btn-edit-name{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:12px;opacity:.6;transition:opacity .2s ease}.btn-edit-name:hover{opacity:1}.btn-delete{align-items:center;background:var(--background-card);border:1px solid var(--border-light);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;min-width:32px;padding:6px 8px;transition:all .2s ease}.btn-delete:hover{background-color:var(--primary-red);border-color:var(--primary-red);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.btn-remove-person{align-items:center;background:var(--background-card);border:1px solid var(--border-light);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;min-width:32px;padding:6px 8px;transition:all .2s ease}.btn-remove-person:hover{background-color:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-1px)}.name-edit-group{flex:1 1}.name-input{background-color:var(--background-card);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);font-size:16px;font-weight:600;padding:6px 12px;width:100%}.name-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 2px #3b82f61a;outline:none}.person-data{gap:12px}.data-item,.person-data{display:flex;flex-direction:column}.data-item{gap:6px}.data-item label{color:var(--text-secondary);font-size:14px;font-weight:500}.data-display{align-items:center;background-color:var(--background-card);border:1px solid var(--border-light);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:background-color .2s ease}.data-display:hover{background-color:var(--border-light)}.income-value{color:var(--text-primary);font-size:16px;font-weight:600}.income-value.zero-income{color:var(--text-secondary);font-style:italic}.btn-edit-data{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:12px;opacity:.6;transition:opacity .2s ease}.btn-edit-data:hover{opacity:1}.summary-section{margin-bottom:24px}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:12px;padding:20px;text-align:center}.summary-label{color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:8px}.summary-value{color:var(--text-primary);font-size:24px;font-weight:700}.breakdown-section{margin-top:24px}.breakdown-title{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.people-breakdown{display:flex;flex-direction:column;gap:12px}.person-breakdown-card{align-items:center;background-color:var(--background-card);border:1px solid var(--border-light);border-radius:8px;display:flex;justify-content:space-between;padding:16px}.person-breakdown-card.main-user{background-color:var(--background-secondary);border-color:var(--border-light)}.person-info-breakdown{align-items:center;display:flex;flex:1 1;gap:12px}.person-name-breakdown{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:8px}.main-user-dot{color:var(--primary-green);font-size:16px;font-weight:700}.person-percentage{background-color:var(--background-secondary);border-radius:4px;color:var(--text-secondary);font-size:14px;font-weight:500;padding:4px 8px}.person-amount{color:var(--primary-green);font-size:18px;font-weight:700}.edit-group{align-items:center;display:flex;gap:8px}.income-input{background-color:var(--background-card);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:14px;padding:8px 12px}.income-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 2px #3b82f61a;outline:none}.percentage-display{background-color:var(--background-card);border:1px solid var(--border-light);border-radius:6px;color:var(--primary-green);font-size:16px;font-weight:600;padding:8px 12px;text-align:center}.config-actions{align-items:center;border-top:1px solid var(--border-light);display:flex;justify-content:center;padding-top:20px}.total-income{color:var(--text-primary);font-size:18px}.shared-costs-card{border:2px solid var(--primary-purple)}.empty-shared{color:var(--text-secondary);padding:40px 20px;text-align:center}.empty-shared p{margin-bottom:8px}.shared-expenses-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.shared-expense-item{align-items:center;background-color:var(--background-secondary);border-left:2px solid var(--border-medium);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.shared-expense-item .expense-info{display:flex;flex-direction:column;gap:4px}.shared-expense-item .expense-name{color:var(--text-primary);font-size:16px;font-weight:600}.shared-expense-item .expense-type{color:var(--text-secondary);font-size:14px;font-weight:500}.shared-expense-item .expense-value{color:var(--text-primary);font-size:18px;font-weight:700}.shared-total{background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:6px;color:var(--primary-blue);font-size:15px;font-weight:600;margin-top:12px;padding:12px 16px;text-align:center}.division-card{border:2px solid var(--primary-orange)}.division-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.person-division{background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:8px;padding:16px;text-align:center}.person-division h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:12px}.division-details{display:flex;flex-direction:column;gap:8px}.division-item{align-items:center;border-bottom:1px solid var(--border-light);display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.division-item span:first-child{color:var(--text-secondary)}.division-amount{color:var(--text-primary);font-weight:600}.division-percentage{background-color:var(--background-card);border-radius:16px;color:var(--primary-orange);font-size:12px;font-weight:500;margin-top:8px;padding:6px 10px}.division-summary{background-color:var(--background-secondary);border-radius:8px;padding:20px;text-align:center}.division-summary h4{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:12px}.division-summary p{color:var(--text-secondary);font-size:14px;margin-bottom:6px}.total-validation{border-top:2px solid var(--border-medium);color:var(--text-primary);font-size:16px;font-weight:600;margin-top:12px;padding-top:12px}.validation-messages{display:flex;flex-direction:column;gap:12px}.info-message,.warning-message{border-radius:8px;font-size:14px;font-weight:500;padding:12px 16px}.warning-message{background-color:var(--warning-bg);border:1px solid var(--primary-yellow);color:var(--warning-text)}.info-message{background-color:var(--info-bg);border:1px solid var(--primary-blue);color:var(--info-text)}@media (max-width:1024px){.people-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.division-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:768px){.shared-header h1{font-size:28px}.division-grid,.people-grid{grid-template-columns:1fr}.person-card{padding:20px}.config-actions{flex-direction:column;gap:12px;text-align:center}.shared-expense-item{padding:16px}.division-item,.shared-expense-item{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:480px){.shared-header h1{font-size:24px;margin-bottom:16px}.config-card .card-header{align-items:stretch;flex-direction:column;gap:16px}.person-card{padding:16px}.person-header{align-items:flex-start;flex-direction:row;gap:8px;justify-content:space-between}.name-display{flex:1 1;font-size:16px;padding:8px 12px}.data-item{padding:16px}.data-item label{font-size:16px}.income-input{font-size:16px;padding:12px 16px}.btn-add-person,.btn-remove-person{font-size:16px;min-height:44px;padding:12px 16px}}.share-button-container{display:flex;justify-content:flex-end;margin-top:16px}.privacy-policy{line-height:1.6;margin:0 auto;max-width:800px;padding:40px 20px}.privacy-content{background-color:var(--background-card);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-sm);padding:40px}.privacy-header{border-bottom:1px solid var(--border-light);margin-bottom:40px;padding-bottom:20px;text-align:center}.privacy-header h1{color:var(--text-primary);font-size:28px;font-weight:600;margin-bottom:8px}.last-updated{color:var(--text-secondary);font-size:14px;font-style:italic;margin:0}.privacy-intro{background-color:var(--background-secondary);border-left:4px solid var(--primary-blue);border-radius:8px;color:var(--text-primary);font-size:16px;font-weight:500;padding:20px}.privacy-intro,.privacy-section{margin-bottom:32px}.privacy-section h2{border-bottom:1px solid var(--border-light);font-size:20px;font-weight:600;padding-bottom:8px}.privacy-section h2,.privacy-section p{color:var(--text-primary);margin-bottom:16px}.privacy-section p{font-size:15px}.privacy-section ul{margin:16px 0;padding-left:20px}.privacy-section li{color:var(--text-primary);font-size:15px;margin-bottom:8px}.contact-info{background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:8px;padding:16px 20px}.contact-info a{color:var(--primary-blue);text-decoration:none;transition:color .2s ease}.contact-info a:hover{color:var(--primary-blue);text-decoration:underline}@media (max-width:768px){.privacy-policy{padding:20px 16px}.privacy-content{padding:24px 20px}.privacy-header h1{font-size:24px}.privacy-section h2{font-size:18px}.privacy-section li,.privacy-section p{font-size:14px}.privacy-intro{font-size:15px;padding:16px}}@media (max-width:480px){.privacy-policy{padding:16px 12px}.privacy-content{padding:20px 16px}.privacy-header h1{font-size:22px}.privacy-section h2{font-size:16px}}.how-to-use{line-height:1.6;margin:0 auto;max-width:900px;padding:40px 20px}.guide-content{background-color:var(--background-card);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-sm);padding:40px}.guide-header{border-bottom:2px solid var(--border-light);margin-bottom:40px;padding-bottom:24px;text-align:center}.guide-header h1{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:12px}.guide-subtitle{color:var(--text-secondary);font-size:18px;font-weight:400;margin:0}.guide-section{margin-bottom:40px}.guide-section h2{align-items:center;color:var(--text-primary);display:flex;font-size:24px;font-weight:600;gap:8px;margin-bottom:16px}.guide-section p{color:var(--text-primary);font-size:16px;margin-bottom:20px}.guide-steps{display:flex;flex-direction:column;gap:20px}.step{align-items:flex-start;background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:12px;display:flex;gap:16px;padding:20px}.step-number{align-items:center;background-color:var(--primary-blue);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:32px;justify-content:center;width:32px}.step-content{flex:1 1}.step-content strong{color:var(--text-primary);display:block;font-size:16px;margin-bottom:8px}.step-content p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.categories-guide{display:flex;flex-direction:column;gap:16px}.category-item{align-items:center;background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:10px;display:flex;gap:16px;padding:16px 20px}.category-color{border-radius:50%;flex-shrink:0;height:16px;width:16px}.category-info{flex:1 1}.category-info strong{color:var(--text-primary);display:block;font-size:15px;margin-bottom:4px}.category-info p{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0}.tips-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tip-card{background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:12px;padding:20px}.tip-card h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:12px}.tip-card p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.getting-started{background-color:var(--background-secondary);border-left:4px solid var(--primary-blue);border-radius:12px;font-size:16px;margin:0;padding:24px}@media (max-width:768px){.how-to-use{padding:24px 16px}.guide-content{padding:24px 20px}.guide-header h1{font-size:26px}.guide-subtitle{font-size:16px}.guide-section h2{font-size:20px}.step{flex-direction:column;gap:12px;padding:16px}.step-number{align-self:flex-start}.categories-guide{gap:12px}.category-item{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.tips-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:480px){.how-to-use{padding:16px 12px}.guide-content{padding:20px 16px}.guide-header h1{font-size:22px}.guide-section h2{font-size:18px}.step-content strong{font-size:15px}.step-content p{font-size:13px}}.support-page{line-height:1.6;margin:0 auto;max-width:800px;padding:40px 20px}.support-content{background-color:var(--background-card);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-sm);padding:40px}.support-header{border-bottom:2px solid var(--border-light);margin-bottom:40px;padding-bottom:24px;text-align:center}.support-icon{align-items:center;animation:pulse-heart 2s ease-in-out infinite;background:linear-gradient(135deg,var(--primary-pink) 0,var(--primary-red) 100%);border-radius:50%;color:#fff;display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto 20px;width:64px}@keyframes pulse-heart{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.support-header h1{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:12px}.support-subtitle{color:var(--text-secondary);font-size:18px;font-weight:400;margin:0}.support-section{display:flex;flex-direction:column;gap:32px}.free-notice{background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:12px;color:var(--text-primary);padding:24px;text-align:center}.free-notice h2{font-size:20px;font-weight:600;margin-bottom:12px}.free-notice p{color:var(--text-secondary);font-size:16px;margin:0}.donation-section{background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:12px;margin-top:24px;padding:24px}.donation-section h2{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:16px;text-align:center}.donation-section>p{color:var(--text-secondary);font-size:16px;margin-bottom:32px;text-align:center}.donation-methods{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.donation-method{background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:12px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.donation-method:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.method-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.method-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.method-badge{background-color:var(--primary-green);border-radius:12px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.method-badge.coming-soon{background-color:var(--text-secondary)}.method-description{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.pix-key-container{gap:12px}.pix-key,.pix-key-container{display:flex;flex-direction:column}.pix-key{background-color:var(--background-card);border:1px solid var(--border-light);border-radius:8px;gap:4px;padding:12px 16px}.pix-label{color:var(--text-secondary);font-size:12px;font-weight:500}.pix-value{background-color:var(--background-secondary);border-radius:4px;color:var(--primary-blue);font-family:Courier New,monospace;font-size:14px;font-weight:600;padding:4px 8px;word-break:break-all}.btn-copy-pix{align-items:center;background-color:var(--background-card);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.btn-copy-pix:hover{background-color:var(--primary-blue);border-color:var(--primary-blue);box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.btn-copy-pix.copied{background-color:var(--primary-green);border-color:var(--primary-green);color:#fff}.international-options{display:flex;flex-wrap:wrap;gap:8px}.kofi-button-container{display:flex;justify-content:center;margin-bottom:20px}.kofi-button{border-radius:6px;overflow:hidden;transition:transform .2s ease}.kofi-button:hover{transform:translateY(-2px)}.kofi-button img{display:block}.appreciation-section{background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:12px;padding:24px}.appreciation-section h2{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:16px}.appreciation-section p{color:var(--text-secondary);margin-bottom:20px}.other-support h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:12px}.support-list{list-style:none;margin:0;padding:0}.support-list li{color:var(--text-secondary);font-size:14px;padding:8px 0 8px 20px;position:relative}.support-list li:before{content:"💙";font-size:12px;left:0;position:absolute}.contact-section{background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:12px;padding:20px;text-align:center}.contact-section h2{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:12px}.contact-section p{color:var(--text-secondary);margin:0}.contact-link{color:var(--primary-blue);font-weight:500;text-decoration:none;transition:color .2s ease}.contact-link:hover{color:var(--primary-blue);text-decoration:underline}@media (max-width:768px){.support-page{padding:24px 16px}.support-content{padding:24px 20px}.support-header h1{font-size:26px}.support-subtitle{font-size:16px}.donation-methods{gap:20px;grid-template-columns:1fr}.donation-method{padding:20px}.support-section{gap:24px}}@media (max-width:480px){.support-page{padding:16px 12px}.support-content{padding:20px 16px}.support-header h1{font-size:22px}.support-icon{font-size:24px;height:48px;width:48px}.donation-method{padding:16px}.pix-key{padding:12px}.btn-copy-pix{font-size:16px;padding:14px}}
/*# sourceMappingURL=main.42bdc024.css.map*/