body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Segoe UI,Microsoft YaHei,sans-serif;margin:0;padding:0}body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#333;line-height:1.6;min-height:100vh;padding:20px}.salary-calculator-container{margin:0 auto;max-width:1000px;padding:20px}.header{background:linear-gradient(90deg,#2c3e50,#4a6491);border-radius:12px;box-shadow:0 5px 15px #0000001a;color:#fff;margin-bottom:30px;padding:25px;text-align:center}.header h1{font-size:2.5rem;margin-bottom:10px}.header p{font-size:1.1rem;opacity:.9}.section-title{align-items:center;border-bottom:2px solid #f0f0f0;color:#2c3e50;display:flex;font-size:1.8rem;gap:10px;margin-bottom:25px;padding-bottom:15px}.section-title i{color:#3498db}.input-section,.result-section{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014;margin-bottom:30px;padding:30px}.form-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.form-group{display:flex;flex:1 1;flex-direction:row;min-width:200px}.input-group-inline{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex:1 1;min-width:180px;padding:0 5px;transition:all .3s ease}.input-group-inline:hover{background-color:#f1f3f4;border-color:#ced4da}.input-group-inline label{color:#495057;display:block;font-size:.9rem;font-weight:600;margin:0;min-width:60px;padding:12px 8px;white-space:nowrap}.input-group-inline input{border:none;border-left:1px solid #dee2e6;border-radius:0;flex:1 1;font-size:.95rem;min-width:60px;padding:12px 10px}.input-group-inline input:focus{background-color:#fff;box-shadow:inset 0 0 0 2px #3498db33;outline:none}label{color:#444;display:block;font-size:1rem;font-weight:600;margin-bottom:8px}input,select{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:14px 16px;transition:all .3s ease;width:100%}input:focus,select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33;outline:none}.default-value{color:#7f8c8d;font-size:.9rem;margin-top:5px}.button-group{display:flex;gap:15px;margin-top:30px}button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:16px;transition:all .3s ease}.reset-btn{background:#f8f9fa;border:2px solid #e0e0e0;color:#555}.reset-btn:hover{background:#e9ecef;border-color:#bdc3c7}.result-summary{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:40px}.summary-card{background:linear-gradient(135deg,#f8fafc,#e8f4fc);border-left:5px solid #3498db;border-radius:10px;flex:1 1;min-width:250px;padding:25px;position:relative}.summary-card.highlight{background:linear-gradient(135deg,#e8f4fc,#c3e0fa);border-left-color:#2980b9}.summary-label{align-items:center;color:#7f8c8d;display:flex;font-size:1rem;justify-content:space-between;margin-bottom:8px}.summary-value{color:#2c3e50;font-size:2.2rem;font-weight:700}.result-details{margin-bottom:40px}.details-title{border-bottom:1px solid #eee;color:#2c3e50;font-size:1.4rem;margin-bottom:20px;padding-bottom:10px;padding-top:20px}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.detail-item{background-color:#f8fafc;border-radius:8px;padding:15px}.detail-label{color:#7f8c8d;font-size:.95rem;margin-bottom:5px}.detail-value{color:#2c3e50;font-size:1.3rem;font-weight:600}.breakdown-tables{display:flex;flex-wrap:wrap;gap:30px}.breakdown-table-container{flex:1 1;min-width:300px}.table-scroll-wrapper{-webkit-overflow-scrolling:touch;border-radius:8px;box-shadow:0 3px 10px #0000000d;margin-top:15px;overflow-x:auto;width:100%}.breakdown-table,.tax-table{border-collapse:collapse;width:100%}.breakdown-table{min-width:250px}.tax-table{min-width:500px}.breakdown-table th,.tax-table th{background-color:#f2f6fc;border-bottom:2px solid #e0e0e0;color:#2c3e50;font-weight:600;padding:15px;text-align:left;white-space:nowrap}.breakdown-table td,.tax-table td{border-bottom:1px solid #eee;padding:15px;position:relative;text-align:left;white-space:nowrap}.tax-table td{border:1px solid #ddd;padding:12px 15px}.breakdown-table tr:last-child td{border-bottom:none}.breakdown-table tr:nth-child(2n){background-color:#f9f9f9}.breakdown-table tr:hover{background-color:#f0f7ff}.amount-cell{color:#2c3e50;font-weight:600;text-align:left}.tax-info{background-color:#f9f9f9;border:1px solid #eee;border-radius:10px;margin-top:40px;padding:25px}.tax-info h3{align-items:center;color:#2c3e50;display:flex;gap:10px;margin-bottom:15px}.highlight-row{background-color:#e8f4fc}.formula-tooltip-container{align-items:center;display:inline-flex;position:relative}.formula-label-wrapper{align-items:center;cursor:pointer;display:flex;gap:5px}.formula-question-icon{align-items:center;color:#7f8c8d;cursor:pointer;display:inline-flex;font-size:.9rem;height:18px;justify-content:center;transition:all .2s ease;width:18px}.formula-question-icon:hover{color:#3498db;transform:scale(1.1)}.formula-tooltip{word-wrap:break-word;animation:fadeIn .2s ease-out;background-color:#2c3e50;border-radius:8px;box-shadow:0 5px 20px #0000004d;box-sizing:border-box;color:#fff;-webkit-hyphens:auto;hyphens:auto;max-width:320px;overflow-wrap:break-word;padding:15px;position:fixed;z-index:10000}.formula-tooltip:before{background-color:#2c3e50;content:"";height:10px;left:20px;position:absolute;top:-5px;transform:rotate(45deg);width:10px}.formula-tooltip.top-position:before{bottom:-5px;top:auto}.formula-content{font-size:.9rem;line-height:1.4;max-height:250px;overflow-y:auto}.formula-content strong{color:#f1c40f;display:block;font-size:.95rem;margin-bottom:8px}.formula-content p{-webkit-hyphens:auto;hyphens:auto;line-height:1.4;margin:0;overflow-wrap:break-word;padding:0;text-align:left;white-space:normal;word-break:break-word}.formula-close{align-items:center;border-radius:50%;color:#95a5a6;cursor:pointer;display:flex;font-size:.8rem;height:20px;justify-content:center;position:absolute;right:8px;top:8px;transition:color .2s ease;width:20px;z-index:10}.formula-close:hover{background-color:#ffffff26;color:#fff}footer{border-top:1px solid #eee;color:#7f8c8d;font-size:.9rem;margin-top:40px;padding:20px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:992px){.form-row{gap:15px}.input-group-inline{min-width:160px}}@media (max-width:768px){.form-row{flex-direction:column;gap:10px}.form-group,.input-group-inline{min-width:100%;width:100%}.button-group{flex-direction:column}.summary-value{font-size:1.8rem}.breakdown-tables{flex-direction:column}.breakdown-table-container,.summary-card{min-width:100%}.details-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.detail-item{padding:12px}.detail-label{font-size:.85rem}.detail-value{font-size:1.1rem}.breakdown-table td,.breakdown-table th{font-size:.9rem;padding:12px 8px}.tax-table{min-width:600px}.tax-info{padding:15px}.tax-table td,.tax-table th{font-size:.85rem;padding:8px 10px}.formula-tooltip:before{display:none}.formula-content,.formula-content p{font-size:.85rem}}@media (max-width:480px){.header h1{font-size:2rem}.section-title{font-size:1.5rem}.input-section,.result-section,.summary-card{padding:20px}.summary-value{font-size:1.6rem}.breakdown-table td,.breakdown-table th{font-size:.85rem;padding:10px 6px}}.App{text-align:center}
/*# sourceMappingURL=main.09840916.css.map*/