.modern-widget {
    border: none !important;
    border-radius: 1rem !important;
    background: #fff;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}
.modern-widget:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}
.widget-header-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
}
.modern-widget.line-primary { border-top: 4px solid rgba(203, 12, 159, 0.8) !important; }
.modern-widget.line-primary .widget-header-bg { background: linear-gradient(180deg, rgba(203, 12, 159, 0.08) 0%, rgba(203, 12, 159, 0) 100%); height: 120px; }

.modern-widget.line-info { border-top: 4px solid rgba(23, 193, 232, 0.8) !important; }
.modern-widget.line-info .widget-header-bg { background: linear-gradient(180deg, rgba(23, 193, 232, 0.08) 0%, rgba(23, 193, 232, 0) 100%); height: 120px; }

.modern-widget.line-success { border-top: 4px solid rgba(130, 214, 22, 0.8) !important; }
.modern-widget.line-success .widget-header-bg { background: linear-gradient(180deg, rgba(130, 214, 22, 0.08) 0%, rgba(130, 214, 22, 0) 100%); height: 120px; }

.modern-widget.line-warning { border-top: 4px solid rgba(255, 175, 15, 0.8) !important; }
.modern-widget.line-warning .widget-header-bg { background: linear-gradient(180deg, rgba(255, 175, 15, 0.08) 0%, rgba(255, 175, 15, 0) 100%); height: 120px; }

.modern-widget.line-danger { border-top: 4px solid rgba(234, 6, 6, 0.8) !important; }
.modern-widget.line-danger .widget-header-bg { background: linear-gradient(180deg, rgba(234, 6, 6, 0.08) 0%, rgba(234, 6, 6, 0) 100%); height: 120px; }

.modern-widget.line-dark { border-top: 4px solid rgba(52, 71, 103, 0.8) !important; }
.modern-widget.line-dark .widget-header-bg { background: linear-gradient(180deg, rgba(52, 71, 103, 0.08) 0%, rgba(52, 71, 103, 0) 100%); height: 120px; }

.modern-widget.line-teal { border-top: 4px solid rgba(32, 201, 151, 0.8) !important; }
.modern-widget.line-teal .widget-header-bg { background: linear-gradient(180deg, rgba(32, 201, 151, 0.08) 0%, rgba(32, 201, 151, 0) 100%); height: 120px; }

.modern-widget.line-cyan { border-top: 4px solid rgba(0, 151, 167, 0.8) !important; }
.modern-widget.line-cyan .widget-header-bg { background: linear-gradient(180deg, rgba(0, 151, 167, 0.08) 0%, rgba(0, 151, 167, 0) 100%); height: 120px; }

.modern-widget.line-indigo { border-top: 4px solid rgba(75, 103, 235, 0.8) !important; }
.modern-widget.line-indigo .widget-header-bg { background: linear-gradient(180deg, rgba(75, 103, 235, 0.08) 0%, rgba(75, 103, 235, 0) 100%); height: 120px; }

.modern-widget.line-orange { border-top: 4px solid rgba(253, 126, 20, 0.8) !important; }
.modern-widget.line-orange .widget-header-bg { background: linear-gradient(180deg, rgba(253, 126, 20, 0.08) 0%, rgba(253, 126, 20, 0) 100%); height: 120px; }