:root{--bg:#0b1220;--card:#0f172a;--muted:#1f2937;--text:#e6edf3;--pri:#22c55e;--pri2:#16a34a;--ring:#334155}
html,body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 ui-sans-serif,system-ui}
.container{max-width:1120px;margin:24px auto;padding:0 16px}
header.app{background:#0a1020;border-bottom:1px solid var(--muted);padding:12px 18px;display:flex;align-items:center;justify-content:space-between}
.card{background:var(--card);border:1px solid var(--muted);border-radius:14px;padding:16px;margin:16px 0;box-shadow:0 6px 20px rgba(0,0,0,.2)}
input,select,textarea{padding:10px 12px;border-radius:10px;border:1px solid var(--ring);background:transparent;color:var(--text)}
input:focus,select:focus,textarea:focus{border-color:#64748b;box-shadow:0 0 0 3px rgba(100,116,139,.25)}
.btn{background:var(--pri);border:none;color:#051018;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700}
.btn:hover{background:var(--pri2)}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid var(--muted);padding:10px;text-align:left}
.row{display:flex;gap:10px;align-items:center}
.badge{display:inline-block;background:#111827;border:1px solid var(--ring);padding:4px 8px;border-radius:999px;font-size:12px}
.drag-item{display:flex;align-items:center;justify-content:space-between;border:1px dashed #334155;border-radius:10px;padding:10px;background:#0b1326;margin-bottom:8px}
.handle{cursor:grab;padding:0 8px}
.small{font-size:12px;color:#a8b3cf}