.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 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}