* { box-sizing: border-box; }
body { font-family: Inter, system-ui, sans-serif; margin: 0; background: #0b1220; color: #e6edf7; }
header { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; border-bottom: 1px solid #1f2a44; }
h1 { margin: 0; font-size: 20px; }
.actions button { margin-left: 8px; }
button { background: #1c3d8c; color: #fff; border: none; padding: 8px 12px; border-radius: 8px; cursor: pointer; }
button:hover { background: #2753bc; }
.panel { margin: 12px 20px; padding: 12px; background: #111a2d; border: 1px solid #223357; border-radius: 10px; }
.board { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; padding: 0 20px 20px; }
.column { background: #10192b; border: 1px solid #223357; border-radius: 10px; min-height: 300px; }
.column.drop-target { outline: 2px dashed #5b8cff; outline-offset: -6px; }
.column h2 { margin: 0; padding: 10px 12px; border-bottom: 1px solid #223357; font-size: 14px; text-transform: uppercase; letter-spacing: .08em; color: #9bb1d9; }
.card { margin: 10px; padding: 10px; border: 1px solid #2a3f68; border-radius: 10px; background: #0f1a2f; }
.card[draggable="true"] { cursor: grab; }
.meta { font-size: 12px; color: #9bb1d9; margin-top: 6px; }
.card-actions { margin-top: 8px; display: flex; gap: 6px; flex-wrap: wrap; }
.card-actions button { padding: 6px 8px; font-size: 12px; }
small.badge { display: inline-block; background: #223357; border-radius: 999px; padding: 2px 8px; font-size: 11px; }
.audit-list { margin: 8px 0 0 18px; padding: 0; color: #c5d4f5; font-size: 12px; }
.audit-list li { margin: 4px 0; }
dialog { border: 1px solid #223357; border-radius: 12px; background: #10192b; color: #fff; width: min(640px, 90vw); }
form { display: grid; gap: 8px; }
label { display: grid; gap: 4px; font-size: 13px; }
input, textarea { background: #0b1220; color: #fff; border: 1px solid #2a3f68; border-radius: 8px; padding: 8px; }
menu { display: flex; justify-content: flex-end; gap: 8px; padding: 0; margin: 8px 0 0; }
@media (max-width: 1200px) { .board { grid-template-columns: repeat(2, 1fr); } }