:root{--ledger:#f7f7f5;--sheet:#fff;--sheet-sunk:#f2f2ef;--ink-1:#1f2328;--ink-2:#4a5058;--ink-3:#6e757d;--ink-4:#9aa0a6;--rule-whisper:#1f23280f;--rule-soft:#1f23281a;--rule-clear:#1f232833;--brand:#2563eb;--brand-ink:#fff;--brand-wash:color-mix(in srgb, var(--brand) 8%, white);--stamp-ok:#1a7f37;--stamp-warn:#9a6700;--stamp-bad:#c62828;--stamp-info:var(--brand);--stamp-quiet:#6e757d;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--r:6px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ledger);color:var(--ink-1);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600}h2{margin:0;font-size:16px;font-weight:600}h3{color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:13px;font-weight:600}.num,.id,td.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--mono);font-size:12px}.muted{color:var(--ink-3)}.small{font-size:12px}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:3px}.shell{grid-template-rows:48px 1fr;grid-template-columns:220px 1fr;height:100%;display:grid}.topbar{align-items:center;gap:var(--s-3);padding:0 var(--s-4);background:var(--sheet);border-bottom:1px solid var(--rule-soft);grid-column:1/-1;display:flex}.topbar .brand{align-items:center;gap:var(--s-2);color:var(--ink-1);font-weight:600;display:flex}.topbar .brand img{width:auto;height:24px}.topbar .mark{background:var(--brand);width:24px;height:24px;color:var(--brand-ink);border-radius:5px;place-items:center;font-size:12px;font-weight:700;display:grid}.topbar .spacer{flex:1}.sidebar{background:var(--ledger);border-right:1px solid var(--rule-whisper);padding:var(--s-3) var(--s-2);overflow-y:auto}.sidebar .section{margin:var(--s-4) var(--s-2) var(--s-1);color:var(--ink-4);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.sidebar a{padding:6px var(--s-2);border-radius:var(--r);color:var(--ink-2);justify-content:space-between;align-items:center;display:flex}.sidebar a:hover{background:var(--sheet-sunk);color:var(--ink-1);text-decoration:none}.sidebar a.active{background:var(--sheet);color:var(--ink-1);box-shadow:inset 0 0 0 1px var(--rule-soft);font-weight:600}.sidebar .count{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11px}.main{padding:var(--s-6) var(--s-8);overflow-y:auto}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--s-4);margin-bottom:var(--s-5);display:flex}.page-head p{margin:var(--s-1) 0 0;color:var(--ink-3)}.sheet{background:var(--sheet);border:1px solid var(--rule-soft);border-radius:var(--r)}.sheet-pad{padding:var(--s-4) var(--s-5)}.grid-cards{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.card{padding:var(--s-4) var(--s-5);color:inherit;display:block}.card:hover{border-color:var(--rule-clear);text-decoration:none}.card .label{color:var(--ink-3);font-size:12px}.card .value{margin-top:var(--s-1);font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}table.list{border-collapse:collapse;width:100%}table.list th{text-align:left;color:var(--ink-3);background:var(--sheet-sunk);padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--rule-soft);font-size:12px;font-weight:500}table.list td{padding:10px var(--s-3);border-bottom:1px solid var(--rule-whisper);vertical-align:middle}table.list tr:last-child td{border-bottom:none}table.list tr.row{cursor:pointer}table.list td.nowrap{white-space:nowrap}.clip{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}table.list tr.row:hover td{background:var(--ledger)}table.list tr.selected td{background:var(--brand-wash)}.tabs{gap:var(--s-1);border-bottom:1px solid var(--rule-soft);margin-bottom:var(--s-4);display:flex}.tabs button{padding:var(--s-2) var(--s-3);color:var(--ink-3);cursor:pointer;font:inherit;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px}.tabs button:hover{color:var(--ink-1)}.tabs button[aria-selected=true]{color:var(--ink-1);border-bottom-color:var(--brand);font-weight:600}.stamp{letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;border:1.5px solid;border-radius:3px;padding:1px 6px;font-size:10.5px;font-weight:700;line-height:1.5;display:inline-block}.stamp.ok{color:var(--stamp-ok)}.stamp.warn{color:var(--stamp-warn)}.stamp.bad{color:var(--stamp-bad)}.stamp.info{color:var(--stamp-info)}.stamp.quiet{color:var(--stamp-quiet);border-style:dashed}.docket{border-left:2px solid var(--rule-soft);margin:0;padding:0;list-style:none}.docket li{padding:0 0 var(--s-4) var(--s-4);position:relative}.docket li:before{content:"";background:var(--sheet);border:2px solid var(--ink-4);border-radius:50%;width:10px;height:10px;position:absolute;top:5px;left:-6px}.docket li.ok:before{border-color:var(--stamp-ok)}.docket li.bad:before{border-color:var(--stamp-bad)}.docket .who{font-weight:600}.docket .why{color:var(--ink-2);margin-top:2px}label.field{margin-bottom:var(--s-4);display:block}label.field span{color:var(--ink-2);margin-bottom:var(--s-1);font-size:12px;display:block}input,textarea,select{width:100%;font:inherit;color:var(--ink-1);background:var(--sheet);border:1px solid var(--rule-clear);border-radius:var(--r);padding:7px 10px}input:hover,textarea:hover{border-color:var(--ink-4)}input:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash);outline:none}input:disabled{background:var(--sheet-sunk);color:var(--ink-3)}textarea{resize:vertical;min-height:64px}.btn{align-items:center;gap:var(--s-2);font:inherit;border-radius:var(--r);border:1px solid var(--rule-clear);background:var(--sheet);color:var(--ink-1);cursor:pointer;padding:6px 12px;font-weight:500;display:inline-flex}.btn:hover{background:var(--sheet-sunk)}.btn:active{background:var(--rule-soft)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn.primary:hover{background:color-mix(in srgb, var(--brand) 88%, black)}.btn.danger{color:var(--stamp-bad);border-color:color-mix(in srgb, var(--stamp-bad) 40%, white)}.btn.danger:hover{background:color-mix(in srgb, var(--stamp-bad) 6%, white)}.btn.link{color:var(--brand);background:0 0;border:none;padding:0}.btn.small,.btn.link.small{font-size:12px}.actions{gap:var(--s-2);flex-wrap:wrap;display:flex}.note{padding:var(--s-2) var(--s-3);border-radius:var(--r);border:1px solid;font-size:13px}.note.bad{color:var(--stamp-bad);border-color:color-mix(in srgb, var(--stamp-bad) 30%, white);background:color-mix(in srgb, var(--stamp-bad) 4%, white)}.note.ok{color:var(--stamp-ok);border-color:color-mix(in srgb, var(--stamp-ok) 30%, white);background:color-mix(in srgb, var(--stamp-ok) 4%, white)}.note.info{color:var(--ink-2);border-color:var(--rule-soft);background:var(--sheet-sunk)}.split{gap:var(--s-4);grid-template-columns:minmax(0,1fr) 420px;align-items:start;display:grid}dl.kv{gap:var(--s-2) var(--s-3);grid-template-columns:140px 1fr;margin:0;display:grid}dl.kv dt{color:var(--ink-3);padding-top:1px;font-size:12px}dl.kv dd{overflow-wrap:anywhere;margin:0}.auth{min-height:100%;padding:var(--s-6);place-items:center;display:grid}.auth .panel{width:380px;padding:var(--s-8) var(--s-6)}.auth .head{align-items:center;gap:var(--s-3);margin-bottom:var(--s-6);display:flex}.auth .head img{height:36px}.auth .head .mark{background:var(--brand);width:36px;height:36px;color:var(--brand-ink);border-radius:8px;place-items:center;font-weight:700;display:grid}.qr{margin:var(--s-3) auto;width:180px;height:180px;image-rendering:pixelated;border:1px solid var(--rule-soft);border-radius:var(--r);display:block}.secret{font-family:var(--mono);letter-spacing:.08em;text-align:center;word-spacing:6px;color:var(--ink-2)}.empty{padding:var(--s-8);text-align:center;color:var(--ink-3)}
