.enhanced-metric-card{background:#fff;border-left:4px solid #3498db;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;padding:20px;transition:all .3s ease}.enhanced-metric-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.metric-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.metric-icon{font-size:24px;line-height:1}.metric-title-section{flex:1 1}.metric-title-section h3{color:#7f8c8d;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.metric-subtitle{color:#bdc3c7;font-size:11px;margin:4px 0 0}.metric-value{color:#2c3e50;font-size:28px;font-weight:700;margin:8px 0}.metric-trend{align-items:center;display:flex;font-size:12px;font-weight:600;gap:6px;margin-top:8px}.metric-trend.positive{color:#27ae60}.metric-trend.negative{color:#e74c3c}.trend-icon{font-size:14px}.metric-sparkline{height:30px;margin-top:12px;opacity:.7}.metric-sparkline svg{height:100%;width:100%}.email-overview{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.overview-header{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.overview-header h3{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.overview-period{background:#f8f9fa;border-radius:20px;color:#95a5a6;font-size:12px;padding:4px 12px}.overview-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:16px}.stat-item{display:flex;flex-direction:column;gap:6px}.stat-label{color:#7f8c8d;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#2c3e50;font-size:20px;font-weight:700}.stat-value.sent{color:#27ae60}.stat-value.received{color:#3498db}.stat-value.failed{color:#e74c3c}.stat-value.bounced{color:#f39c12}.stat-value.spam{color:#9b59b6}.stat-bar{background:#ecf0f1;border-radius:2px;height:4px;overflow:hidden}.bar-fill{border-radius:2px;height:100%;transition:width .3s ease}.bar-fill.sent{background:#27ae60}.bar-fill.received{background:#3498db}.bar-fill.failed{background:#e74c3c}.bar-fill.bounced{background:#f39c12}.bar-fill.spam{background:#9b59b6}.chart-container{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:16px}.email-chart{height:200px;width:100%}.chart-legend{display:flex;gap:20px;justify-content:center;margin-top:12px}.legend-item{align-items:center;color:#7f8c8d;display:flex;font-size:12px;gap:6px}.legend-dot{border-radius:50%;height:8px;width:8px}.overview-footer{border-top:1px solid #ecf0f1;padding-top:12px}.delivery-rate{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.rate-label{color:#7f8c8d;font-size:12px;font-weight:600}.rate-value{color:#27ae60;font-size:16px;font-weight:700}.rate-bar{background:#ecf0f1;border-radius:3px;height:6px;overflow:hidden}.rate-fill{background:linear-gradient(90deg,#27ae60,#2ecc71);border-radius:3px;height:100%;transition:width .3s ease}.system-activity{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.activity-header{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.activity-header h3{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.view-all-link{color:#3498db;font-size:12px;font-weight:600;text-decoration:none;transition:color .3s}.view-all-link:hover{color:#2980b9}.activity-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.activity-list::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.activity-list::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:3px}.activity-list::-webkit-scrollbar-thumb:hover{background:#95a5a6}.activity-item{align-items:flex-start;border-left:3px solid #bdc3c7;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.activity-item:hover{background:#f8f9fa}.activity-item.success{background:#27ae600d;border-left-color:#27ae60}.activity-item.danger{background:#e74c3c0d;border-left-color:#e74c3c}.activity-item.warning{background:#f39c120d;border-left-color:#f39c12}.activity-item.info{background:#3498db0d;border-left-color:#3498db}.activity-item.default{background:#95a5a60d;border-left-color:#95a5a6}.activity-icon{flex-shrink:0;font-size:18px;line-height:1.4}.activity-content{flex:1 1;min-width:0}.activity-title{color:#2c3e50;font-size:13px;font-weight:600;margin-bottom:2px}.activity-description{color:#7f8c8d;font-size:12px;line-height:1.4}.activity-time{color:#95a5a6;flex-shrink:0;font-size:11px;white-space:nowrap}.empty-state{color:#95a5a6;padding:40px 20px;text-align:center}.empty-state p{font-size:14px;margin:0}.email-health-metrics{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.health-header{border-bottom:1px solid #ecf0f1;margin-bottom:16px;padding-bottom:12px}.health-header h3{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.health-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:20px}.health-item{display:flex;flex-direction:column;gap:6px}.health-label{color:#7f8c8d;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.health-value{color:#2c3e50;font-size:18px;font-weight:700}.health-bar{background:#ecf0f1;border-radius:2px;height:4px;overflow:hidden}.health-fill{border-radius:2px;height:100%;transition:width .3s ease}.health-status{color:#27ae60;font-size:11px;font-weight:600}.health-protocols{grid-gap:12px;border-top:1px solid #ecf0f1;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding-top:12px}.protocol-item{align-items:center;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:12px;text-align:center;transition:all .3s ease}.protocol-item.success{background:#27ae601a;border:1px solid #27ae604d}.protocol-item.warning{background:#f39c121a;border:1px solid #f39c124d}.protocol-item.danger{background:#e74c3c1a;border:1px solid #e74c3c4d}.protocol-icon{font-size:20px}.protocol-name{color:#2c3e50;font-size:12px;font-weight:600}.protocol-status{font-size:11px;font-weight:600}.protocol-item.success .protocol-status{color:#27ae60}.protocol-item.warning .protocol-status{color:#f39c12}.protocol-item.danger .protocol-status{color:#e74c3c}.storage-usage{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.storage-header{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.storage-header h3{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.storage-info{color:#7f8c8d;font-size:12px;font-weight:600}.storage-main{display:flex;justify-content:center;margin-bottom:20px}.circular-chart{height:150px;width:150px}.progress-ring{height:100%;transform:rotate(-90deg);transform-origin:50% 50%;width:100%}.progress-circle{transition:stroke-dashoffset .35s}.storage-breakdown{border-top:1px solid #ecf0f1;padding-top:12px}.breakdown-title{color:#7f8c8d;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.breakdown-items{display:flex;flex-direction:column;gap:8px}.breakdown-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.breakdown-label{align-items:center;color:#2c3e50;display:flex;font-size:13px;font-weight:500;gap:8px}.breakdown-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.breakdown-value{color:#7f8c8d;font-size:13px;font-weight:600}.storage-warning{background:#f39c121a;border:1px solid #f39c124d;border-radius:6px;color:#d68910;font-size:12px;font-weight:500;margin-top:12px;padding:12px}
/*# sourceMappingURL=main.5f1dc573.css.map*/