.VendorPortalInfographics_template__oRSGC{--mockup-bg:#fff;--mockup-bg-alt:#f8fafc;--mockup-surface:#f1f5f9;--mockup-border:#e2e8f0;--mockup-text:#0f172a;--mockup-text-secondary:#64748b;--mockup-text-muted:#94a3b8;--mockup-primary:#04c;--mockup-danger:#dc2626;--mockup-success:#16a34a;--mockup-warning:#d97706;--mockup-purple:#7c3aed;background-color:var(--mockup-bg);color:var(--mockup-text);border-radius:10px;overflow:hidden;border:1px solid var(--mockup-border);box-shadow:0 4px 24px rgba(0,0,0,.1);font-family:var(--font-mono,"SF Mono","JetBrains Mono",monospace);font-size:10px;margin:1.5rem auto;max-width:560px}.VendorPortalInfographics_windowBar__T7S_d{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--mockup-bg-alt);border-bottom:1px solid var(--mockup-border);font-size:10px;color:var(--mockup-text-secondary);font-weight:500}.VendorPortalInfographics_windowDots__Wernd{display:flex;gap:5px}.VendorPortalInfographics_windowDots__Wernd span{width:8px;height:8px;border-radius:50%}.VendorPortalInfographics_windowDots__Wernd span:first-child{background:#ff5f56}.VendorPortalInfographics_windowDots__Wernd span:nth-child(2){background:#febc2e}.VendorPortalInfographics_windowDots__Wernd span:nth-child(3){background:#28c840}.VendorPortalInfographics_body__xu568{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.VendorPortalInfographics_banner__mc8Tu{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;font-size:9px;font-weight:500}.VendorPortalInfographics_bannerWarning__5xMHa{background:rgba(217,119,6,.06);border:1px solid rgba(217,119,6,.2);color:var(--mockup-warning)}.VendorPortalInfographics_bannerDanger__gG3Jy{background:rgba(220,38,38,.06);border:1px solid rgba(220,38,38,.2);color:var(--mockup-danger)}.VendorPortalInfographics_bannerSuccess__swZ7v{background:rgba(22,163,74,.06);border:1px solid rgba(22,163,74,.2);color:var(--mockup-success)}.VendorPortalInfographics_bannerIcon__DnXtG{font-size:11px;flex-shrink:0}.VendorPortalInfographics_bannerText__hoEKF{flex:1 1;font-weight:600}.VendorPortalInfographics_bannerMeta__ySmox{font-size:8px;color:var(--mockup-text-muted);font-weight:400}.VendorPortalInfographics_splitLayout__20Il4{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.VendorPortalInfographics_panel__t9pyR{background:var(--mockup-bg-alt);border:1px solid var(--mockup-border);border-radius:6px;overflow:hidden}.VendorPortalInfographics_panelHeader___kAKK{display:flex;align-items:center;gap:6px;padding:7px 10px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--mockup-border)}.VendorPortalInfographics_panelHeaderBlue__20rp3{color:var(--mockup-primary);background:rgba(0,68,204,.04)}.VendorPortalInfographics_panelHeaderPurple__0dl6C{color:var(--mockup-purple);background:rgba(124,58,237,.04)}.VendorPortalInfographics_panelHeaderRed__20QVC{color:var(--mockup-danger);background:rgba(220,38,38,.04)}.VendorPortalInfographics_panelHeaderGreen__M8_4V{color:var(--mockup-success);background:rgba(22,163,74,.04)}.VendorPortalInfographics_panelBody__7W6op{padding:6px 8px;display:flex;flex-direction:column;gap:3px}.VendorPortalInfographics_fieldRow__G_RS6{display:flex;align-items:center;gap:6px;padding:3px 6px;background:var(--mockup-surface);border-radius:4px;font-size:9px}.VendorPortalInfographics_cellRef__3kIoP{font-size:8px;color:var(--mockup-text-muted);font-weight:600;min-width:24px;flex-shrink:0}.VendorPortalInfographics_fieldLabel__BJfCH{flex:1 1;color:var(--mockup-text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.VendorPortalInfographics_fieldValue__XMJnp{font-weight:600;color:var(--mockup-text);font-size:9px;flex-shrink:0}.VendorPortalInfographics_fieldMismatch__thE5l{color:var(--mockup-danger);font-weight:700;font-size:8px;flex-shrink:0}.VendorPortalInfographics_tableHeader__aNMVg{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mockup-text-muted);border-bottom:1px solid var(--mockup-border)}.VendorPortalInfographics_tableHeader__aNMVg,.VendorPortalInfographics_tableRow__ZbMtC{display:grid;grid-template-columns:1fr 80px 64px 60px;grid-gap:4px;gap:4px;padding:5px 8px}.VendorPortalInfographics_tableRow__ZbMtC{font-size:9px;align-items:center;border-bottom:1px solid rgba(226,232,240,.5)}.VendorPortalInfographics_tableRow__ZbMtC:last-child{border-bottom:none}.VendorPortalInfographics_contractorName__Ff4QA{font-weight:600;color:var(--mockup-text)}.VendorPortalInfographics_platformName__kptsr{color:var(--mockup-text-muted);font-size:8px}.VendorPortalInfographics_fieldCount__ImQj4{color:var(--mockup-text-secondary);font-size:8px}.VendorPortalInfographics_statusBadge__ab6Kl{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:10px;font-size:7px;font-weight:600}.VendorPortalInfographics_statusDot__ympKB{width:5px;height:5px;border-radius:50%;flex-shrink:0}.VendorPortalInfographics_statusSynced__J3wrE .VendorPortalInfographics_statusDot__ympKB{background:var(--mockup-success)}.VendorPortalInfographics_statusSynced__J3wrE{color:var(--mockup-success);background:rgba(22,163,74,.08)}.VendorPortalInfographics_statusWarning__AuZo_ .VendorPortalInfographics_statusDot__ympKB{background:var(--mockup-warning)}.VendorPortalInfographics_statusWarning__AuZo_{color:var(--mockup-warning);background:rgba(217,119,6,.08)}.VendorPortalInfographics_statusDanger__9BNxa .VendorPortalInfographics_statusDot__ympKB{background:var(--mockup-danger);animation:VendorPortalInfographics_statusPulse__91SYU 2s ease-in-out infinite}.VendorPortalInfographics_statusDanger__9BNxa{color:var(--mockup-danger);background:rgba(220,38,38,.08)}.VendorPortalInfographics_statusIdle__V4GoC .VendorPortalInfographics_statusDot__ympKB{background:var(--mockup-text-muted)}.VendorPortalInfographics_statusIdle__V4GoC{color:var(--mockup-text-muted);background:rgba(148,163,184,.08)}@keyframes VendorPortalInfographics_statusPulse__91SYU{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(220,38,38,.4)}50%{opacity:.6;box-shadow:0 0 0 4px rgba(220,38,38,0)}}.VendorPortalInfographics_cardGrid__7PRmS{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:6px;gap:6px}.VendorPortalInfographics_systemCard__x_2WB{background:var(--mockup-bg-alt);border:1px solid var(--mockup-border);border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:4px;text-align:center}.VendorPortalInfographics_systemIcon__8aghV{font-size:16px;line-height:1}.VendorPortalInfographics_systemName___ZcSL{font-size:8px;font-weight:600;color:var(--mockup-text);line-height:1.2}.VendorPortalInfographics_systemSub__a5byR{font-size:7px;color:var(--mockup-text-muted)}.VendorPortalInfographics_connectionTag__EQCdl{font-size:6px;font-weight:600;padding:1px 4px;border-radius:3px;align-self:center}.VendorPortalInfographics_connectionNone__cVOaR{color:var(--mockup-danger);background:rgba(220,38,38,.08)}.VendorPortalInfographics_connectionPartial__L4VNO{color:var(--mockup-warning);background:rgba(217,119,6,.08)}.VendorPortalInfographics_comparisonGrid__R2QZg{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.VendorPortalInfographics_comparisonCol__tZkW6{display:flex;flex-direction:column;gap:6px}.VendorPortalInfographics_flowArrowRow__GNP8T{display:flex;align-items:center;justify-content:center;gap:5px;padding:4px 0}.VendorPortalInfographics_flowArrowDown__EqDpX{font-size:14px;font-weight:700;line-height:1}.VendorPortalInfographics_flowArrowLabel__UnaHu{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.VendorPortalInfographics_checkRow__yoheU{display:flex;align-items:center;gap:5px;padding:3px 6px;background:var(--mockup-surface);border-radius:4px;font-size:8px}.VendorPortalInfographics_checkIcon__DDdrk{font-size:10px;flex-shrink:0}.VendorPortalInfographics_checkLabel__P8k3t{color:var(--mockup-text-secondary)}.VendorPortalInfographics_timelineGrid__NXQ2B{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:6px;gap:6px}.VendorPortalInfographics_eraCol__4tqlD{background:var(--mockup-bg-alt);border:1px solid var(--mockup-border);border-radius:6px;overflow:hidden}.VendorPortalInfographics_eraHeader__tLhfR{padding:6px 8px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--mockup-border);text-align:center}.VendorPortalInfographics_eraHeaderGray__Q2yOU{color:var(--mockup-text-secondary);background:rgba(100,116,139,.04)}.VendorPortalInfographics_eraHeaderAmber__TOlX5{color:var(--mockup-warning);background:rgba(217,119,6,.04)}.VendorPortalInfographics_eraHeaderGreen__hLsSz{color:var(--mockup-success);background:rgba(22,163,74,.04)}.VendorPortalInfographics_eraPeriod__rgnxP{display:block;font-size:7px;font-weight:400;opacity:.6;margin-top:1px}.VendorPortalInfographics_eraBody__q4TGQ{padding:6px 8px;display:flex;flex-direction:column;gap:3px}.VendorPortalInfographics_eraItem__l5Vlt{display:flex;align-items:center;gap:5px;padding:2px 4px;font-size:8px;color:var(--mockup-text-secondary)}.VendorPortalInfographics_eraDot__8JKFD{width:4px;height:4px;border-radius:50%;flex-shrink:0}.VendorPortalInfographics_eraNote__PSTfL{font-size:7px;color:var(--mockup-warning);font-style:italic;text-align:center;padding:2px 4px 4px;opacity:.7}.VendorPortalInfographics_progressRow__ttfhE{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--mockup-surface);border:1px solid var(--mockup-border);border-radius:5px}.VendorPortalInfographics_progressLabel__3jMeA{font-size:7px;text-transform:uppercase;letter-spacing:.05em;color:var(--mockup-text-muted);font-weight:500;flex-shrink:0}.VendorPortalInfographics_progressTrack__0vlRq{flex:1 1;height:5px;background:var(--mockup-border);border-radius:3px;overflow:hidden}.VendorPortalInfographics_progressFill__CSXWD{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--mockup-text-muted),var(--mockup-warning),var(--mockup-success))}.VendorPortalInfographics_statRow__ieIs7{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 8px;background:var(--mockup-surface);border:1px solid var(--mockup-border);border-radius:5px}.VendorPortalInfographics_statItem__NbgKJ{display:flex;flex-direction:column;align-items:center;gap:1px}.VendorPortalInfographics_statValue__41P8u{font-size:12px;font-weight:700;color:var(--mockup-text)}.VendorPortalInfographics_statLabel__POjEx{font-size:6px;text-transform:uppercase;letter-spacing:.05em;color:var(--mockup-text-muted)}.VendorPortalInfographics_hubGlow__5noNK{box-shadow:0 0 0 0 rgba(22,163,74,0);animation:VendorPortalInfographics_hubPulse__NCtwy 3s ease-in-out infinite}@keyframes VendorPortalInfographics_hubPulse__NCtwy{0%,to{box-shadow:0 0 0 0 rgba(22,163,74,0)}50%{box-shadow:0 0 12px 2px rgba(22,163,74,.08)}}.VendorPortalInfographics_coverageBad__Fg7LK{font-weight:700;color:var(--mockup-danger)}