.fx-page{max-width:1160px;margin:0 auto;padding:48px 24px 64px;color:#30364b}
.fx-converter,.fx-card{background:#fff;border:1px solid #e5e7f0;border-radius:20px;padding:28px;margin-bottom:24px;box-shadow:0 8px 28px rgba(45,40,90,.04)}.fx-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.fx-section-heading h2{font-size:1.2rem;font-weight:700;margin:0}.fx-section-heading p{margin:6px 0 0;color:#667085;font-size:.9rem}.fx-badge{font-size:.78rem;color:#625ac9;background:#f0eefe;border-radius:30px;padding:6px 12px;white-space:nowrap}
.fx-controls{display:grid;grid-template-columns:1.3fr 1fr 44px 1fr 1.45fr;gap:14px;align-items:end}.fx-controls label{font-weight:600;font-size:.85rem;margin-bottom:8px}.fx-controls .form-control{height:48px;border-color:#dce0eb;border-radius:10px;color:#30364b}.fx-swap{width:44px;height:48px;border:1px solid #dedbea;border-radius:10px;color:#6c63db;background:#f5f4fd}.fx-swap:hover{background:#eae7ff}.fx-page :focus-visible{outline:3px solid #8982ef;outline-offset:3px}
.fx-result{background:#f4f3ff;border:1px solid #e7e3ff;border-radius:14px;margin-top:24px;padding:24px;text-align:center}.fx-result-label{color:#66617f;font-size:.9rem}.fx-result output{display:block;font-size:2.65rem;font-weight:750;letter-spacing:-.035em;color:#554cc5;overflow-wrap:anywhere}.fx-result p{margin:4px 0 0;color:#66617f;font-size:.9rem}.fx-help{font-size:.83rem;color:#687083;margin:14px 0 0}.fx-error{color:#b42318;margin:12px 0 0}.fx-chart{height:300px;position:relative;margin-bottom:20px}
.fx-table-wrap{max-height:490px;overflow:auto;margin-top:16px;border:1px solid #e8e9f0;border-radius:12px}.fx-table{font-size:.9rem;margin-bottom:0;white-space:nowrap}.fx-table th{background:#f8f8fc;position:sticky;top:0;z-index:1;font-size:.78rem;color:#596276;border-top:0!important}.fx-table td,.fx-table th{padding:14px 18px;vertical-align:middle}.fx-table td:not(:first-child),.fx-table th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.fx-table tr.is-selected{background:#f4f2ff}.fx-month-button{border:0;background:none;padding:0;color:#5f56c9;text-align:left;font-weight:600}.fx-positive{color:#14775a}.fx-negative{color:#b13c4f}.fx-source{padding:8px 16px;max-width:930px;color:#697184;font-size:.88rem}.fx-source h2{font-size:1rem;font-weight:700;color:#414960}.fx-source a{color:#625ac9}
@media(max-width:650px){.fx-page{padding:28px 14px 40px}.fx-converter,.fx-card{padding:20px 16px;border-radius:16px}.fx-controls{grid-template-columns:1fr 42px 1fr;gap:12px}.fx-controls>div:first-child,.fx-controls>div:last-child{grid-column:1/-1}.fx-controls>div:nth-child(2){grid-column:1}.fx-controls>div:nth-child(4){grid-column:3}.fx-result output{font-size:2rem}.fx-section-heading{flex-wrap:wrap}.fx-badge{font-size:.7rem}.fx-chart{height:230px}.fx-table td,.fx-table th{padding:12px}.fx-source{padding:8px 4px}}

.fx-controls>div{min-width:0}.fx-controls .select2-container .select2-selection--single{height:48px;border:1px solid #dce0eb;border-radius:10px}.fx-controls .select2-container .select2-selection--single .select2-selection__rendered{line-height:46px;padding-left:12px;color:#30364b}.fx-controls .select2-container .select2-selection--single .select2-selection__arrow{height:46px;right:8px}.fx-currency-dropdown{border-color:#dce0eb;border-radius:10px;overflow:hidden}.fx-currency-dropdown .select2-search__field{border:1px solid #dce0eb!important;border-radius:6px;padding:8px!important}.fx-currency-dropdown .select2-results__option--highlighted[aria-selected]{background:#7769e8;color:#fff}