:root{--navy:#1E3A5F;--navy2:#2C4D7A;--gold:#C9A84C;--gold2:#FFF8E1;--cpd-bg:#F0F3F8;--card:#fff;--cpd-border:#E2E8F0;--muted:#64748B;--green:#2E7D32;--green2:#E8F5E9;--red:#C62828;--red2:#FFEBEE;--cpd-shadow:0 2px 12px rgba(0,0,0,.09)}.cpd{background:var(--cpd-bg);color:#1a1a2e;font-size:14px;font-family:Segoe UI,system-ui,sans-serif;flex:1;min-height:0;overflow:auto}.cpd .bbar{background:var(--navy2);padding:8px 24px 10px;display:flex;align-items:flex-start;gap:16px}.cpd .bbar-lbl{font-size:11px;color:#ace;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px}.cpd .chips{display:flex;flex-wrap:wrap;gap:6px}.cpd .chip{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;border:1.5px solid rgba(255,255,255,.2);cursor:pointer;font-size:12px;font-weight:600;color:#ffffffd9;background:#ffffff12;white-space:nowrap;transition:all .15s}.cpd .chip:hover{border-color:var(--gold);color:#fff;background:#c9a84c33}.cpd .chip.active{background:var(--gold);border-color:var(--gold);color:var(--navy);font-weight:700}.cpd .cdot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.cpd .mybank,.app-header .mybank{display:flex;align-items:center;gap:8px;color:#ace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap}.cpd .mybank{margin-left:auto}.cpd .mybank select,.app-header .mybank select{background:#ffffff1a;color:#fff;border:1.5px solid rgba(255,255,255,.25);border-radius:7px;padding:5px 8px;font-size:12px;font-weight:600;max-width:200px}.cpd .mybank select option,.app-header .mybank select option{color:#1a1a2e}.app-header .mybank-btn{display:flex;align-items:center;gap:7px;background:#ffffff1a;color:#fff;border:1.5px solid rgba(255,255,255,.25);border-radius:7px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;max-width:240px;white-space:nowrap;transition:all .15s}.app-header .mybank-btn:hover{border-color:var(--gold);background:#c9a84c33}.clogo{width:16px;height:16px;border-radius:4px;background:#fff;object-fit:contain;flex-shrink:0}.app-header .cdot,.cpd .cdot{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}.cpd .main{padding:18px 24px;max-width:1800px}.cpd .tabs-wrap{position:relative;display:flex;align-items:center;gap:6px;margin-bottom:20px;max-width:100%}.cpd .tabs{display:flex;gap:4px;background:var(--navy);border-radius:12px;padding:6px;box-shadow:0 4px 20px #1e3a5f59;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;max-width:100%}.cpd .tabs::-webkit-scrollbar{display:none}.cpd .tabs-arrow{flex:0 0 auto;width:30px;height:40px;border:none;border-radius:8px;background:var(--navy);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 4px 20px #1e3a5f59}.cpd .tabs-arrow:hover{background:#2a4a78}.cpd .tabs-wrap.ov-l .tabs-arrow.left,.cpd .tabs-wrap.ov-r .tabs-arrow.right{display:flex}.cpd .tabs-wrap.ov-r .tabs{-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}.cpd .tabs-wrap.ov-l.ov-r .tabs{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.cpd .tab{padding:11px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;color:#fff9;transition:all .15s;white-space:nowrap;letter-spacing:.2px}.cpd .tab.active{background:var(--gold);color:var(--navy);box-shadow:0 2px 8px #c9a84c66}.cpd .tab:hover:not(.active){color:#fff;background:#ffffff1f}.cpd .grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;align-items:stretch}.cpd .grid2 .panel{display:flex;flex-direction:column}.cpd .grid2 .pb{flex:1;display:flex;flex-direction:column;justify-content:flex-end}.cpd .panel{background:var(--card);border-radius:12px;border:1px solid var(--cpd-border);box-shadow:var(--cpd-shadow);overflow:hidden}.cpd .ph{padding:14px 18px 10px;border-bottom:1px solid var(--cpd-border)}.cpd .ptitle{font-size:15px;font-weight:800;color:var(--navy)}.cpd .psub{font-size:11px;color:var(--muted);margin-top:3px}.cpd .pb{padding:12px 16px}.cpd .badge{display:inline-block;background:var(--gold);color:var(--navy);font-size:13px;font-weight:700;padding:4px 12px;border-radius:8px;vertical-align:middle;margin-left:8px}.cpd .badge.src{background:#eef2f7;color:var(--muted);font-weight:600;border:1px solid var(--cpd-border)}.cpd .kpigrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.cpd .kpicard{background:var(--card);border-radius:10px;padding:16px 14px;border:1px solid var(--cpd-border);box-shadow:var(--cpd-shadow);position:relative;overflow:hidden}.cpd .kpicard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:10px 0 0 10px}.cpd .kpicard.teal:before{background:#00857e}.cpd .kpicard.navy:before{background:var(--navy)}.cpd .kpicard.gold:before{background:var(--gold)}.cpd .kpicard.green:before{background:var(--green)}.cpd .kpicard.red:before{background:var(--red)}.cpd .kpilbl{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.cpd .kpival{font-size:24px;font-weight:800;color:var(--navy);line-height:1}.cpd .kpisub{font-size:11px;margin-top:4px}.cpd .kpirk{position:absolute;right:12px;top:12px;font-size:22px;font-weight:800;color:#0000000f}.cpd .delta{display:inline-flex;align-items:center;gap:2px;font-size:11px;font-weight:700;padding:2px 7px;border-radius:8px}.cpd .up{background:var(--green2);color:var(--green)}.cpd .dn{background:var(--red2);color:var(--red)}.cpd .stitle{font-size:16px;font-weight:800;color:var(--navy);margin-bottom:14px;padding-bottom:9px;border-bottom:2px solid #00857E;display:flex;align-items:center;gap:8px}.cpd .sacc{width:4px;height:18px;background:var(--gold);border-radius:2px}.cpd .dp{display:none;background:var(--card);border-radius:14px;border:2px solid var(--gold);box-shadow:0 6px 30px #c9a84c2e;margin-bottom:18px;overflow:hidden}.cpd .dp.on{display:block}.cpd .dph{background:var(--navy);color:#fff;padding:16px 22px;display:flex;align-items:center;gap:16px}.cpd .dplogo{width:50px;height:50px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;background:#ffffff26;flex-shrink:0;color:#fff}.cpd .dpname{font-size:22px;font-weight:800}.cpd .dpsub{font-size:12px;color:#ace;margin-top:3px}.cpd .dpclose{margin-left:auto;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#fff;padding:7px 16px;border-radius:7px;cursor:pointer;font-size:12px;font-weight:600}.cpd .dpkpis{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--cpd-border)}.cpd .dpkpi{background:var(--card);padding:14px 12px}.cpd .dpkpilbl{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-weight:700;margin-bottom:4px}.cpd .dpkpival{font-size:20px;font-weight:800;color:var(--navy)}.cpd .dpkpiprev{font-size:11px;color:var(--muted);margin-top:2px}.cpd .rk{font-size:10px;font-weight:800;padding:1px 6px;border-radius:6px;background:#e8edf5;color:var(--navy)}.cpd .rk.rkk{background:var(--gold);color:var(--navy)}.cpd .dpcharts{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;align-items:stretch}.cpd .dpchart{background:var(--cpd-bg);border-radius:10px;padding:14px;display:flex;flex-direction:column}.cpd .dpchart>div:last-child{flex:1;display:flex;flex-direction:column;justify-content:center}.cpd .dpctitle{font-size:15px;font-weight:800;color:var(--navy);margin-bottom:4px}.cpd .dpcsub{font-size:11px;color:#888;margin-bottom:8px}.cpd .footer{text-align:center;padding:16px;color:var(--muted);font-size:11px;border-top:1px solid var(--cpd-border);margin-top:14px}.cpd-tt{position:fixed;background:#142846f7;color:#fff;padding:10px 14px;border-radius:8px;font-size:12px;pointer-events:none;z-index:9999;display:none;box-shadow:0 4px 16px #0000004d;min-width:160px}.cpd-tt .tt-bank{font-weight:700;margin-bottom:5px;font-size:13px}.cpd-tt .tt-r{display:flex;justify-content:space-between;gap:16px;margin-top:3px}.cpd-tt .tt-v26{color:gold;font-weight:700}.cpd-tt .tt-v25{color:#90caf9}.app-header{background:var(--navy);color:#fff;box-shadow:0 2px 8px #0000004d;z-index:100}.app-header .hi{display:flex;align-items:center;gap:16px;padding:10px 24px;border-bottom:2px solid var(--gold)}.app-header .htitle{font-size:18px;font-weight:800}.app-header .hsub{font-size:12px;color:#ace;margin-top:2px}.app-header .hbadge{margin-left:auto;background:var(--gold);color:var(--navy);font-size:13px;font-weight:700;padding:9px 16px;border-radius:6px;white-space:nowrap}@media (max-width:1200px){.cpd .kpigrid,.cpd .dpkpis{grid-template-columns:repeat(3,1fr)}}@media (max-width:750px){.cpd .grid2{grid-template-columns:1fr}.cpd .kpigrid{grid-template-columns:repeat(2,1fr)}}.fxtable{width:100%;border-collapse:collapse;font-size:13px}.fxtable th{text-align:left;font-weight:600;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.03em;padding:6px 10px;border-bottom:1px solid #e6e8f2;position:sticky;top:0;background:#fff}.fxtable td{padding:5px 10px;border-bottom:1px solid #f1f3f9}.fxtable tr:hover td{background:#f7f9fd}.fxtable .up{color:#2e7d32}.fxtable .dn{color:#c62828}