:root{font-family:Inter,Aptos,Segoe UI,Helvetica Neue,Arial,sans-serif;color:#1b2730;background:radial-gradient(circle at top left,rgba(91,136,165,.18),transparent 25%),radial-gradient(circle at top right,rgba(123,162,181,.12),transparent 24%),linear-gradient(180deg,#f5f8fb,#edf2f7 48%,#e7edf4);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-border: rgba(33, 50, 66, .08);--panel-bg: rgba(255, 255, 255, .84);--panel-shadow: 0 20px 60px rgba(24, 38, 51, .08);--text-soft: #5b6c79;--text-muted: #748592;--accent: #265f86;--accent-strong: #1c4d6e;--accent-soft: rgba(38, 95, 134, .1);--surface-soft: #f4f7fa}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;min-width:320px}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}button,select{font:inherit}button{cursor:pointer}.app-shell{max-width:1200px;margin:0 auto;padding:24px 20px 72px}.hero{margin-bottom:16px}.hero-surface{position:relative;overflow:hidden;padding:22px 24px;border:1px solid rgba(255,255,255,.46);border-radius:18px;background:linear-gradient(135deg,#11273af5,#254e6eeb),linear-gradient(180deg,#ffffff1a,#fff0);box-shadow:0 30px 80px #1627362e;transition:transform .18s ease,box-shadow .18s ease}.hero-surface:before,.hero-surface:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.hero-surface:before{width:280px;height:280px;top:-120px;right:-60px;background:radial-gradient(circle,rgba(123,188,224,.24),transparent 68%)}.hero-surface:after{width:220px;height:220px;bottom:-100px;left:-70px;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 70%)}.hero-grid{position:relative;z-index:1;display:block}.hero-copy-block{display:grid;align-content:start;gap:10px;width:100%}.hero-kicker{display:inline-flex;width:fit-content;min-height:34px;align-items:center;gap:10px;padding:0 12px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.12);color:#f4f9fceb;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-kicker:before{content:"";width:10px;height:10px;border-radius:999px;background:#7ef0a8;box-shadow:0 0 #7ef0a8b3,0 0 18px #7ef0a88c;animation:live-pulse 1.8s ease-out infinite}.hero h1{display:block;width:100%;margin:0;font-family:Inter Tight,Inter,Aptos,Segoe UI,sans-serif;font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1.02;letter-spacing:-.03em;color:#f6fbff}.hero-copy{width:100%;max-width:none;margin:0;font-size:.96rem;line-height:1.62;color:#e5eff6e0}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.metric-card{display:grid;gap:4px;padding:14px 14px 12px;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff14;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.metric-card:hover{transform:translateY(-2px);background:#ffffff26;border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff1a,0 16px 32px #0b18241f}.content-refresh{animation:content-refresh .42s cubic-bezier(.2,.8,.2,1)}.metric-label{color:#e0ecf5c7;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.metric-value{color:#fff;font-size:1.45rem;line-height:1.05;letter-spacing:-.03em}.metric-value-small{font-size:.96rem;line-height:1.35;letter-spacing:-.01em}.metric-meta{color:#e0ecf5b8;font-size:.84rem;line-height:1.42}.panel{margin-bottom:18px;padding:20px;border:1px solid var(--page-border);border-radius:14px;background:var(--panel-bg);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.panel:hover{transform:translateY(-2px);border-color:#265f8624;box-shadow:0 24px 64px #1826331a}.panel h2{margin:0;font-size:1.32rem;line-height:1.2;letter-spacing:-.02em}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:18px}.panel-copy{margin:8px 0 0;max-width:64ch;color:var(--text-soft);line-height:1.65}.controls{display:block}.toolbar-panel{background:linear-gradient(180deg,#fffffff0,#f7fafce6),#fffc}.toolbar-heading{width:100%;margin-bottom:8px}.toolbar-heading .panel-copy{width:100%;max-width:none}.filters{display:flex;gap:16px;flex-wrap:wrap;width:100%}.field{display:grid;gap:8px;min-width:180px}.field span{font-size:.82rem;font-weight:600;letter-spacing:.01em;color:var(--text-soft)}.filter-card{min-width:min(360px,100%);padding:14px;border-radius:12px;background:linear-gradient(180deg,#fffffffa,#f6f9fcfa);border:1px solid rgba(27,39,48,.08);box-shadow:inset 0 1px #ffffffd9,0 12px 28px #1b27300a;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.filter-card:hover{transform:translateY(-1px);border-color:#265f8629;box-shadow:inset 0 1px #ffffffd9,0 16px 34px #1b27300f}.filter-card-compact{min-width:240px}.select-shell{position:relative}select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(27,39,48,.12);border-radius:8px;padding:11px 42px 11px 14px;background:#fbfcfd;color:#1b2730;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}select:hover{border-color:#2d6f8e42;background:#fff}select:focus{outline:0;border-color:#2d6f8e6b;box-shadow:0 0 0 4px #2d6f8e1f}.select-indicator{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.table-wrap{overflow-x:auto;margin-top:8px;border:1px solid rgba(27,39,48,.08);border-radius:12px;background:#ffffffe6;box-shadow:inset 0 1px #ffffffc2;transition:box-shadow .18s ease,border-color .18s ease}.table-wrap:hover{border-color:#265f8624;box-shadow:inset 0 1px #ffffffc2,0 18px 36px #1b27300d}table{width:100%;border-collapse:separate;border-spacing:0}thead th{position:sticky;top:0;z-index:1;background:#f4f7fa}th,td{text-align:left;padding:16px 14px;border-bottom:1px solid rgba(27,39,48,.08);vertical-align:middle}th{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}tbody tr{background:#ffffffeb;transition:transform .14s ease,background .14s ease,box-shadow .14s ease}tbody tr:nth-child(2n){background:#f8fafcfa}tbody tr:hover{background:#eef5fafa;transform:translate(2px);box-shadow:inset 3px 0 #265f8666}tbody tr:last-child td{border-bottom:0}.table-bank{font-weight:600;color:#18262f}.currency-pill{display:inline-flex;align-items:center;justify-content:center;min-width:56px;min-height:32px;padding:0 10px;border-radius:999px;background:#265f8614;color:var(--accent-strong);font-weight:700;letter-spacing:.02em;transition:transform .14s ease,background .14s ease}tbody tr:hover .currency-pill{transform:translateY(-1px);background:#265f8624}.table-rate{font-variant-numeric:tabular-nums;font-weight:600}.table-updated{color:var(--text-soft);font-size:.95rem}.table-note{margin:16px 2px 0;color:var(--text-muted);font-size:.94rem}.chart-panel{min-height:400px}.selection-summary{display:flex;gap:8px;flex-wrap:wrap}.summary-pill{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:#265f8617;color:var(--accent-strong);font-size:.88rem;font-weight:600}.history-controls{display:grid;gap:18px;grid-template-columns:1fr;margin-bottom:22px}.history-rate-type{max-width:320px}.bank-picker{min-width:0}.history-bank-picker{width:100%}.bank-chip-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.bank-chip{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:52px;padding:13px 15px;border:1px solid rgba(27,39,48,.1);border-radius:10px;background:#fffffffa;color:#243540;text-align:left;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease,color .14s ease}.bank-chip:hover{transform:translateY(-1px);border-color:#2d6f8e2e;box-shadow:0 14px 28px #1f314014}.bank-chip:focus-visible{outline:0;border-color:#2d6f8e6b;box-shadow:0 0 0 4px #2d6f8e1f}.bank-chip-active{border-color:#2d6f8e47;background:linear-gradient(180deg,#e8f1f7f5,#f4f8fbfa);box-shadow:0 14px 28px #2d6f8e1f}.bank-chip-indicator{color:var(--accent);font-size:.88rem}.control-note{margin:10px 0 0;color:var(--text-muted);font-size:.92rem;line-height:1.6}.chart-empty-state{display:grid;place-items:center;min-height:300px;border:1px dashed rgba(27,39,48,.14);border-radius:10px;background:linear-gradient(180deg,#fbfcfdf0,#f1f5f8f5)}.chart-empty-state p{margin:0;color:var(--text-soft)}.status-list{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.status-card{padding:20px;border:1px solid rgba(27,39,48,.08);border-radius:12px;background:linear-gradient(180deg,#fffffffa,#f5f8faf5);box-shadow:0 18px 34px #1f31400d;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.status-card:hover{transform:translateY(-2px);border-color:#265f8629;background:linear-gradient(180deg,#fffffffc,#f2f7fbfa);box-shadow:0 22px 40px #1f314014}.status-card p{margin:8px 0 0;color:var(--text-soft)}.status-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.status-code{margin:6px 0 0;color:var(--text-muted);font-size:.88rem}.status-details{display:grid;gap:10px;margin-top:16px}.status-detail-row{display:grid;gap:4px;padding-top:10px;border-top:1px solid rgba(27,39,48,.08);color:#243540}.status-detail-label{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.status-badge{padding:7px 10px;border-radius:999px;font-size:.8rem;font-weight:700;white-space:nowrap}.status-success{background:#dfeff6;color:#255d78}.status-partial{background:#eef1f4;color:#536877}.status-failed{background:#f8e3e0;color:#8f4a40}.status-unknown{background:#ebf0f3;color:#60727f}.error-banner{margin-bottom:20px;padding:15px 16px;border:1px solid rgba(143,74,64,.14);border-radius:10px;background:#f9e7e4;color:#88453c;box-shadow:0 12px 28px #8f4a4014}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:860px){.hero-metrics{grid-template-columns:1fr}.panel{padding:20px}th,td{padding:14px 12px}.bank-chip-list{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}@media(max-width:720px){.app-shell{padding:18px 14px 48px}.hero-surface{padding:18px;border-radius:14px}.hero h1{font-size:clamp(1.58rem,7vw,2.15rem)}.hero-copy{font-size:.92rem;line-height:1.56}.panel{padding:18px;border-radius:12px}.panel-heading{margin-bottom:16px}.history-rate-type,.filter-card,.filter-card-compact{max-width:none;min-width:0}.status-topline{flex-direction:column;align-items:flex-start}.status-badge{white-space:normal}}@keyframes live-pulse{0%{box-shadow:0 0 #7ef0a8b3,0 0 18px #7ef0a88c}70%{box-shadow:0 0 0 10px #7ef0a800,0 0 22px #7ef0a847}to{box-shadow:0 0 #7ef0a800,0 0 18px #7ef0a833}}@keyframes content-refresh{0%{opacity:.3;transform:translateY(10px) scale(.99);filter:saturate(.92)}to{opacity:1;transform:translateY(0) scale(1);filter:saturate(1)}}