:root{--bg: #0a0f1e;--surface: #121b30;--surface-2: #18233d;--surface-3: #1e2b49;--border: #243150;--border-soft: #1b2640;--text: #e9effb;--text-dim: #8a99bd;--text-faint: #5d6e93;--accent: #5b8cff;--accent-2: #36c6f0;--green: #35d08a;--red: #f3736b;--radius: 16px;--shadow: 0 12px 32px rgba(0, 0, 0, .38);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 50% -220px,rgba(91,140,255,.14),transparent 70%),radial-gradient(900px 500px at 100% 0,rgba(54,198,240,.06),transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:1140px;margin:0 auto;padding:28px 18px 64px}.app-header{display:flex;align-items:center;gap:14px;margin-bottom:22px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:13px}.brand-logo{width:40px;height:40px;flex:none;filter:drop-shadow(0 3px 10px rgba(91,140,255,.45))}.brand-text{display:flex;flex-direction:column;gap:3px;line-height:1.1}.app-title{font-size:23px;font-weight:800;letter-spacing:.3px;background:linear-gradient(90deg,#fff,#b9ccff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.app-tg{display:inline-flex;align-items:center;gap:6px;width:max-content;color:var(--accent);font-size:13px;font-weight:600;text-decoration:none;transition:color .15s}.app-tg:hover{color:#82a8ff}.app-tg svg{opacity:.9}.header-meta{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:9px}.header-actions{display:flex;align-items:center;gap:10px}.flag{width:34px;height:23px;border-radius:4px;box-shadow:0 2px 7px #0000004d;display:block}.theme-toggle{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border-soft);color:var(--text-dim);border-radius:9px;cursor:pointer;transition:all .15s}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.upd-status{position:relative}.upd-chip{display:inline-flex;align-items:center;gap:8px;color:var(--text-dim);font-size:12px;cursor:pointer;background:var(--surface);border:1px solid var(--border-soft);padding:6px 12px;border-radius:999px;transition:border-color .15s}.upd-chip:hover{border-color:var(--accent)}.upd-chip b{color:var(--text);font-weight:600}.upd-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--green);box-shadow:0 0 6px #35d08ab3}.upd-chip.warn{border-color:#e8a23a8c}.upd-chip.warn .upd-dot{background:#e8a23a;box-shadow:0 0 6px #e8a23ab3}.upd-chip.stale{border-color:#f3736b8c;color:#ffb4ae}.upd-chip.stale .upd-dot{background:var(--red);box-shadow:0 0 6px #f3736bb3}.upd-pop{position:absolute;top:36px;right:0;z-index:30;width:min(360px,88vw);background:var(--surface-3);border:1px solid var(--border);border-radius:12px;padding:12px 15px;box-shadow:var(--shadow);color:var(--text-dim);font-size:13px;line-height:1.5;text-align:left}.upd-pop p{margin:0 0 8px}.upd-pop p:last-child{margin-bottom:0}.upd-pop b{color:var(--text)}.upd-pop ul{margin:0;padding-left:18px}.upd-pop li{margin:2px 0}.upd-bad{color:#ffb4ae}.upd-good{color:var(--green)}.tabs{display:flex;gap:4px;margin-bottom:22px;border-bottom:1px solid var(--border-soft);overflow-x:auto}.tab{background:none;border:none;color:var(--text-dim);padding:12px 16px;font-size:15px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s,border-color .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--accent);font-weight:700}.controls{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-bottom:18px}.control{display:flex;flex-direction:column;gap:6px}.control label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-faint);font-weight:700}.select-wrap{position:relative;display:inline-block}.select-wrap:after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:2px solid var(--text-dim);border-bottom:2px solid var(--text-dim);transform:translateY(-65%) rotate(45deg);pointer-events:none}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 36px 10px 14px;font-size:14px;outline:none;cursor:pointer;transition:border-color .15s;width:100%}select:hover,select:focus{border-color:var(--accent)}.bank-select select{min-width:240px;font-weight:600}.year-select{padding:8px 32px 8px 13px;font-size:13px}.seg{display:inline-flex;padding:3px;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px}.seg button{background:none;border:none;color:var(--text-dim);padding:6px 13px;border-radius:7px;cursor:pointer;font-size:13px;font-weight:600;transition:all .15s}.seg button:hover{color:var(--text)}.seg button.active{background:linear-gradient(135deg,var(--accent),#4f7ff0);color:#fff;box-shadow:var(--shadow-sm)}.kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}@media (max-width: 1080px){.kpi-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.kpi-row{grid-template-columns:repeat(2,1fr)}}.kpi .info-pop{left:auto;right:-8px}.kpi{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--surface),var(--surface-2));border:1px solid var(--border-soft);border-radius:14px;padding:16px 18px}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent),var(--accent-2))}.kpi-label{font-size:12px;color:var(--text-dim);margin-bottom:9px}.kpi-value{font-size:26px;font-weight:800;letter-spacing:.3px}.kpi-unit{font-size:13px;font-weight:600;color:var(--text-dim)}.kpi-sub{margin-top:8px;font-size:12px;color:var(--text-faint);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.delta{font-weight:700}.delta.up{color:var(--green)}.delta.down{color:var(--red)}.muted-note{font-size:12px;color:var(--text-faint)}.info-note{position:relative;display:inline-flex;vertical-align:middle}.info-btn{width:19px;height:19px;border-radius:50%;cursor:pointer;padding:0;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);font-size:12px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center}.info-btn:hover{color:var(--accent);border-color:var(--accent)}.info-pop{position:absolute;top:26px;left:0;z-index:20;width:min(460px,84vw);background:var(--surface-3);border:1px solid var(--border);border-radius:12px;padding:12px 15px;box-shadow:var(--shadow);color:var(--text-dim);font-size:13px;line-height:1.5;font-weight:400;cursor:default}.info-pop p{margin:0 0 8px}.info-pop p:last-child{margin-bottom:0}.info-pop b{color:var(--text)}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:20px 20px 12px;box-shadow:var(--shadow);margin-bottom:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 2px 16px}.card-title{font-size:16px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:9px}.card-title:before{content:"";width:9px;height:9px;border-radius:3px;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.chart-wrap{width:100%;height:400px}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:4px 22px}.health-sub{font-size:13px;font-weight:600;color:var(--text-dim);margin:0 2px 2px}.health-cell .chart-wrap{height:280px}.range-ctl{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.year-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 2px 12px}.chip{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border);border-radius:999px;padding:6px 15px;font-size:13px;font-weight:600;cursor:pointer;transition:all .12s}.chip:hover{color:var(--text);border-color:var(--text-faint)}.chip.active{background:linear-gradient(135deg,var(--accent),#4f7ff0);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.state{display:flex;align-items:center;justify-content:center;height:400px;color:var(--text-dim);font-size:15px;text-align:center;padding:0 20px}.state.error{color:var(--red)}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:12px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.kpi-skeleton{height:94px}.chart-skeleton{height:400px}.bar-label{font-size:12px;font-weight:700}.footnote{color:var(--text-faint);font-size:12px;margin-top:10px;line-height:1.55;border-top:1px solid var(--border-soft);padding-top:13px}.footnote code{color:var(--text);background:var(--surface-2);padding:1px 5px;border-radius:4px}.placeholder{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:56px 24px;text-align:center;color:var(--text-dim)}.placeholder h3{color:var(--text);margin:0 0 8px}:root[data-theme=light]{--bg: #eef2f9;--surface: #ffffff;--surface-2: #f1f5fb;--surface-3: #e6ecf6;--border: #d4dceb;--border-soft: #e6ecf6;--text: #16203a;--text-dim: #5a6a8a;--text-faint: #8a97b3;--accent: #3b6fe0;--accent-2: #1aa3d6;--green: #12a566;--red: #db4f47;--shadow: 0 12px 30px rgba(40, 60, 110, .12);--shadow-sm: 0 2px 8px rgba(40, 60, 110, .1)}:root[data-theme=light] body{background:radial-gradient(1200px 600px at 50% -220px,rgba(59,111,224,.1),transparent 70%),radial-gradient(900px 500px at 100% 0,rgba(26,163,214,.07),transparent 60%),var(--bg)}:root[data-theme=light] .app-title{background:linear-gradient(90deg,#16203a,#3b6fe0);-webkit-background-clip:text;background-clip:text}:root[data-theme=light] .upd-chip.stale,:root[data-theme=light] .upd-bad{color:#b3261e}:root[data-theme=light] .upd-good{color:#12a566}@media (max-width: 760px){.kpi-row{grid-template-columns:1fr}}@media (max-width: 640px){.app-title{font-size:20px}.chart-wrap,.state,.chart-skeleton{height:320px}.bank-select select{min-width:160px}.header-meta{margin-left:0}}.macro-section{margin-bottom:26px}.macro-section-title{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin:4px 2px 12px}.macro-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.macro-card{display:flex;flex-direction:column}.macro-card.wide{grid-column:1 / -1}.macro-card .card-head{margin-bottom:2px}.macro-unit{font-size:12px;font-weight:500;color:var(--text-dim);margin-left:8px}.macro-help{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:8px;border-radius:50%;border:1px solid var(--border);color:var(--text-faint);font-size:11px;font-weight:600;cursor:help;vertical-align:middle}.macro-help:hover{color:var(--text);border-color:var(--text-dim)}.macro-select{align-self:flex-start;margin:2px 0 10px;padding:5px 10px;border-radius:8px;background:var(--card-bg, #131a2b);color:var(--text);border:1px solid var(--border);font-size:13px;font-weight:600;cursor:pointer}.macro-select:hover{border-color:var(--text-dim)}.macro-cap{font-size:13px;color:var(--text);margin-top:10px;line-height:1.45}.candle-seg{align-self:flex-start;margin:2px 0 10px}.macro-src{font-size:11px;color:var(--text-faint);text-decoration:none;margin-top:6px}.macro-src:hover{color:var(--accent);text-decoration:underline}@media (max-width: 760px){.macro-grid{grid-template-columns:1fr}}