:root{--cream: oklch(98.82% .0151 90.23);--ivory: oklch(97.4% .016 90);--paper: #ffffff;--sand: oklch(95.4% .02 91);--sand-strong: oklch(92.76% .022 92.51);--gold: oklch(55.27% .0597 89.74);--gold-deep: oklch(47% .058 89.74);--gold-soft: oklch(80.93% .0506 90.54);--gold-wash: oklch(55.27% .0597 89.74 / .08);--ink: oklch(28% .02 80);--ink-2: oklch(44% .022 82);--ink-3: oklch(58% .02 85);--line: oklch(55.27% .0597 89.74 / .18);--line-strong: oklch(55.27% .0597 89.74 / .38);--good: oklch(48% .1 155);--good-wash: oklch(48% .1 155 / .1);--bad: oklch(51% .17 27);--bad-deep: oklch(44% .16 27);--bad-wash: oklch(51% .17 27 / .09);--warn: oklch(55% .12 60);--warn-wash: oklch(55% .12 60 / .1);--font: "proxima-nova", "Figtree Variable", "Segoe UI", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;--radius: 4px;--control-h: 30px;--row-h: 34px;--sidebar-w: 216px;--header-h: 56px;color-scheme:light}*,*:before,*:after{box-sizing:border-box;transition:none}html,body{height:100%}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--font);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1}h1,h2,h3{margin:0;color:var(--gold);font-weight:300;letter-spacing:.005em}h1{font-size:22px;line-height:1.2}h2{font-size:15px}a,button,label,select,summary,[role=button],input[type=checkbox],input[type=radio],input[type=date]::-webkit-calendar-picker-indicator{cursor:default}a{color:inherit;text-decoration:none}a.text-link{display:inline-block;max-width:100%;overflow-wrap:anywhere;color:var(--gold);text-decoration:underline;text-underline-offset:2px;cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}[data-ripple]{position:relative;overflow:hidden;isolation:isolate}.ripple{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;background:currentColor;opacity:var(--ripple-opacity, .16);transform:translate(-50%,-50%) scale(0);animation:ripple-grow .45s cubic-bezier(.2,0,0,1) forwards}.ripple.ripple-out{animation:ripple-grow .45s cubic-bezier(.2,0,0,1) forwards,ripple-fade .26s linear var(--ripple-fade-delay, 0ms) forwards}@keyframes ripple-grow{to{transform:translate(-50%,-50%) scale(1)}}@keyframes ripple-fade{0%{opacity:var(--ripple-opacity, .16)}to{opacity:0}}.btn{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:6px;height:var(--control-h);padding:0 14px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--gold);font:inherit;font-size:11.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn svg{width:15px;height:15px;margin-left:-2px;stroke-width:1.75}.btn.primary{background:var(--gold);border-color:var(--gold);color:var(--cream);--ripple-opacity: .24}.btn.secondary{background:var(--paper);border-color:var(--line-strong)}.btn.quiet{padding:0 10px}.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff;--ripple-opacity: .24}@media(hover:hover){.btn.primary:hover{background:var(--gold-deep);border-color:var(--gold-deep)}.btn.secondary:hover{background:var(--sand);border-color:var(--gold)}.btn.quiet:hover{background:var(--gold-wash)}.btn.danger:hover{background:var(--bad-deep);border-color:var(--bad-deep)}}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;pointer-events:none}.shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);height:100vh;height:100dvh}.sidebar{display:flex;flex-direction:column;min-height:0;background:var(--cream);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;height:var(--header-h);padding:0 16px;flex:none}.brand-name{display:flex;flex-direction:column;line-height:1.15;color:var(--gold)}.brand-name strong{font-size:15px;font-weight:500;letter-spacing:.22em}.nav{flex:1;min-height:0;overflow-y:auto;padding:4px 8px 12px}.nav-label{margin:14px 10px 4px;color:var(--ink-3);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.nav-item{position:relative;display:flex;align-items:center;gap:10px;height:30px;padding:0 10px;border-radius:var(--radius);color:var(--ink-2);white-space:nowrap;--ripple-opacity: .14}@media(hover:hover){.nav-item:hover{background:var(--sand);color:var(--ink)}}.nav-item.is-active{background:var(--sand-strong);color:var(--gold);font-weight:500}.nav-item.is-active:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:2px;border-radius:2px;background:var(--gold)}.account{display:flex;align-items:center;gap:8px;padding:10px 8px 10px 16px;border-top:1px solid var(--line);flex:none}.work{position:relative;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}.work:has(>.records){display:flex;flex-direction:column;overflow:hidden}@media(max-width:760px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.sidebar{min-width:0;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.nav-label{display:none}.nav{display:flex;min-width:0;gap:2px;overflow-x:auto;padding:6px 4px}.nav-item{flex:none}.account{border-top:0;padding:0 8px}}.records{container:records / inline-size;display:flex;flex:1;width:100%;min-width:0;min-height:0}.records-list{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}.records-detail{flex:1;min-width:0;min-height:0;overflow-y:auto;background:var(--ivory)}.records-tools{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:12px 16px 10px 24px;border-bottom:1px solid var(--line)}.records-back{display:none;margin:12px 16px 0}.records-empty{display:flex;align-items:center;justify-content:center;margin:0;padding:32px;color:var(--ink-3);text-align:center}.row-list{display:flex;flex:1;flex-direction:column;min-height:0;background:var(--paper)}.row-list-head,.row{display:grid;grid-template-columns:var(--cols, minmax(0, 1fr));column-gap:12px;align-items:center;padding:0 16px}.row-list-head{flex:none;height:32px;border-bottom:1px solid var(--line);background:var(--cream);color:var(--ink-3);font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.row-list-head span,.row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;overflow:visible;text-overflow:clip}.row-list-body{flex:1;min-height:0;overflow-y:auto}.row{position:relative;width:100%;height:var(--row-h);border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;text-align:left;--ripple-opacity: .1}@media(hover:hover){.row:hover{background:var(--cream)}}.row.is-selected{background:var(--sand-strong)}.row.is-selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gold)}@container records (width < 1080px){.records.is-selected .records-list{display:none}.records:not(.is-selected) .records-detail{display:none}.records.is-selected .records-back{display:inline-flex}}@container records (width >= 1080px){.records-list{flex:0 0 clamp(440px,46%,680px);border-right:1px solid var(--line)}.records-tools,.row-list-head,.row{padding-left:16px}}#app{min-height:100%}.sign-in{display:grid;min-height:100vh;min-height:100dvh;place-items:center;padding:24px;background:var(--cream)}.sign-in-card{display:flex;flex-direction:column;gap:16px;width:min(100%,320px)}.sign-in h1{font-size:15px;font-weight:500;letter-spacing:.22em}.sign-in-error{margin:0;color:var(--bad-deep)}.toast{flex:none;margin:0;padding:8px 16px;background:var(--bad-wash);color:var(--bad-deep)}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.filters label,.record label,.sign-in label{display:flex;flex-direction:column;gap:4px;color:var(--ink-3);font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.filters input,.record textarea,.sign-in input{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper);color:var(--ink);font:inherit;letter-spacing:0;text-transform:none}.filters input,.sign-in input{height:var(--control-h);padding:0 8px}.pager{display:flex;align-items:center;gap:8px;margin-left:auto}.pager-range{color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}.record textarea{min-height:96px;padding:8px;resize:vertical}.record{display:flex;flex-direction:column;gap:14px;max-width:720px;padding:20px 24px 32px}.record-state{margin:0;color:var(--ink-2)}.record-actions{display:flex;flex-wrap:wrap;gap:8px}.fields{display:grid;gap:12px;margin:0}.fields div{display:grid;gap:2px}.fields dt{color:var(--ink-3);font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.fields dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}