/* ==========================================
   NEXORA MY CAMPAIGNS PREMIUM STYLE
   NAVY + GOLD + IVORY
========================================== */


*{

    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;

}


body{

    background:#F8F7F2;

    color:#0B1F44;

    min-height:100vh;

    padding:20px;

}



/* PAGE */

.campaigns-page{

    max-width:900px;

    margin:auto;

    padding-bottom:100px;

}



/* HEADER */

.page-header{

    background:#ffffff;

    border-radius:32px;

    padding:30px 25px;

    margin-bottom:25px;

    border:1px solid #EEE5C8;

    box-shadow:
    0 18px 45px rgba(11,31,68,.08);

}



.page-header h1{

    font-size:34px;

    font-weight:900;

    color:#0B1F44;

    margin-bottom:12px;

    line-height:1.3;

}



.page-header h1::after{

    content:"";

    display:block;

    width:80px;

    height:4px;

    background:#D4AF37;

    border-radius:20px;

    margin-top:12px;

}



.page-header p{

    margin-top:20px;

    font-size:15px;

    line-height:1.8;

    color:#64748B;

}



/* CAMPAIGNS GRID */

.campaigns-grid{

    display:grid;

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

    gap:20px;

}



/* CAMPAIGN CARD
(JS GENERATED CARDS WILL USE THIS)
*/


.campaign-card{

    background:white;

    border-radius:28px;

    padding:22px;

    border:1px solid #EEE5C8;

    box-shadow:

    0 15px 40px rgba(11,31,68,.08);

    transition:.3s ease;

}



.campaign-card:hover{

    transform:translateY(-5px);

    box-shadow:

    0 25px 55px rgba(11,31,68,.15);

}



/* CARD TITLES */

.campaign-card h2,
.campaign-card h3{

    color:#0B1F44;

    font-weight:800;

}



/* CAMPAIGN DETAILS */

.campaign-card p{

    color:#64748B;

    line-height:1.7;

    margin-top:10px;

}



/* STATUS */

.campaign-status{

    display:inline-block;

    padding:8px 15px;

    border-radius:999px;

    background:#FFF7D6;

    color:#92400E;

    font-weight:700;

    font-size:13px;

}



/* LOADING */

.loading{

    background:white;

    border-radius:28px;

    padding:35px;

    text-align:center;

    color:#64748B;

    border:1px solid #EEE5C8;

    box-shadow:

    0 15px 40px rgba(11,31,68,.06);

}



/* BACK BUTTON */

.back-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    margin-top:30px;

    width:100%;

    height:58px;

    border-radius:18px;

    background:#0B1F44;

    color:white;

    text-decoration:none;

    font-weight:800;

    font-size:16px;

    transition:.3s ease;

}



.back-btn:hover{

    background:#D4AF37;

    color:#0B1F44;

}



/* BUTTONS INSIDE CAMPAIGNS */

.campaign-card button{

    border:none;

    padding:14px 18px;

    border-radius:16px;

    background:#D4AF37;

    color:#0B1F44;

    font-weight:800;

    cursor:pointer;

}



/* EMPTY STATE */

.empty{

    background:white;

    padding:35px;

    border-radius:28px;

    text-align:center;

    border:1px solid #EEE5C8;

}



.empty h3{

    color:#0B1F44;

    margin-bottom:10px;

}



.empty p{

    color:#64748B;

}



/* MOBILE */

@media(max-width:700px){


    body{

        padding:15px;

    }


    .page-header h1{

        font-size:28px;

    }


    .campaigns-grid{

        grid-template-columns:1fr;

    }


}
/* ==========================================
   NEXORA CAMPAIGN CARDS UPGRADE
========================================== */


/* Campaign Card */

.campaign-card{

background:#ffffff;

border-radius:32px;

padding:28px;

border:1px solid #eee6c8;

box-shadow:
0 20px 50px rgba(11,31,68,.08);

position:relative;

overflow:hidden;

}



/* Gold top accent */

.campaign-card::before{

content:"";

position:absolute;

top:0;
left:0;

width:100%;

height:6px;

background:#D4AF37;

}



/* Status */

.campaign-status{

display:inline-flex;

padding:8px 18px;

border-radius:999px;

font-size:13px;

font-weight:800;

margin-bottom:18px;

}


.campaign-status.active{

background:#fff5cc;

color:#9a6700;

}


.campaign-status.ended{

background:#fee2e2;

color:#991b1b;

}



/* Campaign title */

.campaign-card h2{

font-size:26px;

font-weight:900;

line-height:1.3;

color:#0B1F44;

margin-bottom:25px;

}



/* Statistics */

.campaign-stats{

display:grid;

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

gap:12px;

margin-bottom:28px;

}



.campaign-stats div{

background:#F8F7F2;

border-radius:20px;

padding:18px 10px;

text-align:center;

font-size:20px;

font-weight:900;

color:#0B1F44;

border:1px solid #eee6c8;

}



.campaign-stats span{

display:block;

font-size:12px;

font-weight:600;

color:#64748B;

margin-top:6px;

}



/* Analytics button */

.analytics-btn{

display:flex;

align-items:center;

justify-content:center;

height:55px;

border-radius:18px;

background:#0B1F44;

color:white;

text-decoration:none;

font-size:15px;

font-weight:800;

margin-bottom:14px;

transition:.3s;

}



.analytics-btn:hover{

background:#D4AF37;

color:#0B1F44;

}



/* End Campaign */

.end-campaign-btn,
.campaign-ended-btn{

width:100%;

height:55px;

border:none;

border-radius:18px;

font-size:15px;

font-weight:800;

cursor:pointer;

}



.end-campaign-btn{

background:#D4AF37;

color:#0B1F44;

}



.campaign-ended-btn{

background:#dcfce7;

color:#166534;

}



/* Empty state */

.empty-state{

background:white;

border-radius:30px;

padding:40px 25px;

text-align:center;

border:1px solid #eee6c8;

font-size:40px;

}


.empty-state h3{

font-size:22px;

color:#0B1F44;

margin:15px 0 8px;

}


.empty-state p{

color:#64748B;

font-size:15px;

}



/* Mobile */

@media(max-width:600px){

.campaign-card{

padding:22px;

}


.campaign-card h2{

font-size:22px;

}


.campaign-stats{

grid-template-columns:1fr;

}


.campaign-stats div{

display:flex;

align-items:center;

justify-content:center;

gap:8px;

}


}