/* Tiles */
/* Base tile */
.dashboard-tile {
    border-radius: 18px;
    padding: 22px 16px;
    text-align: left;
    color: #fff;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .14);
    position: relative;
    overflow: hidden;
}

.dashboard-tile::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(1200px 300px at 20% 0%, rgba(255, 255, 255, .20), transparent 45%), radial-gradient(800px 250px at 80% 10%, rgba(255, 255, 255, .10), transparent 55%);
    pointer-events: none;
}

.dashboard-tile > * {
    position: relative;
    z-index: 1;
}

.tile-icon {
    font-size: 1.4rem;
    opacity: .95;
}

.tile-value {
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 1.1;
    margin-top: .25rem;
}

.tile-label {
    opacity: .92;
    font-size: .9rem;
}

.tile-purple {
    background: linear-gradient(135deg, #7C3AED 0%, #4C1D95 75%, #1E1B4B 100%);
}

.tile-green {
    background: linear-gradient(135deg, #10B981 0%, #059669 55%, #064E3B 100%);
}

.tile-blue {
    background: linear-gradient(135deg, #38BDF8 0%, #2563EB 55%, #1E3A8A 100%);
}

.tile-gold {
    background: linear-gradient(135deg, #FBBF24 0%, #F59E0B 50%, #B45309 100%);
}

.tile-indigo {
    background: linear-gradient(135deg, #6366F1 0%, #4338CA 55%, #1E1B4B 100%);
}

.tile-berry-magenta {
    background: linear-gradient(135deg, #F472B6 0%, #DB2777 55%, #831843 100%);
}

.tile-aurora-violet {
    background: linear-gradient(135deg, #6D28D9, #A21CAF);
}

.tile-emerald-teal {
    background: linear-gradient(135deg, #059669, #0EA5A4);
}

.tile-azure-blue {
    background: linear-gradient(135deg, #2563EB, #38BDF8);
}

.tile-amber-sunset {
    background: linear-gradient(135deg, #F59E0B, #F97316);
}