#fxRatesView .fx-panel{max-width:1400px;margin:0 auto;padding-bottom:18px}
#fxRatesView .fx-cards{display:grid;grid-template-columns:1fr 1.4fr 1.4fr 1fr;gap:14px;padding:22px}
#fxRatesView .fx-card{background:#0b1c26;border:1px solid #213b47;border-radius:12px;padding:20px;min-width:0}
#fxRatesView .fx-card header{font-size:15px;font-weight:700;color:#e3edf2}
#fxRatesView small{display:block;color:#819daa;font-size:11px;font-weight:400;line-height:1.6}
#fxRatesView header small{margin-top:4px}
#fxRatesView .fx-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0}
#fxRatesView .fx-two span{display:block;color:#96aeb9;font-size:12px;margin-bottom:9px}
#fxRatesView .fx-two strong{font-size:23px;color:#78e0ce;white-space:nowrap}
#fxRatesView .fx-two>div+div strong{color:#dfeaf0}
#fxRatesView footer{border-top:1px solid #233b46;padding-top:12px;margin-bottom:8px;font-size:11px;color:#9bb1bc;display:flex;justify-content:space-between;gap:8px}
#fxRatesView footer b{color:#e7ba6a;font-size:14px}
#fxRatesView .fx-big{font-size:28px;display:block;margin-top:24px;color:#85b8f6}
#fxRatesView .fx-card p{font-size:11px;line-height:1.6;color:#9db2bd}
#fxRatesView .fx-spot{border-style:dashed;background:#0a1821}
#fxRatesView .fx-spot .fx-big{color:#657d89}
#fxRatesView .fx-rate-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 22px}
#fxRatesView .fx-rate{display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px 15px;border-radius:10px;border:1px solid #23404c;background:linear-gradient(110deg,#112832,#0a1923);padding:18px 22px}
#fxRatesView .fx-rate span{font-weight:700;font-size:14px}
#fxRatesView .fx-rate strong{font-size:28px;color:#e7ba6a}
#fxRatesView .fx-rate>small{grid-column:1/-1}
#fxRatesView .fx-method{grid-column:1/-1;color:#829ca9;font-size:11px;line-height:1.6;margin:0}
#fxRatesView .fx-history-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:30px 24px 18px}
#fxRatesView h3{font-size:17px;margin:0 0 6px}
#fxRatesView .fx-history-head p{margin:0;font-size:12px;color:#8ca7b5}
#fxRatesView .fx-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:0 24px 15px}
#fxRatesView .fx-filters label{font-size:11px;color:#93aebc}
#fxRatesView input[type=date],#fxRatesView select{display:block;margin-top:6px;padding:9px 12px;background:#0b1c26;color:#dbe7ed;border:1px solid #2c4654;border-radius:7px;font:inherit;color-scheme:dark}
#fxRatesView .fx-presets{display:flex;gap:5px}
#fxRatesView .fx-presets button{padding:9px 13px;border:1px solid #31505d;border-radius:7px;background:#0e2530;color:#a3dacf;cursor:pointer}
#fxRatesView .fx-presets button:hover{border-color:#65d8c6}
#fxRatesView .fx-series{display:flex;gap:20px;margin:0 24px 16px;font-size:12px;color:#aec1cb}
#fxRatesView .fx-series input{accent-color:#65d8c6}
#fxRatesView .fx-series label:nth-child(1){color:#64d8cb}
#fxRatesView .fx-series label:nth-child(2){color:#e8ba65}
#fxRatesView .fx-series label:nth-child(3){color:#76a9f2}
#fxRatesView .fx-chart{margin:0 22px;background:#081720;border:1px solid #203b48;border-radius:12px;padding:16px}
#fxRatesView .fx-chart-title{font-size:14px;font-weight:700;display:flex;justify-content:space-between;gap:10px;padding:0 6px 6px;flex-wrap:wrap}
#fxRatesView .fx-svg-wrap{overflow-x:auto}
#fxRatesView svg{display:block;width:100%;height:auto;min-width:620px;touch-action:pan-y}
#fxRatesView svg:focus{outline:1px solid #65d8c6;outline-offset:-1px}
#fxRatesView svg text{fill:#91aebb;font-size:11px;font-family:inherit}
#fxRatesView .fx-grid{stroke:#213943;stroke-width:1}
#fxRatesView .fx-detail{min-height:30px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;font-size:12px;color:#8aa6b4;padding:10px 6px 0;border-top:1px solid #1b3440}
#fxRatesView .fx-history-note{font-size:11px;color:#7f9aa8;margin:12px 24px 0;line-height:1.6}
#fxRatesView .fx-empty{padding:80px 15px;text-align:center;color:#a1b7c3}
@media(max-width:1100px){#fxRatesView .fx-cards{grid-template-columns:1fr 1fr}}
@media(max-width:600px){#fxRatesView .fx-cards,#fxRatesView .fx-rate-grid{grid-template-columns:1fr}#fxRatesView .fx-cards{padding:12px}#fxRatesView .fx-rate-grid,#fxRatesView .fx-chart{margin-left:12px;margin-right:12px}#fxRatesView .fx-filters{margin-left:12px;margin-right:12px}#fxRatesView .fx-card{padding:16px}}

.fx-spot.has-value{border-style:solid;border-color:#285a61}.fx-spot.has-value .fx-big{color:#70d5c6}.fx-spot-status{display:block;margin:8px 0 4px}.fx-spot small{overflow-wrap:anywhere}