/* SmartPay Intelligence — World Class Analytics v1 */
.wc-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;margin-bottom:12px;border:1px solid rgba(63,124,167,.34);border-radius:18px;background:radial-gradient(circle at 88% 0,rgba(24,216,200,.14),transparent 32%),linear-gradient(135deg,rgba(13,32,51,.96),rgba(8,23,37,.96));box-shadow:0 18px 46px rgba(0,0,0,.18)}
.wc-hero h2{font-size:25px;letter-spacing:-.7px;margin:5px 0 7px}.wc-hero p{max-width:820px;margin:0;color:#90a9bc;font-size:10px;line-height:1.6}.wc-kicker{font-size:7px;letter-spacing:1.7px;color:var(--teal);font-weight:900}.wc-hero .primary{white-space:nowrap}
.wc-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.wc-stat{padding:14px 15px;border-radius:13px;border:1px solid #17364f;background:linear-gradient(180deg,#0c1e30,#091827);position:relative;overflow:hidden}.wc-stat:after{content:"";position:absolute;right:-28px;top:-28px;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle,rgba(24,216,200,.09),transparent 66%)}.wc-stat span{display:block;font-size:8px;color:#7690a4;text-transform:uppercase;letter-spacing:.7px}.wc-stat b{display:block;font-size:20px;margin:6px 0 3px}.wc-stat small{color:#6f8799;font-size:8px}
.wc-grid{margin-top:0}.wc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}.wc-head span:first-child{display:block;color:#5d7d94;font-size:7px;font-weight:900;letter-spacing:1.15px}.wc-head h3{margin:4px 0 0;font-size:14px}.wc-tag{font-size:7px!important;color:#7fded4!important;border:1px solid rgba(24,216,200,.18);background:rgba(24,216,200,.06);padding:5px 7px;border-radius:999px;letter-spacing:.2px!important;white-space:nowrap}.wc-insight-text{border-top:1px solid rgba(255,255,255,.055);margin-top:8px;padding-top:9px;color:#7f9aae;font-size:8.5px;line-height:1.55}.wc-corr{display:flex;flex-direction:column;gap:3px;border-top:1px solid rgba(255,255,255,.055);padding-top:9px;margin-top:8px}.wc-corr b{font-size:9px}.wc-corr span{font-size:8px;color:#7893a8;line-height:1.45}
.wc-hour-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:7px}.wc-heat-cell{min-height:76px;border-radius:10px;border:1px solid rgba(80,145,180,.18);display:flex;flex-direction:column;justify-content:flex-end;padding:9px;box-shadow:inset 0 0 20px rgba(0,0,0,.08)}.wc-heat-cell b{font-size:12px}.wc-heat-cell span{font-size:8px;margin-top:3px;color:#e3f2f6}.wc-heat-wrap{overflow:auto;border:1px solid #17354d;border-radius:11px}.wc-heat{min-width:max-content;border-collapse:separate;border-spacing:3px;padding:4px}.wc-heat th,.wc-heat td{position:static;border:0!important;padding:8px 9px;text-align:center!important;font-size:8px;min-width:72px;border-radius:7px}.wc-heat thead th{background:#0c2033;color:#8ea9bb}.wc-heat tbody th{background:#0b1d2e;color:#a8becd;position:sticky;left:0;z-index:2}.wc-heat td{color:#e7f5f7}.wc-note{font-size:7.5px;color:#6f889c;margin-top:8px;line-height:1.5}
.wc-contrib-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.wc-contrib{border:1px solid #17364f;background:#091a2a;border-radius:11px;padding:12px}.wc-contrib span{display:block;color:#718da2;font-size:7.5px;text-transform:uppercase;letter-spacing:.55px}.wc-contrib b{display:block;font-size:14px;margin:6px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wc-contrib small{display:block;color:#7e98aa;font-size:8px;line-height:1.4}.wc-empty{padding:25px;text-align:center;color:#71899d;font-size:9px;border:1px dashed #1b3b54;border-radius:11px;background:#081725}
.nav-btn[data-view="advanced"] .nav-icon{color:#84a8ff}.nav-btn[data-view="advanced"].active{border-color:rgba(105,153,255,.38);background:linear-gradient(90deg,rgba(27,55,82,.9),rgba(22,54,76,.75))}
@media(max-width:1050px){.wc-stat-grid,.wc-contrib-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wc-hero{align-items:flex-start;flex-direction:column;padding:18px}.wc-hero h2{font-size:21px}.wc-stat-grid,.wc-contrib-grid{grid-template-columns:1fr 1fr}.wc-stat b{font-size:17px}.wc-heat th,.wc-heat td{min-width:66px;padding:7px}}
@media(max-width:480px){.wc-stat-grid,.wc-contrib-grid{grid-template-columns:1fr}}