/* ===================================
   ADMIN TABLE
=================================== */

.dpp-admin-table-wrapper{
    background:#fff;
    padding:30px;
    border-radius:20px;
    box-shadow:0 4px 20px rgba(0,0,0,0.05);
}

.dpp-table{
    width:100%;
    border-collapse:collapse;
    margin-top:20px;
}

.dpp-table thead{
    background:#2563eb;
}

.dpp-table thead th{
    color:#fff;
    padding:15px;
    text-align:left;
}

.dpp-table tbody td{
    padding:15px;
    border-bottom:1px solid #eee;
}

.dpp-table tbody tr:hover{
    background:#f9fafb;
}

/* ===================================
   REPORTS
=================================== */

.dpp-report-card{
    background:#fff;
    padding:35px;
    border-radius:20px;
    box-shadow:0 4px 20px rgba(0,0,0,0.05);
}

.dpp-admin-wrapper{
    padding:30px;
    background:#f4f6fb;
    min-height:100vh;
}

.dpp-admin-header{
    margin-bottom:25px;
}

.dpp-admin-header h1{
    font-size:28px;
    margin-bottom:5px;
    color:#111827;
}

.dpp-admin-header p{
    color:#6b7280;
}

/* GRID */
.dpp-admin-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(220px,1fr));
    gap:20px;
}

/* CARD */
.dpp-admin-card{
    background:#fff;
    padding:25px;
    border-radius:16px;
    box-shadow:0 8px 25px rgba(0,0,0,0.06);
    transition:0.3s;
    position:relative;
    overflow:hidden;
}

.dpp-admin-card:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 35px rgba(0,0,0,0.1);
}

.dpp-admin-card .icon{
    font-size:26px;
    margin-bottom:10px;
}

.dpp-admin-card h3{
    font-size:16px;
    color:#6b7280;
    margin-bottom:10px;
}

.dpp-admin-card span{
    font-size:28px;
    font-weight:bold;
    color:#111827;
}

/* COLORS */
.card-blue{
    border-left:5px solid #3b82f6;
}

.card-green{
    border-left:5px solid #10b981;
}

.card-purple{
    border-left:5px solid #8b5cf6;
}

.card-orange{
    border-left:5px solid #f59e0b;
}

/* RESPONSIVE */
@media(max-width:768px){
    .dpp-admin-wrapper{
        padding:15px;
    }
}