.cross-rates{margin:24px 0;background:#0d1929;border:1px solid var(--line);border-radius:20px;padding:24px}
.cross-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}
.cross-head h2{margin:4px 0 0}
.cross-head label{width:240px}
.cross-head label span{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}
.cross-head input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#091523;color:#fff}
.cross-table-wrap{overflow:auto;max-height:620px;border:1px solid var(--line);border-radius:14px}
.cross-rates table{width:100%;border-collapse:collapse;min-width:580px}
.cross-rates th,.cross-rates td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line)}
.cross-rates th{position:sticky;top:0;background:#132238;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em;z-index:1}
.cross-rates td:nth-child(2){font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent)}
.cross-rates td:last-child{color:var(--muted);font-size:13px}
.cross-rates tbody tr:last-child td{border-bottom:0}
.cross-rates tbody tr:hover{background:#122238}
.cross-rates td a{display:flex;gap:10px;align-items:baseline;color:#fff;text-decoration:none}
.cross-rates td a span{color:var(--muted);font-size:13px}
.cross-note{color:var(--muted);font-size:13px;margin:12px 2px 0}
@media(max-width:680px){.cross-rates{padding:18px}.cross-head{display:grid}.cross-head label{width:100%}}