/* ==========================================
   NEXORA ANALYTICS
   Premium Glossy Dashboard
========================================== */

:root{

    --navy:#0B1F3A;
    --navy-light:#163A70;
    --gold:#D4AF37;
    --gold-soft:#F5E8B5;
    --white:#FFFFFF;
    --bg:#F7F9FC;
    --text:#1D2A3A;
    --muted:#72809A;

}


*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


body{

    font-family:"Poppins",sans-serif;

    background:
    radial-gradient(circle at top,#ffffff,#F7F9FC 70%);

    color:var(--text);

}


/* ==========================
HEADER
========================== */


.analytics-header{

    height:90px;

    padding:12px 24px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#fff;

    border-bottom:
    1px solid rgba(212,175,55,.18);

    position:sticky;

    top:0;

    z-index:1000;

}


.analytics-logo{

    position:absolute;

    left:50%;

    transform:translateX(-50%);

}


.analytics-logo img{

    width:110px;

}


.menu-btn{

    margin-left:auto;

    width:56px;

    height:56px;

    border:none;

    border-radius:18px;

    background:#fff;

    color:var(--navy);

    font-size:24px;

    box-shadow:
    0 10px 28px rgba(0,0,0,.08);

}



/* ==========================
HERO
========================== */


.analytics-hero{

    padding:24px 18px;

}


.analytics-card{

    background:
    linear-gradient(
    145deg,
    #fff,
    #F7F9FC
    );

    border-radius:28px;

    padding:28px 22px;

    border:
    1px solid rgba(212,175,55,.3);

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

}


.analytics-card h1{

    color:var(--navy);

    font-size:32px;

}


.analytics-card p{

    margin-top:10px;

    color:var(--muted);

}



/* ==========================
STAT CARDS
========================== */


.stats-grid{

    display:grid;

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

    gap:14px;

    padding:0 18px;

}


.stat-card{

    background:#fff;

    border-radius:22px;

    padding:20px;

    border:
    1px solid rgba(212,175,55,.25);

    box-shadow:
    0 12px 30px rgba(0,0,0,.06);

}


.stat-icon{

    width:48px;

    height:48px;

    border-radius:16px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#EEF3F8;

    color:var(--navy);

    font-size:22px;

}


.stat-number{

    margin-top:15px;

    font-size:28px;

    font-weight:700;

    color:var(--navy);

}


.stat-title{

    color:var(--muted);

    font-size:13px;

}




/* ==========================
CHART CARDS
========================== */


.chart-card{

    margin:24px 18px;

    background:#fff;

    border-radius:26px;

    padding:20px;

    border:
    1px solid rgba(212,175,55,.25);

    box-shadow:
    0 14px 35px rgba(0,0,0,.06);

}


.chart-title{

    color:var(--navy);

    font-size:20px;

    font-weight:700;

    margin-bottom:15px;

}



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


.analytics-table{

    margin:20px 18px;

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    border:
    1px solid rgba(212,175,55,.25);

}


.analytics-row{

    display:flex;

    justify-content:space-between;

    padding:16px;

    border-bottom:
    1px solid #eee;

}


.analytics-row:last-child{

    border:none;

}


.analytics-row strong{

    color:var(--navy);

}


.analytics-row span{

    color:var(--muted);

}