.percentage-page[data-v-172caabc]{display:grid;gap:24px;color:#172033}.percentage-heading[data-v-172caabc]{max-width:760px}.percentage-eyebrow[data-v-172caabc]{margin:0 0 10px;color:#2563eb;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.percentage-heading h1[data-v-172caabc]{margin:0;color:#111827;font-size:3.25rem;line-height:1.05;font-weight:850}.percentage-heading p[data-v-172caabc]:last-child{margin:14px 0 0;color:#526174;font-size:1.05rem}.percentage-mode-list[data-v-172caabc]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:6px;border:1px solid #dbe4f0;border-radius:8px;background:#f8fafc}.percentage-mode-button[data-v-172caabc]{min-height:54px;border:0;border-radius:6px;padding:10px 12px;color:#526174;background:transparent;font:inherit;font-size:.9rem;font-weight:750;line-height:1.15;cursor:pointer}.percentage-mode-button[data-v-172caabc]:hover,.percentage-mode-button--active[data-v-172caabc]{color:#1d4ed8;background:#fff;box-shadow:0 1px 4px #2563eb24}.percentage-workspace[data-v-172caabc]{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);gap:20px;align-items:stretch}.percentage-form[data-v-172caabc],.percentage-result[data-v-172caabc]{border:1px solid #dbe4f0;border-radius:8px;background:#fbfdff}.percentage-form[data-v-172caabc]{display:grid;align-content:start;gap:18px;padding:24px}.percentage-field[data-v-172caabc]{display:grid;gap:8px}.percentage-field[data-v-172caabc] label{color:#27364a;font-weight:750}.percentage-field[data-v-172caabc] .percentage-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;overflow:hidden;border:1px solid #cbd7e6;border-radius:8px;background:#fff}.percentage-field[data-v-172caabc] .percentage-input-wrap:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.percentage-field[data-v-172caabc] .percentage-input-wrap input{width:100%;min-width:0;border:0;padding:14px;color:#111827;background:transparent;font:inherit;outline:0}.percentage-field[data-v-172caabc] .percentage-input-wrap span{padding:0 14px;color:#64748b;font-weight:800}.percentage-field[data-v-172caabc] .percentage-input-wrap input[aria-invalid=true]{color:#991b1b}.percentage-field[data-v-172caabc] .percentage-error{margin:0;color:#b91c1c;font-size:.9rem}.percentage-direction[data-v-172caabc]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.percentage-direction__button[data-v-172caabc]{min-height:44px;border:1px solid #cbd7e6;border-radius:8px;color:#526174;background:#fff;font:inherit;font-weight:750;cursor:pointer}.percentage-direction__button--active[data-v-172caabc]{border-color:#2563eb;color:#1d4ed8;background:#eff6ff}.percentage-result[data-v-172caabc]{display:flex;flex-direction:column;justify-content:center;min-height:270px;padding:24px}.percentage-result__label[data-v-172caabc]{margin:0 0 8px;color:#64748b;font-size:.85rem;font-weight:800;text-transform:uppercase}.percentage-result__value[data-v-172caabc]{color:#2563eb;font-size:4rem;line-height:1;font-weight:850;overflow-wrap:anywhere}.percentage-result__value span[data-v-172caabc]{font-size:2.2rem}.percentage-result p[data-v-172caabc]{margin:14px 0 0;color:#526174}.percentage-result__empty[data-v-172caabc]{margin-top:8px}@media (max-width: 900px){.percentage-mode-list[data-v-172caabc]{grid-template-columns:repeat(2,minmax(0,1fr))}.percentage-workspace[data-v-172caabc]{grid-template-columns:1fr}}@media (max-width: 767px){.percentage-page[data-v-172caabc]{gap:20px}.percentage-heading h1[data-v-172caabc]{font-size:2.15rem}.percentage-heading p[data-v-172caabc]:last-child{font-size:1rem}.percentage-mode-list[data-v-172caabc]{grid-template-columns:1fr}.percentage-form[data-v-172caabc],.percentage-result[data-v-172caabc]{padding:18px}.percentage-result[data-v-172caabc]{min-height:220px}.percentage-result__value[data-v-172caabc]{font-size:3.15rem}}