:root{--bg: #1c1e22;--surface: #2d2f36;--surface2: #373a42;--border: #43464f;--border2: #52555f;--hair: #33363d;--ink: #f3f4f6;--body: #d0d3d9;--muted: #9ba1ab;--accent: #3b82f6;--accent-soft: rgba(59, 130, 246, .14);--ok: #74c47a;--warn: #e8b34b;--bad: #e08980;--bad-soft: rgba(224, 137, 128, .14);--pro: #a855f7;--mono: "JetBrains Mono", ui-monospace, monospace;--sans: "Space Grotesk", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);background:var(--bg);color:var(--body);font-size:14px}h1,h2{color:var(--ink);margin:0}button{font-family:var(--sans)}.boot{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;color:var(--muted)}.signin{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:30px 28px;display:flex;flex-direction:column}.signin-sub{margin:6px 0 18px;font-size:13px;color:var(--muted);text-align:center}.denied{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:30px 34px}.denied h1{font-size:19px;margin-bottom:8px}.denied p{margin:0 0 16px;color:var(--muted);font-size:13px}.brand{display:flex;align-items:baseline;gap:8px}.brand.center{justify-content:center;margin-bottom:4px}.brand-name{font-size:18px;font-weight:700;letter-spacing:-.4px;color:var(--ink)}.brand-tag{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:3px;color:var(--accent)}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:5}.topbar-r{display:flex;align-items:center;gap:12px}.me{font-family:var(--mono);font-size:12px;color:var(--muted)}.cols{flex:1;display:flex;gap:18px;padding:18px 20px;align-items:flex-start}.col{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px}.col.left{flex:0 0 340px}.col.right{flex:1;min-width:0}.empty{color:var(--muted);font-size:13px;padding:26px 8px;text-align:center}.pane-h{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.pane-h h2{font-size:15px;font-weight:700;letter-spacing:-.2px}.pane-sub{font-family:var(--mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.lbl{font-family:var(--mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:10px 0 5px}.inp{width:100%;background:var(--surface2);border:1px solid var(--border2);border-radius:9px;color:var(--ink);font-family:var(--sans);font-size:14px;padding:10px 12px;outline:none}.inp:focus{border-color:var(--accent)}.inp.search{margin-bottom:12px}.inp.num{width:78px;padding:7px 9px;font-family:var(--mono);font-size:13px;text-align:right}.btn{background:var(--surface2);border:1px solid var(--border2);color:var(--body);border-radius:9px;padding:9px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .25s,color .25s,background .25s}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){color:#fff;filter:brightness(1.1)}.btn.bad{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}.btn.bad:hover:not(:disabled){color:var(--bad);filter:brightness(1.12)}.btn.ghost{background:none}.btn.wide{width:100%}.btn.tiny{padding:5px 10px;font-size:12px}.or{text-align:center;font-family:var(--mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:12px 0}.err{background:var(--bad-soft);border:1px solid var(--bad);color:var(--bad);border-radius:9px;padding:9px 12px;font-size:13px;margin:8px 0}.muted{color:var(--muted)}.small{font-size:12px}.pad{padding:8px 2px}.mono{font-family:var(--mono);font-size:12px}.ellip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hint{font-size:12px;color:var(--muted)}.ulist{display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow-y:auto}.urow{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--surface2);border:1px solid var(--hair);border-radius:10px;padding:9px 11px;cursor:pointer;color:var(--body);transition:border-color .2s,background .2s}.urow:hover{border-color:var(--border2)}.urow.on{border-color:var(--accent);background:var(--accent-soft)}.dot{flex:none;width:8px;height:8px;border-radius:50%}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}.urow-main{flex:1;min-width:0;display:flex;flex-direction:column}.urow-mail{font-size:13px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.urow-sub{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.urow-tags{display:flex;gap:5px;flex:none}.tag{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:1px;border-radius:5px;padding:3px 6px;background:var(--surface);border:1px solid var(--border2);color:var(--muted)}.tag.pro{color:var(--pro);border-color:var(--pro)}.tag.staff{color:var(--accent);border-color:var(--accent)}.tag.self{color:var(--warn);border-color:var(--warn);margin-left:8px}.meta-line{font-size:12px;color:var(--muted);margin:-6px 0 14px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.axis{border:1px solid var(--hair);border-radius:12px;padding:13px 14px;margin-bottom:12px;background:var(--surface2)}.axis-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.axis-name{font-family:var(--mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.pill{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:1px;border-radius:6px;padding:4px 8px;border:1px solid var(--border2);color:var(--body)}.pill.ok{color:var(--ok);border-color:var(--ok)}.pill.bad{color:var(--bad);border-color:var(--bad)}.pill.pro{color:var(--pro);border-color:var(--pro)}.pill.staff{color:var(--accent);border-color:var(--accent)}.credits{margin-left:auto;font-family:var(--mono);font-size:13px;font-weight:700;color:var(--ink)}.credits.zero{color:var(--bad)}.axis-b{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.axis-b.wrap{row-gap:12px}.grp{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.glbl{font-size:11px;color:var(--muted)}.cbar{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border2);border-radius:9px;padding:5px 8px}.cbar-q{font-size:12px;color:var(--ink)}.tbl{width:100%;border-collapse:collapse;font-size:12px}.tbl td{padding:6px 10px 6px 0;border-bottom:1px solid var(--hair);vertical-align:top;max-width:260px}.tbl tr:last-child td{border-bottom:none}.tbl .act{color:var(--accent);font-weight:600}.audit{margin:0 20px 20px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.audit-scroll{max-height:240px;overflow-y:auto}@media (max-width: 860px){.cols{flex-direction:column;padding:14px;gap:14px}.col.left{flex:none;width:100%}.col.right{width:100%}.audit{margin:0 14px 14px}.credits{margin-left:0;width:100%}}.tabs{display:flex;gap:4px}.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.2px;padding:6px 12px 8px;cursor:pointer;transition:color .2s,border-color .2s}.tab:hover{color:var(--body)}.tab.on{color:var(--ink);border-bottom-color:var(--accent)}.audit-page{flex:1;min-height:0;display:flex;flex-direction:column;padding:18px 20px;gap:12px}.audit-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.audit-bar .pane-h{margin-bottom:0}.audit-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.psize{display:inline-flex;align-items:center;gap:4px}.psize-lbl{font-family:var(--mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-right:4px}.psize-btn{background:var(--surface2);border:1px solid var(--border2);color:var(--body);border-radius:7px;padding:5px 10px;font-family:var(--mono);font-size:12px;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.psize-btn:hover{border-color:var(--accent);color:var(--accent)}.psize-btn.on{background:var(--accent);border-color:var(--accent);color:#fff}.audit-table-wrap{flex:1;min-height:0;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:6px 14px}.audit-tbl{width:100%}.audit-tbl thead th{position:sticky;top:0;background:var(--surface);text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-weight:600;padding:10px 10px 8px 0;border-bottom:1px solid var(--border2)}.audit-tbl td{max-width:320px}.pager{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pg-info{font-family:var(--mono);font-size:12px;color:var(--muted);margin:0 4px}.tag.prov{min-width:18px;text-align:center;padding:3px 5px}.tag.prov.gg{color:var(--accent);border-color:var(--accent)}.idgrid{display:grid;grid-template-columns:max-content 1fr;gap:7px 16px;align-items:baseline}.idlabel{font-family:var(--mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.idval{font-size:13px;color:var(--ink);overflow-wrap:anywhere}.idval.uid{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--body)}.uid .copy{flex:none}@media (max-width: 860px){.idgrid{grid-template-columns:1fr;gap:3px 0}.idlabel{margin-top:8px}.audit-page{padding:14px}}.fb-list{display:flex;flex-direction:column;gap:10px;padding:0 20px 12px}.fb-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.fb-card.st-resolved{opacity:.62}.fb-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.fb-pill{font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 8px;border-radius:6px;border:1px solid var(--border2);color:var(--muted);background:var(--surface2)}.fb-pill.bug{color:var(--bad);border-color:var(--bad);background:var(--bad-soft)}.fb-pill.suggestion{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.fb-pill.auto{color:#d97706;border-color:#d97706;background:#d977061f}.fb-pill.status.new{color:var(--accent);border-color:var(--accent)}.fb-who{font-size:13px;color:var(--body);max-width:200px}.fb-when{font-size:11px;color:var(--muted);margin-left:auto}.fb-body{font-size:13.5px;line-height:1.55;color:var(--ink);white-space:pre-wrap;word-break:break-word;margin-bottom:8px}.fb-ctx-toggle{background:none;border:none;padding:0;font-family:var(--mono);font-size:11px;color:var(--muted);cursor:pointer}.fb-ctx-toggle:hover{color:var(--accent)}.fb-ctx{margin:8px 0 2px;padding:10px 12px;background:var(--surface2);border:1px solid var(--hair);border-radius:9px;font-family:var(--mono);font-size:11px;line-height:1.55;color:var(--body);white-space:pre-wrap;word-break:break-word;max-height:240px;overflow-y:auto}.fb-actions{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.fb-actions .fb-del{margin-left:auto;color:var(--muted)}.fb-actions .fb-del:hover{color:var(--bad);border-color:var(--bad)}.fb-del-q{margin-left:auto;font-size:12px;color:var(--bad)}.ch-sel{width:auto;min-width:150px;max-width:230px;padding:6px 9px;font-size:12.5px}.ch-userchip{color:var(--accent);border-color:var(--accent)}.fb-pill.room{color:var(--ok);border-color:var(--ok)}.fb-pill.room.priv,.fb-pill.live{color:var(--warn);border-color:var(--warn)}.fb-pill.gone{color:var(--muted)}.ch-route{font-size:13px;color:var(--body);margin-bottom:8px}.ch-name{color:var(--ink);font-weight:600}.fb-pill.guest{color:var(--warn);border-color:var(--warn)}.fb-contact{font-size:12px;color:var(--muted);margin-bottom:8px}.fb-contact a{color:var(--accent);text-decoration:none}.fb-contact a:hover{text-decoration:underline}.settings{padding:22px 26px 60px;max-width:860px}.page-h{font-size:20px;font-weight:700;margin:0 0 18px}.card{border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:18px;background:var(--surface)}.card h3{font-size:14px;font-weight:700;margin:0 0 6px;letter-spacing:.01em}.card>.hint{display:block;margin-bottom:14px;line-height:1.55}.field{display:block;margin:14px 0}.field>span:first-child{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;max-width:420px;background:var(--surface2);border:1px solid var(--border2);border-radius:9px;padding:10px 12px;font-family:var(--sans);font-size:14px;color:var(--ink);outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}.field input::placeholder{color:var(--muted)}.field .hint{display:block;margin-top:6px;line-height:1.5}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.ok{color:#16794a;font-size:13px;margin-bottom:12px}.confirm{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;flex-wrap:wrap}.right{text-align:right}.empty-cell{color:var(--muted);padding:12px}.axis-b.col{flex-direction:column;align-items:stretch;gap:8px}.inp.ta{width:100%;resize:vertical;font:inherit;line-height:1.5;padding:8px 10px}.unit{font-size:11px;color:var(--muted);margin:0 2px 0 -2px}.hist{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:7px;max-height:320px;overflow-y:auto}.hist li{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;border-left:2px solid var(--border);padding:4px 0 4px 10px;font-size:12.5px}.hist-when{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.hist-what{font-weight:600}.hist-note{flex:1 1 100%;line-height:1.5}.hist-ev{flex:1 1 100%;color:var(--muted);font-family:ui-monospace,monospace;font-size:11.5px;line-height:1.5;white-space:pre-wrap}.pill.bad{background:#fdeaea;color:#a11;border-color:#f0c4c4}.field input[type=number]{max-width:110px}.field input[type=number]+.hint{max-width:420px}.field input.wide{max-width:420px}.axis-sub{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:16px 0 8px;padding-top:12px;border-top:1px solid var(--border)}.warnval{color:#a11}.axis-h .credits{margin-left:2px}
