.k{text-align:center;margin-bottom:1rem;padding-top:.5rem}.i{color:var(--primary-color);font-weight:700;font-size:1.3rem;margin-bottom:.1rem;letter-spacing:-.5px}.p{color:var(--text-light);font-size:.75rem}@media(min-width:480px){.k{margin-bottom:2rem}.i{font-size:1.8rem}}@media(min-width:768px){.i{font-size:2rem}}@media(min-width:992px){.i{font-size:2.25rem}.p{font-size:1rem}}@media(prefers-color-scheme:dark){.i{color:var(--primary-color)}.p{color:var(--text-light)}}.v{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;padding:0 .5rem}.c{position:relative;display:flex;background:#fff;border-radius:30px;padding:.25rem;box-shadow:var(--shadow-sm);margin:0 auto;max-width:100%;width:100%;overflow:hidden;z-index:1}.F{position:absolute;top:.25rem;left:0;width:50%;height:calc(100% - .5rem);background:var(--primary-color);border-radius:30px;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:-1}.f{flex:1;padding:.75rem 0;text-align:center;color:var(--text-light);background:none;border:none;cursor:pointer;border-radius:30px;font-weight:500;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;white-space:nowrap}.u{color:#fff;font-weight:600;font-size:1.05rem}.y{display:flex;justify-content:center;margin:.5rem 0;opacity:.6}.x{font-size:.75rem;color:var(--text-light);animation:w 3s infinite;padding:.25rem .75rem;background-color:#ffffffb3;border-radius:20px;box-shadow:var(--shadow-sm)}@keyframes w{0%{opacity:.2}50%{opacity:.8}to{opacity:.2}}.z{position:relative;width:100%;overflow:hidden;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);margin-bottom:1rem}.J{display:flex;transition:transform .3s cubic-bezier(.4,0,.2,1);width:200%;transform:translate(0)}.o{width:50%;flex-shrink:0;padding:1rem;opacity:.5;transform:scale(.9);transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;overflow-x:hidden}.K{opacity:1;transform:scale(1)}.j{margin-bottom:1rem;width:100%;max-width:100%;box-sizing:border-box}.j label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem;color:var(--text-light)}.a{padding:.6rem .8rem;margin-right:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;max-width:100%}.a:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #3452a533}.h{margin-top:1rem;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.h h5{margin-bottom:.5rem;font-weight:600;font-size:.875rem;color:var(--text-light)}.b{display:flex;flex-wrap:wrap;gap:2rem;padding:1rem;background-color:var(--primary-light);border-radius:var(--border-radius);justify-content:center;align-items:flex-start}.L{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%}.M{display:flex;flex-direction:column}.q{font-size:.85rem;color:var(--primary-dark);font-weight:600}.d{font-size:1.1rem;font-weight:600}.P{display:flex;flex-direction:column;align-items:center;gap:.5rem}.Q{display:flex;flex-direction:column;align-items:center;gap:.25rem}.R{font-weight:600}.S{font-size:.9rem;color:var(--text-muted)}.Y{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}@media(max-width:480px){.f{font-size:.9rem;padding:.7rem 0}.u{font-size:1rem}.o{padding:.75rem}.d{font-size:1rem}.a{font-size:.9rem;padding:.7rem}}@media(min-width:480px){.f{font-size:1rem;padding:.8rem 0}.u{font-size:1.15rem}.o{padding:1.25rem}.x{font-size:.8rem}.a{font-size:1rem;padding:.8rem}}@media(min-width:768px){.Y,.v{padding:0}.c{max-width:500px}.o{padding:1.5rem}.h{margin-top:1.25rem}.b{padding:1.25rem}.d{font-size:1.2rem}.y{display:none}}@media(min-width:992px){.c{max-width:600px}.o{padding:1.75rem}}.T{display:flex;flex-wrap:wrap;gap:.2rem;margin-bottom:.5rem}.n{padding:.2rem .5rem;border-radius:2rem;font-size:.85rem;background-color:var(--light-gray);border:1px solid transparent;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none}.n:hover{background-color:#3452a51a}.A{background-color:var(--primary-light);border-color:var(--primary-color);color:var(--primary-dark);font-weight:600}.H{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);width:100%}.U{display:flex;flex-wrap:wrap;flex-direction:column;gap:1.5rem;width:100%}.V{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}.W{font-weight:600;font-size:.9rem;color:var(--primary-dark)}@media(max-width:767px){.b{gap:1.5rem}}@media(min-width:768px){.n{padding:.4rem 1rem;font-size:.9rem}.d{font-size:1.2rem}}.Z{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.I{display:flex;gap:.2rem;margin-left:.5rem}.r{padding:.25rem .5rem;background-color:var(--light-gray);border:1px solid transparent;border-radius:1rem;color:var(--text-dark);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:2rem;height:1.8rem;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none}.r:hover{background-color:#3452a51a}.r:active{background-color:#3452a526;transform:scale(.95)}.r:focus{background-color:#3452a51a;outline:none}@media(min-width:480px){.r{padding:.3rem .6rem;font-size:.75rem;min-width:2.25rem;height:2rem}.I{gap:.2rem}}@media(min-width:768px){.r{font-size:.8rem;min-width:2.5rem}}@media(prefers-color-scheme:dark){.c,.z,.H{background-color:var(--dark-bg-secondary, #1e1e1e);border:1px solid var(--dark-border, #3c4043)}.o{background-color:transparent;color:var(--dark-text, #e1e3e6)}.a{background-color:var(--dark-bg-tertiary, #2d2d2d);border-color:var(--dark-border, #3c4043);color:var(--dark-text, #e1e3e6)}.a:focus{background-color:var(--dark-bg-secondary, #1e1e1e);border-color:var(--primary-color, #7bb3ff)}.b{background-color:var(--dark-bg-secondary, #1e1e1e);border:1px solid var(--dark-border, #3c4043)}.q{color:var(--primary-color, #7bb3ff)}.d{color:var(--dark-text, #e1e3e6)}.x{background-color:#ffffff14;color:var(--dark-text-secondary, #bdc1c6)}.n{background-color:var(--dark-bg-tertiary, #2d2d2d);color:var(--dark-text, #e1e3e6);border-color:var(--dark-border, #3c4043)}.n:hover{background-color:var(--dark-surface, #242424)}.A{background-color:var(--primary-color, #7bb3ff);color:#fff;border-color:var(--primary-color, #7bb3ff)}.r{background-color:var(--dark-bg-tertiary, #2d2d2d);color:var(--dark-text, #e1e3e6);border-color:var(--dark-border, #3c4043)}.r:hover{background-color:var(--dark-surface, #242424)}}.N{width:100%;margin-top:1rem;overflow:hidden;border-radius:var(--border-radius);background:#fff;box-shadow:var(--shadow-md)}.O{background:#fff;border-radius:var(--border-radius);overflow:hidden}.G{background-color:var(--primary-light);color:var(--primary-dark);font-weight:600;padding:1rem;margin:0;font-size:1rem;border-bottom:1px solid rgba(0,0,0,.05);position:relative;display:flex;align-items:center}.e{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;padding:.5rem;white-space:nowrap;scrollbar-width:thin;scrollbar-color:var(--primary-light) transparent}.e::-webkit-scrollbar{height:8px}.e::-webkit-scrollbar-track{background:transparent;border-radius:4px}.e::-webkit-scrollbar-thumb{background-color:var(--primary-light);border-radius:4px;border:2px solid white}.e::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color)}._{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--primary-dark);color:#fff;font-size:.75rem;font-weight:700;margin-left:.5rem;cursor:pointer;position:relative}.m{display:none;position:absolute;top:calc(100% + 5px);left:0;background:#fff;box-shadow:var(--shadow-md);border-radius:var(--border-radius);padding:1rem;width:250px;z-index:100;font-weight:400;text-align:left;font-size:.85rem}.rr{display:block}.m h5{margin-top:0;margin-bottom:.5rem;font-size:.9rem;color:var(--primary-dark)}.er{margin-bottom:.3rem;font-size:.8rem}.X{border-collapse:collapse;font-size:.85rem;white-space:nowrap;width:auto}.l{padding:0;border-bottom:1px solid rgba(0,0,0,.05);cursor:pointer;position:relative}.or{display:flex;align-items:center}.l:hover{background-color:#3452a51f}.s{display:inline-block;text-align:right;padding:.35rem .5rem .35rem .25rem;width:50px;border-right:1px dashed rgba(0,0,0,.1)}.g{display:inline-block;text-align:left;padding:.35rem .25rem .35rem .5rem;width:45px}.ar{position:absolute;top:0;right:0;width:2px;height:100%;background-color:#00000026}.l.t{background-color:#3452a514}.t .s,.t .g{font-weight:700;color:var(--primary-color)}.tr{position:relative}.B{display:flex;flex-direction:column;gap:.1rem;text-align:center}.B div{color:inherit;font-weight:inherit}@keyframes ir{0%{opacity:0}to{opacity:1}}@media(min-width:768px){.X{font-size:.9rem}.s{width:60px}.g{width:50px}}@media(prefers-color-scheme:dark){.N,.O{background-color:var(--dark-bg-secondary, #1e1e1e);border:1px solid var(--dark-border, #3c4043)}.G{background-color:var(--dark-surface, #242424);color:var(--primary-color, #7bb3ff);border-bottom-color:var(--dark-border, #3c4043)}.m{background-color:var(--dark-bg-secondary, #1e1e1e);border:1px solid var(--dark-border, #3c4043);color:var(--dark-text, #e1e3e6)}.m h5{color:var(--primary-color, #7bb3ff)}.l:hover{background-color:#7bb3ff1f}.l.t{background-color:#7bb3ff26}.t .s,.t .g{color:var(--primary-color, #7bb3ff)}.e::-webkit-scrollbar-track{background:var(--dark-bg-tertiary, #2d2d2d)}.e::-webkit-scrollbar-thumb{background-color:var(--dark-border, #3c4043);border-color:var(--dark-bg-secondary, #1e1e1e)}.e::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color, #7bb3ff)}}.budget-table{width:100%;margin-bottom:20px}.budget-table table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.budget-table.income table{border:1px solid #d6eed6}.budget-table.expense table{border:1px solid #f8d7d7}.budget-table th,.budget-table td{padding:12px;text-align:left;border-bottom:1px solid #eaeaea}.budget-table th{background-color:#f6f6f6;font-weight:600;font-size:.9rem}.budget-table.income th{background-color:#e8f5e8}.budget-table.expense th{background-color:#fdf0f0}.budget-table tbody tr:hover{background-color:#f9f9f9}.budget-table.income tbody tr:hover{background-color:#f0f8f0}.budget-table.expense tbody tr:hover{background-color:#fff5f5}.content-col{width:40%}.frequency-col{width:20%}.amount-col{width:30%}.action-col{width:10%}.content-cell,.frequency-cell,.amount-cell{cursor:pointer}.content-cell input,.amount-cell input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.content-cell input:focus,.amount-cell input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.placeholder{color:#aaa;font-style:italic}.frequency-selector{display:flex;flex-wrap:wrap;gap:4px}.frequency-option{padding:4px 8px;border:1px solid #ddd;border-radius:12px;background-color:#fff;font-size:.85rem;cursor:pointer;transition:all .2s}.frequency-option:hover{background-color:#f0f0f0}.frequency-option.selected{background-color:#4caf50;color:#fff;border-color:#4caf50}.amount{display:flex;align-items:baseline}.delete-btn{width:24px;height:24px;border-radius:50%;border:none;background-color:#f0f0f0;color:#777;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s}.delete-btn:hover{background-color:#ff5252;color:#fff}.add-row td{padding:8px;text-align:center;border-bottom:none}.add-btn{padding:6px 12px;border:1px dashed #aaa;border-radius:20px;background-color:transparent;color:#777;cursor:pointer;transition:all .2s;width:100%}.add-btn:hover{background-color:#f0f0f0;color:#333}.budget-table.income .add-btn:hover{background-color:#e8f5e8;border-color:#4caf50;color:#4caf50}.budget-table.expense .add-btn:hover{background-color:#fdf0f0;border-color:#ff5252;color:#ff5252}@media(max-width:480px){.budget-table th,.budget-table td{padding:8px}.frequency-option{padding:2px 6px;font-size:.75rem}.amount-value{font-size:.9rem}}@media(prefers-color-scheme:dark){.budget-table table{box-shadow:0 2px 8px #0000004d}.budget-table.income table{border:1px solid #305d30}.budget-table.expense table{border:1px solid #5d3030}.budget-table th,.budget-table td{border-bottom:1px solid #333}.budget-table th{background-color:#2a2a2a}.budget-table.income th{background-color:#2a3e2a}.budget-table.expense th{background-color:#3e2a2a}.budget-table tbody tr:hover{background-color:#222}.budget-table.income tbody tr:hover{background-color:#263026}.budget-table.expense tbody tr:hover{background-color:#302626}.content-cell input,.amount-cell input{background-color:#2a2a2a;color:#e0e0e0;border:1px solid #444}.placeholder{color:#777}.frequency-option{background-color:#2a2a2a;color:#e0e0e0;border:1px solid #444}.frequency-option:hover{background-color:#3a3a3a}.frequency-option.selected{background-color:#388e3c;border-color:#388e3c}.currency-symbol{color:#aaa}.delete-btn{background-color:#2a2a2a;color:#aaa}.delete-btn:hover{background-color:#d32f2f}.add-btn{border:1px dashed #555;color:#aaa}.add-btn:hover{background-color:#2a2a2a;color:#e0e0e0}.budget-table.income .add-btn:hover{background-color:#2a3e2a;border-color:#388e3c;color:#81c784}.budget-table.expense .add-btn:hover{background-color:#3e2a2a;border-color:#d32f2f;color:#e57373}}.budget-summary{background-color:#f9f9f9;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.summary-header{margin-bottom:15px}.summary-header h3{margin:0;font-size:1.2rem;font-weight:600;color:#333}.summary-items{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}@media(min-width:768px){.summary-items{grid-template-columns:repeat(4,1fr)}}.summary-item{padding:15px;border-radius:8px;background-color:#fff;box-shadow:0 1px 3px #0000001a}.summary-item.income{background-color:#e8f5e8}.summary-item.expense{background-color:#fdf0f0}.summary-item.balance.positive{background-color:#e3f2fd}.summary-item.balance.negative{background-color:#ffebee}.summary-item.rate{background-color:#f3e5f5}.summary-label{font-size:.85rem;color:#666;margin-bottom:8px}.summary-value{display:flex;align-items:baseline;font-size:1.5rem;font-weight:600}.currency-symbol{font-size:.9rem;margin-right:2px;color:#777}.amount-value{font-size:1.5rem;font-weight:600}.unit{font-size:1rem;margin-left:2px;color:#777}.sign{margin-left:4px;font-size:1rem}.summary-item.balance.positive .sign{color:#4caf50}.summary-item.balance.negative .sign{color:#f44336}.summary-advice{margin-top:20px;padding:10px;border-radius:6px;font-size:.9rem;text-align:center;font-style:italic;color:#555}@media(prefers-color-scheme:dark){.budget-summary{background-color:#2a2a2a;box-shadow:0 2px 8px #0000004d}.summary-header h3{color:#e0e0e0}.summary-item{background-color:#333;box-shadow:0 1px 3px #0000004d}.summary-item.income{background-color:#2a3e2a}.summary-item.expense{background-color:#3e2a2a}.summary-item.balance.positive{background-color:#1a3c5a}.summary-item.balance.negative{background-color:#5a1a1a}.summary-item.rate{background-color:#3a2a4a}.summary-label,.currency-symbol,.unit{color:#aaa}.summary-item.balance.positive .sign{color:#81c784}.summary-item.balance.negative .sign{color:#e57373}.summary-advice{color:#aaa}}.budget-chart{background-color:#f9f9f9;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.chart-header{margin-bottom:15px}.chart-header h3{margin:0;font-size:1.2rem;font-weight:600;color:#333}.chart-container{margin-bottom:20px}.chart-item{margin-bottom:15px}.chart-label{font-size:.9rem;color:#666;margin-bottom:5px}.chart-bar-container{height:24px;background-color:#eaeaea;border-radius:12px;overflow:hidden;position:relative;margin-bottom:5px}.chart-bar{height:100%;width:0;border-radius:12px;transition:width 1s ease-out}.income-bar{background-color:#4caf50;background-image:linear-gradient(to right,#81c784,#4caf50)}.expense-bar{background-color:#f44336;background-image:linear-gradient(to right,#e57373,#f44336)}.chart-value{display:flex;align-items:baseline;font-size:1rem}.currency-symbol{font-size:.8rem;margin-right:2px;color:#777}.amount-value{font-size:1rem;font-weight:500}.chart-balance{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:6px;margin-top:10px}.chart-balance.positive{background-color:#e8f5e8}.chart-balance.negative{background-color:#fdf0f0}.balance-label{font-size:.9rem;margin-right:8px;font-weight:500}.balance-value{display:flex;align-items:baseline}.chart-balance.positive .balance-label{color:#4caf50}.chart-balance.negative .balance-label{color:#f44336}@keyframes barGrow{0%{width:0}to{width:100%}}@media(min-width:768px){.chart-container{display:flex;flex-direction:column;gap:20px}.chart-item{margin-bottom:0}}@media(prefers-color-scheme:dark){.budget-chart{background-color:#2a2a2a;box-shadow:0 2px 8px #0000004d}.chart-header h3{color:#e0e0e0}.chart-label{color:#aaa}.chart-bar-container{background-color:#444}.income-bar{background-image:linear-gradient(to right,#4c8c4a,#388e3c)}.expense-bar{background-image:linear-gradient(to right,#c75b57,#d32f2f)}.currency-symbol{color:#aaa}.chart-balance.positive{background-color:#2a3e2a}.chart-balance.negative{background-color:#3e2a2a}.chart-balance.positive .balance-label{color:#81c784}.chart-balance.negative .balance-label{color:#e57373}}.savings-simulator{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px}.savings-simulator h3{margin-top:0;margin-bottom:20px;color:#333;border-bottom:2px solid #4caf50;padding-bottom:8px}.simulator-settings{background:#f8f9fa;padding:15px;border-radius:6px;margin-bottom:20px}.setting-row{display:flex;align-items:center;gap:10px;margin-bottom:15px;flex-wrap:wrap}.setting-row:last-child{margin-bottom:0}.setting-row label{font-weight:500;color:#555;min-width:120px}.setting-row input[type=number],.setting-row select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:1rem;min-width:120px}.unit{color:#666;font-size:.9rem}.budget-info{color:#666;font-size:.8rem;font-style:italic}.optimize-button{background:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.optimize-button:hover{background:#45a049}.investment-allocation{margin-bottom:20px}.investment-allocation h4{margin-bottom:15px;color:#333}.allocation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.allocation-item{background:#f9f9f9;padding:15px;border-radius:6px;border:1px solid #e0e0e0}.investment-checkbox{display:flex;align-items:center;gap:8px;margin-bottom:10px;cursor:pointer}.investment-checkbox input[type=checkbox]{margin:0}.investment-name{font-weight:500;color:#333}.investment-rate{color:#666;font-size:.9rem}.allocation-controls{display:flex;align-items:center;gap:10px;margin-top:10px}.allocation-controls input[type=range]{flex:1;min-width:100px}.allocation-value{font-weight:700;color:#4caf50;min-width:40px}.monthly-amount{color:#666;font-size:.9rem;min-width:80px}.simulation-results{margin-bottom:20px}.simulation-results h4{margin-bottom:15px;color:#333}.results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.summary-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:15px;border-radius:8px;text-align:center}.summary-label{display:block;font-size:.9rem;color:#666;margin-bottom:5px}.summary-value{display:block;font-size:1.4rem;font-weight:700}.summary-value.primary{color:#4caf50}.summary-value.success{color:#2e7d32}.summary-value.warning{color:#f57c00}.detailed-results{overflow-x:auto}.results-table{width:100%;border-collapse:collapse;margin-top:15px}.results-table th,.results-table td{padding:10px;text-align:left;border-bottom:1px solid #e0e0e0}.results-table th{background:#f5f5f5;font-weight:600;color:#333}.results-table .profit{color:#4caf50;font-weight:500}.results-table .loss{color:#f44336;font-weight:500}.strategy-comparison{margin-top:20px}.strategy-comparison h4{margin-bottom:15px;color:#333}.strategy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.strategy-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:15px;transition:box-shadow .2s}.strategy-card:hover{box-shadow:0 2px 8px #0000001a}.strategy-card h5{margin-top:0;margin-bottom:8px;color:#333}.strategy-description{color:#666;font-size:.9rem;margin-bottom:15px}.strategy-metrics{display:flex;flex-direction:column;gap:8px}.metric{display:flex;justify-content:space-between;align-items:center}.metric-label{color:#666;font-size:.9rem}.metric-value{font-weight:700}.metric-value.success{color:#4caf50}.metric-value.warning{color:#ff9800}@media(max-width:768px){.setting-row{flex-direction:column;align-items:flex-start}.setting-row label{min-width:auto}.allocation-grid,.results-summary,.strategy-grid{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.savings-simulator{background:var(--dark-bg-secondary, #1e1e1e);border-color:var(--dark-border, #3c4043)}.savings-simulator h3{color:var(--dark-text, #e1e3e6);border-bottom-color:var(--primary-color, #7bb3ff)}.simulator-settings{background:var(--dark-bg-tertiary, #2d2d2d)}.setting-row label{color:var(--dark-text-secondary, #9aa0a6)}.setting-row input[type=number],.setting-row select{background:var(--dark-bg-tertiary, #2d2d2d);border-color:var(--dark-border, #3c4043);color:var(--dark-text, #e1e3e6)}.optimize-button{background:var(--primary-color, #7bb3ff)}.optimize-button:hover{background:#6ba3ef}.investment-allocation h4,.simulation-results h4,.strategy-comparison h4{color:var(--dark-text, #e1e3e6)}.allocation-item{background:var(--dark-bg-tertiary, #2d2d2d);border-color:var(--dark-border, #3c4043)}.investment-name{color:var(--dark-text, #e1e3e6)}.investment-rate,.monthly-amount{color:var(--dark-text-secondary, #9aa0a6)}.allocation-value{color:var(--primary-color, #7bb3ff)}.summary-card{background:linear-gradient(135deg,#2d2d2d,#3c4043)}.summary-label{color:var(--dark-text-secondary, #9aa0a6)}.summary-value.primary{color:var(--primary-color, #7bb3ff)}.results-table th{background:var(--dark-bg-tertiary, #2d2d2d);color:var(--dark-text, #e1e3e6)}.results-table td{color:var(--dark-text, #e1e3e6);border-bottom-color:var(--dark-border, #3c4043)}.strategy-card{background:var(--dark-bg-tertiary, #2d2d2d);border-color:var(--dark-border, #3c4043)}.strategy-card h5{color:var(--dark-text, #e1e3e6)}.strategy-description,.metric-label{color:var(--dark-text-secondary, #9aa0a6)}.metric-value.success{color:#66bb6a}.metric-value.warning{color:#ffb74d}}.tax-guide{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px}.tax-guide h3{margin-top:0;margin-bottom:15px;color:#333;border-bottom:2px solid #4caf50;padding-bottom:8px;font-weight:700}.guide-intro{color:#666;font-size:1rem;margin-bottom:20px;line-height:1.6}.recommended-benefits{margin-bottom:30px}.recommended-benefits h4{color:#4caf50;margin-bottom:15px;font-size:1.2rem;font-weight:700}.benefit-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:15px;margin-bottom:15px;transition:box-shadow .2s}.benefit-card:hover{box-shadow:0 2px 8px #0000001a}.benefit-card.priority-1{border-left:4px solid #4caf50;background:#f8fff8}.benefit-card.priority-2{border-left:4px solid #2196f3;background:#f8fbff}.benefit-card.priority-3{border-left:4px solid #ff9800;background:#fffaf8}.benefit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.benefit-header h5{margin:0;color:#333;font-size:1.1rem}.recommended-badge{background:#4caf50;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.benefit-description{color:#666;margin-bottom:10px;line-height:1.5}.benefit-details{display:flex;gap:15px;margin-bottom:10px;flex-wrap:wrap}.max-amount{color:#2196f3;font-weight:500;font-size:.9rem}.risk-level{font-size:.9rem;font-weight:500}.risk-level.none{color:#4caf50}.risk-level.low{color:#ff9800}.risk-level.medium{color:#f44336}.benefit-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;padding:8px 12px;color:#856404;font-size:.9rem;margin-top:10px}.detailed-guide{margin-bottom:30px}.detailed-guide h4{color:#333;margin-bottom:15px;font-size:1.2rem}.guide-section{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:15px;overflow:hidden}.section-header{width:100%;background:#f8f9fa;border:none;padding:15px 20px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.section-header:hover{background:#e9ecef}.section-title{font-weight:500;color:#333;font-size:1rem}.expand-icon{font-size:1.2rem;color:#666;font-weight:700}.section-content{padding:20px;border-top:1px solid #e0e0e0}.highlight-box{padding:15px;border-radius:6px;margin-bottom:15px}.highlight-box.recommended{background:#e8f5e8;border:1px solid #c8e6c9}.highlight-box.warning{background:#fff3e0;border:1px solid #ffcc02}.highlight-box.info{background:#e3f2fd;border:1px solid #90caf9}.highlight-box h5{margin-top:0;margin-bottom:8px;color:#333}.highlight-box p{margin:0;color:#555;line-height:1.5}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:15px}.detail-item{background:#f9f9f9;padding:15px;border-radius:6px}.detail-item h6{margin-top:0;margin-bottom:10px;color:#333;font-size:1rem}.detail-item ul{margin:0;padding-left:20px}.detail-item li{margin-bottom:5px;color:#666;font-size:.9rem}.limits-breakdown{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap}.limit-item{background:#f0f4f8;padding:10px 15px;border-radius:6px;display:flex;flex-direction:column;align-items:center;min-width:150px}.limit-category{font-size:.9rem;color:#666;margin-bottom:5px}.limit-amount{font-size:1.2rem;font-weight:700;color:#2196f3}.procedure-info{background:#f8f9fa;padding:15px;border-radius:6px;margin-top:15px}.procedure-info h6{margin-top:0;margin-bottom:10px;color:#333}.procedure-info ul{margin:0;padding-left:20px}.procedure-info li{margin-bottom:5px;color:#666;font-size:.9rem}.annual-calculation{background:#f0f8ff;padding:15px;border-radius:6px;margin-bottom:15px}.annual-calculation h6{margin-top:0;margin-bottom:10px;color:#333}.calculation-result{display:flex;align-items:center;gap:10px;margin-bottom:10px}.calc-label{color:#666;font-size:1rem}.calc-amount{font-size:1.4rem;font-weight:700;color:#2196f3}.calc-note{color:#666;font-size:.9rem;margin:0;font-style:italic}.tips{background:#f9f9f9;padding:15px;border-radius:6px;margin-top:15px}.tips h6{margin-top:0;margin-bottom:10px;color:#333}.tips ul{margin:0;padding-left:20px}.tips li{margin-bottom:5px;color:#666;font-size:.9rem}.comparison-table{margin-bottom:30px}.comparison-table h4{color:#333;margin-bottom:15px}.comparison-table table{width:100%;border-collapse:collapse;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.comparison-table th,.comparison-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.comparison-table th{background:#f8f9fa;font-weight:600;color:#333}.comparison-table .recommended-row{background:#f8fff8}.comparison-table .recommended-row td{font-weight:500}.disclaimer{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:15px;margin-top:20px}.disclaimer h5{margin-top:0;margin-bottom:10px;color:#856404}.disclaimer p{margin:0;color:#856404;font-size:.9rem;line-height:1.5}@media(max-width:768px){.benefit-details{flex-direction:column;gap:8px}.details-grid{grid-template-columns:1fr}.limits-breakdown{flex-direction:column}.limit-item{min-width:auto}.calculation-result{flex-direction:column;align-items:flex-start;gap:5px}.comparison-table{overflow-x:auto}}@media(prefers-color-scheme:dark){.tax-guide{background:var(--dark-bg-secondary, #1e1e1e);border-color:var(--dark-border, #3c4043)}.tax-guide h3{color:var(--dark-text, #e1e3e6);border-bottom-color:var(--primary-color, #7bb3ff)}.guide-intro{color:var(--dark-text-secondary, #9aa0a6)}.recommended-benefits h4,.detailed-guide h4,.comparison-table h4{color:var(--primary-color, #7bb3ff)}.benefit-card{background:var(--dark-bg-tertiary, #2d2d2d);border-color:var(--dark-border, #3c4043)}.benefit-card.priority-1{background:#1a2e1a;border-left-color:#66bb6a}.benefit-card.priority-2{background:#1a1e2e;border-left-color:#64b5f6}.benefit-card.priority-3{background:#2e1e1a;border-left-color:#ffb74d}.benefit-header h5{color:var(--dark-text, #e1e3e6)}.benefit-description{color:var(--dark-text-secondary, #9aa0a6)}.max-amount{color:#64b5f6}.benefit-warning{background:#3e2723;border-color:#5d4037;color:#ffb74d}.guide-section{border-color:var(--dark-border, #3c4043)}.section-header{background:var(--dark-bg-tertiary, #2d2d2d)}.section-header:hover{background:var(--dark-surface, #242424)}.section-title{color:var(--dark-text, #e1e3e6)}.expand-icon{color:var(--dark-text-secondary, #9aa0a6)}.section-content{border-top-color:var(--dark-border, #3c4043)}.highlight-box.recommended{background:#1a2e1a;border-color:#2e7d32}.highlight-box.warning{background:#2e1e1a;border-color:#f57c00}.highlight-box.info{background:#1a1e2e;border-color:#1976d2}.highlight-box h5,.highlight-box p{color:var(--dark-text, #e1e3e6)}.detail-item{background:var(--dark-bg-tertiary, #2d2d2d)}.detail-item h6{color:var(--dark-text, #e1e3e6)}.detail-item li{color:var(--dark-text-secondary, #9aa0a6)}.limit-item{background:var(--dark-bg-tertiary, #2d2d2d)}.limit-category{color:var(--dark-text-secondary, #9aa0a6)}.limit-amount{color:#64b5f6}.procedure-info,.annual-calculation,.tips{background:var(--dark-bg-tertiary, #2d2d2d)}.procedure-info h6,.annual-calculation h6,.tips h6{color:var(--dark-text, #e1e3e6)}.procedure-info li,.tips li,.calc-label,.calc-note{color:var(--dark-text-secondary, #9aa0a6)}.calc-amount{color:#64b5f6}.comparison-table table{border-color:var(--dark-border, #3c4043)}.comparison-table th{background:var(--dark-bg-tertiary, #2d2d2d);color:var(--dark-text, #e1e3e6)}.comparison-table td{color:var(--dark-text, #e1e3e6);border-bottom-color:var(--dark-border, #3c4043)}.comparison-table .recommended-row{background:#1a2e1a}.disclaimer{background:#3e2723;border-color:#5d4037}.disclaimer h5,.disclaimer p{color:#ffb74d}}.education-timeline{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px}.education-timeline h3{margin-top:0;margin-bottom:15px;color:#333;border-bottom:2px solid #4caf50;padding-bottom:8px;font-weight:700}.timeline-description{color:#666;font-size:1rem;margin-bottom:30px;line-height:1.6}.timeline-container{position:relative;margin-bottom:30px}.timeline-line{position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#4caf50,#2196f3,#ff9800,#9c27b0);z-index:1}.timeline-item{position:relative;margin-bottom:40px;padding-left:80px}.timeline-item:last-child{margin-bottom:0}.timeline-item.passed{opacity:.7}.timeline-item.upcoming{animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.timeline-marker{position:absolute;left:-50px;top:10px;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 2px 8px #0000001a;border:3px solid #fff}.stage-icon{font-size:1.5rem}.timeline-content{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d;transition:box-shadow .2s}.timeline-content:hover{box-shadow:0 4px 12px #0000001a}.stage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.stage-name{margin:0;color:#333;font-size:1.3rem}.stage-timing{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.timing-current{background:#4caf50;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.timing-years{font-size:1.1rem;font-weight:700;color:#333}.timing-year{font-size:.9rem;color:#666}.stage-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f9f9f9;border-radius:4px}.detail-label{color:#666;font-size:.9rem}.detail-value{font-weight:700;font-size:1rem}.detail-value.cost{color:#ff9800}.detail-value.cumulative{color:#2196f3}.detail-value.target{color:#4caf50}.progress-section{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:6px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{font-weight:500;color:#333}.progress-percentage{font-weight:700;color:#4caf50}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.progress-amounts{display:flex;justify-content:space-between;font-size:.9rem}.current-amount{color:#4caf50;font-weight:500}.target-amount{color:#666}.stage-alert{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:6px;margin-top:15px;font-size:.9rem}.upcoming-alert{background:#fff3e0;border:1px solid #ffcc02;color:#e65100}.current-alert{background:#e8f5e8;border:1px solid #4caf50;color:#2e7d32}.alert-icon{font-size:1rem}.alert-text{font-weight:500}.timeline-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#fffc;border-radius:6px}.summary-label{color:#666;font-weight:500}.summary-value{font-weight:700;font-size:1.1rem;color:#333}.summary-value.total,.summary-value.current{color:#4caf50}.important-milestones{margin-top:30px}.important-milestones h4{color:#333;margin-bottom:15px;font-size:1.2rem}.milestones-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.milestone-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:15px;display:flex;align-items:center;gap:15px;transition:box-shadow .2s}.milestone-card:hover{box-shadow:0 2px 8px #0000001a}.milestone-icon{font-size:2rem;flex-shrink:0}.milestone-content h5{margin:0 0 5px;color:#333;font-size:1.1rem}.milestone-content p{margin:0;color:#666;font-size:.9rem;line-height:1.4}@media(max-width:768px){.timeline-item{padding-left:60px}.timeline-marker{left:-40px;width:50px;height:50px}.stage-icon{font-size:1.2rem}.stage-header{flex-direction:column;align-items:flex-start;gap:10px}.stage-details,.timeline-summary,.milestones-grid{grid-template-columns:1fr}.milestone-card{flex-direction:column;text-align:center}}@media(prefers-color-scheme:dark){.education-timeline{background:var(--dark-bg-secondary, #1e1e1e);border-color:var(--dark-border, #3c4043)}.education-timeline h3{color:var(--dark-text, #e1e3e6);border-bottom-color:var(--primary-color, #7bb3ff)}.timeline-description{color:var(--dark-text-secondary, #9aa0a6)}.timeline-content{background:var(--dark-bg-tertiary, #2d2d2d);border-color:var(--dark-border, #3c4043)}.stage-name,.timing-years{color:var(--dark-text, #e1e3e6)}.timing-year{color:var(--dark-text-secondary, #9aa0a6)}.detail-row{background:var(--dark-bg-tertiary, #2d2d2d)}.detail-label{color:var(--dark-text-secondary, #9aa0a6)}.detail-value{color:var(--dark-text, #e1e3e6)}.detail-value.cost{color:#ffb74d}.detail-value.cumulative{color:#64b5f6}.detail-value.target{color:#66bb6a}.progress-section{background:var(--dark-bg-tertiary, #2d2d2d)}.progress-label{color:var(--dark-text, #e1e3e6)}.progress-percentage{color:#66bb6a}.progress-bar{background:var(--dark-border, #3c4043)}.current-amount{color:#66bb6a}.target-amount{color:var(--dark-text-secondary, #9aa0a6)}.upcoming-alert{background:#3e2723;border-color:#5d4037;color:#ffb74d}.current-alert{background:#1b5e20;border-color:#2e7d32;color:#66bb6a}.timeline-summary{background:linear-gradient(135deg,#2d2d2d,#3c4043)}.summary-item{background:#ffffff1a}.summary-label{color:var(--dark-text-secondary, #9aa0a6)}.summary-value{color:var(--dark-text, #e1e3e6)}.summary-value.total{color:var(--primary-color, #7bb3ff)}.summary-value.current{color:#66bb6a}.important-milestones h4{color:var(--dark-text, #e1e3e6)}.milestone-card{background:var(--dark-bg-tertiary, #2d2d2d);border-color:var(--dark-border, #3c4043)}.milestone-content h5{color:var(--dark-text, #e1e3e6)}.milestone-content p{color:var(--dark-text-secondary, #9aa0a6)}}.education-savings{font-family:Helvetica Neue,Arial,sans-serif;color:#333;line-height:1.6}.education-header{text-align:center;margin-bottom:30px}.education-header h2{color:#4caf50;margin-bottom:8px;font-size:1.8rem;font-weight:700}.education-subtitle{color:#666;font-size:1rem;margin:0}.basic-settings{background:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid #e0e0e0}.basic-settings h3{margin-top:0;margin-bottom:15px;color:#333}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.setting-item{display:flex;flex-direction:column;gap:5px}.setting-item label{font-weight:500;color:#555;font-size:.9rem}.setting-item select,.setting-item input[type=number]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s ease}.setting-item select:focus,.setting-item input[type=number]:focus{outline:2px solid #4caf50;border-color:#4caf50}.setting-item input[type=checkbox]{margin-right:8px}.unit{color:#666;font-size:.9rem;margin-left:5px}.budget-summary{background:linear-gradient(135deg,#e8f5e8,#f1f8e9);padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid #c8e6c9}.budget-summary h3{margin-top:0;margin-bottom:15px;color:#333}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fffc;border-radius:6px}.summary-item .label{font-weight:500;color:#555}.summary-item .value{font-weight:700;font-size:1.1rem}.summary-item .value.income{color:#4caf50}.summary-item .value.expense{color:#f44336}.summary-item .value.surplus{color:#4caf50}.summary-item .value.deficit{color:#f44336}.education-overview{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px}.education-overview h3{margin-top:0;margin-bottom:15px;color:#333}.cost-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:15px}.cost-item{display:flex;justify-content:space-between;padding:10px;background:#f5f5f5;border-radius:4px}.stage-name{color:#555}.stage-cost{font-weight:700;color:#333}.total-cost{text-align:center;padding:15px;background:#e8f5e8;border-radius:6px;font-size:1.2rem;color:#4caf50;font-weight:700}.progress-alerts{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px}.progress-alerts h3{margin-top:0;margin-bottom:15px;color:#333}.alerts-container{display:flex;flex-direction:column;gap:15px}.alert{display:flex;align-items:flex-start;gap:12px;padding:15px;border-radius:8px;border-left:4px solid}.alert-warning{background:#fff3cd;border-left-color:#ffc107}.alert-success{background:#e8f5e8;border-left-color:#4caf50}.alert-info{background:#d1ecf1;border-left-color:#17a2b8}.alert-icon{font-size:1.2rem;flex-shrink:0;margin-top:2px}.alert-content h4{margin:0 0 5px;color:#333;font-size:1rem}.alert-content p{margin:0;color:#666;font-size:.9rem;line-height:1.4}.action-plan{background:#f9f9f9;padding:20px;border-radius:8px;margin-top:20px;border:1px solid #e0e0e0}.action-plan h3{margin-top:0;margin-bottom:15px;color:#4caf50;font-weight:700}.recommendations{display:flex;flex-direction:column;gap:15px}.recommendation{background:#fff;padding:15px;border-radius:6px;border-left:4px solid #4caf50;border:1px solid #e0e0e0}.recommendation h4{margin-top:0;margin-bottom:8px;color:#4caf50;font-size:1rem;font-weight:700}.recommendation p{margin:0;color:#555;font-size:.9rem}@media(max-width:768px){.settings-grid,.summary-grid,.cost-breakdown{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.education-savings{color:var(--dark-text, #e1e3e6)}.education-header h2{color:var(--primary-color, #7bb3ff)}.education-subtitle{color:var(--dark-text-secondary, #9aa0a6)}.basic-settings{background:var(--dark-bg-secondary, #1e1e1e);border:1px solid var(--dark-border, #3c4043)}.basic-settings h3,.education-overview h3,.action-plan h3{color:var(--dark-text, #e1e3e6)}.setting-item label{color:var(--dark-text-secondary, #9aa0a6)}.setting-item select,.setting-item input[type=number]{background:var(--dark-bg-tertiary, #2d2d2d);border-color:var(--dark-border, #3c4043);color:var(--dark-text, #e1e3e6)}.budget-summary{background:linear-gradient(135deg,#2e7d32,#388e3c)}.summary-item{background:#ffffff1a}.summary-item .label{color:var(--dark-text-secondary, #9aa0a6)}.education-overview{background:var(--dark-bg-secondary, #1e1e1e);border-color:var(--dark-border, #3c4043)}.cost-item{background:var(--dark-bg-tertiary, #2d2d2d)}.stage-name{color:var(--dark-text-secondary, #9aa0a6)}.stage-cost{color:var(--dark-text, #e1e3e6)}.total-cost{background:var(--dark-surface, #242424);color:var(--primary-color, #7bb3ff)}.action-plan{background:var(--dark-bg-secondary, #1e1e1e);border:1px solid var(--dark-border, #3c4043)}.action-plan h3{color:var(--primary-color, #7bb3ff)}.recommendation{background:var(--dark-bg-tertiary, #2d2d2d);border-left-color:var(--primary-color, #7bb3ff)}.recommendation h4{color:var(--primary-color, #7bb3ff)}.recommendation p{color:var(--dark-text-secondary, #9aa0a6)}.progress-alerts{background:var(--dark-bg-secondary, #1e1e1e);border-color:var(--dark-border, #3c4043)}.progress-alerts h3{color:var(--dark-text, #e1e3e6)}.alert-warning{background:#3e2723;border-left-color:#ffc107}.alert-success{background:#1b5e20;border-left-color:var(--primary-color, #7bb3ff)}.alert-info{background:#0d47a1;border-left-color:#64b5f6}.alert-content h4{color:var(--dark-text, #e1e3e6)}.alert-content p{color:var(--dark-text-secondary, #9aa0a6)}}.annual-budget{font-family:Helvetica Neue,Arial,sans-serif;max-width:1200px;margin:0 auto;padding:20px;color:#333}.tab-navigation{display:flex;border-bottom:2px solid #e0e0e0;margin-bottom:20px;background:#f8f9fa;border-radius:8px 8px 0 0;overflow:hidden}.tab-button{background:none;border:none;padding:16px 24px;font-size:1rem;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;color:#666;display:flex;align-items:center;gap:8px;position:relative;flex:1;justify-content:center}.tab-button:hover{color:#4caf50;background-color:#f0f8f0;transform:translateY(-2px)}.tab-button.active{color:#4caf50;border-bottom-color:#4caf50;font-weight:700;background-color:#fff;box-shadow:0 -2px 8px #4caf501a}.tab-icon{font-size:1.2rem;display:inline-block}.tab-text{font-weight:inherit}.new-badge{background:linear-gradient(45deg,#ff6b6b,#ff8e53);color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:10px;position:absolute;top:8px;right:8px;animation:pulse-badge 2s infinite;box-shadow:0 2px 4px #ff6b6b4d}@keyframes pulse-badge{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes tab-attention{0%,to{transform:translateY(0);box-shadow:0 0 #4caf5000}25%{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5033}75%{transform:translateY(-1px);box-shadow:0 2px 8px #4caf501a}}.tab-button:nth-child(2):not(.active){animation:tab-attention 3s ease-in-out 2s}.tab-content{min-height:400px}.budget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-buttons{display:flex;align-items:center;gap:10px}.budget-title{font-size:1.5rem;font-weight:700;border:none;padding:8px;border-radius:4px;background-color:#f9f9f9;min-width:200px}.budget-title:focus{outline:2px solid #4caf50;background-color:#fff}.budget-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;align-items:center}.budget-actions button{background-color:#f0f0f0;border:none;padding:8px 12px;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .2s}.budget-actions button:hover{background-color:#e0e0e0}.budget-actions button.active{background-color:#4caf50;color:#fff}.view-toggle{display:flex;margin-left:auto}.view-toggle button{background-color:#f0f0f0;border:none;padding:6px 12px}.view-toggle button:first-child{border-radius:20px 0 0 20px}.view-toggle button:last-child{border-radius:0 20px 20px 0}.view-toggle button.active{background-color:#4caf50;color:#fff}.saved-budgets{margin-bottom:20px}.saved-budgets select{width:100%;padding:8px;border-radius:4px;border:1px solid #ddd;font-size:.9rem}.budget-tables{margin-top:30px}.tables-container{display:flex;flex-direction:column;gap:30px}@media(min-width:768px){.tables-container{flex-direction:row}.table-section{flex:1}}.table-section h3{margin-top:0;margin-bottom:10px;font-size:1.2rem;color:#333}.usage-guide{margin-top:40px;padding:20px;background-color:#f9f9f9;border-radius:8px;font-size:.9rem}.usage-guide h3{margin-top:0;margin-bottom:10px;font-size:1.1rem}.usage-guide ul{margin:0;padding-left:20px}.usage-guide li{margin-bottom:8px}.help-button{width:32px;height:32px;border-radius:50%;border:2px solid #4caf50;background-color:#fff;color:#4caf50;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.help-button:hover{background-color:#4caf50;color:#fff;transform:scale(1.05)}.help-button:active{transform:scale(.95)}.save-status{position:fixed;bottom:20px;right:20px;background-color:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;z-index:100;pointer-events:none;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}@media(prefers-color-scheme:dark){.annual-budget{color:var(--dark-text, #e1e3e6);background-color:var(--dark-bg-primary, #121212)}.budget-title{background-color:var(--dark-bg-tertiary, #2d2d2d);color:var(--dark-text, #e1e3e6)}.budget-actions button{background-color:var(--dark-bg-secondary, #1e1e1e);color:var(--dark-text, #e1e3e6);border:1px solid var(--dark-border, #3c4043)}.budget-actions button:hover{background-color:var(--dark-surface, #242424)}.budget-actions button.active{background-color:var(--primary-color, #7bb3ff);color:#fff}.view-toggle button{background-color:var(--dark-bg-secondary, #1e1e1e);color:var(--dark-text, #e1e3e6);border:1px solid var(--dark-border, #3c4043)}.view-toggle button.active{background-color:var(--primary-color, #7bb3ff);color:#fff}.saved-budgets select{background-color:var(--dark-bg-tertiary, #2d2d2d);color:var(--dark-text, #e1e3e6);border-color:var(--dark-border, #3c4043)}.usage-guide{background-color:var(--dark-bg-secondary, #1e1e1e);color:var(--dark-text, #e1e3e6);border:1px solid var(--dark-border, #3c4043)}.help-button{background-color:var(--dark-bg-secondary, #1e1e1e);color:var(--primary-color, #7bb3ff);border-color:var(--primary-color, #7bb3ff)}.help-button:hover{background-color:var(--primary-color, #7bb3ff);color:#fff}.tab-navigation{border-bottom-color:var(--dark-border, #3c4043);background:var(--dark-bg-secondary, #1e1e1e)}.tab-button{color:var(--dark-text-secondary, #9aa0a6)}.tab-button:hover{color:var(--primary-color, #7bb3ff);background-color:var(--dark-surface, #242424);transform:translateY(-2px)}.tab-button.active{color:var(--primary-color, #7bb3ff);border-bottom-color:var(--primary-color, #7bb3ff);background-color:var(--dark-bg-primary, #121212);box-shadow:0 -2px 8px #7bb3ff1a}.new-badge{background:linear-gradient(45deg,#ff6b6b,#ff8e53);box-shadow:0 2px 4px #ff6b6b66}}.C{width:100%;max-width:800px;margin:0 auto;padding:1rem}.dr{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem}.D{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#333}.E{font-size:1rem;color:#666;margin-bottom:.5rem}@media(max-width:600px){.C{padding:.5rem}.D{font-size:1.25rem}.E{font-size:.9rem}}
/*# sourceMappingURL=/assets/application-dba1ddcf.css.map */