/* ===============================
   Candidate Dashboard – FINAL CSS
   =============================== */

.mp-dashboard-page{
    display:flex;
    justify-content:center;
    padding:40px 15px;
    background:#f3f6fb;
}

.mp-dashboard-page .mp-vip-card{
    width:100%;
    max-width:520px;
    background:#ffffff;
    border-radius:18px;
    padding:30px 25px;
    text-align:center;
    border:2px solid #e5e7eb;
    box-shadow:0 20px 40px rgba(0,0,0,.08);
}

/* Profile Photo */
.mp-dashboard-page .mp-vip-photo img{
    width:120px;
    height:120px;
    border-radius:50%;
    object-fit:cover;
    margin:0 auto 15px;
    border:4px solid #d4af37;
}

/* Name */
.mp-dashboard-page .mp-vip-name{
    font-size:22px;
    font-weight:700;
    margin-bottom:8px;
    color:#111827;
}

/* Registration */
.mp-dashboard-page .mp-vip-reg{
    font-size:14px;
    color:#2563eb;
    margin-bottom:10px;
}

/* Text */
.mp-dashboard-page .mp-vip-text{
    font-size:14px;
    color:#6b7280;
    margin-bottom:25px;
}

/* Buttons */
.mp-dashboard-page .mp-vip-actions{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.mp-dashboard-page .mp-btn{
    display:block;
    padding:14px;
    border-radius:10px;
    font-size:15px;
    font-weight:600;
    color:#fff;
    text-decoration:none;
    transition:0.3s;
}

/* Button Colors */
.mp-dashboard-page .mp-btn-blue{ background:#2563eb; }
.mp-dashboard-page .mp-btn-green{ background:#10b981; }
.mp-dashboard-page .mp-btn-red{ background:#ef4444; }

.mp-dashboard-page .mp-btn:hover{
    opacity:.9;
    transform:translateY(-1px);
}