.app-footer{background:linear-gradient(135deg,#2c3e50,#1a2530);color:#fff;padding:40px 2rem 20px;margin-top:auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1400px;margin:0 auto}.footer-section h4{color:#fff;margin-bottom:15px;font-size:1.1rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{color:#a0aec0;text-decoration:none;transition:color .2s}.footer-section ul li a:hover{color:#63b3ed;text-decoration:underline}.copyright{text-align:center;padding-top:30px;margin-top:30px;border-top:1px solid #4a5568;color:#a0aec0;font-size:.9rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#e4edf5);min-height:100vh}#app{min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh;background:#f0f4f8}.app-header{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;padding:1rem 2rem;box-shadow:0 2px 10px #0000001a}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:15px}.logo-icon{font-size:32px;animation:float 3s ease-in-out infinite}.logo-text h1{font-size:1.8rem;font-weight:600;margin-bottom:.2rem}.logo-text p{font-size:.9rem;opacity:.8}.app-body{display:flex;flex:1;max-width:1400px;margin:0 auto;width:100%;overflow:hidden}.sidebar{width:200px;background:#fff;padding:1.5rem;box-shadow:2px 0 10px #0000000d;overflow-y:auto;transition:all .3s ease;flex-shrink:0;position:relative}.sidebar.collapsed{width:60px;padding:1.5rem 10px}.collapse-toggle{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease}.collapse-toggle:hover{background:#e0e0e0}.collapse-icon{font-size:14px;transition:transform .3s ease}.category-filters{margin-bottom:1.5rem}.category-filters h3{font-size:1rem;color:#333;margin-bottom:1rem;font-weight:600}.filter-buttons{display:flex;flex-direction:column;gap:.5rem}.filter-btn{padding:.6rem 1rem;border:1px solid #e1e5eb;background:#fff;color:#666;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s;text-align:left}.filter-btn:hover{background:#f0f7ff;border-color:#1890ff;color:#1890ff}.filter-btn.active{background:#1890ff;color:#fff;border-color:#1890ff}.nav-menu{display:flex;flex-direction:column;gap:.2rem}.nav-menu-collapsed{display:flex;flex-direction:column;gap:.5rem;align-items:center;padding-top:2rem}.nav-item{display:flex;align-items:center;gap:12px;padding:.8rem 1rem;cursor:pointer;border-radius:6px;transition:all .2s;color:#333;border:1px solid transparent}.nav-item:hover{background:#f0f7ff;border-color:#d0e4ff;transform:translate(2px)}.nav-item.active{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border-color:#1890ff;box-shadow:0 4px 12px #1890ff33}.nav-item-collapsed{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;cursor:pointer;transition:all .2s;color:#333;border:1px solid transparent;padding:0}.nav-item-collapsed:hover{background:#f0f7ff;border-color:#d0e4ff;transform:scale(1.05)}.nav-item-collapsed.active{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border-color:#1890ff;box-shadow:0 4px 12px #1890ff33}.nav-icon{font-size:1.2rem;width:20px;text-align:center}.nav-text{font-size:.95rem;font-weight:500}.main-content{flex:1;padding:2rem;overflow-y:auto;background:linear-gradient(135deg,#f8fafc,#edf2f7)}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@media(max-width:1024px){.app-body{flex-direction:column}.sidebar{width:100%;padding:1rem;max-height:300px}.sidebar.collapsed{width:100%;max-height:60px}.header-content{flex-direction:column;gap:.5rem;text-align:center}.logo{justify-content:center}.main-content{padding:1rem}}@media(max-width:768px){.app-header{padding:1rem}.sidebar{max-height:250px}.sidebar.collapsed{max-height:60px}.logo-icon{font-size:28px}.logo-text h1{font-size:1.5rem}.nav-item{padding:.7rem .8rem}.nav-icon{font-size:1.1rem}.nav-text{font-size:.9rem}}.form-group[data-v-00cbb9f6]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-00cbb9f6]{font-weight:600;color:#2c3e50;font-size:14px}.text-input[data-v-00cbb9f6]{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background-color:#fafcff;transition:border-color .2s,box-shadow .2s}.text-input[data-v-00cbb9f6]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.btn-primary[data-v-00cbb9f6]{padding:12px 20px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-size:16px;font-weight:500;width:100%}.btn-primary[data-v-00cbb9f6]:hover{background:linear-gradient(135deg,#3ca0e3,#2c8bc9);transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.btn-secondary[data-v-00cbb9f6]{padding:12px 20px;background:#fff;color:#34495e;border:1px solid #cbd5e0;border-radius:8px;cursor:pointer;transition:all .2s;font-size:16px;font-weight:500;width:100%;margin-top:10px}.btn-secondary[data-v-00cbb9f6]:hover{background:#f7fafc;border-color:#a0aec0;color:#2d3748}.btn-large[data-v-00cbb9f6]{height:50px}.result-group[data-v-00cbb9f6]{background:#f8fafc;border-radius:8px;padding:20px;border:1px solid #e2e8f0}.result-title[data-v-00cbb9f6]{font-size:18px;color:#2c3e50;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e2e8f0;text-align:center}.result-item[data-v-00cbb9f6]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #e2e8f0}.result-label[data-v-00cbb9f6]{font-weight:500;color:#4a5568}.result-value[data-v-00cbb9f6]{font-weight:600;color:#2d3748;font-size:16px}.summary-info[data-v-00cbb9f6]{margin-top:20px;padding:15px;background:#ebf8ff;border-radius:8px;border:1px solid #bee3f8}.summary-info h4[data-v-00cbb9f6]{color:#2c5282;margin-bottom:10px}.summary-info p[data-v-00cbb9f6]{margin:5px 0;color:#4a5568;font-size:14px}.detail-section[data-v-00cbb9f6]{margin-top:20px;background:#f8fafc;border-radius:8px;padding:20px;border:1px solid #e2e8f0}.detail-header[data-v-00cbb9f6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.btn-small[data-v-00cbb9f6]{height:auto;padding:6px 12px;font-size:14px}.detail-table-container[data-v-00cbb9f6]{overflow-x:auto}.detail-table[data-v-00cbb9f6]{width:100%;border-collapse:collapse;font-size:13px}.detail-table th[data-v-00cbb9f6],.detail-table td[data-v-00cbb9f6]{padding:8px 10px;text-align:left;border:1px solid #e2e8f0}.detail-table th[data-v-00cbb9f6]{background-color:#edf2f7;font-weight:600;color:#2d3748}.detail-table tbody tr[data-v-00cbb9f6]:nth-child(2n){background-color:#f7fafc}.detail-table tbody tr[data-v-00cbb9f6]:hover{background-color:#ebf8ff}.keywords-section[data-v-00cbb9f6]{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:15px 0}.keyword-tag[data-v-00cbb9f6]{background:#e3f2fd;color:#1976d2;padding:5px 10px;border-radius:15px;font-size:.8rem}@media(max-width:768px){.result-value[data-v-00cbb9f6]{font-size:14px}.btn-large[data-v-00cbb9f6]{height:45px;font-size:14px}.detail-table[data-v-00cbb9f6]{font-size:12px}.detail-table th[data-v-00cbb9f6],.detail-table td[data-v-00cbb9f6]{padding:6px 8px}}.form-group[data-v-a949c1c5]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-a949c1c5]{font-weight:600;color:#2c3e50;font-size:14px}.text-input[data-v-a949c1c5]{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background-color:#fafcff;transition:border-color .2s,box-shadow .2s}.text-input[data-v-a949c1c5]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.input-with-unit[data-v-a949c1c5]{display:flex;gap:10px}.unit-selector[data-v-a949c1c5]{width:80px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background-color:#fafcff;cursor:pointer}.btn-primary[data-v-a949c1c5]{padding:12px 20px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-size:16px;font-weight:500;width:100%}.btn-primary[data-v-a949c1c5]:hover{background:linear-gradient(135deg,#3ca0e3,#2c8bc9);transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.btn-secondary[data-v-a949c1c5]{padding:12px 20px;background:#fff;color:#34495e;border:1px solid #cbd5e0;border-radius:8px;cursor:pointer;transition:all .2s;font-size:16px;font-weight:500;width:100%;margin-top:10px}.btn-secondary[data-v-a949c1c5]:hover{background:#f7fafc;border-color:#a0aec0;color:#2d3748}.btn-large[data-v-a949c1c5]{height:50px}.result-group[data-v-a949c1c5]{background:#f8fafc;border-radius:8px;padding:20px;border:1px solid #e2e8f0}.result-title[data-v-a949c1c5]{font-size:18px;color:#2c3e50;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e2e8f0;text-align:center}.result-item[data-v-a949c1c5]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #e2e8f0}.result-label[data-v-a949c1c5]{font-weight:500;color:#4a5568}.result-value[data-v-a949c1c5]{font-weight:600;color:#2d3748;font-size:16px}.positive[data-v-a949c1c5]{color:#22c55e}.summary-info[data-v-a949c1c5]{margin-top:20px;padding:15px;background:#ebf8ff;border-radius:8px;border:1px solid #bee3f8}.summary-info h4[data-v-a949c1c5]{color:#2c5282;margin-bottom:10px}.summary-info p[data-v-a949c1c5]{margin:5px 0;color:#4a5568;font-size:14px}.chart-section[data-v-a949c1c5]{margin-top:20px;padding:15px;background:#f7fee7;border-radius:8px;border:1px solid #cbe8a6}.chart-section h4[data-v-a949c1c5]{color:#2d5a1d;margin-bottom:10px}.chart-container[data-v-a949c1c5]{display:flex;flex-direction:column;gap:10px}.chart-row[data-v-a949c1c5]{display:flex;align-items:center;gap:10px;font-size:12px}.progress-bar[data-v-a949c1c5]{flex:1;height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden}.progress[data-v-a949c1c5]{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:6px;min-width:10px;transition:width .5s ease}.keywords-section[data-v-a949c1c5]{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:15px 0}.keyword-tag[data-v-a949c1c5]{background:#e3f2fd;color:#1976d2;padding:5px 10px;border-radius:15px;font-size:.8rem}@media(max-width:768px){.input-with-unit[data-v-a949c1c5]{flex-direction:column}.unit-selector[data-v-a949c1c5]{width:100%}.result-value[data-v-a949c1c5]{font-size:14px}.btn-large[data-v-a949c1c5]{height:45px;font-size:14px}.chart-row[data-v-a949c1c5]{flex-direction:column;align-items:flex-start;gap:5px}}.social-security-calculator[data-v-1b6355f9]{display:flex;flex-direction:column;gap:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;max-width:1200px;margin:0 auto;padding:15px}.social-security-calculator h2[data-v-1b6355f9]{font-size:24px;font-weight:700;color:#333;margin:0 0 15px;text-align:center}.tabs-container[data-v-1b6355f9]{display:flex;flex-direction:column;gap:15px}.tab-nav[data-v-1b6355f9]{display:flex;background-color:#f8f9fa;border-radius:10px;overflow:hidden;margin-bottom:15px}.tab-btn[data-v-1b6355f9]{flex:1;padding:15px 20px;border:none;background:transparent;cursor:pointer;font-size:16px;font-weight:600;color:#6b7280;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.tab-btn.active[data-v-1b6355f9]{background:#fff;color:#1f2937;box-shadow:0 2px 4px #0000001a;position:relative}.tab-btn.active[data-v-1b6355f9]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#3b82f6}.icon[data-v-1b6355f9]{width:16px;height:16px}.tab-content[data-v-1b6355f9]{display:flex;flex-direction:column;gap:15px}.card[data-v-1b6355f9]{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;border:1px solid #e5e7eb}.card-header[data-v-1b6355f9]{display:flex;align-items:center;gap:10px;padding:20px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.card-icon[data-v-1b6355f9]{width:20px;height:20px}.card-header h3[data-v-1b6355f9]{margin:0;font-size:18px;font-weight:600;color:#333}.card-content[data-v-1b6355f9]{padding:20px}.checkbox-group[data-v-1b6355f9]{margin:15px 0}.checkbox-label[data-v-1b6355f9]{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#333;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox][data-v-1b6355f9]{display:none}.checkbox-custom[data-v-1b6355f9]{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;position:relative;display:inline-block;transition:all .2s ease}.checkbox-label input[type=checkbox]:checked+.checkbox-custom[data-v-1b6355f9]{background-color:#007aff;border-color:#007aff}.checkbox-label input[type=checkbox]:checked+.checkbox-custom[data-v-1b6355f9]:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.calculate-btn[data-v-1b6355f9]{background:linear-gradient(to bottom,#007aff,#0062cc);color:#fff;border:none;padding:15px 20px;border-radius:10px;cursor:pointer;font-size:17px;font-weight:600;margin-top:10px;margin-bottom:15px;width:100%;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.calculate-btn[data-v-1b6355f9]:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.calculate-btn[data-v-1b6355f9]:active{transform:scale(.98)}.setting-description[data-v-1b6355f9],.chart-description[data-v-1b6355f9]{padding:0 20px 15px;color:#6b7280;font-size:14px}.input-grid[data-v-1b6355f9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.input-group[data-v-1b6355f9]{display:flex;flex-direction:column;gap:8px}.input-group label[data-v-1b6355f9]{font-weight:600;color:#333;font-size:14px}.input-group input[data-v-1b6355f9]{padding:12px 15px;border:1px solid #d1d1d6;border-radius:10px;font-size:16px;background-color:#f8f9fa;transition:all .2s ease}.input-group input[data-v-1b6355f9]:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;background-color:#fff}.overview-grid[data-v-1b6355f9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.stat-card[data-v-1b6355f9]{border-radius:12px;color:#fff;overflow:hidden;box-shadow:0 4px 6px #0000001a;background:linear-gradient(to bottom right,#3b82f6,#1d4ed8)}.stat-card[data-v-1b6355f9]:nth-child(2){background:linear-gradient(to bottom right,#10b981,#047857)}.stat-card[data-v-1b6355f9]:nth-child(3){background:linear-gradient(to bottom right,#8b5cf6,#6d28d9)}.stat-content[data-v-1b6355f9]{padding:20px}.stat-label[data-v-1b6355f9]{font-size:14px;opacity:.9;margin-bottom:5px}.stat-value[data-v-1b6355f9]{font-size:28px;font-weight:700;margin-bottom:5px}.stat-subtext[data-v-1b6355f9]{font-size:14px;opacity:.8}.detail-table[data-v-1b6355f9]{width:100%;border-collapse:collapse;min-width:600px}.table-header-row[data-v-1b6355f9]{border-bottom:1px solid #e5e7eb}.table-row[data-v-1b6355f9]{border-bottom:1px solid #f3f4f6}.table-row[data-v-1b6355f9]:last-child{border-bottom:none}.table-cell[data-v-1b6355f9]{padding:8px 16px;text-align:left}.table-cell.text-right[data-v-1b6355f9]{text-align:right}.table-cell.py-3[data-v-1b6355f9]{padding-top:12px;padding-bottom:12px}.table-cell.px-4[data-v-1b6355f9]{padding-left:16px;padding-right:16px}.hover\:bg-gray-50[data-v-1b6355f9]:hover,.bg-gray-50[data-v-1b6355f9]{background-color:#f9fafb}.font-bold[data-v-1b6355f9]{font-weight:700}.text-blue-600[data-v-1b6355f9]{color:#2563eb}.text-green-600[data-v-1b6355f9]{color:#16a34a}.chart-grid[data-v-1b6355f9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:15px}.chart-placeholder[data-v-1b6355f9]{min-height:350px;display:flex;align-items:center;justify-content:center;background-color:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1}.settings-grid[data-v-1b6355f9]{display:flex;flex-direction:column;gap:15px}.setting-item[data-v-1b6355f9]{padding-bottom:16px}.setting-input-grid[data-v-1b6355f9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.mt-6[data-v-1b6355f9]{margin-top:24px}.mb-3[data-v-1b6355f9]{margin-bottom:12px}.mr-2[data-v-1b6355f9]{margin-right:8px}.last\\[data-v-1b6355f9]:border-b-0:last-child{border-bottom:none}.last\\[data-v-1b6355f9]:border-b-0{border-bottom:1px solid #e5e7eb}.btn[data-v-1b6355f9]{padding:10px 16px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-outline[data-v-1b6355f9]{background:transparent;border:1px solid #d1d5db;color:#374151}.btn-outline[data-v-1b6355f9]:hover{background:#f9fafb;border-color:#9ca3af}.flex[data-v-1b6355f9]{display:flex}.gap-2[data-v-1b6355f9]{gap:8px}.gap-8[data-v-1b6355f9]{gap:32px}.items-center[data-v-1b6355f9]{align-items:center}.grid[data-v-1b6355f9]{display:grid}.border-b[data-v-1b6355f9]{border-bottom:1px solid #e5e7eb}.pb-4[data-v-1b6355f9]{padding-bottom:16px}.justify-between[data-v-1b6355f9]{justify-content:space-between}.text-left[data-v-1b6355f9]{text-align:left}.text-right[data-v-1b6355f9]{text-align:right}.font-medium[data-v-1b6355f9]{font-weight:500}.info-card[data-v-1b6355f9]{border-radius:12px;border:1px solid}.info-title[data-v-1b6355f9]{font-weight:600;margin:0 0 12px}.info-list[data-v-1b6355f9]{margin:0;padding-left:20px;list-style-type:disc}.info-list li[data-v-1b6355f9]{margin-bottom:8px}.table-container[data-v-1b6355f9]{overflow-x:auto}@media(max-width:768px){.input-grid[data-v-1b6355f9],.overview-grid[data-v-1b6355f9],.chart-grid[data-v-1b6355f9],.setting-input-grid[data-v-1b6355f9]{grid-template-columns:1fr}}.calculator-layout[data-v-c27ed5d8]{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.calculator-header[data-v-c27ed5d8]{text-align:center;margin-bottom:30px}.calculator-header h1[data-v-c27ed5d8]{color:#2c3e50;font-size:2rem;margin:0}.calculator-header p[data-v-c27ed5d8]{color:#7f8c8d;font-size:1.1rem;margin-top:10px}.keywords-section[data-v-c27ed5d8]{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:15px}.keyword-tag[data-v-c27ed5d8]{background:#e3f2fd;color:#1976d2;padding:5px 10px;border-radius:15px;font-size:.8rem}.calculator-body[data-v-c27ed5d8]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa}#app{min-height:100vh;background-color:#f5f7fa}.calculator-container{max-width:800px;margin:0 auto;padding:15px;font-family:Arial,sans-serif}.calculator-container h1{text-align:center;color:#333;margin-bottom:20px;font-size:1.8rem}.tabs{display:flex;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.tab-button{padding:10px 15px;border:1px solid #ccc;background-color:#f5f5f5;cursor:pointer;margin:0 3px 5px;border-radius:4px;transition:all .3s ease;font-size:.9rem}.tab-button:hover{background-color:#e0e0e0}.tab-button.active{background-color:#007bff;color:#fff;border-color:#007bff}.calculator-content{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a}.input-group{display:flex;flex-direction:column;gap:5px}.input-group label{font-weight:700;color:#333;font-size:.9rem}.input-group input,.input-group select{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:16px;width:100%}.calculate-btn{width:100%;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-top:15px;transition:background-color .3s}.calculate-btn:hover{opacity:.9}.result{margin-top:20px;padding:15px;background-color:#f8f9fa;border-radius:4px;border-left:4px solid #007bff}.result h3{margin-top:0;color:#333;font-size:1.2rem}.result-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #ddd;font-size:.95rem}.result-item:last-child{border-bottom:none}.highlight{color:#007bff;font-weight:700}table{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:10px}th,td{border:1px solid #ddd;padding:8px;text-align:center}th{background-color:#f2f2f2}@media(max-width:768px){.calculator-container{padding:10px}.calculator-container h1{font-size:1.5rem}.tabs{flex-direction:column}.tab-button{width:100%;margin:0 0 5px}.input-group input,.input-group select{font-size:16px}.result-item{flex-direction:column;gap:3px}.result-item span:first-child{font-weight:700}.highlight{font-size:1.1rem}table{font-size:.8rem}th,td{padding:5px}}@media(max-width:480px){.calculator-container{padding:8px}.calculator-container h1{font-size:1.3rem}.calculator-content{padding:15px}.input-group{gap:3px}.result{padding:10px}}.mortgage-calculator .calculate-btn{background-color:#007bff;color:#fff}.loan-calculator .calculate-btn{background-color:#28a745;color:#fff}.compound-calculator .calculate-btn{background-color:#ffc107;color:#212529}.tax-calculator .calculate-btn{background-color:#dc3545;color:#fff}.social-security-calculator .calculate-btn{background-color:#17a2b8;color:#fff}.mortgage-calculator .highlight{color:#007bff}.loan-calculator .highlight{color:#28a745}.compound-calculator .highlight{color:#ffc107}.tax-calculator .highlight{color:#dc3545}.social-security-calculator .highlight{color:#17a2b8}.tool-page{max-width:1400px;margin:0 auto;padding:20px}.tool-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.tool-container:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.tool-title{font-size:28px;margin-bottom:25px;color:#2c3e50;text-align:center;font-weight:600;padding:25px 20px 15px;border-bottom:1px solid #eef2f7;background:linear-gradient(135deg,#f8fafc,#edf2f7)}.tool-intro{padding:0 20px 20px;text-align:center;color:#718096;font-size:16px;line-height:1.6}.tool-content{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:20px}.input-section,.output-section{display:flex;flex-direction:column;gap:15px;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000d}.input-section{order:1}.output-section{order:2}@media(max-width:768px){.tool-content{grid-template-columns:1fr}.input-section{order:2}.output-section{order:1}.tool-page{padding:15px}.tool-title{font-size:24px;padding:20px 15px 10px}}