@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--bg: #f7f8fa;--card: #ffffff;--text: #1f2937;--muted: #6b7280;--border: #e5e7eb;--accent: #2563eb;--accent-hover: #1d4ed8;--row-alt: #fafbfc;--row-hover: #f1f5f9;--radius: 10px}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1100px;margin:24px auto;padding:0 16px}.nav{position:sticky;top:0;z-index:20;display:flex;gap:16px;align-items:center;padding:12px 16px;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.nav a{color:var(--text);text-decoration:none;font-weight:500}.nav a:hover{color:var(--accent)}.nav .right{margin-left:auto;display:flex;gap:10px;align-items:center}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:0 1px 2px #00000008}h1,h2{margin:0 0 12px}h2{font-size:22px}h3{font-size:18px;color:var(--muted)}.table-wrap{overflow:auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}thead th{text-align:left;padding:12px;color:var(--muted);background:#fcfcfd;position:sticky;top:0;z-index:1;border-bottom:1px solid var(--border)}tbody td{padding:12px;border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background:var(--row-alt)}tbody tr:hover{background:var(--row-hover)}td.compact{width:1%;white-space:nowrap}label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#fff;font:inherit}input[type=checkbox]{width:auto}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 720px){.form-grid{grid-template-columns:1fr}}button,.btn{appearance:none;border:1px solid transparent;padding:10px 14px;border-radius:8px;font-weight:600;cursor:pointer;background:var(--accent);color:#fff}button:hover,.btn:hover{background:var(--accent-hover)}.toolbar{display:flex;gap:8px;align-items:center;margin:8px 0 12px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar input,.toolbar select,.toolbar button{width:auto}.toolbar .grow{flex:1;min-width:220px}.muted{color:var(--muted)}.spacer{height:16px}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge-gray{background:#eef2f7;color:#475569}.badge-blue{background:#e8f0ff;color:#1d4ed8}.badge-green{background:#e7f8ee;color:#15803d}.badge-red{background:#feeceb;color:#b91c1c}.badge .icon{margin-right:6px;line-height:1}.toolbar .push{margin-left:auto}a.btn{text-decoration:none;display:inline-block}.cell-link a{text-decoration:none;font-weight:600}.cell-link a:hover{text-decoration:underline}.cell-link{cursor:pointer}td.actions{width:1%;white-space:nowrap}.btn-ghost.outline{border:1px solid var(--border)}.btn-ghost.outline:hover{background:#f3f4f6}button,.btn,.btn-ghost,.btn-neutral,.icon-link{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:8px;font-weight:600;line-height:1.2;border:1px solid transparent;text-decoration:none}a.btn,a.btn-ghost,a.btn-neutral,a.icon-link{text-decoration:none}.btn{background:var(--accent);color:#fff;border-color:transparent}.btn:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:#f3f4f6}.input-sm{max-width:160px}.input-xs{max-width:120px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}label.inline{display:flex;gap:8px;align-items:center}.btn-mini{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-weight:600;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:8px;text-decoration:none}.btn-mini:hover{background:#f3f4f6}.container.narrow{max-width:900px;margin:0 auto}.form-grid{display:grid;gap:12px}.form-2col{grid-template-columns:1fr 1fr}.col-span-2{grid-column:1 / -1}.w-xxs{max-width:120px}.w-xs{max-width:160px}.w-sm{max-width:220px}.w-md{max-width:320px}.w-lg{max-width:420px}.form-grid>label>input,.form-grid>label>select{width:100%;box-sizing:border-box}.inline{display:flex;align-items:center;gap:8px}.card{overflow:hidden}.subrow td{border-top:0;font-size:.95em;background:#00000005}.subrow .muted{opacity:.7;font-weight:500}.btn-link{background:none;border:0;padding:0 2px;margin:0;font:inherit;color:#2563eb;cursor:pointer;text-decoration:underline}.btn-link:hover{opacity:.85}