body { background:#2b2b2b; color:#f7f7f7; font-family:Arial,sans-serif; text-align:center; margin:0; }
header { display:flex; justify-content:space-between; align-items:center; padding:10px 16px; background:#222; }
h1 { margin:0; font-size:20px; }
nav a { color:#d94b2b; margin:0 8px; text-decoration:none; }
button { background:#d94b2b; color:#fff; border:none; padding:8px 12px; border-radius:6px; cursor:pointer; font-weight:600; }
input { padding:8px; border-radius:6px; border:1px solid #555; background:#262626; color:#fff; }
table { margin:20px auto; border-collapse:collapse; width:90%; max-width:800px; }
th,td { border:1px solid #555; padding:6px; }
th { background:#d94b2b; color:#fff; }
tr:nth-child(even) { background:#3b3b3b; }
#status { margin:10px; font-weight:bold; }
#status.ok { color:#4caf50; }
#status.err { color:#ff6b6b; }
#debugPanel { display:none; position:fixed; bottom:0; left:0; width:100%; height:200px; background:#000; color:#0f0; overflow:auto; border-top:2px solid #d94b2b; font-size:12px; text-align:left; padding:8px; }
#debugPanel.show { display:block; }
#debugToggle { cursor:pointer; }