*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Segoe UI,sans-serif;
}

body{
background:#eef3ef;
}

.container{
display:grid;
grid-template-columns:220px 1fr 330px;
height:100vh;
}

.sidebar{

background:#2f855a;
color:white;
padding:20px;
}

.logo{

font-size:25px;
font-weight:bold;
margin-bottom:30px;

}

.sidebar ul{
list-style:none;
}

.sidebar li{

padding:15px;
margin-bottom:8px;
border-radius:10px;
cursor:pointer;

}

.sidebar li.active,
.sidebar li:hover{

background:#48bb78;

}

.sidebar i{

width:25px;

}

.content{

padding:20px;
overflow:auto;

}

.topbar{

display:flex;
justify-content:space-between;
margin-bottom:20px;

}

.tabs button{

border:none;
padding:10px 18px;
background:white;
margin-right:10px;
border-radius:8px;
cursor:pointer;

}

.tabs .active{

background:#38a169;
color:white;

}

input{

width:260px;
padding:10px;
border-radius:8px;
border:1px solid #ddd;

}

.products{

display:grid;
grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
gap:18px;

}

.card{

background:white;
border-radius:12px;
overflow:hidden;
box-shadow:0 2px 8px rgba(0,0,0,.08);

}

.card img{

width:100%;
height:150px;
object-fit:cover;

}

.info{

padding:12px;

}

.bottom{

display:flex;
justify-content:space-between;
align-items:center;
margin-top:10px;

}

.bottom button{

width:35px;
height:35px;
border:none;
background:#38a169;
color:white;
font-size:20px;
border-radius:8px;
cursor:pointer;

}

.cart{

background:white;
padding:20px;
border-left:1px solid #ddd;

}

.cart-item{

display:flex;
justify-content:space-between;
margin:15px 0;

}

.summary div{

display:flex;
justify-content:space-between;
margin:10px 0;

}

.grand{

font-weight:bold;
font-size:20px;

}

.pay{

width:100%;
margin-top:20px;
padding:15px;
border:none;
background:#38a169;
color:white;
font-size:18px;
border-radius:10px;
cursor:pointer;

}

.payment{

display:flex;
gap:10px;
margin-top:15px;

}

.payment button{

flex:1;
padding:12px;
border:none;
background:#ddd;
border-radius:10px;

}

.payment .active{

background:#38a169;
color:white;

}