:root{
  --dark:#333F48; --red:#89201F; --rust:#BF6352; --peach:#F2A895; --sand:#E1DDDA;
}
*{box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:var(--sand);
  margin:0;padding:0 0 40px}
header{background:var(--dark);color:#fff;padding:14px 22px;display:flex;
  justify-content:space-between;align-items:center}
header h1{font-size:18px;margin:0}
#who{font-size:13px;opacity:.85}
.card{background:#fff;border-radius:10px;padding:20px 22px;margin:18px auto;max-width:760px;
  box-shadow:0 1px 4px rgba(0,0,0,.08)}
h2{color:var(--red);margin-top:0;font-size:16px}
label{display:block;margin:12px 0;font-size:13px}
input{display:block;width:100%;margin-top:5px;padding:9px 10px;border:1px solid #ccc;
  border-radius:6px;font-size:14px}
button{background:var(--red);color:#fff;border:0;border-radius:6px;padding:10px 18px;
  font-size:14px;cursor:pointer;margin-top:8px}
button:hover{background:#6f1a19}
button.ghost{background:transparent;color:var(--dark);border:1px solid #bbb}
button.send{background:var(--rust);padding:6px 12px;margin:0}
.msg{font-size:13px;min-height:18px}
.hidden{display:none}
table{width:100%;border-collapse:collapse;margin-top:12px;font-size:13px}
th,td{text-align:left;padding:7px 8px;border-bottom:1px solid #eee}
.st-neu{color:var(--dark)} .st-gesendet{color:#2e7d32;font-weight:bold}
.st-fehler{color:var(--red);font-weight:bold}
.del{background:#8a8f94}
.del:hover{background:#6f7479}
label.inline{display:flex;align-items:center;gap:8px}
label.inline input{width:auto;margin-top:0}