.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.result-big{border-radius:var(--radius-lg);background:var(--color-accent-soft);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.result-big span{color:var(--color-mute);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.result-big strong{color:var(--color-accent);font-size:1.85rem;line-height:1.15}.metric-grid-4,.metric-grid-3,.metric-grid-2{gap:.875rem;display:grid}.metric-grid-4{grid-template-columns:repeat(4,1fr)}.metric-grid-3{grid-template-columns:repeat(3,1fr)}.metric-grid-2{grid-template-columns:repeat(2,1fr)}.metric-card{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas-soft);flex-direction:column;gap:.25rem;padding:.875rem;display:flex}.metric-card span{color:var(--color-mute);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:600}.metric-card strong{color:var(--color-ink);font-size:1.15rem}.status-badge{border-radius:var(--radius-pill);align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.status-badge.good{background:var(--color-success-soft);color:var(--color-success-text)}.status-badge.warn{background:var(--color-warning-soft);color:var(--color-warning-text)}.status-badge.info{background:var(--color-accent-soft);color:var(--color-accent)}.action-row{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.btn-secondary{background:var(--color-surface);color:var(--color-body);border-radius:var(--radius-md);border:1px solid var(--color-hairline);cursor:pointer;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:550;transition:color .15s,border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.btn-secondary:hover{color:var(--color-ink);border-color:var(--color-hairline-strong);background:var(--color-card)}.btn-copy{color:#2563eb;background:linear-gradient(135deg,#2563eb14 0%,#2563eb0a 100%);border-color:#2563eb33}.btn-copy:hover{color:#1d4ed8;background:linear-gradient(135deg,#2563eb24 0%,#2563eb14 100%);border-color:#2563eb59;box-shadow:0 2px 8px #2563eb26}.btn-print{color:#059669;background:linear-gradient(135deg,#05966914 0%,#0596690a 100%);border-color:#05966933}.btn-print:hover{color:#047857;background:linear-gradient(135deg,#05966924 0%,#05966914 100%);border-color:#05966959;box-shadow:0 2px 8px #05966926}.btn-csv{color:#d97706;background:linear-gradient(135deg,#d9770614 0%,#d977060a 100%);border-color:#d9770633}.btn-csv:hover{color:#b45309;background:linear-gradient(135deg,#d9770624 0%,#d9770614 100%);border-color:#d9770659;box-shadow:0 2px 8px #d9770626}.btn-print-payslip{color:#7c3aed;background:linear-gradient(135deg,#7c3aed14 0%,#7c3aed0a 100%);border-color:#7c3aed33}.btn-print-payslip:hover{color:#6d28d9;background:linear-gradient(135deg,#7c3aed24 0%,#7c3aed14 100%);border-color:#7c3aed59;box-shadow:0 2px 8px #7c3aed26}.preset-btn.preset-active{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 15%, transparent), 0 4px 12px #00000014;border-color:var(--color-accent)!important;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!important;color:var(--color-accent)!important}.preset-btn.preset-active .preset-icon{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.data-table{border-collapse:collapse;width:100%;font-size:.8125rem}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--color-mute);border-bottom:1px solid var(--color-hairline);padding:.5rem .75rem;font-size:.6875rem;font-weight:600}.data-table td{border-bottom:1px solid var(--color-hairline);color:var(--color-body);white-space:nowrap;padding:.5rem .75rem}.data-table tr:hover td{background:var(--color-surface)}.data-table td.num{text-align:right;font-family:var(--font-mono);font-size:.8125rem}.table-wrap{border:1px solid var(--color-hairline);border-radius:var(--radius-md);overflow-x:auto}.bar-chart{flex-direction:column;gap:.625rem;display:flex}.bar-row{align-items:center;gap:.75rem;display:flex}.bar-label{width:100px;color:var(--color-mute);text-align:right;flex-shrink:0;font-size:.75rem}.bar-track{background:var(--color-surface);border-radius:var(--radius-sm);flex:1;height:28px;position:relative;overflow:hidden}.bar-fill{border-radius:var(--radius-sm);min-width:2px;height:100%;transition:width .4s}.bar-fill.accent{background:var(--color-accent)}.bar-fill.green{background:var(--color-success)}.bar-fill.orange{background:var(--color-warning)}.bar-fill.pink{background:#ec4899}.bar-fill.teal{background:#14b8a6}.bar-value{font-size:.75rem;font-family:var(--font-mono);color:var(--color-body);flex-shrink:0;width:80px}.section-divider{background:var(--color-hairline);height:1px;margin:1.25rem 0}.tag-pill{border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-mute);font-size:.6875rem;font-weight:550;font-family:var(--font-mono);padding:.125rem .5rem;display:inline-block}.pie-container{justify-content:center;align-items:center;padding:1rem 0;display:flex}.pie-chart-conic{width:140px;height:140px;box-shadow:var(--shadow-2);border-radius:50%;position:relative}.pie-legend{flex-wrap:wrap;justify-content:center;gap:1.25rem;margin-top:.75rem;font-size:.75rem;display:flex}.legend-item{color:var(--color-body);align-items:center;gap:.375rem;font-weight:550;display:flex}.legend-color{border-radius:var(--radius-sm);width:12px;height:12px}.accordion{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas-soft);overflow:hidden}.accordion-header{width:100%;color:var(--color-ink);background:var(--color-surface);cursor:pointer;text-align:left;border:none;justify-content:space-between;align-items:center;padding:.625rem .875rem;font-size:.8125rem;font-weight:600;display:flex}.accordion-header:hover{background:var(--color-hairline-strong)}.accordion-body{border-top:1px solid var(--color-hairline);flex-direction:column;gap:.875rem;padding:1rem .875rem;display:flex}.btn-danger-icon{color:var(--color-error-text);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex}.btn-danger-icon:hover{background:var(--color-error-soft)}.btn-add-inline{border:1px dashed var(--color-accent);color:var(--color-accent);border-radius:var(--radius-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.375rem;width:100%;margin-top:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:flex}.btn-add-inline:hover{background:var(--color-accent-soft)}.slider-row{flex-direction:column;gap:.25rem;margin-top:.25rem;display:flex}.slider-row input[type=range]{cursor:pointer;width:100%;accent-color:var(--color-accent)}.slider-lbl-row{color:var(--color-mute);justify-content:space-between;font-size:.6875rem;font-weight:600;display:flex}@media (width<=768px){.form-row{grid-template-columns:1fr}.metric-grid-4,.metric-grid-3{grid-template-columns:repeat(2,1fr)}.bar-label{width:70px;font-size:.6875rem}.bar-value{width:60px;font-size:.6875rem}.result-big strong{font-size:1.45rem}.metric-card strong{font-size:1rem}}@media (width<=480px){.metric-grid-4,.metric-grid-3{grid-template-columns:1fr 1fr}.result-big{padding:1rem}.result-big strong{font-size:1.25rem}.metric-card{padding:.625rem}.metric-card strong{font-size:.9375rem}.bar-label,.bar-value{width:50px;font-size:.625rem}.bar-row{gap:.375rem}.bar-track{height:22px}.action-row .btn-secondary{flex:1;justify-content:center;min-height:44px;font-size:.875rem}.data-table{font-size:.75rem}.data-table th,.data-table td{padding:.375rem .5rem}.data-table td.num{font-size:.75rem}#invoice-preview>div:first-child,#payslip-preview>div:first-child{flex-direction:column!important;gap:.75rem!important}#invoice-preview>div:first-child>div:last-child{text-align:left!important}.tool-body input,.tool-body select{min-height:44px;font-size:16px}}@media (width<=420px){.metric-grid-4,.metric-grid-3{grid-template-columns:1fr 1fr}.result-big{padding:.875rem}.result-big strong{font-size:1.15rem}.metric-card{padding:.5rem}.metric-card strong{font-size:.875rem}}@media print{.nav,.footer,.tool-header,.privacy-banner,.btn-secondary,.action-row{display:none!important}.tool-panel{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.bar-fill{print-color-adjust:exact}}.social-share-btn:hover,.social-share-btn:focus,.social-share-btn:active{color:#fff!important}.edu-table-wrap,.table-container,.table-wrapper{border:1px solid var(--color-hairline);border-radius:var(--radius-md);overflow-x:auto}.edu-data-table,.data-tbl{border-collapse:collapse;width:100%;font-size:.8125rem}.edu-data-table th,.data-tbl th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--color-mute);border-bottom:1px solid var(--color-hairline);background:var(--color-surface);padding:.5rem .75rem;font-size:.6875rem;font-weight:600}.edu-data-table td,.data-tbl td{border-bottom:1px solid var(--color-hairline);color:var(--color-body);white-space:nowrap;padding:.5rem .75rem}.edu-data-table tr:hover td,.data-tbl tr:hover td{background:var(--color-surface)}.edu-data-table td.num,.data-tbl td.num{text-align:right;font-family:var(--font-mono);font-size:.8125rem}.edu-share-panel{border-radius:var(--radius-md);background:var(--color-canvas-soft);border:1px solid var(--color-hairline);margin-top:1rem;padding:1rem 1.25rem}.edu-share-panel h3{color:var(--color-ink);margin:0 0 .15rem;font-size:.9rem;font-weight:650}.edu-share-panel p{color:var(--color-mute);margin:0 0 .75rem;font-size:.78rem;line-height:1.4}.edu-share-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.edu-share-native{border-radius:var(--radius-md);background:var(--color-accent);border:1px solid var(--color-accent);cursor:pointer;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.8rem;font-weight:650;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 2px 8px #2563eb33;color:#fff!important}.edu-share-native:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d;color:#fff!important}.edu-social-links{flex-wrap:wrap;gap:.5rem;display:flex}.edu-social-btn{border-radius:var(--radius-md);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:inline-flex;color:#fff!important}.edu-social-btn:hover{opacity:.9;transform:translateY(-1px);color:#fff!important}.edu-social-btn.tw{background:#0f1419}.edu-social-btn.li{background:#0a66c2}.edu-social-btn.wa{background:#08783e}.edu-social-btn.rd{background:#c93400}@media (width<=600px){.edu-share-panel{padding:.875rem 1rem}.edu-share-actions{flex-direction:column;align-items:stretch;gap:.5rem}.edu-share-native{justify-content:center;width:100%}.edu-social-links{grid-template-columns:repeat(2,1fr);gap:.4rem;width:100%;display:grid}.edu-social-btn{text-align:center;width:100%;padding:0 .5rem;font-size:.72rem}}.sip-layout,.tool-grid{grid-template-columns:.95fr 1.05fr;gap:1.25rem;width:100%;min-width:0;max-width:100%;display:grid}.left-column,.right-column{width:100%;min-width:0;max-width:100%}.panel,.tool-panel{background:var(--color-card,#fff);border:1px solid var(--color-hairline,#e2e8f0);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-2,0 4px 6px -1px #0000001a);box-sizing:border-box;max-width:100%;overflow:hidden}.panel-header,.tool-panel h2{border-bottom:1px solid var(--color-hairline);background:var(--color-surface,#f8fafc);padding:.875rem 1.25rem}.panel-header h2,.tool-panel h2{color:var(--color-ink,#0f172a);margin:0;font-size:.875rem;font-weight:600}.form-content,.tool-body{flex-direction:column;gap:1rem;min-width:0;max-width:100%;padding:1.25rem;display:flex}.form-field{flex-direction:column;gap:.375rem;min-width:0;display:flex}.form-field span{color:var(--color-mute);font-size:.75rem;font-weight:600}.preset-bar{flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:-4px;margin-bottom:1.25rem;padding-top:4px;display:flex}.preset-bar-label,.preset-label{color:var(--color-mute);white-space:nowrap;align-items:center;gap:.35rem;font-size:.75rem;font-weight:650;display:inline-flex}.preset-chips,.preset-buttons{flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:-4px;margin-bottom:-4px;padding-top:4px;padding-bottom:4px;display:flex}.preset-chip,.preset-btn{background:var(--color-card,#fff);height:32px;color:var(--color-ink,#0f172a);border:1px solid var(--color-hairline,#e2e8f0);cursor:pointer;white-space:nowrap;border-radius:9999px;align-items:center;gap:.4rem;padding:0 .85rem;font-size:.78rem;font-weight:600;transition:border-color .15s,background-color .15s,color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 1px 3px #0000000a;transform:none!important}.preset-chip:hover,.preset-btn:hover{border-color:var(--color-accent,#2563eb);color:var(--color-accent,#2563eb);background:var(--color-accent-soft,#2563eb14);box-shadow:0 2px 6px #2563eb1f;transform:none!important}.preset-chip.preset-active,.preset-chip.active,.preset-btn.preset-active,.preset-btn.active{border-color:var(--color-accent,#2563eb)!important;background:var(--color-accent-soft,#2563eb1f)!important;color:var(--color-accent,#2563eb)!important}.chip-dot{background:var(--color-accent,#2563eb);border-radius:50%;flex-shrink:0;width:7px;height:7px}@media (width<=900px){.sip-layout,.tool-grid{grid-template-columns:1fr!important;gap:1rem!important;width:100%!important}.left-column,.right-column{width:100%!important;min-width:0!important;max-width:100%!important}.panel,.tool-panel{max-width:100%!important;transform:none!important}.form-content,.tool-body{padding:1rem!important}}