.exchange-page{background-color:var(--bg-color);padding:20px 0;min-height:calc(100vh - 300px)}html{overflow-x:hidden}body{overflow-x:hidden;width:100%;position:relative;overflow-y:auto}.exchange-page .container{width:100%;max-width:1200px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto;box-sizing:border-box}.page-header{margin-bottom:20px;border-bottom:2px solid var(--primary-color);padding-bottom:15px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px}.page-title{font-family:'Roboto Local',sans-serif;font-size:24px;font-weight:700;margin:0;color:var(--text-color)}.text-muted{color:var(--text-gray)!important}.last-update{font-size:13px;color:var(--text-gray);font-weight:500}.exchange-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;width:100%}.exchange-grid>div{min-width:0}.exchange-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 5px var(--shadow-color);margin-bottom:20px;overflow:hidden;display:flex;flex-direction:column}.exchange-card:hover{box-shadow:0 5px 15px var(--shadow-hover)}.card-header{padding:15px;background-color:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.card-title{font-size:16px;font-weight:600;margin:0;color:var(--text-color);display:flex;align-items:center;gap:8px}.card-title i{color:var(--primary-color);font-size:14px}.card-body{padding:15px;width:100%;box-sizing:border-box}.table-responsive{width:100%;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:0}.rates-table{width:100%;border-collapse:collapse;font-size:14px;min-width:500px}.rates-table th{text-align:left;padding:12px 10px;font-weight:600;color:var(--text-color);background-color:var(--bg-light);border-bottom:2px solid var(--border-color);white-space:nowrap}.rates-table td{padding:12px 10px;border-bottom:1px solid var(--border-color);color:var(--text-color);vertical-align:middle}.rates-table tbody tr:hover{background-color:var(--bg-light);cursor:pointer}.currency-name-group{display:flex;flex-direction:column}.code{font-weight:700;color:var(--text-color)}.full-name{font-size:11px;color:var(--text-gray);margin-top:2px}.change-value{font-weight:600;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:4px;font-size:13px;white-space:nowrap}.change-value.positive{color:#27ae60;background:rgb(39 174 96 / .1)}.change-value.negative{color:var(--primary-color);background:rgb(227 6 19 / .1)}.change-value.neutral{color:var(--text-gray);background:var(--bg-light)}.converter-form{display:flex;flex-direction:column;gap:15px}.form-group label{display:block;margin-bottom:5px;font-size:12px;font-weight:500;color:var(--text-gray)}.form-control,.form-select{width:100%;padding:10px 15px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background-color:var(--card-bg);color:var(--text-color);transition:border-color 0.3s;outline:none;box-sizing:border-box}.form-control:focus,.form-select:focus{border-color:var(--primary-color)}.exchange-icon{text-align:center;color:var(--text-gray);font-size:16px;margin:-5px 0}.converter-result{margin-top:10px;padding:15px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;align-items:center}.result-label{font-size:13px;color:var(--text-gray);font-weight:500}.result-amount{font-size:20px;font-weight:700;color:var(--primary-color)}.chart-periods{display:flex;gap:5px;margin-bottom:15px;flex-wrap:wrap}.period-btn{padding:5px 12px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;font-size:12px;cursor:pointer;color:var(--text-color);transition:all 0.3s;font-weight:500;flex:1 0 auto;text-align:center}.period-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.period-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}body.dark-theme .rates-table th{background-color:rgb(255 255 255 / .05)}body.dark-theme .rates-table tbody tr:hover{background-color:rgb(255 255 255 / .05)}body.dark-theme .converter-result{background-color:rgb(255 255 255 / .05)}body.dark-theme .change-value.neutral{background:rgb(255 255 255 / .1);color:#ccc}@media (max-width:992px){.exchange-grid{grid-template-columns:1fr;gap:15px}.exchange-page{padding:15px 0}.page-header{flex-direction:column;align-items:flex-start}.rates-table{min-width:600px}}