body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin: 18px; }
h1, h2, h3 { margin: 8px 0; }
.small { font-size: 0.9rem; opacity: 0.8; }
.hidden { display: none; }
.stats { display: flex; gap: 20px; margin: 10px 0; font-weight: bold; }
.actions { display: flex; gap: 10px; margin: 10px 0; flex-wrap: wrap; }
button { padding: 8px 12px; border: 1px solid #999; background: #f2f2f2; cursor: pointer; border-radius: 6px; }
button:hover { filter: brightness(0.95); }
button.danger { border-color: #c00; }
ul { list-style: none; padding: 0; margin: 0 0 10px 0; }
li { margin: 6px 0; display: flex; align-items: center; gap: 8px; }
.card { border: 1px solid #ddd; border-radius: 8px; padding: 12px; margin-bottom: 12px; }
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
.drag-item { padding: 6px 8px; border: 1px dashed #666; border-radius: 6px; margin: 6px 0; background: #fafafa; cursor: grab; }
.drag-container { min-height: 120px; border: 1px dashed #aaa; border-radius: 6px; padding: 6px; }
input[type='text'], input[type='password'] { padding: 6px; border: 1px solid #aaa; border-radius: 6px; }
label { display:block; margin: 6px 0; }
.boss { margin: 12px 0; padding: 10px; border: 1px solid #bbb; border-radius: 8px; }