.payslip-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:1.25rem;display:grid}.left-column,.right-column{flex-direction:column;gap:1.25rem;display:flex}.payslip-card{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:var(--shadow-1);overflow:hidden}.payslip-header{background:var(--color-ink);color:var(--color-canvas);justify-content:space-between;align-items:flex-start;padding:1.25rem;display:flex}.payslip-company{font-size:1.15rem;display:block}.payslip-addr{opacity:.8;font-size:.75rem;display:block}.payslip-title-block{text-align:right}.payslip-title{letter-spacing:.05em;font-size:1rem;display:block}.payslip-period{opacity:.8;font-size:.75rem}.payslip-body{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.payslip-meta{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas-soft);grid-template-columns:1fr 1fr;gap:.75rem;padding:.75rem;font-size:.75rem;display:grid}.meta-row{margin-bottom:.25rem}.meta-label{color:var(--color-mute)}.meta-value{color:var(--color-ink)}.meta-mono{font-family:var(--font-mono)}.payslip-tables{grid-template-columns:1fr 1fr;align-items:start;gap:1.25rem;display:grid}.payslip-table-col{flex-direction:column;display:flex}.payslip-table-head{color:var(--color-mute);text-transform:uppercase;border-bottom:1px solid var(--color-hairline);margin-bottom:.25rem;padding:.5rem 0;font-size:.6875rem;font-weight:600}.payslip-table-row{color:var(--color-body);justify-content:space-between;padding:.375rem 0;font-size:.8125rem;display:flex}.payslip-table-row strong{color:var(--color-ink)}.payslip-divider{background:var(--color-hairline);height:1px;margin:.25rem 0}.payslip-totals{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.payslip-total-label{color:var(--color-mute);text-transform:uppercase;font-size:.6875rem;display:block}.payslip-total-val{color:var(--color-ink);font-size:.9375rem}.payslip-total-right{text-align:right}.payslip-net{background:var(--color-accent-soft);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-top:.25rem;padding:.875rem 1.25rem;display:flex}.payslip-net-label{color:var(--color-ink);font-size:.875rem}.payslip-net-val{color:var(--color-accent);font-size:1.35rem}.payslip-pie-section{align-items:center;gap:1.25rem;margin-top:.5rem;display:flex}.payslip-pie-legend{flex-direction:column;gap:.35rem;display:flex}.pie-legend-item{color:var(--color-body);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.pie-legend-item strong{color:var(--color-ink);font-family:var(--font-mono)}.pie-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.preset-bar{background:linear-gradient(135deg, var(--color-canvas-soft) 0%, var(--color-canvas) 100%);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.7rem 1rem;display:flex}.preset-label{color:var(--color-accent);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-right:1px solid var(--color-hairline);align-items:center;gap:.35rem;padding-right:.6rem;font-size:.72rem;font-weight:700;display:flex}.preset-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.preset-btn{border-radius:var(--radius-md);background:linear-gradient(var(--color-card), var(--color-card)) padding-box, linear-gradient(135deg, var(--color-hairline-strong) 0%, var(--color-hairline) 100%) border-box;color:var(--color-body);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:.55rem;padding:.4rem .8rem .4rem .55rem;font-size:.72rem;font-weight:650;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.preset-icon{border-radius:var(--radius-sm);background:var(--color-canvas-soft);border:1px solid var(--color-hairline);flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.85rem;display:flex}.preset-text{flex-direction:column;gap:.05rem;display:flex}.preset-name{font-size:.72rem;font-weight:650}.preset-sub{color:var(--color-mute);font-size:.6rem;font-weight:400}.preset-btn:hover{background:linear-gradient(var(--color-accent-soft), var(--color-accent-soft)) padding-box, linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 70%, var(--color-ink)) 100%) border-box;color:var(--color-accent);transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.preset-btn:hover .preset-icon{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.share-panel-card{border-radius:var(--radius-md);background:var(--color-canvas-soft);border:1px solid var(--color-hairline);padding:1rem 1.25rem}.share-header h3{color:var(--color-ink);margin:0 0 .2rem;font-size:.9rem;font-weight:650}.share-header p{color:var(--color-mute);margin:0 0 .85rem;font-size:.78rem;line-height:1.4}.share-actions-row{flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}.social-links-container{flex-wrap:wrap;gap:.5rem;display:flex}.share-native-btn{border-radius:var(--radius-md);cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);border:none;align-items:center;gap:.4rem;height:38px;padding:0 1rem;font-size:.8rem;font-weight:650;transition:all .2s;display:inline-flex;box-shadow:0 2px 12px #6366f14d}.share-native-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #6366f173}.social-share-btn{border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;height:34px;padding:0 .85rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .15s;display:flex}.social-share-btn:hover{opacity:.9;transform:translateY(-1px)}.social-share-btn.tw{background:#0f1419}.social-share-btn.li{background:#0a66c2}.social-share-btn.wa{background:#25d366}.social-share-btn.rd{background:#ff4500}.ctc-toggle-field{flex-direction:column;gap:.5rem;display:flex}.toggle-row{cursor:pointer;align-items:center;gap:.5rem;display:flex}.toggle-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.toggle-label{color:var(--color-body);font-size:.8125rem;font-weight:550}.ctc-pct-row{margin-top:.25rem}.ctc-auto-note{color:var(--color-mute);background:var(--color-accent-soft);border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--color-accent) 20%, transparent);margin-top:.35rem;padding:.5rem .75rem;font-size:.72rem}.optimizer-card{padding:0}.optimizer-empty{color:var(--color-mute);text-align:center;background:var(--color-canvas-soft);border-radius:var(--radius-md);border:1px dashed var(--color-hairline);padding:1rem;font-size:.8125rem}.optimizer-recommendation{border-radius:var(--radius-md);background:linear-gradient(135deg,#10b9810f 0%,#10b98105 100%);border:1px solid #10b98133;padding:1rem}.optimizer-badge{color:#059669;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;background:#10b9811f;margin-bottom:.5rem;padding:.15rem .5rem;font-size:.6875rem;font-weight:700;display:inline-block}.optimizer-recommendation p{color:var(--color-body);margin:0;font-size:.8125rem;line-height:1.5}.optimizer-recommendation p+p{margin-top:.5rem}.optimizer-detail{color:var(--color-mute);margin-top:.5rem;font-size:.75rem}.faq-section{flex-direction:column;gap:.5rem;display:flex}.faq-section .accordion-header{font-size:.8125rem}.faq-section .accordion-body p{color:var(--color-body);margin:0;font-size:.8125rem;line-height:1.6}@media (width<=900px){.payslip-layout{grid-template-columns:1fr}}@media print{#site-nav,.tool-header,.privacy-banner,.preset-bar,.auto-seo-wrap,.footer,#back-to-top,.left-column,.share-panel-card,.action-row,.note-box,.tp-modal-overlay,#optimizer-panel,.faq-section,.share-panel-card{display:none!important}.tool-main{margin-top:0!important;margin-bottom:0!important}.payslip-layout{grid-template-columns:1fr!important}.right-column{width:100%!important}.right-column>.tool-panel{box-shadow:none!important;border:none!important;padding:0!important}.right-column>.tool-panel h2{display:none!important}.payslip-card{box-shadow:none!important;border:1px solid #ccc!important}*{print-color-adjust:exact!important}}
