/* ===========================
   CREATOR DASHBOARD
=========================== */


.creator-dashboard{

    min-height:100vh;

    padding:140px 20px 80px;

    background:#09090B;

}


/* Top Header */

.dashboard-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:50px;

}


.dashboard-top h1{

    font-size:42px;

    margin-bottom:10px;

}


.dashboard-top p{

    color:#ccc;

    font-size:18px;

}


.verified-badge{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    width:22px;

    height:22px;

    border-radius:50%;

    background:#8B5CF6;

    color:white;

    font-size:12px;

}


/* Stats */

.stats-grid{

    display:grid;

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

    gap:25px;

}


.stat-card{

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:22px;

    padding:30px;

    text-align:center;

    transition:.35s;

}


.stat-card:hover{

    transform:translateY(-8px);

    border-color:#8B5CF6;

    box-shadow:0 20px 40px rgba(139,92,246,.2);

}


.stat-card h2{

    color:#8B5CF6;

    font-size:32px;

    margin-bottom:10px;

}


.stat-card p{

    color:#ccc;

}



/* Section Title */

.section-title{

    margin:60px 0 25px;

    font-size:28px;

}


/* Actions */

.action-grid{

    display:grid;

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

    gap:25px;

}


.action-card{

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:20px;

    padding:35px;

    text-align:center;

    color:#fff;

    transition:.35s;

}


.action-card i{

    display:block;

    font-size:35px;

    color:#8B5CF6;

    margin-bottom:15px;

}


.action-card span{

    font-weight:600;

}


.action-card:hover{

    transform:translateY(-8px);

    border-color:#8B5CF6;

}



/* Orders */

.order-card{

    display:flex;

    justify-content:space-between;

    align-items:center;

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    padding:25px;

    border-radius:18px;

    margin-bottom:15px;

}


.order-card p{

    color:#aaa;

}


.pending,
.completed{

    padding:8px 18px;

    border-radius:30px;

    font-size:14px;

}


.pending{

    background:#3f2d00;

    color:#ffc107;

}


.completed{

    background:#123d22;

    color:#22c55e;

}



/* Responsive */

@media(max-width:900px){

.stats-grid{

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

}


.action-grid{

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

}

}



@media(max-width:600px){

.dashboard-top{

flex-direction:column;

align-items:flex-start;

gap:20px;

}


.dashboard-top h1{

font-size:32px;

}


.stats-grid,
.action-grid{

grid-template-columns:1fr;

}


.order-card{

flex-direction:column;

align-items:flex-start;

gap:15px;

}

}

/* ===========================
   CREATOR TOPBAR
=========================== */

.creator-topbar{

    height:75px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 30px;

    margin-bottom:35px;

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:20px;

}


.creator-topbar h2{

    color:#fff;

    font-size:22px;

}


.creator-menu-btn{

    display:none;

    background:none;

    border:none;

    color:#fff;

    font-size:24px;

    cursor:pointer;

}


.creator-top-actions{

    display:flex;

    align-items:center;

    gap:20px;

    color:#fff;

}


.creator-top-actions i{

    font-size:20px;

    color:#cfcfcf;

    cursor:pointer;

}


.mini-profile{

    width:42px;

    height:42px;

    border-radius:50%;

    background:linear-gradient(135deg,#8B5CF6,#6366F1);

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:700;

    color:white;

}



/* Mobile */

@media(max-width:768px){

.creator-menu-btn{

    display:block;

}


.creator-topbar{

    padding:0 18px;

}


.creator-topbar h2{

    font-size:18px;

}

}

/*=========================
Dashboard Boxes
=========================*/

.dashboard-row{

display:grid;

grid-template-columns:2fr 1fr;

gap:25px;

margin-top:35px;

}

.dashboard-box{

background:#111827;

border:1px solid rgba(255,255,255,.08);

border-radius:24px;

padding:25px;

}

.dashboard-box h3{

color:#fff;

margin-bottom:22px;

font-size:22px;

}

/* Quick Buttons */

.quick-grid{

display:grid;

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

gap:18px;

}

.quick-btn{

background:#1F2937;

border-radius:18px;

padding:22px;

text-decoration:none;

color:#fff;

font-weight:600;

display:flex;

flex-direction:column;

align-items:center;

justify-content:center;

gap:12px;

transition:.3s;

}

.quick-btn i{

font-size:28px;

color:#8B5CF6;

}

.quick-btn:hover{

background:#8B5CF6;

transform:translateY(-5px);

}

.quick-btn:hover i{

color:#fff;

}

/* Activity */

.activity-list{

list-style:none;

}

.activity-list li{

padding:16px;

border-radius:15px;

background:#1F2937;

color:#E5E7EB;

margin-bottom:12px;

}

@media(max-width:900px){

.dashboard-row{

grid-template-columns:1fr;

}

}

@media(max-width:600px){

.quick-grid{

grid-template-columns:1fr;

}

}