body { font-family: Segoe UI, Arial, sans-serif; margin: 0; background: #f4f6f8; color: #1f2933; }
.topbar { background: #0f4c81; color: white; padding: 14px 24px; font-size: 20px; }
.nav { background: white; padding: 10px 24px; border-bottom: 1px solid #d8dee4; }
.nav a { margin-right: 18px; color: #0f4c81; text-decoration: none; font-weight: 600; }
.container { padding: 24px; }
.card { background: white; border: 1px solid #d8dee4; border-radius: 10px; padding: 18px; margin-bottom: 18px; box-shadow: 0 2px 8px rgba(15,76,129,.08); }
.form-row { margin-bottom: 12px; }
label { display: inline-block; min-width: 160px; font-weight: 600; }
input[type=text], input[type=number], input[type=date], textarea, select { padding: 8px; border: 1px solid #c7d0d9; border-radius: 6px; min-width: 280px; }
textarea { vertical-align: top; height: 70px; }
button, input[type=submit] { background: #0f4c81; color: white; border: 0; border-radius: 6px; padding: 9px 14px; cursor: pointer; }
button.secondary, input.secondary { background: #6b7280; }
.grid { width: 100%; border-collapse: collapse; }
.grid th, .grid td { border-bottom: 1px solid #e5e7eb; padding: 9px; text-align: left; }
.grid th { background: #eef4f8; }
.layout { display: grid; grid-template-columns: 1fr 340px; gap: 20px; align-items: start; }
.tables { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.table-box { background: white; border: 2px dashed #9db5c8; border-radius: 14px; min-height: 180px; padding: 12px; }
.table-title { font-weight: 700; margin-bottom: 10px; color: #0f4c81; }
.participant { background: #eef4f8; border: 1px solid #c5d6e3; border-radius: 8px; padding: 9px; margin-bottom: 8px; cursor: grab; }
.participant small { display: block; color: #52606d; margin-top: 3px; }
.waiting-list { background: white; border: 1px solid #d8dee4; border-radius: 14px; padding: 12px; min-height: 400px; }
.drop-hover { background: #d8edf9; }
.alert { padding: 10px 12px; background: #fff7d6; border: 1px solid #f2d36b; border-radius: 8px; margin-bottom: 14px; }
.actions { margin-bottom: 15px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }