.page-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 28px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.page-tabs a{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:13px;font-weight:800;text-decoration:none}
.page-tabs a:hover,.page-tabs a.active{border-color:var(--green);background:#e5f2e9;color:var(--green)}
.page-tabs strong{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 6px;border-radius:20px;background:#edf0ed;color:var(--ink);font-size:12px}
.page-tabs a.active strong{background:#fff}
.site-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 25px}
.site-summary-grid a{display:flex;min-height:108px;flex-direction:column;justify-content:center;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);text-decoration:none;transition:.15s ease}
.site-summary-grid a:hover{transform:translateY(-2px);border-color:var(--green);box-shadow:0 8px 24px rgba(20,50,32,.08)}
.site-summary-grid strong{font-size:30px;color:var(--green)}
.site-summary-grid span{margin-top:4px;color:var(--muted);font-size:13px;font-weight:700}
.period-filter{margin-top:17px}
.period-filter a{font-weight:700}
.save-confirmation{margin-bottom:20px;font-weight:800}
@media(max-width:760px){.site-summary-grid{grid-template-columns:1fr 1fr}.page-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px}.page-tabs a{flex:0 0 auto}}
@media(max-width:440px){.site-summary-grid{grid-template-columns:1fr}}