body { font-family: 'El Messiri'; margin: 0; padding: 0; min-height: 100vh; height: 100%; display: flex; flex-direction: column; }
.main { text-align: center; flex: 1; }
table { width:95%; border-collapse: collapse; margin-bottom:20px; margin: 0 auto; }
td { background: #FFF; border:1px solid #ddd; padding:10px; text-align:center; }
th { background: #f0f0f0; color: #000; border:1px solid #ddd; padding:10px; text-align:center; }
input.qty-input { width:60px; text-align:center; padding:5px; }
button { font-family: 'El Messiri'; padding: 12px; cursor:pointer; background: #008800; width: 90%;}
button:hover { font-family: 'El Messiri'; padding: 12px; cursor:pointer; background: #35b135; width: 90%;}
.back:hover {    padding: 12px 18px;
    background: #000;
    color: #fff;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    text-decoration: none;}
.update-btn { background:#2196F3; color:white; border:none; padding:8px 16px; margin-top:10px; border-radius:5px; }
.remove-btn { color:red; font-size:20px; text-decoration:none; }