:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #273549;--text: #e2e8f0;--muted: #94a3b8;--border: #334155;--accent: #38bdf8;--accent-strong: #0ea5e9;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--text);min-height:100vh}.app{max-width:1100px;margin:0 auto;padding:24px 16px 48px}.app__header h1{margin:0 0 4px;font-size:28px}.app__subtitle{color:var(--muted);margin:0 0 24px}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px}.filters__field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.filters__field input,.filters__field select{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:14px;outline:none;transition:border-color .15s}.filters__field input:focus,.filters__field select:focus{border-color:var(--accent)}.filters__reset{background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:8px;padding:9px 14px;cursor:pointer;font-size:14px;transition:color .15s,border-color .15s}.filters__reset:hover{color:var(--text);border-color:var(--accent)}.table-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.items-table{width:100%;border-collapse:collapse;font-size:14px}.items-table thead{background:var(--surface-2)}.items-table th,.items-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border)}.items-table tr:last-child td{border-bottom:none}.th-handle{width:36px}.th-button{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:var(--muted);font:inherit;text-transform:uppercase;letter-spacing:.04em;font-size:12px;cursor:pointer;padding:0}.th-button:hover{color:var(--text)}.th-button--active{color:var(--accent)}.th-indicator{font-size:10px}.cell-handle{width:36px;text-align:center}.drag-handle{background:transparent;border:0;color:var(--muted);cursor:grab;font-size:16px;padding:4px 6px;border-radius:4px}.drag-handle:hover{color:var(--text);background:var(--surface-2)}.drag-handle:active{cursor:grabbing}.row--dragging{background:var(--surface-2)}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge--active{background:#22c55e26;color:var(--success)}.badge--inactive{background:#94a3b826;color:var(--muted)}.empty,.loading{text-align:center;color:var(--muted);padding:24px}.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--danger);padding:12px;border-radius:8px;margin-bottom:12px}@media(max-width:640px){.items-table thead{display:none}.items-table,.items-table tbody,.items-table tr,.items-table td{display:block;width:100%}.items-table tr{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;background:var(--surface);overflow:hidden}.items-table td{border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:10px 14px}.items-table td:last-child{border-bottom:none}.items-table td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.cell-handle{justify-content:flex-start;background:var(--surface-2)}.cell-handle:before{content:"Drag"}.table-wrapper{background:transparent;border:none}}