:root{--bg: #f7f8f7;--surface: #ffffff;--surface-2: #f1f3f2;--border: #e2e5e3;--text: #17201b;--muted: #5d6a63;--accent: #0f8a69;--accent-soft: #e3f4ee;--danger: #c4372f;--danger-soft: #fbeceb;--warn: #b26b00;--grid: #e8ebe9;--appbar-border: #d9d9d9;--lime: #6bac1b;--lime-tint: #eef6e1;--c1: #0f8a69;--c2: #3b6fd8;--c3: #c2780b;--c4: #8a4fc7;--c5: #d0457a;--c6: #2f9db3;--c7: #6b7a2a;--c8: #7a5c48;--ok: #0f8a69;--denied: #c2780b;--not_found: #8a948f;--invalid: #8a4fc7;--error: #c4372f;color-scheme:light}:root[data-theme=dark]{--bg: #0f1412;--surface: #161d1a;--surface-2: #1d2622;--border: #2a3530;--text: #e6ece9;--muted: #93a29a;--accent: #3cc79f;--accent-soft: #173a30;--danger: #f0736b;--danger-soft: #3a1d1b;--warn: #f0ad4e;--grid: #25302b;--appbar-border: #3a3a3a;--lime: #a5c20e;--lime-tint: #26301a;--c1: #3cc79f;--c2: #7aa2ff;--c3: #f0ad4e;--c4: #b98af0;--c5: #f07aa7;--c6: #5ccbe0;--c7: #b5c46a;--c8: #c9a68e;--ok: #3cc79f;--denied: #f0ad4e;--not_found: #93a29a;--invalid: #b98af0;--error: #f0736b;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent)}button,input,select{font:inherit;color:inherit}.shell{max-width:1200px;width:100%;margin:0 auto;padding:16px 16px 48px;min-width:0}.appbar{height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px 0 0;background:var(--surface);border-bottom:1px solid var(--appbar-border);position:sticky;top:0;z-index:20}.brand-area{width:236px;flex:none;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 16px}.only-phone{display:none}.only-wide{display:contents}.lockup{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;min-width:0}.lockup img{flex:none}.lockup-text{display:flex;flex-direction:column;min-width:0}.lockup-name{font-family:Lato,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:18px;line-height:22px;white-space:nowrap}.lockup-by{font-size:12px;line-height:14px;color:var(--muted)}.appbar-right{display:flex;align-items:center;gap:4px}.icon-btn{position:relative;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;background:none;color:var(--text);cursor:pointer}.icon-btn:hover,.icon-btn[aria-expanded=true]{background:var(--surface-2)}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--lime-tint);color:var(--lime);font-size:12px;font-weight:700;-webkit-user-select:none;user-select:none;border:0;cursor:pointer;padding:0}.avatar:hover,.avatar[aria-expanded=true]{box-shadow:0 0 0 2px var(--lime)}.dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#e03131;box-shadow:0 0 0 2px var(--surface)}.menu-wrap{position:relative}.menu-panel{position:absolute;right:0;top:40px;width:300px;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px #00000024;padding:6px;z-index:30}.menu-panel.notes{width:340px;max-height:70vh;overflow-y:auto}.menu-head{font-weight:700;padding:8px 8px 4px}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:0;background:none;border-radius:8px;color:var(--text);text-decoration:none;font:inherit;cursor:pointer;text-align:left}.menu-item:hover{background:var(--surface-2)}.account-who{display:flex;flex-direction:column;gap:2px;padding:8px 8px 10px;border-bottom:1px solid var(--border);margin-bottom:4px;font-size:13px}.note{display:flex;flex-direction:column;gap:2px;width:100%;padding:8px;border:0;background:none;border-radius:8px;color:var(--text);font:inherit;text-align:left;cursor:pointer}.note:hover{background:var(--surface-2)}.note.firing{border-left:3px solid var(--danger)}.note-detail{font-size:13px}.note-meta{font-size:12px;color:var(--muted)}.layout{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:calc(100vh - 60px)}.layout.collapsed{grid-template-columns:minmax(0,1fr)}.layout.collapsed .sidebar{display:none}.sidebar{background:var(--surface);border-right:1px solid var(--appbar-border);padding:12px 8px;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto}.sidebar nav{display:grid;gap:2px;margin-top:8px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border-radius:8px;border:0;background:none;color:var(--text);text-decoration:none;font:inherit;cursor:pointer;text-align:left}.nav-item:hover{background:var(--surface-2)}.nav-item.active{background:var(--lime-tint);color:var(--lime);font-weight:600}.nav-item .nav-label{flex:1}.nav-item.search{color:var(--muted);border:1px solid var(--border)}kbd{font:11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;padding:3px 5px;border-radius:5px;border:1px solid var(--border);color:var(--muted);background:var(--surface-2)}.drawer-backdrop{display:none}.palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:50;display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px}.palette{width:560px;max-width:100%;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 48px #00000040;overflow:hidden}.palette-input{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);color:var(--muted)}.palette-input input{flex:1;border:0;outline:none;background:none;font-size:15px;color:var(--text)}.palette-results{max-height:50vh;overflow-y:auto;padding:6px}.palette-hit{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;background:none;border-radius:8px;color:var(--text);font:inherit;text-align:left;cursor:pointer}.palette-hit.sel{background:var(--lime-tint)}.palette-hit .hit-label{font-weight:600}.palette-hit .hit-sub{color:var(--muted);font-size:12px;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.limey-note{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);margin-bottom:12px}.limey-note.done{border-color:var(--lime);background:var(--lime-tint)}.limey-note.oops{border-color:var(--danger);background:var(--danger-soft)}.limey-note img{flex:none}.limey-note-body{flex:1;min-width:0}.loading{min-height:120px}.switcher{position:relative}.switcher-panel{position:absolute;right:0;top:40px;width:320px;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px #00000024;padding:6px;display:grid;gap:2px}.switcher-row{display:flex;gap:12px;align-items:center;padding:8px;border-radius:8px;color:var(--text);text-decoration:none}a.switcher-row:hover{background:var(--surface-2)}.switcher-row.self{background:var(--lime-tint)}.switcher-row img{flex:none;border-radius:6px}.switcher-text{display:flex;flex-direction:column;min-width:0}.switcher-name{font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px}.switcher-desc{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.here{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;padding:1px 6px;border-radius:999px;background:var(--lime-tint);color:var(--lime);border:1px solid var(--lime)}.switcher-all{display:inline-flex;align-items:center;gap:4px;padding:8px;font-size:14px;font-weight:600;color:var(--text);text-decoration:none}.switcher-all:hover{text-decoration:underline}.pagebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:16px}.page-title{font-size:18px;margin:0}.limey{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:24px 8px;color:var(--muted)}.limey img{margin-bottom:6px}.limey-title{font-weight:700;color:var(--text)}.limey-sub{font-size:13px;max-width:420px}.limey.oops .limey-title{color:var(--danger)}.top{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:650;font-size:17px}.brand-mark{width:26px;height:26px;border-radius:7px;background:var(--accent);display:grid;place-items:center;color:#fff;font-size:13px}.who{color:var(--muted);font-size:13px}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filters select,.filters input,.input{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 10px;min-height:34px}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface)}.seg button{border:0;background:none;padding:6px 10px;cursor:pointer;color:var(--muted)}.seg button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.tabs{display:flex;gap:2px;margin:18px 0 16px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.tabs button{border:0;background:none;padding:9px 12px;cursor:pointer;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;min-width:0}.card h2{margin:0 0 2px;font-size:15px}.card .sub{margin:0 0 12px;color:var(--muted);font-size:13px}.span{grid-column:1 / -1}.kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.kpi .label{color:var(--muted);font-size:12px}.kpi .value{font-size:24px;font-weight:650;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--muted);font-weight:550;font-size:12px}td.num,th.num{text-align:right}td.actions{white-space:normal;min-width:280px}td.actions .btn{margin:0 6px 6px 0}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--surface-2)}.pill{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;background:var(--surface-2);color:var(--muted)}.pill.ok{background:var(--accent-soft);color:var(--accent)}.pill.bad{background:var(--danger-soft);color:var(--danger)}.bad-text{color:var(--danger);font-weight:600}.muted{color:var(--muted)}.empty,.loading,.error{padding:28px 8px;text-align:center;color:var(--muted)}.error{color:var(--danger)}.btn{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:6px 12px;cursor:pointer}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.6;cursor:default}.form{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end}.form label{display:grid;gap:4px;font-size:12px;color:var(--muted)}.callout{border:1px solid var(--accent);background:var(--accent-soft);border-radius:10px;padding:12px 14px;margin-bottom:16px}.callout code{display:block;word-break:break-all;background:var(--surface);padding:6px 8px;border-radius:6px;margin:4px 0 8px;font-size:12px}pre.event{margin:6px 0 0;padding:8px;background:var(--surface-2);border-radius:8px;font-size:12px;overflow-x:auto}.legend-note{font-size:12px;color:var(--muted);margin-top:6px}.recharts-cartesian-axis-tick-value{fill:var(--muted);font-size:12px}.recharts-default-tooltip{background:var(--surface)!important;border-color:var(--border)!important;border-radius:8px}.recharts-legend-item-text{color:var(--text)!important}@media (max-width: 600px){.shell{padding:14px 16px 40px}.lockup-text{display:none}.kpi .value{font-size:20px}}.meter{display:flex;height:8px;border-radius:999px;overflow:hidden;background:var(--surface-2);margin:6px 0 2px}.meter span{display:block;height:100%}.legend-row{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--muted)}.legend-row i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:4px;vertical-align:-1px}.tool-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:16px}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px;cursor:pointer;text-align:left}.tool-card:hover{border-color:var(--accent)}.tool-card .rate{font-size:22px;font-weight:650;font-variant-numeric:tabular-nums}.matrix th.tool-col{text-align:center;cursor:pointer}.matrix td.cell{text-align:center;padding:6px}.chip{display:inline-block;min-width:54px;padding:2px 8px;border-radius:6px;font-size:12px;font-variant-numeric:tabular-nums}.chip.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.chip.quiet{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}.chip.never{border:1px dashed var(--danger);color:var(--danger)}.chip.not_expected{color:var(--muted);opacity:.6}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.toolbar .grow{flex:1;min-width:160px}.crumb{display:inline-flex;align-items:center;gap:6px;color:var(--muted);cursor:pointer;margin-bottom:10px;border:0;background:none;padding:0}.profile-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:14px}.profile-head h1{margin:0;font-size:20px}.tags{display:flex;flex-wrap:wrap;gap:6px}.kv{display:inline-flex;flex-wrap:wrap;gap:2px 10px;white-space:normal}.input-text{white-space:pre-wrap;word-break:break-word;max-width:520px}.notice{border:1px solid var(--warn);background:color-mix(in srgb,var(--warn) 10%,transparent);border-radius:10px;padding:10px 12px;margin-bottom:12px;font-size:13px}textarea.input{width:100%;min-height:120px;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}a.btn{text-decoration:none;display:inline-block}.link{color:var(--accent);cursor:pointer;background:none;border:0;padding:0;font:inherit;text-align:left}@media (max-width: 768px){.brand-area{width:auto;gap:8px;padding-left:16px}.lockup-text{display:none}.only-phone{display:contents}.only-wide{display:none}.layout,.layout.collapsed{grid-template-columns:minmax(0,1fr)}.sidebar,.layout.collapsed .sidebar{display:block;position:fixed;top:60px;left:0;bottom:0;height:auto;width:260px;max-width:85vw;z-index:40;transform:translate(-100%);transition:transform .18s ease;box-shadow:0 0 24px #0003}.sidebar:not(.open){box-shadow:none;visibility:hidden;transition:transform .18s ease,visibility 0s .18s}.sidebar.open{transform:none;visibility:visible}.drawer-backdrop{display:block;position:fixed;top:60px;right:0;bottom:0;left:0;background:#00000059;z-index:35}}
