.pf-system{margin-bottom:24px}.pf-system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:21px 0}.pf-system-time{font-size:10px;color:var(--pf-muted);white-space:nowrap}.pf-resource{padding:0 23px;border-right:1px solid var(--pf-border)}.pf-resource:last-child{border-right:0}.pf-resource-heading{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;color:var(--pf-muted);margin-bottom:14px}.pf-resource-heading>span:first-child{font-size:18px}.pf-resource-value{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:12px}.pf-resource-value strong{font-size:25px;font-weight:720;letter-spacing:-.7px;line-height:1.2}.pf-resource-value>span{font-size:9px;color:var(--pf-muted)}.pf-resource .pf-track{height:5px;background:var(--pf-soft)}.pf-resource .pf-track>div{background:#3478ed}.pf-resource .pf-track>div.warning{background:#f59e0b}.pf-resource .pf-track>div.critical{background:#ef4444}.pf-resource small{display:block;font-size:9px;color:var(--pf-muted);margin-top:9px}.dark .pf-resource .pf-track{background:#26354c}@media(max-width:1200px){.pf-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}.pf-resource:nth-child(2){border-right:0}}@media(max-width:650px){.pf-resource{padding:0 15px}.pf-resource-value strong{font-size:23px}.pf-resource-heading{font-size:9px}.pf-system-time{font-size:9px;white-space:normal;text-align:right;max-width:110px}}