@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{font-family:IBM Plex Sans,sans-serif;color:#202727;background:#f6f8f8;--border: #dce2e2;--accent: #15715c}*{box-sizing:border-box}body{margin:0}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;border-bottom:1px solid var(--border);background:#fff}a{color:inherit;text-decoration:none}.brand{font-size:1.1rem;font-weight:600;white-space:nowrap}.brand span{color:#667171;font-weight:400}.nav-brand{display:flex;align-items:center;gap:.75rem;min-width:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;padding:0}.icon-button svg,.menu-link svg{width:20px;height:20px;flex-shrink:0}.side-menu{position:fixed;inset:0 auto 0 0;width:min(280px,85vw);height:100%;max-height:100%;max-width:none;margin:0;padding:1rem;border:0;border-right:1px solid var(--border);background:#fff;color:inherit}.side-menu[open]{animation:menu-slide-in .18s ease-out}.side-menu::backdrop{background:#141e1e4d}.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.5rem;font-weight:600}.menu-link{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:4px}.menu-link[aria-current=page]{background:#eaf3ef;color:var(--accent);font-weight:500}.menu-link:hover{background:#f0f5f3}.comparisons-page{width:100%;max-width:1800px}.page-heading,.dialog-heading,.dialog-actions,.table-pagination,.pagination-controls,.sort-controls,.comparison-links{display:flex;align-items:center;gap:.75rem}.page-heading,.dialog-heading,.table-pagination{justify-content:space-between}.page-heading h1{margin:0}.table-filters{display:flex;flex-wrap:wrap;align-items:end;gap:1rem;margin:1.5rem 0 0}.table-filters label,.record-dialog label{display:block;font-size:.8rem;font-weight:500;margin-bottom:.4rem}.table-filters select,.table-filters input,.pagination-controls select{max-width:100%;min-height:38px;border:1px solid var(--border);border-radius:4px;padding:.5rem .65rem;font:inherit;color:inherit;background:#fff}.search-filter{flex:1 1 250px}.search-control{position:relative}.search-control svg{position:absolute;width:18px;height:18px;top:10px;left:10px;color:#667171;pointer-events:none}.search-control input{width:100%;padding-left:2.25rem}.table-message{min-height:1.4rem;margin:.75rem 0;font-size:.85rem;color:var(--accent)}.table-scroll{width:100%;overflow-x:auto;border:1px solid var(--border);background:#fff}table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}th,td{padding:.75rem;border-bottom:1px solid var(--border);vertical-align:top}th{white-space:nowrap;background:#edf1f0;font-weight:600}.column-sort{display:inline-flex;align-items:center;gap:.4rem;width:100%;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left}.column-sort svg{width:16px;height:16px;flex-shrink:0}.column-sort:hover{color:var(--accent)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f7faf9}.comparison-links{min-width:260px;justify-content:space-between;align-items:flex-start}.domain-links{display:flex;align-items:flex-start;gap:.5rem}.comparison-links .icon-button,.domain-links .icon-button{width:28px;height:28px}.record-link{color:var(--accent);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.timestamp{min-width:185px;font-size:.8rem}.muted{color:#667171;font-size:.8rem}.content-edit{padding:0;border:0;border-radius:0;background:transparent;font:inherit}.empty-table{padding:3rem;text-align:center;color:#667171}.table-pagination{flex-wrap:wrap;margin-top:1rem;font-size:.85rem}.pagination-controls{flex-wrap:wrap}.pagination-controls label{display:flex;align-items:center;gap:.5rem}button:disabled{cursor:default;opacity:.5}.record-dialog{width:min(900px,calc(100% - 2rem));max-height:calc(100dvh - 2rem);border:1px solid var(--border);border-radius:6px;padding:1.5rem;color:inherit;background:#fff}.record-dialog::backdrop{background:#141e1e66}.dialog-heading{align-items:flex-start;margin-bottom:1.5rem}.dialog-heading h2{font-size:1.2rem;margin:0 0 .5rem}.record-subtitle{color:#667171;font-size:.85rem;overflow-wrap:anywhere}.json-editor{width:100%;min-height:200px;height:min(50dvh,550px);resize:vertical;border:1px solid var(--border);border-radius:4px;padding:.75rem;font-family:monospace;font-size:.85rem;line-height:1.5;tab-size:2;color:inherit;background:#f8faf9}.dialog-actions{justify-content:flex-end;flex-wrap:wrap;margin-top:1.25rem}.dialog-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.dialog-actions svg{width:16px;height:16px}.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.danger{color:#aa2929}.discard-prompt{margin-top:1rem;border-top:1px solid var(--border);padding-top:1rem}@keyframes menu-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.side-menu[open]{animation:none}}main{flex:1;width:min(100%,1040px);margin:0 auto;padding:3rem 2rem}.eyebrow{color:var(--accent);font-size:.75rem;font-weight:600;margin:0 0 .6rem}h1{font-size:2rem;font-weight:600;margin:0 0 2rem;line-height:1.2;overflow-wrap:anywhere}p{margin:0}.identity{display:flex;gap:1rem;align-items:flex-start;border-top:1px solid var(--border);padding-top:1.5rem}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:6px}.status{color:var(--accent);font-size:.85rem;margin-bottom:.6rem}.name{font-weight:500}.email{color:#667171;font-size:.9rem;margin-top:.25rem;overflow-wrap:anywhere}button,.google-signin{font:inherit;background:#fff;border:1px solid var(--border);border-radius:4px;padding:.6rem 1rem;cursor:pointer}.google-signin{display:inline-flex;align-items:center;gap:.75rem;max-width:100%}button:hover,.google-signin:hover{border-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.error{margin-top:1.5rem;color:#ad3030}footer{padding:1rem 2rem;font-size:.75rem;color:#667171;border-top:1px solid var(--border)}@media(max-width:480px){header,footer{padding:1rem}main{padding:2rem 1rem}h1{font-size:1.65rem}header{gap:.5rem}.nav-brand{gap:.5rem}.nav-brand .brand span{display:none}}