.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.metric{padding:24px;background:#fff;border:1px solid #dbe1d2;border-radius:16px}.metric strong{display:block;font-size:34px;color:#565236}.metric span{font-size:14px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin:20px 0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:start;padding:16px;border-bottom:1px solid #e3e7de}th{background:#f2f5eb}.branch-row{display:grid;grid-template-columns:200px 1fr 40px;align-items:center;gap:12px;margin:12px 0}.bar{height:12px;background:#edf0e7;border-radius:8px;overflow:hidden}.bar span{display:block;height:100%;background:#565236}.status{display:inline-block;padding:6px 12px;border-radius:20px;background:#ede9cf;color:#565236}.doc-item{padding:14px;margin:10px 0;background:#f6f7f2;border-radius:10px;display:flex;justify-content:space-between;gap:12px;align-items:center}.detail-head{display:flex;justify-content:space-between;align-items:center}#demo-login{max-width:420px}#demo-login label{margin:18px 0}#detail dl{display:grid;grid-template-columns:1fr 2fr;gap:12px}#detail dd{margin:0;overflow-wrap:anywhere}#detail dt{color:#67715e}@media(max-width:700px){.metrics{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}.branch-row{grid-template-columns:140px 1fr 30px}.section-head{flex-wrap:wrap}.doc-item{flex-wrap:wrap}}