:root{--bg: #0f1115;--bg-elev: #161922;--bg-elev-2: #1c2030;--bg-hover: #1f2433;--bg-selected: #283047;--fg: #e7e9ee;--fg-muted: #98a0b3;--fg-dim: #5e677b;--border: #262b3a;--border-strong: #3a4257;--accent: #5ea1ff;--accent-fg: #0a1220;--good: #4ec07a;--warn: #eab867;--bad: #e26a6a;--radius: 3px;--gap: 10px;--sidebar-w: 220px}*{box-sizing:border-box}html,body,#root{margin:0;background:var(--bg);color:var(--fg);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-weight:500;margin:0;letter-spacing:0}h1{font-size:18px}h2{font-size:15px}h3{font-size:13px;color:var(--fg-muted)}code,pre{font-family:inherit}.app{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) 1fr}.sidebar{background:var(--bg-elev);border-right:1px solid var(--border);padding:14px 10px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}.sidebar .brand{font-size:13px;font-weight:600;color:var(--fg);padding:4px 8px 14px;border-bottom:1px solid var(--border);margin-bottom:6px}.sidebar .nav-link{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:var(--radius);color:var(--fg-muted);cursor:pointer;background:transparent;border:0;font:inherit;text-align:left;width:100%}.sidebar .nav-link:hover{background:var(--bg-hover);color:var(--fg)}.sidebar .nav-link.active{background:var(--bg-elev-2);color:var(--fg)}.sidebar .nav-link .badge{background:var(--accent);color:var(--accent-fg);border-radius:2px;padding:0 6px;font-size:11px;min-width:18px;text-align:center}.sidebar .group-label{color:var(--fg-dim);font-size:11px;padding:12px 10px 4px;text-transform:none;letter-spacing:0}.main{padding:18px 22px;min-width:0}.btn{background:var(--bg-elev-2);border:1px solid var(--border-strong);color:var(--fg);font:inherit;font-size:12px;padding:5px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius);-webkit-user-select:none;user-select:none}.btn:hover{background:var(--bg-hover)}.btn:active{background:var(--bg-elev)}.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.1)}.btn.good{color:var(--good);border-color:var(--good)}.btn.bad{color:var(--bad);border-color:var(--bad)}.btn.subtle{background:transparent;border-color:transparent;color:var(--fg-muted)}.btn.subtle:hover{color:var(--fg);background:var(--bg-hover)}.chip{display:inline-flex;align-items:center;border:1px solid var(--border);background:var(--bg-elev);color:var(--fg-muted);border-radius:var(--radius);padding:1px 6px;font-size:11px;line-height:1.6;white-space:nowrap}.chip.active{background:var(--bg-selected);color:var(--fg);border-color:var(--border-strong)}.chip.accent{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.chip.good{color:var(--good);border-color:var(--good);background:transparent}.chip.bad{color:var(--bad);border-color:var(--bad);background:transparent}.chip.warn{color:var(--warn);border-color:var(--warn);background:transparent}.chip button{all:unset;cursor:pointer;display:inline-flex;align-items:center}.severity-pill{all:unset;cursor:pointer;font-size:11px;padding:1px 7px;border:1px solid var(--border);border-radius:var(--radius);color:var(--fg-muted);background:var(--bg-elev)}.severity-pill:hover{color:var(--fg)}.severity-pill.active{color:var(--fg);border-color:var(--border-strong);background:var(--bg-elev-2)}.severity-pill.active.sev-low{border-color:var(--fg-dim)}.severity-pill.active.sev-normal{border-color:var(--fg-muted)}.severity-pill.active.sev-high{border-color:var(--warn);color:var(--warn)}.severity-pill.active.sev-urgent{border-color:var(--bad);color:var(--bad)}.sev{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.sev.low{background:var(--fg-dim)}.sev.normal{background:var(--fg-muted)}.sev.high{background:var(--warn)}.sev.urgent{background:var(--bad)}.panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px}.panel-title{font-size:12px;color:var(--fg-muted);border-bottom:1px solid var(--border);padding:8px 14px;background:var(--bg-elev-2);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.panel-body{padding:14px}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}.filters .label{color:var(--fg-dim);font-size:11px;margin-right:2px}.active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 14px;padding:8px 10px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius)}.active-filter{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;background:var(--bg-elev-2);color:var(--fg);border:1px solid var(--border-strong);border-radius:var(--radius);padding:2px 8px;font-size:11px}.active-filter:hover{background:var(--bg-hover)}.active-filter-x{color:var(--fg-muted);font-size:10px}.active-filter:hover .active-filter-x{color:var(--bad)}.event-list{border:1px solid var(--border);background:var(--bg-elev);border-radius:var(--radius);overflow:hidden}.event-row{display:grid;grid-template-columns:24px 12px 130px 110px 130px minmax(0,1fr) 80px 48px;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid var(--border);cursor:pointer}.event-row>.chip,.event-row>.cell .chip{max-width:100%;overflow:hidden;text-overflow:ellipsis}.event-row .cell{min-width:0;display:flex;align-items:center}.event-header-row{cursor:default;background:var(--bg-elev-2);border-top:0;padding-top:6px;padding-bottom:6px;border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none}.event-header-row:hover{background:var(--bg-elev-2)}.sort-header{all:unset;cursor:pointer;font-size:11px;color:var(--fg-muted);display:inline-flex;align-items:center;gap:4px;padding:2px 0}.sort-header:hover,.sort-header[data-active]{color:var(--fg)}.sort-arrow{font-size:10px;color:var(--accent)}.event-row:first-child{border-top:0}.event-row:hover{background:var(--bg-hover)}.event-row.selected{background:var(--bg-selected)}.event-row.cursor{box-shadow:inset 2px 0 0 0 var(--accent)}.event-row .title{color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-row .age,.event-row .status-cell{color:var(--fg-muted);font-size:12px;text-align:right}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:1px solid var(--border-strong);background:var(--bg-elev-2);border-radius:2px;cursor:pointer;display:inline-block;position:relative}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:solid var(--accent-fg);border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=text],input[type=search],textarea,select{border:1px solid var(--border-strong);background:var(--bg-elev-2);color:var(--fg);padding:5px 8px;font:inherit;border-radius:var(--radius);outline:none}input::placeholder,textarea::placeholder{color:var(--fg-dim)}input[type=text]:focus,input[type=search]:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{width:100%;min-height:80px;resize:vertical}.event-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.event-body{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px;white-space:pre-wrap;word-break:break-word}.kv-table{width:100%;border-collapse:collapse;font-size:12px}.kv-table th,.kv-table td{border-bottom:1px solid var(--border);padding:6px 10px;text-align:left;vertical-align:top}.kv-table th{color:var(--fg-muted);font-weight:500;width:180px;background:transparent}.kv-table tr:last-child th,.kv-table tr:last-child td{border-bottom:0}.kv-table pre{margin:0;white-space:pre-wrap;word-break:break-word;color:var(--fg)}.email-turn{display:grid;gap:6px;margin-top:6px}.email-turn-head{font-size:12px}.email-turn-from strong{color:var(--fg)}.email-turn-subject{font-size:13px;color:var(--fg);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius);padding:4px 8px}.email-turn-body{margin:0;white-space:pre-wrap;word-break:break-word;color:var(--fg);font-size:12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px}.prior-turn{border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;background:var(--bg)}.prior-turn-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.login-shell{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.login-card{width:320px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:grid;gap:14px}.login-brand{font-weight:600;font-size:15px;letter-spacing:.02em;margin-bottom:4px}.login-row{display:grid;gap:4px}.login-row input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;color:var(--fg);font:inherit}.login-row input:focus{outline:0;border-color:var(--accent)}.sidebar-spacer{flex:1}.nav-link.logout{margin-top:8px;color:var(--fg-dim)}.nav-link.logout:hover{color:var(--fg)}.build-stamp{font-size:10px;color:var(--fg-dim);padding:6px 8px 0;text-decoration:none;font-family:inherit;letter-spacing:.02em}.build-stamp:hover{color:var(--fg)}.dp-control{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:2px 4px 2px 8px;width:220px}.dp-control:focus-within{border-color:var(--accent)}.dp-input{border:0;background:transparent;color:var(--fg);font:inherit;outline:none;flex:1;min-width:0;padding:6px 0}.dp-trigger,.dp-clear{border:0;background:transparent;color:var(--fg-dim);padding:4px 6px;border-radius:3px;cursor:pointer;display:inline-flex;align-items:center}.dp-trigger:hover,.dp-clear:hover{color:var(--fg);background:var(--bg-elev-2)}.dp-positioner{--z-index: 80;min-width:0!important}.dp-content{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:10px;box-shadow:0 10px 24px #00000080;width:280px}.dp-view-control{display:flex;align-items:center;gap:4px;margin-bottom:8px}.dp-view-trigger{flex:1;background:transparent;border:0;color:var(--fg);font:inherit;font-weight:600;padding:4px 8px;border-radius:3px;cursor:pointer}.dp-view-trigger:hover{background:var(--bg-elev-2)}.dp-nav{background:transparent;border:0;color:var(--fg-dim);padding:4px 6px;border-radius:3px;cursor:pointer;display:inline-flex;align-items:center}.dp-nav:hover{color:var(--fg);background:var(--bg-elev-2)}.dp-table{border-collapse:collapse;width:100%;table-layout:fixed}.dp-table th,.dp-table td{text-align:center}.dp-table th{color:var(--fg-dim);font-weight:500;font-size:11px;padding:4px 0}.dp-table td{padding:0}.dp-cell{display:flex;align-items:center;justify-content:center;width:100%;height:30px;padding:0;margin:0;background:transparent;border:0;color:var(--fg);font:inherit;font-size:13px;line-height:1;border-radius:3px;cursor:pointer}.dp-cell:hover{background:var(--bg-elev-2)}.dp-cell[data-selected]{background:var(--accent);color:var(--accent-fg, #fff)}.dp-cell[data-today]:not([data-selected]){box-shadow:inset 0 0 0 1px var(--accent)}.dp-cell[data-outside-range],.dp-cell[data-disabled]{color:var(--fg-dim);opacity:.5}.dp-months .dp-cell,.dp-years .dp-cell{height:38px;font-size:12px}.webhooks-table{width:100%;border-collapse:collapse}.webhooks-table th{text-align:left;font-size:11px;font-weight:500;color:var(--fg-dim);padding:8px 12px;border-bottom:1px solid var(--border)}.webhooks-table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.webhooks-table tr:last-child td{border-bottom:0}.webhooks-url code{font-size:11px;word-break:break-all}.link-button{background:transparent;border:0;padding:0;cursor:pointer;color:inherit;font:inherit;display:inline-flex;align-items:center}.link-button:hover{opacity:.8}.ok{color:var(--good)}.bad{color:var(--bad)}.attachments{display:grid;gap:10px}.attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.attachment-thumb{display:block;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg);aspect-ratio:4 / 3}.attachment-thumb img{width:100%;height:100%;object-fit:cover;display:block}.attachment-thumb:hover{border-color:var(--accent)}.attachment-files{display:grid;gap:6px}.attachment-file{display:flex;gap:10px;align-items:center;border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;background:var(--bg);text-decoration:none;color:inherit}.attachment-file:hover{border-color:var(--accent)}.attachment-icon{font-size:10px;letter-spacing:.06em;font-weight:600;background:var(--bg-elev-2);color:var(--fg-dim);padding:4px 6px;border-radius:3px;flex:none}.attachment-meta{display:grid;min-width:0}.attachment-filename{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note{border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;background:var(--bg);margin-bottom:8px}.note .meta{font-size:11px;color:var(--fg-dim);margin-bottom:4px}.empty-state{color:var(--fg-dim);text-align:center;padding:60px 0;font-size:13px}.token-banner{background:var(--bg-elev-2);border:1px solid var(--warn);border-radius:var(--radius);padding:12px 14px;margin-bottom:14px;word-break:break-all}.token-banner strong{color:var(--warn)}.token-banner code{display:block;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;margin-top:6px;color:var(--fg)}.info{border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;background:var(--bg)}.info-label{color:var(--fg-muted);font-size:11px;margin-right:8px}.info-value{color:var(--fg);font-size:13px}.info-plain{display:flex;align-items:baseline}.info-stat-row{display:flex;gap:10px;flex-wrap:wrap}.info-stat{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:8px 14px;display:flex;flex-direction:column;gap:2px;min-width:80px}.info-stat-value{font-size:20px;font-weight:600;color:var(--fg);line-height:1.1}.info-stat-label{font-size:11px;color:var(--fg-muted)}.info-warning{background:#eab8671f;border-color:var(--warn);display:flex;align-items:baseline}.info-warning .info-label{color:var(--warn)}.info-good{background:#4ec07a1a;border-color:var(--good);display:flex;align-items:baseline}.info-good .info-label{color:var(--good)}.info-quote{background:var(--bg);border-left:3px solid var(--accent)}.info-quote-label{color:var(--fg-muted);font-size:11px;margin-bottom:4px}.info-quote-body{margin:0;white-space:pre-wrap;word-break:break-word;color:var(--fg);font-size:12px}.error{color:var(--bad);margin-top:8px;font-size:12px}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--fg-muted)}.dim{color:var(--fg-dim)}hr.divider{border:0;border-top:1px solid var(--border);margin:14px 0}table.simple{width:100%;border-collapse:collapse;font-size:12px}table.simple th,table.simple td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}table.simple th{color:var(--fg-muted);font-weight:500;background:var(--bg-elev-2)}table.simple tbody tr{cursor:pointer}table.simple tbody tr:hover{background:var(--bg-hover)}