body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.page{box-sizing:border-box;background:#f5f7f9;min-height:100vh;padding:40px 20px}.calculator{max-width:850px;margin:0 auto}.header{text-align:center;margin-bottom:30px}.header h1{color:#1f2937;margin:0 0 8px;font-size:30px;font-weight:700}.header p{color:#6b7280;margin:0;font-size:15px}.input-card{background:#fff;border-radius:10px;margin-bottom:30px;padding:30px;box-shadow:0 2px 12px #0000000f}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{margin-bottom:20px}.form-group label{color:#374151;margin-bottom:7px;font-size:14px;font-weight:600;display:block}.optional{color:#9ca3af;margin-left:8px;font-size:12px;font-weight:400}.form-group input,.form-group select{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;height:44px;padding:0 12px;font-size:15px}.form-group input:focus,.form-group select:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b9811a}.input-wrapper{position:relative}.input-wrapper span{color:#6b7280;z-index:1;font-size:12px;font-weight:600;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-wrapper input{padding-left:50px}.disabled-input input{color:#4b5563;cursor:not-allowed;background:#f3f4f6}.calculate-button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;width:100%;height:46px;margin-top:5px;font-size:15px;font-weight:600}.calculate-button:hover{background:#059669}.calculate-button:active{transform:translateY(1px)}.results-section{background:#fff;border-radius:10px;padding:25px;box-shadow:0 2px 12px #0000000f}.results-section h2{color:#1f2937;margin:0 0 20px;font-size:21px}.result-table-wrapper{width:100%;overflow-x:auto}.result-table{border-collapse:collapse;table-layout:fixed;width:100%}.result-table th{color:#1e293b;text-align:center;background:#e2e8f0;border-bottom:2px solid #cbd5e1;padding:13px;font-size:14px;font-weight:700}.result-table td{background:#fff;border:1px solid #e2e8f0;padding:13px 15px}.result-table td+td{border-left:1px solid #10b981}.result-label{color:#374151;margin-bottom:5px;font-size:13px;font-weight:600;display:block}.result-table strong{color:#111827;font-size:16px;display:block}.tax-row td{background:#fffdf5}.tax-row strong{color:#b45309}.take-home-row td{background:#ecfdf5}.take-home-row strong{color:#047857;font-size:17px}.effective-rate{color:#374151;text-align:center;background:#f0fdf4;border-radius:6px;margin-top:18px;padding:13px 15px;font-size:14px}.effective-rate strong{color:#047857;margin-left:7px;font-size:16px}@media (max-width:650px){.page{padding:20px 12px}.header h1{font-size:24px}.input-card,.results-section{padding:20px}.form-row{grid-template-columns:1fr;gap:0}.result-table{min-width:550px}.result-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.result-table th,.result-table td{white-space:nowrap}}