/* Mezanix visual UI upgrade - shared dashboard/report/admin graphics */
.mzx-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-bottom:18px}
.mzx-col-4{grid-column:span 4}.mzx-col-5{grid-column:span 5}.mzx-col-6{grid-column:span 6}.mzx-col-7{grid-column:span 7}.mzx-col-8{grid-column:span 8}.mzx-col-12{grid-column:span 12}
.mzx-visual-card{position:relative;overflow:hidden;background:rgba(255,255,255,.92);border:1px solid rgba(226,232,240,.92);border-radius:22px;box-shadow:0 18px 46px rgba(15,23,42,.08);height:100%}
.mzx-visual-card:before{content:"";position:absolute;inset:-120px -140px auto auto;width:270px;height:270px;border-radius:999px;background:radial-gradient(circle,rgba(99,102,241,.16),transparent 67%);pointer-events:none}
html[dir="rtl"] .mzx-visual-card:before{inset:-120px auto auto -140px}
.mzx-visual-head{position:relative;z-index:1;padding:16px 18px;border-bottom:1px solid rgba(226,232,240,.82);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mzx-visual-title{margin:0;font-size:15px;font-weight:950;display:flex;align-items:center;gap:10px;color:#0f172a}
.mzx-visual-title i{width:34px;height:34px;border-radius:12px;display:inline-grid;place-items:center;background:rgba(99,102,241,.12);color:var(--p)}
.mzx-visual-sub{margin-top:3px;font-size:12px;font-weight:800;color:var(--muted)}
.mzx-visual-body{position:relative;z-index:1;padding:16px 18px}
.mzx-chart-wrap{width:100%;min-height:220px;display:flex;align-items:center;justify-content:center}
.mzx-chart-svg{width:100%;height:auto;max-height:260px;display:block;overflow:visible}
.mzx-chart-grid{stroke:#e2e8f0;stroke-width:1}.mzx-chart-axis{stroke:#cbd5e1;stroke-width:1}.mzx-chart-label{fill:#64748b;font-size:11px;font-weight:800}.mzx-chart-line-income{fill:none;stroke:#16a34a;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.mzx-chart-line-expense{fill:none;stroke:#ef4444;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.mzx-chart-line-primary{fill:none;stroke:var(--p);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.mzx-chart-dot-income{fill:#16a34a}.mzx-chart-dot-expense{fill:#ef4444}
.mzx-chart-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;font-size:12px;font-weight:900;color:#475569}.mzx-legend-dot{width:10px;height:10px;border-radius:999px;display:inline-block;margin-inline-end:6px}.mzx-dot-income{background:#16a34a}.mzx-dot-expense{background:#ef4444}.mzx-dot-primary{background:var(--p)}
.mzx-bar-list{display:flex;flex-direction:column;gap:12px}.mzx-bar-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(120px,2fr) auto;gap:10px;align-items:center}.mzx-bar-label{font-size:12px;font-weight:950;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mzx-bar-track{height:12px;border-radius:999px;background:#eef2ff;overflow:hidden}.mzx-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--p),var(--s));min-width:3px}.mzx-bar-value{font-size:12px;font-weight:900;color:#64748b;white-space:nowrap;text-align:end}
.mzx-empty{width:100%;min-height:180px;border:1px dashed #cbd5e1;border-radius:18px;background:linear-gradient(180deg,#f8fafc,#fff);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;color:#64748b}.mzx-empty i{font-size:24px;color:var(--p);margin-bottom:8px}.mzx-empty b{font-size:14px;color:#0f172a}.mzx-empty span{font-size:12px;font-weight:700;max-width:320px}
.mzx-insight{border:1px solid rgba(99,102,241,.20);background:linear-gradient(135deg,rgba(99,102,241,.10),rgba(139,92,246,.08));border-radius:20px;padding:16px 18px;box-shadow:0 14px 34px rgba(99,102,241,.08);display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.mzx-insight-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--p);box-shadow:0 10px 24px rgba(15,23,42,.06);flex:0 0 auto}.mzx-insight-title{font-weight:950;color:#0f172a;margin-bottom:3px}.mzx-insight-text{font-size:13px;color:#475569;font-weight:800;line-height:1.65;margin:0}
.mzx-stat-card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 14px 34px rgba(15,23,42,.07);padding:16px;position:relative;overflow:hidden;height:100%}.mzx-stat-card:after{content:"";position:absolute;inset:auto -40px -50px auto;width:130px;height:130px;border-radius:50%;background:rgba(99,102,241,.10)}.mzx-stat-label{color:var(--muted);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.03em}.mzx-stat-value{font-size:24px;font-weight:950;color:#0f172a;margin-top:4px}.mzx-stat-note{font-size:12px;color:var(--muted);font-weight:800;margin-top:4px}
.mzx-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:950;color:#475569}.mzx-chip i{color:var(--p)}
.mzx-compact-table .table{border-collapse:separate;border-spacing:0}.mzx-compact-table .table thead th{background:#f8fafc;color:#475569;font-size:12px;font-weight:950}.mzx-compact-table .table tbody tr{transition:background .2s ease}.mzx-compact-table .table tbody tr:hover{background:#f8fafc}
@media(max-width:1100px){.mzx-col-4,.mzx-col-5,.mzx-col-6,.mzx-col-7,.mzx-col-8{grid-column:span 12}}
@media(max-width:768px){.mzx-grid{gap:12px}.mzx-visual-head,.mzx-visual-body{padding:14px}.mzx-bar-row{grid-template-columns:1fr;gap:6px}.mzx-bar-value{text-align:start}.mzx-chart-wrap{min-height:190px}.mzx-insight{padding:14px;gap:10px}.mzx-insight-icon{width:38px;height:38px}.mzx-stat-value{font-size:21px}}