.dashboard-modern{background:#f4f7fb;min-height:calc(100vh - 130px)}
.dashboard-hero{display:flex!important;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:24px 26px;border:1px solid #e3e9f1;border-radius:16px;background:linear-gradient(135deg,#fff 20%,#edf4ff);box-shadow:0 10px 30px rgba(31,45,61,.06)}
.dashboard-eyebrow{display:block;margin-bottom:5px;color:#4169d8;font-size:11px;font-weight:700;letter-spacing:.14em}.dashboard-hero h2{margin:0 0 5px;color:#202938;font-weight:750}.dashboard-hero p{margin:0;color:#73808f}.dashboard-hero-actions{display:flex;align-items:center;gap:10px}
.dashboard-kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:25px}
.dashboard-kpi{position:relative;display:flex!important;align-items:center;gap:14px;min-height:116px;padding:20px;border:1px solid #e4eaf2!important;border-radius:15px;background:#fff!important;box-shadow:0 7px 20px rgba(31,45,61,.05);transition:.2s ease}.dashboard-kpi:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(31,45,61,.09)}
.dashboard-kpi.secondary{min-height:92px}.dashboard-kpi small,.dashboard-kpi strong,.dashboard-kpi em{display:block}.dashboard-kpi small{color:#667085;font-weight:600}.dashboard-kpi strong{margin:2px 0;color:#1e293b;font-size:29px;line-height:1.15}.dashboard-kpi em{color:#98a2b3;font-size:11px;font-style:normal}
.kpi-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:13px;font-size:19px}.kpi-icon.blue{color:#3264d6;background:#e8efff}.kpi-icon.green{color:#15945a;background:#e5f8ed}.kpi-icon.violet{color:#7957c8;background:#f0eaff}.kpi-icon.orange{color:#c47517;background:#fff2df}.kpi-icon.cyan{color:#1885a0;background:#e4f6fb}.kpi-icon.teal{color:#138879;background:#e3f8f3}.kpi-icon.pink{color:#be4e86;background:#fdeaf4}.kpi-icon.slate{color:#526274;background:#edf1f5}
.dashboard-section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px}.dashboard-section-heading h4{margin:0;color:#202938;font-weight:700}.dashboard-section-heading p{margin:3px 0 0;color:#7a8593}.dashboard-section-heading>span{color:#7b8795;font-size:12px}
.dashboard-revenue-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.dashboard-revenue-grid article{position:relative;display:block!important;overflow:hidden;padding:19px 20px;border:1px solid #e4eaf2;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(31,45,61,.05)}.dashboard-revenue-grid span,.dashboard-revenue-grid strong{display:block}.dashboard-revenue-grid span{margin-bottom:6px;color:#7a8593;font-size:12px}.dashboard-revenue-grid strong{color:#1e293b;font-size:24px}.dashboard-revenue-grid article>i{position:absolute;right:18px;bottom:16px;color:#d9e2ee;font-size:28px}.dashboard-revenue-grid .revenue-total{border-color:#315fd0;background:linear-gradient(135deg,#315fd0,#5c84e8)}.dashboard-revenue-grid .revenue-total span,.dashboard-revenue-grid .revenue-total strong{color:#fff}.dashboard-revenue-grid .revenue-total>i{color:rgba(255,255,255,.24)}
.dashboard-analytics-grid{display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);gap:16px}.dashboard-panel{display:block!important;overflow:hidden;border:1px solid #e4eaf2;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(31,45,61,.05)}.dashboard-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:19px 21px;border-bottom:1px solid #edf0f4}.dashboard-panel h5{margin:0 0 4px;color:#273142;font-weight:700}.dashboard-panel header p{margin:0;color:#84909e;font-size:12px}.panel-status{color:#5a6877;font-size:11px}.panel-status i{color:#32c477;font-size:7px}
.dashboard-chart-wrap{position:relative;height:315px;padding:18px}.dashboard-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#98a2b3;background:#fff}.dashboard-empty i{font-size:34px}.dashboard-top-list{padding:8px 20px 18px}.dashboard-top-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #eef1f5}.dashboard-top-item:last-child{border:0}.dashboard-rank{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#4169d8;background:#edf2ff;font-weight:700}.dashboard-top-item strong,.dashboard-top-item small{display:block}.dashboard-top-item strong{overflow:hidden;color:#354052;text-overflow:ellipsis;white-space:nowrap}.dashboard-top-item small{color:#98a2b3}.dashboard-top-amount{color:#1c8d58;font-weight:700}.dashboard-top-empty{padding:55px 15px;text-align:center;color:#98a2b3}.dashboard-top-empty i{display:block;margin-bottom:10px;font-size:32px}
.dashboard-loading{animation:dashboardPulse 1.1s infinite}@keyframes dashboardPulse{50%{opacity:.35}}
@media(max-width:1200px){.dashboard-kpi-grid,.dashboard-revenue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-analytics-grid{grid-template-columns:1fr}}
@media(max-width:575px){.dashboard-hero,.dashboard-section-heading{align-items:flex-start;flex-direction:column}.dashboard-hero-actions{width:100%;justify-content:space-between}.dashboard-kpi-grid,.dashboard-revenue-grid{grid-template-columns:1fr}.dashboard-chart-wrap{height:260px}}