body, html { margin:0; padding:0; font-family:Arial,sans-serif; }
h1,h2,h3,p,div,button,input { font-family: Arial, sans-serif; }
.product-card { border:1px solid #ccc; padding:10px; margin-bottom:10px; background: rgba(0,0,0,0.5); color: #fff; }
button { cursor:pointer; margin:5px 0; padding:8px; background-color: rgba(0,0,0,0.7); color:#fff; border:none; }
table { width:100%; border-collapse:collapse; margin-bottom:20px; }
table, th, td { border:1px solid #ccc; }
th, td { padding:10px; text-align:center; }
input[type=number] { width:60px; }
.password-container { position: relative; }
#toggle-password { position: absolute; right: 10px; top: 5px; padding: 5px 10px; cursor: pointer; }