.mrv-dashboard-wrapper-22{--navy:#1e2d6e;--navy-subtle:#e8ecf8;--navy-ghost:#f4f6fc;--orange:#d4581a;--orange-subtle:#fef5f0;--white:#fff;--bg:#fafbfc;--text-primary:#1e2d6e;--text-secondary:#4a5578;--text-muted:#8890a9;--border:#e9ecf3;--border-light:#f1f4f9;--shadow-sm:0 1px 2px rgba(30,45,110,.04);--shadow-md:0 3px 10px rgba(30,45,110,.05);--shadow-lg:0 8px 20px rgba(30,45,110,.06);--radius:14px;--transition:.3s cubic-bezier(0.25,.1,.25,1);font-family:'Poppins',sans-serif;color:var(--text-primary);width:100%;box-sizing:border-box;background:var(--bg);padding:2rem 0}.mrv-dashboard-wrapper-22 *,.mrv-dashboard-wrapper-22 *::before,.mrv-dashboard-wrapper-22 *::after{box-sizing:border-box;margin:0;padding:0}.mrv-container-22{max-width:100%;margin:0 auto;padding-left:80px;padding-right:80px;padding-top:80px;display:flex;flex-direction:column;gap:2.5rem}@media(max-width:768px){.mrv-container-22{padding-top:20px}}.mrv-hero-header-22{text-align:center;max-width:720px;margin:0 auto}.mrv-hero-tag-22{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:2.5px;font-weight:700;color:var(--orange);margin-bottom:1rem;background-color:rgba(212,88,26,.2);border-radius:15px;padding:5px 15px}.mrv-hero-tag-22::before,.mrv-hero-tag-22::after{content:'';width:24px;height:2px;background:var(--orange);border-radius:2px;display:inline-block;opacity:.6}.mrv-hero-title-22{font-size:2rem;font-weight:800;line-height:1.25;color:var(--navy);letter-spacing:-.3px;margin-bottom:1rem}.mrv-hero-title-22 span{color:var(--orange);font-style:italic;font-weight:800}.mrv-card-grid-22{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.mrv-metric-card-22{flex:0 0 calc(25% - 0.75rem); background: var(--white); border-radius: var(--radius); padding: 1rem 1.1rem; display: flex; flex-direction: column; gap: 0.75rem; box-shadow: var(--shadow-sm); border: 1px solid var(--border-light); transition: all 0.3s ease; position: relative; overflow: hidden; min-width: 0; } .mrv-metric-card-22:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); border-color: #d0d7ef; } .mrv-metric-card-22::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: var(--navy); opacity: 0; transition: opacity 0.3s; } .mrv-metric-card-22:hover::after { opacity: 1; } .mrv-metric-card-22.accent-orange-22::after { background: var(--orange); } .mrv-metric-card-22.accent-orange-22 .mrv-card-number-22 { color: var(--orange); } .mrv-metric-card-22.accent-orange-22 .mrv-card-icon-22 { background: var(--orange-subtle); color: var(--orange); } .mrv-card-badge-row-22 { display: flex; justify-content: space-between; align-items: center; } .mrv-badge-22 { font-size: 0.6rem; font-weight: 700; letter-spacing: 0.4px; color: var(--text-muted); background: var(--navy-ghost); padding: 0.25rem 0.7rem; border-radius: 16px; text-transform: uppercase; } .mrv-card-icon-22 { width: 28px; height: 28px; border-radius: 7px; background: var(--navy-subtle); color: var(--navy); display: flex; align-items: center; justify-content: center; transition: 0.3s; flex-shrink: 0; } .mrv-card-icon-22 svg { width: 14px; height: 14px; stroke-width: 2.2; stroke: currentColor; fill: none; stroke-linecap: round; stroke-linejoin: round; } .mrv-card-metric-22 { margin-top: auto; } .mrv-card-number-22 { font-size: 1.35rem; font-weight: 800; line-height: 1; color: var(--navy); margin-bottom: 0.2rem; letter-spacing: -0.3px; } .mrv-card-label-22 { font-size: 0.7rem; font-weight: 600; color: var(--text-secondary); line-height: 1.3; } .mrv-card-label-22 span { font-size: 0.65rem; color: var(--text-muted); font-weight: 500; } @media (max-width: 1024px) { .mrv-container-22 { padding-left: 40px; padding-right: 40px; } .mrv-metric-card-22 { flex: 0 0 calc(33.333% - 0.75rem); } .mrv-hero-title-22 { font-size: 1.8rem; } } @media (max-width: 768px) { .mrv-container-22 { padding-left: 24px; padding-right: 24px; gap: 2rem; } .mrv-metric-card-22 { flex: 0 0 calc(50% - 0.5rem); } .mrv-hero-title-22 { font-size: 1.6rem; } .mrv-hero-tag-22 { font-size: 0.65rem; padding: 4px 12px; } .mrv-hero-tag-22::before, .mrv-hero-tag-22::after { width: 16px; } .mrv-dashboard-wrapper-22 { padding: 1.5rem 0; } } @media (max-width: 480px) { .mrv-container-22 { padding-left: 16px; padding-right: 16px; gap: 1.5rem; } .mrv-metric-card-22 { flex: 0 0 100%; padding: 0.875rem 1rem; } .mrv-hero-title-22 { font-size: 1.4rem; } .mrv-hero-header-22 { max-width: 100%; } .mrv-card-number-22 { font-size: 1.2rem; } .mrv-card-label-22 { font-size: 0.65rem; } .mrv-card-icon-22 { width: 24px; height: 24px; } .mrv-card-icon-22 svg { width: 12px; height: 12px; } .mrv-badge-22 { font-size: 0.5rem; padding: 0.2rem 0.6rem; } .mrv-dashboard-wrapper-22 { padding: 1rem 0; } } @media (max-width: 360px){.mrv-container-22{padding-left:12px;padding-right:12px;gap:1.25rem}.mrv-hero-title-22{font-size:1.2rem}.mrv-metric-card-22{padding:.75rem .875rem}.mrv-card-number-22{font-size:1rem}.mrv-card-label-22{font-size:.6rem}}