.container{color:#111827;box-sizing:border-box;justify-content:center;width:100%;padding:0;display:flex}.converter-card{box-sizing:border-box;background:#fff;border:1px solid #d8dee8;border-radius:8px;flex-direction:column;align-items:stretch;gap:20px;width:100%;padding:20px;display:flex;box-shadow:0 10px 28px #11182714}.converter-heading{align-items:center;gap:12px;display:flex}.converter-heading h2{color:#07142f;margin:0;font-size:20px}.converter-heading p{color:#64748b;margin:4px 0 0}.converter-icon{color:#2563eb;background:#eaf1ff;border-radius:8px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.converter-fields{align-items:flex-end;gap:16px;width:100%;display:flex}.converter-fields>div{flex-wrap:wrap;flex:1 1 0;min-width:0;display:flex}.container label{color:#4b5563;order:0;width:100%;margin-bottom:8px;font-size:14px;font-weight:600}.container input,.container select{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;order:1;height:46px;font-size:16px}.container input{border-radius:8px 0 0 8px;flex:160px;min-width:0;padding:0 14px}.container input[readonly]{color:#1f2937;background:#f8fafc}.container select{cursor:pointer;border-left:0;border-radius:0 8px 8px 0;flex:0 0 118px;padding:0 12px}.container input:focus,.container select:focus{border-color:#0f766e;outline:none;box-shadow:0 0 0 3px #0f766e24}.container select:focus{border-left:1px solid #0f766e}.swap-button{color:#0f766e;flex:0 0 32px;width:32px;height:46px;margin-bottom:0}.current-rate{color:#0f766e;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:8px;align-self:flex-start;width:320px;margin-top:40px;padding:8px 12px}.current-rate p{margin:0;font-size:24px;font-weight:600}.rate-state{color:#4b5563;box-sizing:border-box;background:#f8fafc;border:1px solid #d8dee8;border-radius:8px;align-self:flex-start;align-items:center;gap:10px;width:320px;margin-top:40px;padding:10px 12px;font-weight:600;display:flex}.loading-spinner{border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite loading-spin;display:inline-block}.loading-spinner--small{border-width:3px;width:18px;height:18px}@keyframes loading-spin{to{transform:rotate(360deg)}}.rate-state--error{color:#b91c1c;background:#fff7f7;border-color:#fecaca;justify-content:space-between}.rate-state--error button{color:#fff;cursor:pointer;background:#b91c1c;border:0;border-radius:6px;flex:none;padding:8px 10px;font-weight:700}.state-card{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d8dee8;border-radius:8px;width:100%;margin:0;padding:20px;box-shadow:0 10px 28px #11182714}.state-card--loading{align-items:center;gap:14px;display:flex}.state-card--error{background:#fff7f7;border-color:#fecaca}.state-card__title{margin-bottom:6px;font-size:18px;font-weight:700}.state-card__text{color:#4b5563}.state-card__button{color:#fff;cursor:pointer;background:#0f766e;border:0;border-radius:8px;margin-top:14px;padding:10px 14px;font-weight:600}@media (width<=820px){.converter-card{padding:16px}.converter-fields{flex-direction:column;align-items:stretch;gap:12px}.converter-fields>div{flex-wrap:wrap}.container input,.container select{border:1px solid #cbd5e1;height:46px}.container input{border-radius:8px 0 0 8px;flex:1 1 0}.container select{border-left:0;border-radius:0 8px 8px 0;flex:0 0 96px}.swap-button{align-self:center;width:32px;height:32px;transform:rotate(90deg)}.current-rate{box-sizing:border-box;width:100%}.rate-state{width:100%}.rate-state--error{flex-direction:column;align-items:flex-start}}.dashboard-page{color:#07142f;background:#f5f8fc;min-height:100vh}.dashboard-page.light{color:#07142f;background:#f5f8fc}.dashboard-page.dark{color:#f8fafc;background:#0f172a}.dashboard-page.dark .navbar{background:#111827;border-bottom-color:#334155}.dashboard-page.dark .navbar-status{color:#cbd5e1}.dashboard-page.dark .dashboard-card{background:#1e293b;border-color:#334155;box-shadow:0 10px 28px #00000040}.dashboard-page.dark .dashboard-hero p,.dashboard-page.dark .card-heading p{color:#cbd5e1}.dashboard-page.dark .card-heading{border-color:#334155}.dashboard-page.dark .brand-icon,.dashboard-page.dark .card-icon{color:#93c5fd;background:#172554}.dashboard-page.dark .range-tabs{background:#0f172a}.dashboard-page.dark .range-tabs button{color:#cbd5e1}.dashboard-page.dark .range-tabs button.active{color:#fff;background:#3b82f6}.dashboard-loading{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.dashboard-loading__spinner{border:5px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite dashboard-loading-spin}.dashboard-loading h1{margin:18px 0 8px;font-size:28px}.dashboard-loading p{color:#64748b;margin:0;font-size:16px}.dashboard-page.dark .dashboard-loading p{color:#cbd5e1}@keyframes dashboard-loading-spin{to{transform:rotate(360deg)}}.navbar{background:#fff;border-bottom:1px solid #d8dee8;justify-content:space-between;align-items:center;gap:24px;padding:16px 32px;display:flex}.brand,.navbar-status,.card-heading,.card-heading>div,.trust-strip{align-items:center;display:flex}.brand{gap:12px;font-size:24px;font-weight:800}.brand-icon,.card-icon{color:#2563eb;background:#eaf1ff;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.brand-icon{width:36px;height:36px}.navbar-status{color:#334155;gap:12px;font-size:14px}.live-dot{background:#16a34a;border-radius:999px;width:8px;height:8px}.theme-toggle{cursor:pointer;background:#f8fafc;border:1px solid #d8dee8;border-radius:999px;width:44px;height:24px;padding:3px}.theme-toggle span{background:#64748b;border-radius:999px;width:18px;height:18px;transition:transform .2s,background .2s;display:block}.theme-toggle.active{background:#1e293b;border-color:#475569}.theme-toggle.active span{background:#f8fafc;transform:translate(20px)}.theme-toggle span{transition:transform .2s,background .2s}.dashboard-shell{width:min(1460px,100% - 48px);margin:0 auto;padding:28px 0}.dashboard-hero{padding:4px 12px 24px}.dashboard-hero h1{margin:0 0 8px;font-size:clamp(32px,4vw,48px);line-height:1.1}.dashboard-hero p{color:#475569;margin:0;font-size:18px}.dashboard-grid{flex-direction:column;gap:20px;display:flex}.converter,.trend{width:100%}.dashboard-card{box-sizing:border-box;background:#fff;border:1px solid #d8dee8;border-radius:12px;height:100%;padding:20px;box-shadow:0 10px 28px #11182714}.card-heading{border-bottom:1px solid #e5eaf2;justify-content:space-between;gap:16px;padding-bottom:16px}.card-heading>div{gap:12px}.card-heading h2{margin:0;font-size:20px}.card-heading p{color:#64748b;margin:4px 0 0}.card-icon{flex:0 0 40px;width:40px;height:40px}.chart-card{min-height:330px}.range-tabs{background:#f1f5f9;border-radius:8px;gap:4px;padding:4px;display:flex}.range-tabs button{color:#334155;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:44px;padding:8px 10px;font-weight:700}.range-tabs button.active{color:#fff;background:#2563eb}.chart-area{place-items:center;height:240px;margin-top:18px;display:grid}.chart-area svg{width:100%;height:100%}.chart-line{fill:none;stroke:#2563eb;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.chart-fill{fill:url(#chartFill)}.chart-area circle{fill:#2563eb}.chart-state{color:#64748b;font-size:14px;font-weight:700}.chart-note{color:#64748b;background:#f8fafc;border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:14px}.trust-strip{background:#eef5ff;border-radius:12px;justify-content:space-around;gap:20px;margin-top:20px;padding:22px}.trust-strip div{flex-direction:column;gap:4px;display:flex}.trust-strip span{color:#64748b;font-size:14px}@media (width<=720px){.navbar,.navbar-status,.trust-strip{flex-direction:column;align-items:flex-start}.dashboard-shell{width:min(100% - 24px,1460px);padding:18px 0}.dashboard-card{padding:16px}.card-heading{flex-direction:column;align-items:flex-start}}