.paycheck-calculator{--paycheck-primary: #0891b2;--paycheck-primary-dark: #0e7490;--paycheck-primary-light: #06b6d4;--paycheck-secondary: #22d3ee;--paycheck-accent: #164e63;--paycheck-bg: linear-gradient(135deg, #ecfeff 0%, #cffafe 100%);--paycheck-card-bg: #ffffff;--paycheck-text: #1f2937;--paycheck-text-muted: #6b7280;--paycheck-border: #a5f3fc;--paycheck-deduction: #dc2626;--paycheck-net: #059669;font-family:system-ui,-apple-system,sans-serif;max-width:900px;margin:0 auto}.paycheck-header{text-align:center;margin-bottom:2rem}.paycheck-title{font-size:2rem;font-weight:800;color:var(--paycheck-accent);margin:0 0 .5rem}.paycheck-description{color:var(--paycheck-text-muted);font-size:1.1rem;margin:0}.paycheck-formula-section{background:var(--paycheck-bg);border-radius:16px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--paycheck-border)}.paycheck-formula-title{font-size:1.1rem;font-weight:700;color:var(--paycheck-accent);margin:0 0 1rem;text-align:center}.paycheck-formula-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.paycheck-formula-card{background:var(--paycheck-card-bg);border-radius:12px;padding:1rem;text-align:center;box-shadow:0 2px 8px #0891b21a}.paycheck-formula-label{display:block;font-size:.85rem;font-weight:600;color:var(--paycheck-primary);margin-bottom:.5rem}.paycheck-formula-math{font-size:1rem;color:var(--paycheck-text);overflow-x:auto}.paycheck-type-toggle{display:flex;gap:.5rem;margin-bottom:1rem;background:#f3f4f6;padding:.25rem;border-radius:10px}.paycheck-type-btn{flex:1;padding:.75rem;border:none;background:transparent;border-radius:8px;font-weight:600;color:var(--paycheck-text-muted);cursor:pointer;transition:all .2s ease}.paycheck-type-btn.active{background:var(--paycheck-primary);color:#fff}.paycheck-presets{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:#cffafe;border-radius:12px}.paycheck-presets-label{font-weight:600;color:var(--paycheck-accent);font-size:.9rem}.paycheck-presets-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.paycheck-preset-btn{padding:.5rem 1rem;border:2px solid var(--paycheck-border);background:#fff;border-radius:8px;font-size:.85rem;font-weight:600;color:var(--paycheck-text);cursor:pointer;transition:all .2s ease}.paycheck-preset-btn:hover{border-color:var(--paycheck-primary)}.paycheck-preset-btn.active{background:var(--paycheck-primary);border-color:var(--paycheck-primary);color:#fff}.paycheck-form{background:var(--paycheck-card-bg);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0891b21a;margin-bottom:2rem}.paycheck-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.paycheck-input-group{display:flex;flex-direction:column;gap:.5rem}.paycheck-input-group label{font-size:.9rem;font-weight:600;color:var(--paycheck-text)}.paycheck-input-group input,.paycheck-input-group select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .2s ease}.paycheck-input-group input:focus,.paycheck-input-group select:focus{outline:none;border-color:var(--paycheck-primary);box-shadow:0 0 0 3px #0891b21a}.paycheck-buttons{display:flex;gap:1rem}.paycheck-calculate-btn{flex:1;padding:1rem;background:linear-gradient(135deg,var(--paycheck-primary) 0%,var(--paycheck-primary-light) 100%);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.paycheck-calculate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0891b24d}.paycheck-reset-btn{padding:1rem 1.5rem;background:#f3f4f6;color:var(--paycheck-text-muted);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer}.paycheck-results{background:var(--paycheck-card-bg);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0891b21a;margin-bottom:2rem;border:2px solid var(--paycheck-border)}.paycheck-results-title{font-size:1.3rem;font-weight:700;color:var(--paycheck-accent);margin:0 0 1.5rem;text-align:center}.paycheck-stub{background:#f9fafb;border-radius:12px;overflow:hidden;margin-bottom:1.5rem;border:1px dashed #d1d5db}.paycheck-stub-header{display:flex;justify-content:space-between;padding:1rem;background:var(--paycheck-accent);color:#fff;font-weight:600}.paycheck-stub-section{padding:.5rem 1rem;background:#e5e7eb;font-size:.85rem;font-weight:600;color:var(--paycheck-text-muted);text-transform:uppercase}.paycheck-stub-row{display:flex;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;font-size:.95rem}.paycheck-stub-row:last-child{border-bottom:none}.paycheck-stub-gross{background:#ecfeff;font-weight:600;font-size:1.1rem}.paycheck-stub-total{background:#fee2e2;font-weight:600}.paycheck-stub-net{background:#d1fae5;font-weight:700;font-size:1.2rem}.paycheck-stub-net span:last-child{color:var(--paycheck-net)}.paycheck-deduction{color:var(--paycheck-deduction)}.paycheck-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.paycheck-summary-card{background:var(--paycheck-bg);border-radius:12px;padding:1rem;text-align:center}.paycheck-summary-label{display:block;font-size:.8rem;color:var(--paycheck-text-muted);margin-bottom:.25rem}.paycheck-summary-value{font-size:1.2rem;font-weight:700;color:var(--paycheck-accent)}.paycheck-content{margin-top:3rem}.paycheck-content-section{margin-bottom:2.5rem}.paycheck-content-section h2{font-size:1.5rem;font-weight:700;color:var(--paycheck-accent);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:3px solid var(--paycheck-border)}.paycheck-content-section p{color:var(--paycheck-text);line-height:1.7;margin-bottom:1rem}.paycheck-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.paycheck-feature-card{background:var(--paycheck-bg);border-radius:12px;padding:1.25rem;text-align:center;border:1px solid var(--paycheck-border)}.paycheck-feature-icon{font-size:2rem;display:block;margin-bottom:.75rem}.paycheck-feature-card h4{font-size:1rem;font-weight:700;color:var(--paycheck-accent);margin:0 0 .5rem}.paycheck-feature-card p{font-size:.9rem;color:var(--paycheck-text-muted);margin:0}.paycheck-tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.paycheck-tip-card{background:#ecfeff;border-radius:12px;padding:1.25rem;border-left:4px solid var(--paycheck-primary)}.paycheck-tip-icon{font-size:1.5rem;display:block;margin-bottom:.5rem}.paycheck-tip-card h4{font-size:.95rem;font-weight:700;color:var(--paycheck-accent);margin:0 0 .5rem}.paycheck-tip-card p{font-size:.9rem;color:var(--paycheck-text-muted);margin:0}.paycheck-tips-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.paycheck-tip-item{display:flex;gap:1rem;padding:1.25rem;background:#ecfeff;border-radius:12px;border:1px solid var(--paycheck-border)}.paycheck-tip-item .paycheck-tip-icon{font-size:1.75rem;flex-shrink:0;margin-bottom:0}.paycheck-tip-content h4{font-size:1rem;font-weight:700;color:var(--paycheck-accent);margin:0 0 .5rem}.paycheck-tip-content p{font-size:.95rem;color:var(--paycheck-text);margin:0;line-height:1.6}.paycheck-table-wrapper{overflow-x:auto;margin-top:1.5rem;border-radius:12px;border:1px solid var(--paycheck-border)}.paycheck-table{width:100%;border-collapse:collapse;font-size:.85rem}.paycheck-table th{background:var(--paycheck-bg);padding:1rem;text-align:left;font-weight:700;color:var(--paycheck-accent);border-bottom:2px solid var(--paycheck-border)}.paycheck-table td{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;color:var(--paycheck-text)}.paycheck-table tr:hover td{background:#ecfeff}.paycheck-faq-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.paycheck-faq-item{background:#ecfeff;border-radius:12px;border:1px solid var(--paycheck-border);overflow:hidden}.paycheck-faq-item summary{padding:1rem 1.25rem;font-weight:600;color:var(--paycheck-accent);cursor:pointer;list-style:none}.paycheck-faq-item summary::-webkit-details-marker{display:none}.paycheck-faq-item summary:after{content:"+";float:right;font-size:1.5rem;font-weight:300;color:var(--paycheck-primary)}.paycheck-faq-item[open] summary:after{transform:rotate(45deg)}.paycheck-faq-item p{padding:0 1.25rem 1rem;margin:0;color:var(--paycheck-text);line-height:1.6}@media (max-width: 640px){.paycheck-title{font-size:1.5rem}.paycheck-formula-grid,.paycheck-form-grid{grid-template-columns:1fr}.paycheck-buttons{flex-direction:column}.paycheck-summary-grid{grid-template-columns:1fr}.paycheck-presets{flex-direction:column;align-items:flex-start}.paycheck-tip-item{flex-direction:column}}