.procore-shell{display:grid;gap:14px}.procore-hero{display:grid;grid-template-columns:1.7fr .8fr;gap:12px}.procore-card{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:14px;box-shadow:0 2px 10px rgba(16,24,40,.04)}.procore-card h2,.procore-card h3{margin:0 0 6px}.procore-status{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.procore-dot{width:9px;height:9px;border-radius:50%;background:#12b76a;display:inline-block}.procore-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.procore-metric{background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:13px;cursor:pointer;text-align:left}.procore-metric.active{border-color:#2f6fed;box-shadow:0 0 0 2px rgba(47,111,237,.12)}.procore-metric b{display:block;font-size:24px;letter-spacing:-.03em}.procore-metric span{font-size:11px;color:#667085}.procore-tools{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(170px,.6fr) auto;gap:8px;align-items:center}.procore-tools input,.procore-tools select{width:100%;border:1px solid #d0d5dd;border-radius:9px;padding:9px 10px;background:white}.procore-tablewrap{overflow:auto;border:1px solid #e4e7ec;border-radius:12px;background:#fff;max-height:68vh}.procore-table{width:100%;border-collapse:separate;border-spacing:0;min-width:980px;font-size:12px}.procore-table th{position:sticky;top:0;background:#f8fafc;z-index:2;text-align:left;padding:9px 10px;border-bottom:1px solid #e4e7ec;color:#475467;font-size:10px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.procore-table td{padding:10px;border-bottom:1px solid #eef0f3;vertical-align:top;line-height:1.35}.procore-table tr:last-child td{border-bottom:0}.procore-table tr:hover td{background:#fbfdff}.procore-primary{font-weight:800;color:#172033}.procore-muted{color:#667085;font-size:11px}.procore-tag{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f2f4f7;color:#344054;font-size:10px;font-weight:700}.procore-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.procore-pages{display:flex;gap:6px}.procore-empty{padding:32px;text-align:center;color:#667085}.procore-source{font-size:10px;color:#667085}.procore-mobile{display:none}@media(max-width:850px){.procore-hero{grid-template-columns:1fr}.procore-metrics{grid-template-columns:1fr 1fr}.procore-tools{grid-template-columns:1fr}.procore-tablewrap{display:none}.procore-mobile{display:grid;gap:8px}.procore-mobile .procore-card{padding:12px}.procore-pagination{align-items:flex-start;flex-direction:column}}