*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
body{margin:0;padding:16px;background:#f5f7fb;color:#222}
.card{max-width:420px;margin:40px auto;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}
input,textarea,button{width:100%;padding:8px;margin:8px 0;border:1px solid #ddd;border-radius:6px}
button{cursor:pointer;background:#0b7cff;color:#fff;border:none}
header{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:8px}
header img{width:60px;height:60px}
header h1{margin:0;font-size:18px}
.controls{display:flex;gap:8px;margin:12px 0}
#productsTable{width:100%;border-collapse:collapse;background:#fff;border-radius:8px}
#productsTable th, #productsTable td{padding:8px;border-bottom:1px solid #eee;text-align:left}
.actions button{width:auto;padding:6px 8px;margin-right:4px}
@media(max-width:600px){header{flex-direction:column;align-items:flex-start} .controls{flex-direction:column}}