:root{--card-border:hsla(0, 0%, 100%, 0.12);--text-primary:#242424}:root,:root.dark-mode{--primary-gradient:linear-gradient(135deg, #667eea, #764ba2);--card-bg:hsla(0, 0%, 100%, 0.08);--text-secondary:hsla(0, 0%, 100%, 0.7);--usd-color:#00c9a7;--eur-color:#845ec2;--gbp-color:#ff8066;--gold-color:#ffc75f}:root.dark-mode{--card-border:hsla(0, 0%, 100%, 0.631);--text-primary:#fff}.modern-rate-page{color:var(--text-primary)}.modern-title{font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modern-subtitle{color:#000;font-size:.9rem}.dark-mode .modern-subtitle{color:#fff;font-size:.9rem}.modern-card-footer,.modern-chip{color:#000}.dark-mode .modern-chip,.modern-chip{border:1px solid var(--card-border);border-radius:16px;padding:4px 12px;font-size:.85rem}.dark-mode .modern-card-footer,.dark-mode .modern-chip,.dark-mode .modern-muted,.dark-mode .modern-table td,.dark-mode .modern-table th{color:#fff}.dark-mode .modern-table tbody tr:nth-child(2n),.modern-btn,.modern-chip{background:hsla(0,0%,100%,.1)}.modern-btn{border:1px solid var(--card-border);color:var(--text-primary);border-radius:8px;transition:.3s}.modern-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.modern-card-header .modern-muted{min-height:24px;display:flex;align-items:center}.modern-card-header .chip{min-width:12ch;text-align:center}.modern-card{min-height:320px;contain:layout paint;background:var(--card-bg);backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s}.modern-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.2)}.rate-row .value{display:inline-block;min-width:7ch;text-align:end}.rate-row .label{min-width:10ch;display:inline-block}.modern-card-header{border-bottom:1px solid}.modern-card-body{padding:1.5rem}.dark-mode .modern-card-footer,.modern-card-footer{padding:1rem 1.5rem;background:hsla(0,0%,100%,.05);border-top:1px solid var(--card-border);font-size:.85rem}.modern-badge{background:var(--primary-gradient);border-radius:6px;padding:4px 10px;font-weight:600;font-size:.75rem}.modern-muted,.modern-table th{color:#323232}.dark-mode .modern-muted,.modern-muted{font-size:.9rem;padding-right:10px;padding-left:10px}.modern-rate-card{background:hsl(0deg 0% 71.83%/14%);border-radius:12px;border:1px solid var(--card-border);position:relative;overflow:hidden;transition:.3s}.modern-rate-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.modern-rate-card.usd{border-bottom:3px solid var(--usd-color)}.modern-rate-card.eur{border-bottom:3px solid var(--eur-color)}.modern-rate-card.gbp{border-bottom:3px solid var(--gbp-color)}.modern-rate-card.gold{border-bottom:3px solid var(--gold-color)}.modern-rate-value{min-width:7ch;font-variant-numeric:tabular-nums lining-nums;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.modern-rate-icon{position:absolute;top:12px;left:12px;opacity:.2;font-size:1.8rem}.modern-divider{height:1px;background:var(--card-border);margin:1.5rem 0}.modern-table-container{border-radius:12px;overflow:hidden;border:1px solid}.modern-card-header,.modern-timeline-item{border-bottom:1px solid var(--card-border)}.modern-table{width:100%;margin-bottom:0}.dark-mode .modern-table th,.modern-table th{background:hsl(0deg 0% 37.17%/5%);padding:.75rem 1rem;font-weight:600;font-size:.9rem}.dark-mode .modern-table td,.modern-table td{padding:.75rem 1rem;border-top:1px solid var(--card-border)}.modern-table tr:hover{background:hsla(0,0%,100%,.03)}.modern-timeline{list-style:none;padding:0;margin:0}.modern-timeline-item{display:flex;padding:.75rem 0}.modern-timeline-item:last-child{border-bottom:none}.modern-timeline-time{min-width:60px;font-weight:600;color:#000;font-size:.9rem}.modern-timeline-content{flex:1;display:flex;justify-content:space-between;align-items:center}.modern-timeline-rates{display:flex;gap:1rem}.modern-timeline-rates span{font-size:.9rem}.modern-timeline-id{font-size:.8rem;color:#000;background:hsla(0,0%,100%,.08);padding:2px 8px;border-radius:4px}.modern-code,.modern-pre{background:rgba(0,0,0,.2);border:1px solid var(--card-border);border-radius:8px;padding:1rem;color:#3e3e3e;font-size:.85rem;overflow-x:auto;max-height:300px}@media (max-width:768px){.modern-timeline-content{flex-direction:column;align-items:flex-start;gap:.5rem}.modern-timeline-rates{flex-direction:column;gap:.25rem}}.modern-table tbody tr:nth-child(odd){background:hsla(0,0%,100%,.02)}.modern-table tbody tr:nth-child(2n){background:hsla(0,0%,100%,.06)}.dark-mode .modern-table tbody tr:nth-child(odd){background:hsla(0,0%,100%,.05)}.modern-card-header{padding:1rem 1.5rem;background:hsl(0deg 0% 57.84%/41%);font-weight:600}