:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #10151c; color: #e8edf4; }
body { margin: 0; } main { max-width: 1180px; margin: auto; padding: 2rem; } header { border-bottom: 1px solid #314052; margin-bottom: 1.5rem; }
h1, h2, h3 { margin-top: 0; } section { background: #17212d; border: 1px solid #314052; border-radius: .5rem; padding: 1rem; margin: 1rem 0; }
.grid { display: grid; grid-template-columns: 2fr 1fr; gap: 1rem; } .bar { display: flex; gap: .6rem; align-items: center; flex-wrap: wrap; }
button { background: #2e81f7; border: 0; border-radius: .3rem; color: white; padding: .55rem .8rem; cursor: pointer; } button:disabled { opacity: .55; cursor: wait; }
input, textarea { width: 100%; box-sizing: border-box; margin-top: .35rem; padding: .55rem; background: #0f1722; color: #e8edf4; border: 1px solid #52657a; border-radius: .3rem; } textarea { min-height: 6rem; }
table { width: 100%; border-collapse: collapse; } th, td { text-align: left; padding: .55rem; border-bottom: 1px solid #314052; vertical-align: top; }
dt { font-weight: 700; } dd { margin: 0 0 .65rem; } .message { white-space: pre-wrap; padding: .6rem; margin: .5rem 0; border-left: 3px solid #52657a; } .message.owner { border-color: #2e81f7; }
.decision { border-top: 1px solid #314052; padding: 1rem 0; } .decision button { margin-right: .5rem; } .note { color: #b9c7d8; } .error { color: #ff9b9b; white-space: pre-wrap; }
@media (max-width: 760px) { .grid { grid-template-columns: 1fr; } main { padding: 1rem; } }