.profile-box{

    max-width:500px;

    margin:20px auto;

    background:#fff;

    border-radius:15px;

    overflow:hidden;

    box-shadow:0 3px 15px rgba(0,0,0,.08);

}

.profile-top{

    padding:25px;

    text-align:center;

    background:#d40000;

    color:#fff;

}

.profile-avatar{

    width:90px;

    height:90px;

    border-radius:50%;

    background:#fff;

    color:#d40000;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:48px;

    margin:0 auto 15px;

}

.dashboard-cards{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:10px;

    padding:15px;

}

.dashboard-card{

    background:#f5f5f5;

    border-radius:10px;

    padding:15px;

    text-align:center;

}

.dashboard-card h4{

    margin:0;

    font-size:13px;

    color:#666;

}

.dashboard-card h2{

    margin:10px 0 0;

    color:#d40000;

}

.profile-menu{

    padding:10px 0;

}

.profile-menu a{

    display:block;

    padding:15px 20px;

    color:#333;

    text-decoration:none;

    border-top:1px solid #eee;

    font-weight:600;

}

.profile-menu a:hover{

    background:#f8f8f8;

}

@media(max-width:768px){

    .dashboard-cards{

        grid-template-columns:1fr;

    }

}

.page-title{

    margin:20px;

    font-size:24px;

    font-weight:700;

}

.status-tabs{

    display:flex;

    gap:10px;

    padding:0 20px 20px;

    overflow-x:auto;

}

.status-tabs button{

    border:none;

    background:#f1f1f1;

    padding:10px 18px;

    border-radius:25px;

    cursor:pointer;

    font-weight:600;

}

.status-tabs .active{

    background:#d40000;

    color:#fff;

}

.ad-list{

    margin:20px;

    padding:40px;

    background:#fff;

    border-radius:12px;

    text-align:center;

    color:#777;

}

.my-ad-card{

    display:flex;

    gap:15px;

    background:#fff;

    border-radius:12px;

    padding:15px;

    margin-bottom:15px;

    box-shadow:0 2px 8px rgba(0,0,0,.08);

}

.my-ad-image img{

    width:90px;

    height:90px;

    object-fit:cover;

    border-radius:10px;

}

.my-ad-content{

    flex:1;

}

.my-ad-content h3{

    margin:0 0 8px;

    font-size:18px;

}

.my-ad-content p{

    margin:0 0 10px;

    color:#777;

}

.status{

    display:inline-block;

    padding:5px 12px;

    border-radius:20px;

    font-size:12px;

    font-weight:700;

}

.live{

    background:#28a745;

    color:#fff;

}

.pending{

    background:#ffc107;

    color:#222;

}

.expired{

    background:#dc3545;

    color:#fff;

}

.rejected{

    background:#6c757d;

    color:#fff;

}

.profile-back {
    text-align: center;
    margin: 20px 0 10px;
}

.profile-back a {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 8px;
    background: #e60000;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.profile-back a:hover {
    color: #fff;
    opacity: .9;
}