:root{

    --primary:#0d6efd;
    --secondary:#6610f2;
    --success:#198754;
    --danger:#dc3545;
    --warning:#ffc107;

    --dark:#1e293b;
    --sidebar:#0f172a;

    --light:#f8fafc;
    --white:#ffffff;

    --gray:#64748b;

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

}

*{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

body{

    font-family:'Poppins',sans-serif;
    background:var(--light);

}

.dashboard{

    display:flex;
    min-height:100vh;

}

.content{

    flex:1;
    margin-left:260px;
    transition:.3s;

}

.main-content{

    padding:30px;

}

/* ==========================
   Mobile Menu
========================== */

.menu-toggle{

    display:none;
    font-size:30px;
    cursor:pointer;
    color:var(--dark);

}

.overlay{

    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.45);
    display:none;
    z-index:1040;

}

.overlay.active{

    display:block;

}