:root{--bg:#f8f9fa;--panel:#fff;--line:#e5e7eb;--text:#111827;--muted:#6b7280;--dark:#24282e;--brand:#ffd33b;--brand-text:#121212;--brand-soft:#fffbe6;--brand-border:#f5c800;--danger:#dc2626;--success:#16a34a;--sidebar-w:52px;--sidebar-w-open:200px}*{box-sizing:border-box}body{margin:0;font-family:Inter,IBM Plex Sans,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.06)}input,select,textarea{box-sizing:border-box;border:1px solid var(--line);border-radius:6px;padding:7px 10px;font:inherit;font-size:13px;color:var(--text);background:#fff;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--brand-border)}button{font:inherit;cursor:pointer;border-radius:6px;border:1px solid var(--line);padding:6px 12px;font-size:12px;font-weight:500;background:#fff;color:var(--text);transition:background .1s,opacity .1s}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--brand);color:var(--brand-text);border-color:var(--brand-border);font-weight:600}button.primary:hover:not(:disabled){background:#f5c800}button.secondary{background:#f8f8f8;color:var(--text)}button.danger{background:#fff5f5;color:var(--danger);border-color:#fecaca}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:8px 10px;border-bottom:1px solid #f0f0f0}th{font-size:11px;color:var(--muted);font-weight:500;background:#fafafa;position:-webkit-sticky;position:sticky;top:0;z-index:1}tbody tr{background:#fff}tbody tr:hover td{background:var(--brand-soft)}.tag{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--brand-soft);color:#92700a;border:1px solid #f5e070}.label,.tag{font-size:11px;font-weight:500}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.value{font-size:13px;line-height:1.5;white-space:pre-wrap}