.container[data-v-34ccea29]{display:flex;flex-direction:column;gap:20px;align-items:center}h1[data-v-34ccea29]{text-align:center;color:#333;font-weight:700;margin:20px 0}.add-interest-form[data-v-34ccea29]{width:100%;max-width:760px;margin:0 auto;border:1px solid #ccc;padding:16px;border-radius:6px;box-shadow:0 0 10px #0000000d;display:grid;gap:16px;box-sizing:border-box}.input-group[data-v-34ccea29]{border:1px solid #eee;padding:10px;border-radius:6px}.input-group label[data-v-34ccea29]{display:block}.input-line[data-v-34ccea29]{display:flex;flex-direction:column;align-items:stretch;gap:8px}.input-line label[data-v-34ccea29]{display:block;width:100%;font-weight:600;margin-bottom:4px}.input-group input[type=text][data-v-34ccea29]{width:100%;padding:8px 10px;box-sizing:border-box}.input-group input[type=range][data-v-34ccea29]{width:100%;margin-top:10px;accent-color:#ff8000}.chart[data-v-34ccea29]{display:flex;flex-direction:row;gap:20px;align-items:flex-start;width:100%;max-width:760px;box-sizing:border-box}.chart[data-v-34ccea29]>*{flex:1 1 50%}@media (max-width: 640px){.chart[data-v-34ccea29]{flex-direction:column;align-items:center}.chart[data-v-34ccea29]>*{width:100%}}.chart-wrapper[data-v-34ccea29]{display:flex;flex-direction:column;align-items:center;flex:1}.chart-canvas[data-v-34ccea29]{width:280px;height:280px;position:relative;margin:0 auto}.chart-canvas[data-v-34ccea29] canvas{width:100%!important;height:100%!important;position:absolute;left:0;top:0}.chart-legend[data-v-34ccea29]{display:flex;justify-content:center;gap:20px;margin-top:20px;flex-wrap:wrap}.legend-item[data-v-34ccea29]{display:flex;align-items:center;gap:8px;background:#fdfdfd;padding:6px 10px;border-radius:6px;border:1px solid #e0e0e0;box-shadow:0 1px 2px #0000000d}.legend-item .dot[data-v-34ccea29]{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}.legend-item .dot.principal[data-v-34ccea29]{background:#6c757d}.legend-item .dot.interest[data-v-34ccea29]{background:#ff8000}.legend-label[data-v-34ccea29]{font-size:.75rem;color:#777;line-height:1.1;margin-bottom:2px}.legend-value[data-v-34ccea29]{font-weight:700;font-size:.85rem;color:#333}.result-table-container[data-v-34ccea29]{width:100%}.result-table[data-v-34ccea29]{width:100%;border-collapse:collapse}.result-table td[data-v-34ccea29]{padding:12px 15px;border-bottom:1px solid #ddd;font-size:1.1em}.result-table tr:first-child td[data-v-34ccea29]{font-size:1.3em;color:#333}h1[data-v-01657af2]{text-align:center;color:#333;font-weight:700;margin:20px 0}.split-layout[data-v-01657af2]{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:40px;width:100%;max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box}.input-panel[data-v-01657af2]{flex:1;min-width:300px;max-width:500px}.result-panel[data-v-01657af2]{flex:1;display:flex;flex-direction:column;align-items:center;gap:30px;min-width:300px;max-width:500px}.input-group[data-v-01657af2]{display:flex;flex-direction:column;border:1px solid #ddd;border-radius:8px;padding:20px;background-color:#f9f9f9;box-shadow:0 4px 6px #0000000d;box-sizing:border-box;width:100%}.input-line[data-v-01657af2]{display:flex;flex-direction:column;align-items:stretch;margin-top:15px;gap:8px}.input-line[data-v-01657af2]:first-child{margin-top:0}.input-line label[data-v-01657af2]{display:block;font-weight:600;color:#555;font-size:.95rem}.input-line input[data-v-01657af2],.input-line select[data-v-01657af2]{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box;transition:border-color .3s}.input-line input[data-v-01657af2]:focus,.input-line select[data-v-01657af2]:focus{border-color:#ff8000;outline:none}.chart-section[data-v-01657af2]{width:100%;display:flex;flex-direction:column;align-items:center}.chart-canvas[data-v-01657af2]{width:280px;height:280px;position:relative;margin:0 auto}.chart-canvas[data-v-01657af2] canvas{width:100%!important;height:100%!important;position:absolute;left:0;top:0}.chart-legend[data-v-01657af2]{display:flex;justify-content:center;gap:20px;margin-top:20px;flex-wrap:wrap}.table-section[data-v-01657af2]{width:100%;background-color:#fff;border:1px solid #eaeaea;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #00000008}.result-table[data-v-01657af2]{width:100%;border-collapse:collapse}.result-table td[data-v-01657af2]{padding:14px 18px;border-bottom:1px solid #f0f0f0;font-size:1rem;color:#444}.result-table tr:last-child td[data-v-01657af2]{border-bottom:none}.result-table td[data-v-01657af2]:first-child{font-weight:600;color:#333}.result-table td[data-v-01657af2]:last-child{text-align:right;font-weight:700;color:#222}.result-table tr[data-v-01657af2]:first-child{background-color:#f7faff}.result-table tr:first-child td[data-v-01657af2]{color:#0056b3;font-size:1.1rem}.legend-item[data-v-01657af2]{display:flex;align-items:center;gap:8px;background:#fdfdfd;padding:6px 10px;border-radius:6px;border:1px solid #e0e0e0;box-shadow:0 1px 2px #0000000d}.legend-item .dot[data-v-01657af2]{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}.legend-item .dot.principal[data-v-01657af2]{background:#6c757d}.legend-item .dot.interest[data-v-01657af2]{background:#ff8000}.legend-label[data-v-01657af2]{font-size:.75rem;color:#777;line-height:1.1;margin-bottom:2px}.legend-value[data-v-01657af2]{font-weight:700;font-size:.85rem;color:#333}@media (max-width: 800px){.split-layout[data-v-01657af2]{flex-direction:column;align-items:center;padding:15px}.input-panel[data-v-01657af2],.result-panel[data-v-01657af2]{width:100%;max-width:100%}}.clickable[data-v-d20b3cfc]{cursor:pointer}.container[data-v-d20b3cfc]{width:80%;margin:auto;padding:20px}.input-group[data-v-d20b3cfc]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.input-line[data-v-d20b3cfc]{display:flex;align-items:center;margin-bottom:10px}.input-line label[data-v-d20b3cfc],.input-line input[data-v-d20b3cfc],.input-line select[data-v-d20b3cfc],.input-line button[data-v-d20b3cfc]{margin-right:10px}.input-line label[data-v-d20b3cfc]{margin-bottom:5px}.input-line input[data-v-d20b3cfc],.input-line select[data-v-d20b3cfc]{margin-bottom:10px;padding:5px}.upload-button[data-v-d20b3cfc]{background-color:#4caf50;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;transition-duration:.4s;border-radius:12px}.upload-button[data-v-d20b3cfc]:hover{background-color:#45a049}.data[data-v-d20b3cfc]{margin-top:20px}.data h2[data-v-d20b3cfc]{margin-bottom:10px}.data table[data-v-d20b3cfc]{width:100%;border-collapse:collapse}.data table th[data-v-d20b3cfc],.data table td[data-v-d20b3cfc]{border:1px solid #ddd;padding:8px}.data table tr[data-v-d20b3cfc]:nth-child(2n){background-color:#f2f2f2}.data table th[data-v-d20b3cfc]{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#4caf50;color:#fff}.dropdown[data-v-d20b3cfc]{position:relative;display:inline-block}.dropdown-menu[data-v-d20b3cfc]{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1}.dropdown:hover .dropdown-menu[data-v-d20b3cfc]{display:block}