.salary-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center}.salary-form{max-width:none}.salary-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.salary-form-head h2{margin:0}.salary-form-head p{margin:5px 0 0}.mode-switch{display:flex;border:1px solid var(--line);padding:4px;border-radius:12px;background:#f8faf9}.mode-switch button{border:0;background:transparent;border-radius:8px;padding:8px 10px;font-weight:800;cursor:pointer;font-size:12px}.mode-switch button.active{background:var(--deep);color:#fff}.salary-fields{grid-template-columns:repeat(2,1fr)}.month-picker{margin:18px 0 4px;padding:15px;background:#f4f7f5;border:1px solid var(--line);border-radius:15px}.month-picker-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:11px;font-size:12px;color:var(--muted)}.month-picker-head label{font-weight:800;color:var(--deep)}.month-picker-head strong{color:var(--green)}.month-options{display:grid;grid-template-columns:repeat(12,1fr);gap:5px}.month-options button{border:1px solid transparent;border-radius:8px;background:#fff;color:var(--muted);padding:9px 2px;font-size:11px;font-weight:800;cursor:pointer;transition:.18s}.month-options button:hover{border-color:#bde388;color:var(--green)}.month-options button.active{background:var(--deep);color:#fff;box-shadow:0 4px 10px rgba(7,28,25,.18)}.salary-settings{margin:18px 0;color:var(--muted);font-size:13px}.salary-settings summary{cursor:pointer;color:var(--green);font-weight:800}.salary-settings .page-fields{margin-top:14px;grid-template-columns:repeat(3,1fr)}.salary-results{background:#f5f7f5;padding:58px 0 75px}.salary-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.salary-summary div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.salary-summary small{display:block;color:var(--muted);font-size:12px}.salary-summary strong{display:block;font-size:21px;margin-top:7px;color:var(--deep)}.salary-table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px}.salary-table-wrap table{width:100%;border-collapse:collapse;min-width:850px}.salary-table-wrap th,.salary-table-wrap td{padding:15px 18px;text-align:right;border-bottom:1px solid var(--line);font-size:13px}.salary-table-wrap th{background:#eff4f1;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.salary-table-wrap th:first-child,.salary-table-wrap td:first-child{text-align:left}.salary-table-wrap tbody tr:hover{background:#fbfdfb}.salary-table-wrap tbody tr:last-child td{border-bottom:0}.salary-table-wrap td:nth-child(6){font-weight:800;color:var(--green)}@media(max-width:900px){.salary-layout{grid-template-columns:1fr}.salary-summary{grid-template-columns:1fr 1fr}.month-options{grid-template-columns:repeat(6,1fr)}}@media(max-width:560px){.salary-fields,.salary-settings .page-fields{grid-template-columns:1fr}.salary-form-head{display:block}.mode-switch{margin-top:16px}.salary-summary{grid-template-columns:1fr}.salary-results{padding:35px 0}.salary-table-wrap th,.salary-table-wrap td{padding:13px}.month-picker-head{align-items:flex-start;flex-direction:column;gap:4px}.month-options{grid-template-columns:repeat(4,1fr)}}