* { box-sizing: border-box; }
body { font-family: Arial, sans-serif; margin: 0; padding: 24px; background: #f4f4f4; color: #111; }
.box, .panel { background: #fff; border: 1px solid #ccc; padding: 20px; margin: 0 auto 20px; }
.box { max-width: 480px; }
.wide { max-width: 1100px; margin: auto; }
label { display: block; margin-top: 14px; }
input, select, button { width: 100%; padding: 10px; margin-top: 6px; }
button, a { display: inline-block; width: auto; cursor: pointer; }
button { border: 1px solid #999; background: #eee; }
.topbar { display:flex; justify-content:space-between; align-items:center; }
.row { display:flex; gap:10px; justify-content:space-between; align-items:center; border-bottom:1px solid #ddd; padding:10px 0; }
.row button { width:auto; }
.error { color:#b00; }
table { width:100%; border-collapse:collapse; margin-top:15px; }
th, td { border:1px solid #ccc; padding:8px; text-align:left; }