.r2-monitor{margin-top:18px}.r2-monitor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.r2-monitor-head h3{margin:0}.r2-meter{height:12px;border-radius:999px;background:#eef0f3;overflow:hidden}.r2-meter>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#21a366,#d7a521,#d81f2a);transition:width .3s ease}.r2-monitor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.r2-metric{padding:12px 14px;border:1px solid #eceef2;border-radius:12px;background:#fafbfc}.r2-metric small{display:block;color:#777;margin-bottom:5px}.r2-metric b{font-size:18px}.r2-note{font-size:12px;color:#777;margin-top:10px;line-height:1.55}.r2-ok{color:#138a55}.r2-warn{color:#a46b00}.r2-danger{color:#c0000e}@media(max-width:760px){.r2-monitor-grid{grid-template-columns:1fr 1fr}.r2-monitor-head{align-items:flex-start;flex-direction:column}}