.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metric{min-height:95px;border-radius:8px;padding:14px;border:1px solid #dce5ed}.metric:nth-child(1){background:#eaf8ef}.metric:nth-child(2){background:#eaf4ff}.metric:nth-child(3){background:#f4edff}.metric:nth-child(4){background:#fff5e7}.metric:nth-child(5){background:#e8f8f8}.metric:nth-child(6){background:#eaf4ff}.metric:nth-child(7){background:#ffeef0}.metric:nth-child(8){background:#fff7e6}.metric:nth-child(9){background:#f4edff}.metric:nth-child(10){background:#eaf8ef}.mhead{font-size:13px}.num{font-size:23px;font-weight:800;margin-top:5px;color:#102a63}.trend{font-size:11px;color:#07885c;margin-left:7px}.sub{font-size:10px;color:#536b88}.sectiongrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:13px}.panel{background:#fff;border:1px solid #dce5ed;border-radius:8px;padding:14px;min-height:210px}.panel h3{margin:0 0 12px;font-size:16px}.view{float:right;color:#0672d8;text-decoration:none;font-size:12px}.sharegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:13px}.share{padding:13px;border:1px solid #dce5ed;border-radius:8px;background:#fff}.share:nth-child(1){background:#eaf8ef}.share:nth-child(2){background:#eaf4ff}.share:nth-child(3){background:#ffeef0}.share:nth-child(4){background:#f2efff}.shareval{font-size:21px;font-weight:800;margin-top:7px}.bottom{display:grid;grid-template-columns:1.3fr 1fr .9fr;gap:12px;margin-top:13px}.tablepanel{background:#fff;border:1px solid #dce5ed;border-radius:8px;padding:12px}.tablepanel h3{margin:0 0 10px;font-size:15px}.tablepanel table{font-size:11px}.tablepanel th{background:#f0f4f8}.paid{background:#d9f5e5;color:#08733f;border-radius:10px;padding:3px 8px}.pending{background:#fff0c9;color:#9b6500;border-radius:10px;padding:3px 8px}.open{background:#ffe1e1;color:#b72c2c;border-radius:10px;padding:3px 8px}.progress{background:#fff0c9;color:#9b6500;border-radius:10px;padding:3px 8px}.alert{padding:8px 3px;border-bottom:1px solid #edf1f4;font-size:11px}