*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial,sans-serif;background:#f5f6fa;color:#222}
header{background:#1e293b;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;flex-wrap:wrap}
header a{color:#fff;text-decoration:none;margin-left:14px}.logo{font-size:20px;font-weight:700;margin:0}
main{max-width:1000px;margin:20px auto;padding:0 14px;min-height:70vh;overflow-x:auto}footer{text-align:center;padding:16px;color:#666}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.card{background:#fff;border-radius:10px;padding:12px;box-shadow:0 1px 4px #0002}.card img{width:100%;height:150px;object-fit:cover;border-radius:8px;background:#e5e7eb}
.price{color:#16a34a;font-weight:700}.btn,button{background:#2563eb;color:#fff;border:0;padding:9px 16px;border-radius:7px;cursor:pointer;text-decoration:none;display:inline-block}
.btn.red,button.red{background:#dc2626}input,textarea,select{width:100%;padding:9px;margin:6px 0 12px;border:1px solid #ccc;border-radius:6px}
form.box{background:#fff;padding:20px;border-radius:10px;max-width:460px;margin:auto}table{width:100%;border-collapse:collapse;background:#fff}
th,td{padding:9px;border-bottom:1px solid #eee;text-align:left}.msg{padding:10px;border-radius:6px;background:#fee2e2;margin-bottom:12px}.ok{background:#dcfce7}
td input,td select{margin:0;width:auto}.pimg{width:50px;height:50px;object-fit:cover}