.rule-matrix{padding:clamp(22px,4vw,44px);margin:36px 0;border:1px solid #cbdcf6;border-radius:28px;background:linear-gradient(135deg,#fff 0%,#f5f8ff 75%,#f1f8e9 100%);box-shadow:0 18px 46px #1433630b}.rule-matrix__head{max-width:920px}.rule-matrix h2{font-family:Onest,Manrope,sans-serif;font-size:clamp(25px,3vw,36px);line-height:1.2;margin:10px 0 18px}.rule-matrix p{line-height:1.75;color:#49688c}.rule-matrix__actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.rule-matrix__actions button{font:inherit;font-weight:700;color:#1059bb;background:#fff;border:1px solid #acc8f1;border-radius:14px;min-height:48px;padding:12px 18px;cursor:pointer}.rule-matrix__actions button[aria-pressed=true]{background:#075bdc;color:#fff;border-color:#075bdc;box-shadow:0 7px 18px #075bdc26}.rule-matrix__scroll{overflow-x:auto;border:1px solid #cbdcf6;border-radius:20px}.rule-matrix table{width:100%;min-width:720px;border-collapse:collapse;font-size:15px;background:#ffffffb3}.rule-matrix caption{text-align:left;padding:20px;font-weight:700;color:#23446b}.rule-matrix th,.rule-matrix td{text-align:left;padding:18px 20px;line-height:1.65;vertical-align:top;border-top:1px solid #d9e6f7}.rule-matrix thead th{background:#edf4ff;color:#305885;font-size:13px;font-weight:700}.rule-matrix tbody th{width:24%;font-weight:800}.rule-matrix tbody th a{color:#0752b7;text-underline-offset:4px}.rule-matrix tbody tr:nth-child(even){background:#f5f8ff}.rule-matrix tr[hidden]{display:none}.rule-matrix__status{padding:16px 20px;border:1px solid #cbdcf6;border-radius:14px;background:#f3f7ff;font-weight:600}.rule-matrix__actions [hidden]{display:none}.rule-matrix :is(button,a,[tabindex]):focus-visible{outline:3px solid #2678ed;outline-offset:4px}.salary-search{display:grid;gap:10px;margin:24px 0}.salary-search label{font-weight:700}.salary-search input{width:100%;box-sizing:border-box;min-height:56px;border:1px solid #adc7f1;border-radius:16px;padding:14px 18px;background:#f7faff;color:#062957;font:inherit}.salary-search input:focus-visible{outline:3px solid #3279ff;outline-offset:3px}.payday-delay-note{padding:16px 20px;border:1px solid #d3dfef;border-radius:14px;background:#f3f7fc}.payday-delay-note strong{display:block;margin-bottom:8px}
html[data-theme=dark] .rule-matrix{border-color:#33527c;background:linear-gradient(135deg,#102540,#0b1b32 80%,#17312d);box-shadow:0 18px 46px #0002}html[data-theme=dark] .rule-matrix p{color:#bfd0e8}html[data-theme=dark] .rule-matrix__actions button{color:#bcd9ff;background:#132c4b;border-color:#40628a}html[data-theme=dark] .rule-matrix__actions button[aria-pressed=true]{color:#fff;background:#1763cf;border-color:#4686e4}html[data-theme=dark] .rule-matrix table{background:#102640}html[data-theme=dark] .rule-matrix :is(th,td){border-color:#2d496c}html[data-theme=dark] .rule-matrix caption{color:#d4e4ff}html[data-theme=dark] .rule-matrix thead th{color:#bed4f3;background:#1a3456}html[data-theme=dark] .rule-matrix tbody tr:nth-child(even){background:#132b48}html[data-theme=dark] .rule-matrix tbody th a{color:#9fc9ff}html[data-theme=dark] .rule-matrix__scroll{border-color:#38577f}html[data-theme=dark] .rule-matrix__status,html[data-theme=dark] .payday-delay-note{background:#132c49;border-color:#38577f}html[data-theme=dark] .salary-search input{background:#0d213d;color:#e8f1ff;border-color:#33567e}
.payday-budget label.payday-delay-note{display:grid;gap:12px;box-sizing:border-box;min-width:0;margin:20px 0 0;padding:20px;border-radius:18px}.payday-budget label.payday-delay-note>strong{font-size:16px;line-height:1.55;margin:0}.payday-budget label.payday-delay-note>span{display:block;background:none;padding:0;border:0;font-size:14px;line-height:1.65;color:#49688c}.payday-budget label.payday-delay-note>input{display:block;width:100%;box-sizing:border-box;min-height:54px;padding:12px 16px;border:1px solid #adc7f1;border-radius:12px;background:#fff;color:#062957;font:inherit;font-size:16px}.payday-budget label.payday-delay-note>input:focus-visible{outline:3px solid #3279ff;outline-offset:3px}html[data-theme=dark] .payday-budget label.payday-delay-note>span{color:#bfd0e8}html[data-theme=dark] .payday-budget label.payday-delay-note>input{background:#0d213d;color:#e8f1ff;border-color:#40618b}
@media(max-width:600px){.rule-matrix{border-radius:22px;margin:26px 0}.rule-matrix__actions{display:grid;grid-template-columns:1fr}.rule-matrix__actions button{text-align:left}.rule-matrix__scroll{border-radius:14px}.rule-matrix caption{padding:16px}.salary-search input{font-size:16px}}