/* Top Performing Funds v3 */
.tpf-section,.tpf-section *,.tpf-section *::before,.tpf-section *::after{box-sizing:border-box!important;margin:0;padding:0}
.tpf-section h2.tpf-title{all:unset!important;display:block!important}
.tpf-section a{text-decoration:none}

.tpf-section{
  --p:#3b3968;--r:#e63627;--bg:#f0f2f8;--w:#fff;--tx:#1a1a2e;--mu:#6b7280;--bd:#e2e5ef;
  background:var(--bg)!important;padding:64px 20px 72px!important;
  font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif!important;
  color:var(--tx)!important;font-size:16px!important;line-height:1.5!important;
  -webkit-font-smoothing:antialiased!important;
}
.tpf-container{max-width:980px!important;margin:0 auto!important;width:100%!important}

/* Header */
.tpf-header{text-align:center!important;margin-bottom:30px!important}
.tpf-eyebrow{display:inline-block!important;font-size:12px!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--r)!important;margin-bottom:10px!important}
.tpf-section h2.tpf-title{font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif!important;font-size:30px!important;font-weight:800!important;color:var(--tx)!important;line-height:1.2!important;display:block!important;margin:0 0 10px!important;padding:0!important;border:none!important;background:none!important;text-transform:none!important;text-shadow:none!important}
.tpf-subtitle{font-size:13.5px!important;color:var(--mu)!important;margin:0!important}
.tpf-subtitle a{color:var(--p)!important;font-weight:600!important;text-decoration:none!important}
.tpf-subtitle a:hover{text-decoration:underline!important}

/* Tabs */
.tpf-tabs{display:flex!important;justify-content:center!important;align-items:center!important;background:linear-gradient(135deg,#2e2c56,#3b3968,#4a4780)!important;border-radius:60px!important;padding:6px!important;width:fit-content!important;margin:0 auto 22px!important;gap:4px!important;box-shadow:0 4px 20px rgba(59,57,104,.30),0 1px 0 rgba(255,255,255,.08) inset!important;position:relative!important}
.tpf-tab{border:none!important;border-radius:50px!important;padding:9px 28px!important;font-size:13.5px!important;font-weight:600!important;cursor:pointer!important;background:transparent!important;color:rgba(255,255,255,.62)!important;transition:all .25s!important;font-family:inherit!important;position:relative!important;z-index:1!important;outline:none!important;line-height:1.4!important}
.tpf-tab:hover:not(.tpf-tab--active){color:rgba(255,255,255,.92)!important;background:rgba(255,255,255,.10)!important}
.tpf-tab.tpf-tab--active{background:linear-gradient(135deg,#ff4d3d,#e63627,#c42d1f)!important;color:#fff!important;box-shadow:0 3px 14px rgba(230,54,39,.50),0 1px 0 rgba(255,255,255,.25) inset!important;transform:translateY(-1px)!important;font-weight:700!important}

/* Live bar */
.tpf-live-bar{display:flex!important;align-items:center!important;gap:7px!important;margin-bottom:10px!important;font-size:12px!important;color:var(--mu)!important}
.tpf-live-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:#22c55e!important;flex-shrink:0!important;animation:tpf-pulse 1.5s infinite!important}
@keyframes tpf-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.tpf-live-text{font-weight:700!important;color:#22c55e!important;text-transform:uppercase!important;letter-spacing:.07em!important;font-size:11px!important}
.tpf-last-updated{color:var(--mu)!important;font-size:11.5px!important}
.tpf-countdown{margin-left:auto!important;background:var(--p)!important;color:#fff!important;font-size:11px!important;font-weight:700!important;padding:3px 10px!important;border-radius:20px!important}

/* Table */
.tpf-table-wrap{background:var(--w)!important;border-radius:14px!important;box-shadow:0 8px 40px rgba(59,57,104,.13)!important;overflow:hidden!important;overflow-x:auto!important;border:1px solid var(--bd)!important}
.tpf-table{width:100%!important;border-collapse:collapse!important;font-size:14px!important;min-width:580px!important;font-family:inherit!important}
.tpf-table thead tr{background:#fafbff!important;border-bottom:2px solid var(--bd)!important}
.tpf-th{padding:13px 18px!important;font-size:12.5px!important;font-weight:700!important;color:var(--p)!important;text-align:left!important;letter-spacing:.04em!important;text-transform:uppercase!important;white-space:nowrap!important;border:none!important;line-height:1.4!important}
.tpf-th--num{text-align:right!important}
.tpf-table tbody tr{border-bottom:1px solid var(--bd)!important;transition:background .15s!important}
.tpf-table tbody tr:last-child{border-bottom:none!important}
.tpf-table tbody tr:hover{background:#f6f7fd!important}
.tpf-td{padding:15px 18px!important;vertical-align:middle!important;border:none!important}
.tpf-td--name{min-width:210px!important}
.tpf-fund-name{font-weight:700!important;color:var(--tx)!important;font-size:13.5px!important;display:block!important;line-height:1.35!important}
.tpf-fund-cat{font-size:11.5px!important;color:var(--mu)!important;margin-top:3px!important;display:block!important;font-weight:400!important}
.tpf-td--num{text-align:right!important;font-weight:600!important;font-size:14px!important;white-space:nowrap!important}
.tpf-td--nav{color:var(--p)!important;font-weight:700!important}
.tpf-return-pos{color:#16a34a!important}
.tpf-return-neg{color:var(--r)!important}

/* Loader */
.tpf-loading-row td{padding:52px 20px!important;text-align:center!important}
.tpf-loader{display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px!important;color:var(--mu)!important;font-size:14px!important}
.tpf-spinner{width:32px!important;height:32px!important;border:3px solid var(--bd)!important;border-top-color:var(--p)!important;border-radius:50%!important;animation:tpf-spin .75s linear infinite!important}
@keyframes tpf-spin{to{transform:rotate(360deg)}}

/* Row anim */
.tpf-tbody tr.tpf-row-anim{animation:tpf-faderow .3s ease forwards!important;opacity:0!important}
@keyframes tpf-faderow{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

/* Error */
.tpf-error-row td{padding:42px 20px!important;text-align:center!important;color:var(--r)!important;font-size:14px!important;font-weight:600!important}

/* Footer */
.tpf-footer{text-align:center!important;margin-top:34px!important}
.tpf-btn-view-all{display:inline-block!important;background:linear-gradient(135deg,#ff4d3d,#e63627,#c42d1f)!important;color:#fff!important;font-size:14.5px!important;font-weight:700!important;padding:13px 38px!important;border-radius:50px!important;text-decoration:none!important;box-shadow:0 4px 20px rgba(230,54,39,.42)!important;transition:transform .18s,box-shadow .18s!important;border:none!important;cursor:pointer!important}
.tpf-btn-view-all:hover{transform:translateY(-2px) scale(1.03)!important;box-shadow:0 8px 28px rgba(230,54,39,.55)!important;color:#fff!important;text-decoration:none!important}

@media(max-width:600px){
  .tpf-section{padding:44px 12px 52px!important}
  .tpf-section h2.tpf-title{font-size:24px!important}
  .tpf-tab{padding:8px 18px!important;font-size:13px!important}
  .tpf-th,.tpf-td{padding:11px 12px!important;font-size:12.5px!important}
}