.exchange-rate-header{background:linear-gradient(135deg,#ffb0ab,#ef3f48);padding:2rem;border-radius:12px;color:#fff;margin-bottom:2rem;box-shadow:0 4px 20px #ef3f484d}.page-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.update-time{font-size:.9rem;margin-bottom:.75rem;padding:.5rem 1rem;background-color:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:25px;display:inline-block;transition:all .3s ease;color:#fff}.update-time:hover{background-color:#ffffff4d;border-color:#fff6;transform:translateY(-1px)}.update-note{font-size:.85rem;margin-bottom:0;padding:.4rem .8rem;background-color:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:20px;display:inline-block;transition:all .3s ease;color:#fff}.update-note:hover{background-color:#ffffff40;border-color:#ffffff59;transform:translateY(-1px)}.info-badge .badge{font-size:.9rem;padding:.6rem 1rem;border-radius:25px;background-color:#fff3!important;border:1px solid rgba(255,255,255,.3)}.exchange-rate-cards{min-height:400px}.exchange-rate-card .card{border:1px solid #d9d9d9;border-radius:6px;background:#fff;box-shadow:0 2px 8px #0000000f;transition:all .2s cubic-bezier(.645,.045,.355,1);overflow:hidden;position:relative}.exchange-rate-card .card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#1890ff,#40a9ff,#69c0ff);opacity:0;transition:opacity .2s ease}.exchange-rate-card .card:hover{border-color:#40a9ff;box-shadow:0 4px 12px #1890ff1f;transform:translateY(-2px)}.exchange-rate-card .card:hover:before{opacity:1}.exchange-rate-card .card-header{background:linear-gradient(135deg,#fafafa,#f5f5f5);border-bottom:1px solid #e8e8e8;padding:16px 20px;position:relative}.exchange-rate-card .card-header:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent 0%,#e8e8e8 20%,#e8e8e8 80%,transparent 100%)}.currency-code{font-size:1.5rem;font-weight:700;color:#333}.currency-name{font-size:.9rem;color:#6c757d!important}.flag-emoji{font-size:1.8rem;line-height:1;display:inline-block}.exchange-rate-card .card-body{padding:20px;background:#fff;position:relative}.exchange-rate-card .card-body:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#f0f0f0 20%,#f0f0f0 80%,transparent 100%)}.rate-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-bottom:.5rem;border-radius:8px;transition:all .3s ease}.rate-item:last-child{margin-bottom:0}.buy-rate{background:#28a7451a;border-left:4px solid #28a745}.transfer-rate{background:#ef3f481a;border-left:4px solid #ef3f48}.sell-rate{background:#dc35451a;border-left:4px solid #dc3545}.rate-label{font-weight:600;font-size:.9rem;color:#495057}.rate-value{font-weight:700;font-size:1.1rem;color:#333;font-family:Courier New,monospace}.rate-value.no-data{color:#6c757d;font-style:italic;font-weight:400;font-size:1.2rem}.no-results{background:#f8f9fa;border-radius:12px;padding:3rem;text-align:center}.no-results-icon{opacity:.6}.exchange-rate-note .alert{border-radius:12px;border:none;box-shadow:0 2px 15px #ef3f4826}.exchange-rate-note .alert ul{padding-left:1.5rem}.exchange-rate-note .alert li{margin-bottom:.5rem}@media (max-width: 1199.98px){.exchange-rate-cards .col-xl-3{flex:0 0 33.333333%;max-width:33.333333%}}@media (max-width: 991.98px){.page-title{font-size:2rem}.exchange-rate-header{padding:1.5rem;text-align:center}}@media (max-width: 767.98px){.exchange-rate-header{padding:1rem}.page-title{font-size:1.75rem}.update-time{font-size:.8rem;padding:.4rem .8rem;margin-bottom:.5rem}.update-note{font-size:.75rem;padding:.3rem .6rem}.exchange-rate-card .card-body{padding:1rem}.rate-item{padding:.5rem;flex-direction:column;text-align:center}.rate-label{margin-bottom:.25rem}.rate-value{font-size:1.25rem}.no-results{padding:2rem 1rem}.flag-emoji{font-size:1.6rem}}@media (max-width: 575.98px){.exchange-rate-cards .col-md-6{flex:0 0 100%;max-width:100%}.page-title{font-size:1.5rem}.update-time{font-size:.75rem;padding:.35rem .7rem;margin-bottom:.4rem}.update-note{font-size:.7rem;padding:.25rem .5rem}.currency-code{font-size:1.25rem}.flag-emoji{font-size:1.5rem}}.exchange-rate-list.loading{opacity:.7;pointer-events:none}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#ef3f48;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.rate-item:hover{transform:scale(1.02);box-shadow:0 2px 8px #0000001a}.btn:focus{outline:none;box-shadow:0 0 0 .2rem #ef3f4840}.currency-converter{background:#f8f9fa;border-radius:10px;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif!important;color:#000000d9!important;font-size:14px!important;line-height:1.5715!important}.currency-converter .form-label{font-weight:600;color:#333;margin-bottom:.5rem;display:block!important;margin-bottom:8px!important;color:#000000d9!important;font-size:14px!important;font-weight:400!important;line-height:1.5715!important}.currency-converter .input-group{border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;display:flex!important;border:1px solid #d9d9d9!important;border-radius:6px!important;background:#fff!important;transition:all .3s!important;box-shadow:none!important}.currency-converter .form-control,.currency-converter .form-select{border:none;padding:12px 15px;font-size:1rem;border:none!important;outline:none!important;box-shadow:none!important;padding:4px 11px!important;height:32px!important;font-size:14px!important;line-height:1.5715!important;color:#000000d9!important;background:transparent!important}.currency-converter .form-control{flex:1;min-width:120px;border-radius:6px 0 0 6px!important}.currency-converter .form-select{flex:2;min-width:200px;border-left:1px solid #f0f0f0!important;border-radius:0 6px 6px 0!important;min-width:140px!important}.currency-converter .result-input{background-color:#e9ecef;font-weight:600;color:#ef3f48;background:#fafafa!important;font-weight:600!important}.currency-converter .form-control:focus,.currency-converter .form-select:focus{box-shadow:0 0 0 .2rem #ef3f4840;border-color:#ef3f48}.currency-converter .swap-button-wrapper{display:flex;align-items:center;justify-content:center;height:100%;min-height:60px;display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;padding-top:14px!important}.currency-converter .swap-button{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .3s ease;width:36px!important;height:36px!important;border:1px solid #d9d9d9!important;border-radius:50%!important;background:linear-gradient(135deg,#1890ff,#40a9ff,#69c0ff)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;cursor:pointer!important;transition:all .3s cubic-bezier(.645,.045,.355,1)!important;box-shadow:0 4px 12px #1890ff4d!important;outline:none!important;-webkit-user-select:none!important;user-select:none!important;position:relative!important;font-weight:400!important;white-space:nowrap!important;text-align:center!important;text-decoration:none!important;line-height:1.5715!important;padding:0!important;animation:rotate-gradient 3s linear infinite!important;background-size:200% 200%!important}.currency-converter .swap-button:hover{background-color:#ef3f48;color:#fff;transform:rotate(180deg);background:linear-gradient(135deg,#096dd9,#1890ff,#40a9ff)!important;border-color:#096dd9!important;box-shadow:0 6px 16px #1890ff66!important;transform:scale(1.05)!important;animation-play-state:paused!important}.currency-converter .rate-info .alert{margin-bottom:0;padding:10px 15px;font-size:.9rem;background-color:#e3f2fd;border-color:#bbdefb;color:#1976d2}.currency-converter .quick-convert-btn{padding:5px 12px;font-size:.85rem;transition:all .3s ease;height:24px!important;padding:0 7px!important;font-size:12px!important;border:1px solid #d9d9d9!important;border-radius:4px!important;background:#fff!important;color:#000000a6!important;cursor:pointer!important;transition:all .3s cubic-bezier(.645,.045,.355,1)!important;outline:none!important;-webkit-user-select:none!important;user-select:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:24px!important}.currency-converter .quick-convert-btn:hover{background-color:#ef3f48;border-color:#ef3f48;color:#fff;transform:translateY(-1px);color:#1890ff!important;border-color:#40a9ff!important}@media (max-width: 768px){.currency-converter{padding:15px}.currency-converter .row{flex-direction:column!important;gap:12px!important}.currency-converter .col-md-2{order:3!important;padding-top:0!important}.currency-converter .swap-button-wrapper{min-height:40px;margin:10px 0;padding-top:0!important;height:auto!important}.currency-converter .input-group{flex-direction:column}.currency-converter .form-control,.currency-converter .form-select{min-width:auto;width:100%}.currency-converter .quick-convert-buttons{text-align:center}.currency-converter .quick-convert-wrapper{justify-content:center!important}.currency-converter .quick-convert-label{width:100%!important;text-align:center!important;margin-bottom:8px!important}}.currency-converter{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif!important;color:#000000d9!important;font-size:14px!important;line-height:1.5715!important}.currency-converter .row{margin:0!important;gap:16px!important}.currency-converter .col-md-5{padding:0!important;flex:1!important;min-width:200px!important}.currency-converter .col-md-2{padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:60px!important}.currency-converter .currency-input-group{margin-bottom:16px!important}.currency-converter .input-group{display:flex!important;border:1px solid #d9d9d9!important;border-radius:6px!important;background:#fff!important;transition:all .3s!important;box-shadow:none!important}.currency-converter .input-group:hover{border-color:#40a9ff!important}.currency-converter .input-group:focus-within{border-color:#1890ff!important;box-shadow:0 0 0 2px #1890ff33!important}.currency-converter .input-group.readonly{background:#fafafa!important}.currency-converter .form-control,.currency-converter .form-select{border:none!important;outline:none!important;box-shadow:none!important;padding:4px 11px!important;height:32px!important;font-size:14px!important;line-height:1.5715!important;color:#000000d9!important;background:transparent!important}.currency-converter .form-control{border-radius:6px 0 0 6px!important}.currency-converter .form-select{border-left:1px solid #f0f0f0!important;border-radius:0 6px 6px 0!important;min-width:140px!important}.currency-converter .result-input{background:#fafafa!important;font-weight:600!important}.currency-converter .swap-button-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;padding-top:14px!important}.currency-converter .swap-button{width:36px!important;height:36px!important;border:1px solid #d9d9d9!important;border-radius:10px!important;background:linear-gradient(135deg,#1890ff,#40a9ff,#69c0ff)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;cursor:pointer!important;transition:all .3s cubic-bezier(.645,.045,.355,1)!important;box-shadow:0 4px 12px #1890ff4d!important;outline:none!important;-webkit-user-select:none!important;user-select:none!important;position:relative!important;font-weight:400!important;white-space:nowrap!important;text-align:center!important;text-decoration:none!important;line-height:1.5715!important;padding:0!important;animation:rotate-gradient 3s linear infinite!important;background-size:200% 200%!important}.currency-converter .swap-button:hover{background:linear-gradient(135deg,#096dd9,#1890ff,#40a9ff)!important;border-color:#096dd9!important;box-shadow:0 6px 16px #1890ff66!important;transform:scale(1.05)!important;animation-play-state:paused!important}.currency-converter .swap-button:active{background:linear-gradient(135deg,#003a8c,#096dd9,#1890ff)!important;transform:scale(.95)!important}.currency-converter .swap-button:focus{border-color:#096dd9!important;box-shadow:0 0 0 2px #1890ff33,0 6px 16px #1890ff66!important;outline:0!important}.currency-converter .swap-button svg{display:block!important}.currency-converter .rate-info{margin-top:16px!important}.currency-converter .rate-info-content{padding:8px 15px!important;background:#f6ffed!important;border:1px solid #b7eb8f!important;border-radius:6px!important;color:#000000d9!important;font-size:14px!important;line-height:1.5715!important}.currency-converter .rate-info-icon{color:#52c41a!important;margin-right:8px!important;font-size:14px!important}.currency-converter .quick-convert-buttons{margin-top:16px!important}.currency-converter .quick-convert-wrapper{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important}.currency-converter .quick-convert-label{color:#00000073!important;font-size:14px!important;margin-right:8px!important}.currency-converter .quick-convert-btn{height:24px!important;padding:0 7px!important;font-size:12px!important;border:1px solid #d9d9d9!important;border-radius:4px!important;background:#fff!important;color:#000000a6!important;cursor:pointer!important;transition:all .3s cubic-bezier(.645,.045,.355,1)!important;outline:none!important;-webkit-user-select:none!important;user-select:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:24px!important}.currency-converter .quick-convert-btn:hover{color:#1890ff!important;border-color:#40a9ff!important}.currency-converter .quick-convert-btn:active{transform:translateY(1px)!important}.currency-converter .quick-convert-btn:focus{border-color:#1890ff!important;box-shadow:0 0 0 2px #1890ff33!important}.exchange-rate-section .card{border:1px solid #d9d9d9!important;border-radius:6px!important;background:#fff!important;box-shadow:0 2px 8px #0000000f!important;transition:all .2s cubic-bezier(.645,.045,.355,1)!important;overflow:hidden!important;position:relative!important}.exchange-rate-section .card:before{content:"";position:absolute!important;top:0!important;left:0!important;right:0!important;height:3px!important;background:linear-gradient(90deg,#1890ff,#40a9ff,#69c0ff)!important;opacity:0!important;transition:opacity .2s ease!important}.exchange-rate-section .card:hover{border-color:#40a9ff!important;box-shadow:0 4px 12px #1890ff1f!important;transform:translateY(-2px)!important}.exchange-rate-section .card:hover:before{opacity:1!important}.exchange-rate-section .card-header{background:linear-gradient(135deg,#fafafa,#f5f5f5)!important;border-bottom:1px solid #e8e8e8!important;border-radius:6px 6px 0 0!important;padding:16px 24px!important;min-height:64px!important;display:flex!important;align-items:center!important;position:relative!important}.exchange-rate-section .card-header:after{content:"";position:absolute!important;bottom:0!important;left:24px!important;right:24px!important;height:1px!important;background:linear-gradient(90deg,transparent 0%,#e8e8e8 20%,#e8e8e8 80%,transparent 100%)!important}.exchange-rate-section .card-header h4{color:#000000e0!important;font-weight:600!important;font-size:16px!important;line-height:1.5!important;display:flex!important;align-items:center!important;margin:0!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}.exchange-rate-section .card-header-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;margin-right:12px!important;color:#1890ff!important;font-size:16px!important;background:#1890ff1a!important;border-radius:4px!important;transition:all .2s ease!important}.exchange-rate-section .card:hover .card-header-icon{background:#1890ff26!important;transform:scale(1.1)!important}.exchange-rate-section .card-body{padding:24px!important;background:#fff!important;border-radius:0 0 6px 6px!important;position:relative!important}.exchange-rate-section .card-body:before{content:"";position:absolute!important;top:-1px!important;left:0!important;right:0!important;height:1px!important;background:linear-gradient(90deg,transparent 0%,#f0f0f0 20%,#f0f0f0 80%,transparent 100%)!important}.exchange-rate-section .card,.exchange-rate-card .card{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.exchange-rate-section .card:active,.exchange-rate-card .card:active{transform:translateY(0) scale(.98)!important;transition:all .1s ease!important}.exchange-rate-section .card:focus-within,.exchange-rate-card .card:focus-within{outline:2px solid #1890ff!important;outline-offset:2px!important;border-color:#1890ff!important}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.card.loading{pointer-events:none!important}.card.loading:after{content:"";position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%)!important;background-size:200px 100%!important;animation:skeleton-loading 1.5s infinite linear!important;border-radius:inherit!important}.breadcrumb-home-icon{color:#ef3f48!important}@keyframes rotate-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse-glow{0%,to{box-shadow:0 4px 12px #1890ff4d}50%{box-shadow:0 6px 20px #1890ff80}}.currency-converter .swap-button:hover{animation:pulse-glow 1.5s ease-in-out infinite!important}@media (max-width: 768px){.currency-converter .row{flex-direction:column!important;gap:12px!important}.currency-converter .col-md-2{order:3!important;padding-top:0!important}.currency-converter .swap-button-wrapper{padding-top:0!important;height:auto!important}.currency-converter .quick-convert-wrapper{justify-content:center!important}.currency-converter .quick-convert-label{width:100%!important;text-align:center!important;margin-bottom:8px!important}}@media print{.exchange-rate-note{display:none!important}.exchange-rate-card .card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.exchange-rate-header{background:none!important;color:#000!important;border:1px solid #ddd}.currency-converter-section{display:none!important}}