/* ==============================
VENDOR DASHBOARD
============================== */

.vendor-dashboard{
display:flex;
gap:30px;
}

/* SIDEBAR */

.vendor-sidebar{
width:230px;
background:white;
padding:20px;
border-radius:8px;
box-shadow:0 2px 8px rgba(0,0,0,0.05);
}

.vendor-sidebar ul{
list-style:none;
}

.vendor-sidebar li{
margin-bottom:10px;
}

.vendor-sidebar a{
display:block;
padding:8px;
border-radius:4px;
}

.vendor-sidebar a:hover{
background:var(--concrete-gray);
}

/* CONTENT */

.vendor-content{
flex:1;
}

/* DASHBOARD CARDS */

.vendor-stats{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:20px;
margin-bottom:25px;
}

.vendor-stat{
background:white;
padding:20px;
border-radius:8px;
box-shadow:0 2px 8px rgba(0,0,0,0.05);
}

.vendor-stat h3{
font-size:18px;
margin-bottom:6px;
}

.vendor-stat span{
font-size:22px;
font-weight:700;
color:var(--steel-blue);
}

/* TABLE */

.vendor-table{
width:100%;
background:white;
border-radius:8px;
overflow:hidden;
box-shadow:0 2px 8px rgba(0,0,0,0.05);
}

.vendor-table table{
width:100%;
border-collapse:collapse;
}

.vendor-table th,
.vendor-table td{
padding:12px;
border-bottom:1px solid #eee;
text-align:left;
}

.vendor-table th{
background:#fafafa;
}