:root{

    --mvd-primary:#7047EB;
    --mvd-sidebar:#2F1B69;
    --mvd-bg:#F8F9FC;
    --mvd-card:#FFFFFF;
}

*{
    box-sizing:border-box;
}

/* ==================================================
APP
================================================== */

/*
#metro-vendor-dashboard{
    width:100vw !important;
    max-width:none !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding:0 !important;
}
*/

/* ==================================================
LAYOUT
================================================== */

#metro-vendor-dashboard .mvd-wrapper{

    display:flex;

    width:100%;

    min-height:100vh;
}

/* ==================================================
CONTENT
================================================== */

#metro-vendor-dashboard .mvd-content{

    flex:1;

    min-width:0;

    padding:70px;
}

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

/* ==================================================
GREETING
================================================== */

#metro-vendor-dashboard .mvd-greeting{
    margin:0 !important;
    font-size:30px !important;
    font-weight:700 !important;
    letter-spacing:-1px;
    line-height:1;
    color:#14162E;
    white-space:nowrap;
}

#metro-vendor-dashboard .mvd-greeting-icon{

    margin-left:8px;

    font-size:44px;
}

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

.mvd-stats{

    display:grid;

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

    gap:25px;

    margin-top:40px;
}

.mvd-card{

    background:#fff;

    border-radius:18px;

    padding:28px;

    min-height:130px;

    box-shadow:
        0 8px 25px rgba(20,22,46,.05);
}

.mvd-card-label{

    display:block;

    color:#6b7280;

    font-size:15px;

    margin-bottom:15px;
}

.mvd-card h2{

    margin:0;

    font-size:56px;

    font-weight:800;
}

/* ==================================================
BOTTOM
================================================== */

.mvd-grid{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:25px;

    margin-top:30px;
}

.mvd-panel{

    background:#fff;

    border-radius:18px;

    padding:30px;

    box-shadow:
        0 10px 40px
        rgba(0,0,0,.06);
}

/* ==================================================
TABLET
================================================== */

@media(max-width:991px){

    .mvd-stats{

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

    .mvd-grid{

        grid-template-columns:1fr;
    }
}

/* ==================================================
MOBILE
================================================== */

@media(max-width:767px){

    #metro-vendor-dashboard .mvd-wrapper{

        flex-direction:column;
    }

    #metro-vendor-dashboard .mvd-content{

        padding:25px;
    }

    .mvd-stats{

        grid-template-columns:1fr;
    }

	#metro-vendor-dashboard .mvd-greeting{
    font-size:24px !important;
}
}

/* ==================================================
FORCE FULL WIDTH
================================================== */

#metro-vendor-dashboard{

    width:100vw !important;

    max-width:none !important;

    margin-left:calc(50% - 50vw) !important;

    margin-right:calc(50% - 50vw) !important;

    padding:0 !important;
}

#metro-vendor-dashboard .mvd-wrapper{

    width:100vw !important;

    max-width:none !important;
}

/* ==================================================
REMOVE PAGE TITLE
================================================== */

.entry-title,
.page-title,
.page-header h1{

    display:none !important;
}

/* ==================================================
PULL DASHBOARD UP
================================================== */

#metro-vendor-dashboard{

    margin-top:-80px;
}