:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f5f6f8;--surface:#fff;--border:#e1e4ea;--text:#1b1f27;--muted:#5f6572;--accent:#2f6feb;--accent-hover:#1f58c7;--danger:#c53030;--danger-hover:#9b2626;--shadow:0 1px 2px #1018280d, 0 1px 3px #10182814;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1115;--surface:#161a22;--border:#262b36;--text:#e7e9ee;--muted:#9aa1ae;--accent:#5f9bff;--accent-hover:#87b5ff;--danger:#f56565;--danger-hover:#fc8181;--shadow:0 1px 2px #0006, 0 1px 3px #00000080}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0}.app{flex-direction:column;gap:24px;max-width:960px;margin:0 auto;padding:32px 24px 64px;display:flex}.app__header h1{letter-spacing:-.01em;margin:0 0 4px;font-size:28px}.app__header p{color:var(--muted);margin:0}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:20px 24px}.card h2{margin:0 0 16px;font-size:18px}.card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.card__header h2{margin:0}.card__actions{flex-wrap:wrap;gap:8px;display:flex}.form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form__field{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.form__field span{font-weight:500}.form__field input,.form__field select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;outline:none;padding:9px 10px;transition:border-color .12s,box-shadow .12s}.form__field input:focus,.form__field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2f6feb33}.form__actions{grid-column:1/-1;justify-content:flex-end;display:flex}button{appearance:none;font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;padding:9px 14px;font-weight:500;transition:background-color .12s,border-color .12s,color .12s,opacity .12s}button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}.button--ghost{color:var(--muted);border-color:var(--border);background:0 0}.button--ghost:hover:not(:disabled){color:var(--text);border-color:var(--muted);background:0 0}.button--danger{color:var(--danger);background:0 0;border-color:#0000;padding:6px 10px}.button--danger:hover:not(:disabled){color:var(--danger-hover);background:#c530301a;border-color:#0000}.error{color:var(--danger);background:#c5303014;border:1px solid #c530304d;border-radius:8px;margin:16px 0 0;padding:10px 12px;font-size:14px}.empty{color:var(--muted);margin:0;font-size:14px}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}thead th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);background:0 0;padding:10px 12px;font-weight:600}tbody td{border-bottom:1px solid var(--border);padding:10px 12px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#2f6feb0a}@media (width<=640px){.form{grid-template-columns:1fr}}
