.calculator-page{min-height:calc(100vh - 140px);padding:1rem 0 4rem}.page-header{margin-bottom:1.5rem}.page-header h1{margin-bottom:.5rem;font-size:1.75rem}.page-header p{color:var(--text-muted)}.calculator-content{animation:.3s ease-in fadeIn}.calculator-layout{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.calculator-form h2{margin-bottom:1.5rem;font-size:1.125rem}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.radio-group{flex-direction:column;gap:.5rem;display:flex}.radio-label{cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:all var(--transition-fast);align-items:center;gap:.5rem;padding:.75rem;display:flex}.radio-label:hover{background:var(--surface-hover);border-color:var(--primary)}.radio-label input[type=radio]{cursor:pointer}.radio-label input[type=radio]:checked+span{color:var(--primary);font-weight:600}.input-group{align-items:center;display:flex;position:relative}.form-input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);width:100%;color:var(--text-primary);padding:.75rem 3rem .75rem .75rem;font-size:1rem}.form-input:focus{border-color:var(--primary);outline:none}.inline-fields{align-items:flex-start;gap:1rem;display:flex}.inline-field{flex:1;min-width:0}.form-input-small{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);width:100%;color:var(--text-primary);text-align:center;padding:.75rem;font-size:1rem}.form-input-small:focus{border-color:var(--primary);outline:none}.input-suffix{color:var(--text-muted);pointer-events:none;font-size:.875rem;position:absolute;right:.75rem}.korean-amount{color:var(--text-muted);margin-top:.5rem;font-size:.875rem}.help-text{color:var(--text-muted);margin-top:.5rem;font-size:.8125rem}.info-box{background:var(--surface-hover);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1rem;font-size:.8125rem}.info-box h4{margin-bottom:.5rem;font-size:.875rem}.info-box p{margin-bottom:.75rem;line-height:1.5}.info-box ul{margin:0;padding-left:1.25rem}.info-box li{margin-bottom:.25rem;line-height:1.5}.result-card{background:linear-gradient(135deg,var(--primary)0%,var(--accent)100%);color:#fff;border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem}.result-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.result-header .result-label{opacity:.9;font-size:.875rem}.result-value{text-align:center;margin-bottom:.5rem;font-size:2rem;font-weight:700}.result-korean{text-align:center;opacity:.9;margin-bottom:1rem;font-size:1rem}.result-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem;display:grid}.result-item{border-radius:var(--radius-md);background:#ffffff26;padding:1rem}.result-item .result-label{opacity:.9;text-align:left;margin-bottom:.25rem;font-size:.75rem;display:block}.result-item .result-value{text-align:center;margin:0;font-size:1.125rem;font-weight:600;display:block}.chart-section{margin-bottom:1.5rem}.chart-title{margin-bottom:1rem;font-size:1.125rem}.salary-bar-chart{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:1.5rem}.bar-row{margin-bottom:1rem}.bar-row:last-child{margin-bottom:0}.bar-row.highlight{border-top:2px solid var(--border);padding-top:1rem}.bar-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.bar-row.highlight .bar-label{color:var(--primary)}.bar-container{background:var(--surface-hover);border-radius:var(--radius-md);height:40px;position:relative;overflow:hidden}.bar-fill{color:#fff;height:100%;transition:width var(--transition-normal);justify-content:flex-end;align-items:center;padding-right:.75rem;font-size:.875rem;font-weight:600;display:flex}.bar-fill.gross{background:linear-gradient(90deg,#9ca3af,#6b7280)}.bar-fill.takehome{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.schedule-section{margin-top:1.5rem}.schedule-title{margin-bottom:1rem;font-size:1.125rem}.breakdown-table{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.breakdown-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:.75rem 1rem;display:flex}.breakdown-row:last-child{border-bottom:none}.header-row{background:var(--surface-hover);color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:600}.total-row{background:var(--surface-hover);font-weight:600}.section-header{background:var(--surface);font-weight:600}.sub-row{background:var(--surface);padding-left:2rem;font-size:.875rem}.highlight-row{background:linear-gradient(135deg,var(--primary)0%,var(--accent)100%);color:#fff;font-size:1.125rem;font-weight:700}.breakdown-label{color:var(--text-primary)}.breakdown-value{text-align:right;font-weight:600}.breakdown-value.negative{color:var(--error)}.breakdown-value.highlight{color:#fff}.percentage-grid{flex-direction:column;gap:1.5rem;display:flex}.percentage-item{flex-direction:column;gap:.5rem;display:flex}.percentage-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.percentage-bar{background:var(--surface-hover);border-radius:var(--radius-sm);width:100%;height:24px;overflow:hidden}.percentage-fill{height:100%;transition:width var(--transition-normal)}.percentage-fill.insurance{background:linear-gradient(90deg,#3b82f6,#2563eb)}.percentage-fill.tax{background:linear-gradient(90deg,#f59e0b,#d97706)}.percentage-fill.takehome{background:linear-gradient(90deg,#10b981,#059669)}.percentage-value{color:var(--primary);font-size:1.25rem;font-weight:700}.example-box{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius-lg);margin-top:2rem;padding:1.5rem 2rem}.example-box h3{color:var(--text-primary);margin-bottom:1.25rem;font-size:1.125rem;font-weight:600}.example-grid{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.example-item{flex-direction:column;gap:.25rem;display:flex}.example-label{color:var(--text-primary);font-weight:600}.example-value{color:var(--text-secondary);padding-left:.5rem}.example-box strong{color:var(--primary);font-size:1.125rem;font-weight:700}.example-note{border-top:1px solid var(--border);padding-top:1rem}.example-note p{color:var(--text-muted);margin:0 0 .75rem;font-size:.875rem;line-height:1.7}.example-note p:last-child{margin-bottom:0}.info-section{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);margin-top:2rem;padding:2rem}.info-section h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem}.info-section p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.7}.guide-inline-link{color:var(--primary);font-weight:600;text-decoration:none}.guide-inline-link:hover{text-decoration:underline}.usage-list li{color:var(--text-secondary);margin-bottom:.75rem;line-height:1.6}.usage-list{margin:0;padding-left:1.25rem}.salary-info-section{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;margin-top:3rem;padding:2rem}.salary-info-grid{background:#fff;grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.salary-info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-direction:column;padding:1.25rem;text-decoration:none;display:flex}.salary-info-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.salary-info-icon{margin-bottom:.75rem;font-size:1.5rem}.salary-info-content h3{color:var(--text-primary);margin:0 0 .5rem;font-size:.9375rem;font-weight:600}.salary-info-highlight{color:var(--primary);margin:0 0 .5rem;font-size:1rem;font-weight:700}.salary-info-desc{color:var(--text-muted);margin:0;font-size:.8125rem;line-height:1.5}.salary-info-arrow{display:none}.salary-info-section h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.data-table-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:3rem;padding:2rem}.section-title{text-align:center;color:var(--text-primary);margin-bottom:2rem;font-size:1.25rem;font-weight:700}.section-description{text-align:center;color:var(--text-muted);margin-bottom:1.5rem;font-size:.9375rem}.data-table-wrapper{margin:0 -1rem;padding:0 1rem;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:400px;font-size:.875rem}.data-table th,.data-table td{text-align:center;border-bottom:1px solid var(--border);white-space:nowrap;padding:.75rem .5rem}.data-table th{background:var(--surface-hover);color:var(--text-muted);font-size:.8125rem;font-weight:600}.data-table th.highlight-col,.data-table td.highlight-col{background:rgba(var(--primary-rgb),.08);color:var(--primary)}.data-table tbody tr:hover{background:var(--surface-hover)}.table-note{text-align:center;color:var(--text-muted);margin-top:.75rem;font-size:.8125rem}.table-cta{text-align:center;margin-top:1.5rem}.table-cta-link{background:var(--primary);border-radius:var(--radius-md);padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block;color:#fff!important}.table-cta-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.disclaimer-box{background:var(--surface-hover);border-left:4px solid var(--warning);border-radius:var(--radius-md);margin-top:1.5rem;padding:1rem;font-size:.8125rem}.disclaimer-box h4{color:var(--warning);margin-bottom:.5rem;font-size:.875rem}.disclaimer-box ul{margin:0;padding-left:1.25rem}.disclaimer-box li{margin-bottom:.25rem;line-height:1.5}.empty-state{background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-icon{margin-bottom:1rem;font-size:3rem}.empty-state p{color:var(--text-muted);line-height:1.6}.fade-in{animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.skeleton-title{background:var(--surface-hover);border-radius:var(--radius-sm);height:24px;margin-bottom:1.5rem;animation:1.5s infinite pulse}.skeleton-input{background:var(--surface-hover);border-radius:var(--radius-md);height:48px;margin-bottom:1rem;animation:1.5s infinite pulse}.skeleton-result{background:var(--surface-hover);border-radius:var(--radius-lg);height:200px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.calculator-layout{grid-template-columns:1fr}.result-value{font-size:1.75rem}.result-grid{grid-template-columns:1fr}.radio-group{flex-flow:wrap}.radio-label{flex:1;min-width:150px}.bar-fill{padding-right:.5rem;font-size:.75rem}.inline-fields{flex-direction:column;gap:1rem}.info-section,.salary-info-section{padding:1.5rem}.salary-info-grid{grid-template-columns:1fr}.salary-info-card{padding:1.25rem}.salary-info-icon{font-size:1.5rem}.salary-info-highlight{font-size:1rem}.data-table{font-size:.75rem}.data-table th,.data-table td{padding:.5rem .25rem}}