.currency-table-container{--primary-color:#41305e;--primary-hover:#5a4383;--secondary-color:#01a7dd;--border-color:#e2e8f0;--background-color:#ffffff;--text-color:#333333;--light-gray:#f7f9fc;--medium-gray:#edf2f7;--dark-gray:#718096;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.1);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition:all 0.3s ease;max-width:100%;margin:0 auto;padding:1.5rem;background-color:var(--background-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.currency-table-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:var(--text-color);font-size:.9rem}.continent-filter-select{display:none}.continent-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.continent-btn{background-color:var(--light-gray);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:var(--transition)}.continent-btn:hover{background-color:var(--medium-gray)}.continent-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.search-wrapper{position:relative;display:flex;align-items:center}.search-bar{width:100%;padding:.75rem 2.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition)}.search-bar:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgb(65 48 94 / .2)}.search-icon{position:absolute;left:.75rem;width:1.25rem;height:1.25rem;color:var(--dark-gray)}.clear-search-btn{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;color:var(--dark-gray);display:none;align-items:center;justify-content:center;padding:.25rem}.clear-search-btn svg{width:1rem;height:1rem}.clear-search-btn:hover{color:var(--text-color)}.rate-filter{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;background-color:var(--background-color);transition:var(--transition)}.rate-filter:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgb(65 48 94 / .2)}.popular-currency-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.popular-btn{background-color:var(--light-gray);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:var(--transition)}.popular-btn:hover{background-color:var(--medium-gray)}.popular-btn.active{background-color:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.currency-table-wrapper{position:relative;overflow-x:auto;margin-bottom:1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.cc-currency-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden}.cc-currency-table thead{background-color:var(--primary-color);color:#fff}.cc-currency-table th{padding:1rem;text-align:left;font-weight:600;position:sticky;top:0;z-index:10}.cc-currency-table tbody tr{transition:var(--transition);border-bottom:1px solid var(--border-color)}.cc-currency-table tbody tr:last-child{border-bottom:none}.cc-currency-table tbody tr:nth-child(even){background-color:var(--light-gray)}.cc-currency-table tbody tr.row-hover,.cc-currency-table tbody tr:hover{background-color:var(--medium-gray)}.cc-currency-table td{padding:1rem;border-bottom:1px solid var(--border-color)}.cc-currency-table tbody tr:last-child td{border-bottom:none}.currency-info{display:flex;flex-direction:column;gap:.25rem}.currency-code{font-weight:700;color:var(--primary-color)}.currency-name{font-size:.9rem;color:var(--dark-gray)}.skeleton-row td{padding:1rem}.skeleton-cell{height:1.5rem;background:linear-gradient(90deg,var(--light-gray) 25%,var(--medium-gray) 50%,var(--light-gray) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.no-results{display:none;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--dark-gray)}.no-results svg{margin-bottom:1rem;color:var(--dark-gray)}.no-results p{font-size:1.1rem;margin:0}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem}.pagination-button{display:flex;align-items:center;gap:.5rem;background-color:var(--light-gray);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem 1.25rem;font-size:.9rem;cursor:pointer;transition:var(--transition)}.pagination-button:hover:not(:disabled){background-color:var(--medium-gray)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button svg{width:1rem;height:1rem}.page-indicator{font-weight:600;color:var(--text-color)}@media (max-width:768px){.currency-table-container{padding:1rem}.continent-buttons{display:none}.continent-filter-select{display:block;width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;background-color:var(--background-color)}.popular-currency-buttons{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem}.popular-btn{flex:0 0 auto}.cc-currency-table th,.cc-currency-table td{padding:.75rem .5rem}.pagination-button{padding:.5rem .75rem}}.mobile-view .currency-info{flex-direction:row;align-items:center;gap:.5rem}.mobile-view .currency-code{font-size:.8rem;padding:.2rem .4rem;background-color:var(--primary-color);color:#fff;border-radius:var(--radius-sm)}.mobile-view .currency-name{font-size:.8rem}