:root{--bg: #ffffff;--surface: #f6f7f9;--border: #d6dae0;--text: #14171a;--muted: #5a6472;--accent: #1a5fb4;--accent-text: #ffffff;--edited: #fff4d6;--edited-border: #e0a800;--error: #b3261e;--note: #0f6b3f;--row-alt: #fbfcfd}@media(prefers-color-scheme:dark){:root{--bg: #14171a;--surface: #1e2227;--border: #333a42;--text: #e6e9ed;--muted: #9aa4b2;--accent: #6ba3e8;--accent-text: #10131a;--edited: #3a3320;--edited-border: #b58900;--error: #f2b8b5;--note: #7ee0a8;--row-alt: #191d21}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{padding:0 12px 48px}header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 0;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:2}header h1{font-size:17px;margin:0;white-space:nowrap}header nav{display:flex;flex-wrap:wrap;gap:4px}.who{margin-left:auto;display:flex;align-items:center;gap:8px}.centred{max-width:26rem;margin:12vh auto;padding:0 16px;text-align:center}.centred h1{font-size:24px}button{font:inherit;padding:7px 14px;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:var(--accent-text);cursor:pointer;min-height:36px}button:disabled{opacity:.45;cursor:default}button.quiet{background:transparent;color:var(--text);border-color:var(--border)}button.tab{background:transparent;color:var(--text);border-color:transparent;padding:6px 10px}button.tab.active{border-color:var(--accent);color:var(--accent);font-weight:600}input,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:5px 7px;min-width:0}input:disabled,select:disabled{background:var(--surface);color:var(--muted)}input[type=checkbox]{width:18px;height:18px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0}.toolbar input[type=search]{flex:1 1 12rem}.spacer{flex:1 1 auto}.bulk{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;margin-bottom:10px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.bulk label{display:flex;align-items:center;gap:6px;color:var(--muted)}.bulk .count{font-weight:600;color:var(--text)}.muted{color:var(--muted)}.small{font-size:13px}.error,.note,.banner{padding:9px 12px;border-radius:6px;border:1px solid;margin:0 0 10px}.error{color:var(--error);border-color:var(--error)}.note{color:var(--note);border-color:var(--note)}.banner{color:var(--muted);border-color:var(--border);background:var(--surface)}table.records{width:100%;border-collapse:collapse;font-size:14px}table.records th,table.records td{text-align:left;padding:5px 8px;border-bottom:1px solid var(--border);vertical-align:middle}table.records thead th{position:sticky;top:57px;background:var(--surface);z-index:1;font-size:13px;white-space:nowrap}table.records th .hint{display:block;font-weight:400;font-size:11px;color:var(--muted)}table.records tbody tr:nth-child(2n){background:var(--row-alt)}table.records td input[type=text],table.records td input[type=number],table.records td select{width:100%}td.id,.records td.id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}td.readonly{color:var(--muted);white-space:nowrap}th.select,td.select{width:34px}tr.edited{background:var(--edited)!important}td.edited-cell input,td.edited-cell select{border-color:var(--edited-border);border-width:2px}@media(max-width:860px){table.records thead{display:none}table.records,table.records tbody,table.records tr,table.records td{display:block;width:auto}table.records tr{border:1px solid var(--border);border-radius:8px;margin-bottom:10px;padding:6px 8px;background:var(--bg)}table.records tbody tr:nth-child(2n){background:var(--row-alt)}table.records td{border:none;display:flex;align-items:center;gap:10px;padding:4px 0}table.records td:before{content:attr(data-label);flex:0 0 8rem;color:var(--muted);font-size:13px}table.records td.select:before{content:"Select"}header h1{font-size:16px}}