*{margin:0;padding:0;box-sizing:border-box}body{background-color:#fff;color:#212121;line-height:1.6;font-size:16px}@media(max-width:768px){body{font-size:14px}}a{color:#0668b3;text-decoration:none;cursor:pointer;transition:color 0.2s ease}a:hover{color:#044a87}img{display:block;max-width:100%;height:auto;vertical-align:middle;border:none}.lazy-image{opacity:0;transition:opacity 0.3s ease}.lazy-image.loaded{opacity:1}ol,ul,li{list-style:none}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1200px){.container{max-width:1140px}}@media(min-width:1400px){.container{max-width:1320px}}.left-panel{position:relative;padding-top:20px;padding-bottom:40px;border:1px solid #e0e0e0;border-radius:8px}.tabs{display:flex;gap:8px;margin-bottom:15px;border-bottom:1px solid #e0e0e0;text-align:center}@media(max-width:768px){.tabs{gap:5px;margin-bottom:10px}}.tabs-rata{margin:0 5px;border-bottom:none}@media(max-width:768px){.tabs-rata{margin:0 3px}}.tab{flex:1 1 calc((100% - 20px)*0.5);padding:10px 15px;cursor:pointer;border:1px solid #e0e0e0;border-bottom:none;border-radius:8px 8px 0 0;transition:background-color 0.2s ease;color:#212121}.tab:hover{background-color:#f8f9fa}@media(max-width:768px){.tab{flex:1 1 calc((100% - 10px)*0.5);padding:8px 12px}}.tab.active{background-color:#fff;border-bottom:0;margin-bottom:-1px;border-color:#ccc;color:#1a1a1a}.tabs-rata .tab.active{background-color:#ebebeb;color:#1a1a1a}.tab-content,.tabs-content{display:none}.tab-content.active,.tabs-content.active{display:block}#currency-form{padding:0 15px}@media(max-width:768px){#currency-form{padding:0 12px}}#currency-form .result{margin:5px 0;padding:5px;text-align:center;font-size:24px;font-weight:bold;background-color:#f8f9fa;border-radius:12px;color:#1a1a1a}@media(max-width:768px){#currency-form .result{margin:5px 0;font-size:18px}}#currency-form .btn{display:flex;justify-content:flex-end;align-items:center;margin-left:auto;padding:10px 20px;border:0;cursor:pointer;font-size:18px;border-radius:8px;background-color:#2d3436;color:white;transition:all 0.2s ease}#currency-form .btn:hover{background-color:#1a1e20;transform:translateY(-1px)}@media(max-width:768px){#currency-form .btn{font-size:16px;padding:8px 16px}}#currency-form .btn em{margin-left:10px}@media(max-width:768px){#currency-form .btn em{margin-left:8px}}#currency-form .form-group{margin-bottom:15px}@media(max-width:768px){#currency-form .form-group{margin-bottom:10px}}#currency-form .form-group label{display:block;margin-bottom:5px;font-weight:bold;color:#1a1a1a}@media(max-width:768px){#currency-form .form-group label{margin-bottom:3px}}.form-control{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:16px;color:#212121;caret-color:#0668b3;transition:border-color 0.2s ease}.form-control:focus{border-color:#666;outline:0}@media(max-width:768px){.form-control{padding:8px;font-size:14px}}.currency-selector{position:relative}.currency-display{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #ddd;border-radius:8px;cursor:pointer;background-color:#fff;transition:border-color 0.2s ease;color:#212121}.currency-display:hover{border-color:#666}@media(max-width:768px){.currency-display{gap:8px;padding:8px}}.currency-display img{width:24px;height:24px;flex-shrink:0}.currency-display span:first-of-type{flex-grow:1}.dropdown-arrow{flex-shrink:0;color:#596268;font-size:12px}.currency-dropdown{position:absolute;top:100%;left:0;right:0;z-index:10;display:none;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 6px rgba(0,0,0,0.05)}.currency-dropdown.show{display:block}.currency-option{display:flex;align-items:center;padding:8px 10px;cursor:pointer;transition:background-color 0.2s ease;color:#212121}.currency-option:hover{background-color:#f8f9fa}@media(max-width:768px){.currency-option{padding:6px 8px}}.currency-option img{width:24px;height:24px;margin-right:10px}@media(max-width:768px){.currency-option img{margin-right:8px}}.exchange-rate{margin:15px 0}@media(max-width:768px){.exchange-rate{margin:12px 0}}.exchange-rate .rate-title{font-size:18px;font-weight:bold;color:#1a1a1a}@media(max-width:768px){.exchange-rate .rate-title{font-size:14px}}.exchange-rate .currency-rate{margin:15px 0;padding:15px;text-align:center;font-size:24px;font-weight:bold;background-color:#f1f5f8;border-radius:12px;position:relative;color:#1a1a1a}@media(max-width:768px){.exchange-rate .currency-rate{margin:10px 0;font-size:18px}}.update-time{position:absolute;bottom:10px;right:15px;font-size:14px;color:#596268}@media(max-width:768px){.update-time{bottom:8px;right:12px;font-size:12px}}.tabs-content{padding-top:10px;background-color:#ebebeb;border-top:1px solid #cbcbcb}@media(max-width:768px){.tabs-content{padding-top:8px}}.exchange-table{width:calc(100% - 10px);margin:0 5px;border:1px solid #fff;border-collapse:collapse;border-radius:8px;overflow:hidden}@media(max-width:768px){.exchange-table{width:calc(100% - 8px);margin:0 3px}}.exchange-table tbody{width:calc(100% - 10px);margin:0 5px;padding-top:10px;overflow:hidden;background-color:#fff}@media(max-width:768px){.exchange-table tbody{width:calc(100% - 8px);margin:0 3px;padding-top:8px}}.exchange-table td{padding:1px 0;border:1px solid #f0f0f0;text-align:center;color:#212121}@media(max-width:768px){.exchange-table td{padding:2px 0}}.exchange-table img{width:24px;height:18px;margin:0 auto;vertical-align:middle}.exchange-table td a{color:#0668b3}