:root{--bg-app: #17120D;--bg-sidebar: #120E0A;--bg-raised: #231D16;--bg-sunken: #0F0B07;--stroke: #362E24;--stroke-soft: #251F18;--text-1: #F2ECE1;--text-2: #B2A997;--text-3: #7D7565;--accent: #2FC5B3;--accent-deep: #0D7377;--accent-tint: #143632;--positive: #44C892;--positive-text: #78DBB0;--positive-tint: #143023;--warn: #E6A93F;--warn-text: #EEBC68;--warn-tint: #332816;--danger: #F1906F;--danger-tint: #351F18;color-scheme:dark}html.light{--bg-app: #F4F2EC;--bg-sidebar: #FAFAF7;--bg-raised: #FFFFFF;--bg-sunken: #F1EFE9;--stroke: #E7E4DB;--stroke-soft: #EFEDE6;--text-1: #25221B;--text-2: #6E6A5F;--text-3: #9B968C;--accent: #0D7377;--accent-deep: #07404A;--accent-tint: #E0EEED;--positive: #2A9D6E;--positive-text: #1E7A54;--positive-tint: #E0F0E8;--warn: #A9762B;--warn-text: #8A5F1E;--warn-tint: #F4ECDC;--danger: #C1583B;--danger-tint: #F5E2DB;color-scheme:light}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:var(--bg-app);color:var(--text-1);font:14px/1.5 Satoshi,Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}input,select,textarea{background:var(--bg-raised);color:var(--text-1);border:1px solid var(--stroke);border-radius:8px;padding:8px 11px;font-size:13px;width:100%;font-family:inherit}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.small{font-size:12px}.brand{display:flex;align-items:center;gap:10px}.brand .mark{width:30px;height:30px;border-radius:8px;background:var(--accent-deep);color:#f2ece1;display:grid;place-items:center;font-weight:900;font-size:15px}.brand b{font-weight:800;letter-spacing:-.02em;color:var(--text-1)}.brand small{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);font-weight:600}button,.btn{background:var(--bg-raised);color:var(--text-1);border:1px solid var(--stroke);border-radius:8px;padding:7px 13px;cursor:pointer;font-size:13px;line-height:1.3;white-space:nowrap}button:hover,.btn:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:default;border-color:var(--stroke)}button.primary{background:var(--accent-deep);color:#f2ece1;border-color:var(--accent-deep);font-weight:600}button.danger{border-color:var(--danger);color:var(--danger)}button.ghost{background:none;border-color:transparent;color:var(--text-2)}button.ghost:hover{color:var(--text-1);background:var(--bg-sunken)}button.sm{padding:4px 10px;font-size:12px}.app{display:grid;grid-template-columns:236px 1fr;min-height:100vh}aside.side{background:var(--bg-sidebar);border-right:1px solid var(--stroke-soft);padding:18px 12px;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:4px}aside .brand{padding:4px 10px 16px}aside .group{margin-top:10px}aside .group>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);padding:0 10px 4px}aside a.nav{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;color:var(--text-2);font-size:13px;font-weight:500}aside a.nav:hover{background:var(--bg-sunken);color:var(--text-1)}aside a.nav.active{background:var(--accent-tint);color:var(--accent);font-weight:700}aside a.nav .badge{margin-left:auto;background:var(--warn-tint);color:var(--warn-text);border-radius:999px;font-size:11px;padding:0 7px;font-weight:700}aside .foot{margin-top:auto;padding:12px 10px 0;border-top:1px solid var(--stroke-soft);font-size:12px;color:var(--text-2)}aside .foot .who{color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.main{min-width:0}.topbar{display:flex;align-items:center;gap:14px;padding:12px 26px;border-bottom:1px solid var(--stroke-soft);background:color-mix(in srgb,var(--bg-sidebar) 70%,transparent);backdrop-filter:blur(6px);position:sticky;top:0;z-index:5}.topbar h1{font-size:15px;font-weight:800}.topbar .spacer{flex:1}.page{padding:22px 26px 60px;max-width:1240px}.page>*+*{margin-top:16px}.card{background:var(--bg-raised);border:1px solid var(--stroke);border-radius:12px;padding:16px 18px;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000d}.card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:10px}.card-head h2{font-size:14px;font-weight:800}.card-head p{font-size:12px;margin-top:2px}.card-right{display:flex;gap:8px;align-items:center}.card h3{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin:16px 0 6px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 1000px){.cols,.app{grid-template-columns:1fr}aside.side{position:static;height:auto}}.row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--stroke-soft);font-size:13px;align-items:center}.row:last-child{border-bottom:0}.row .l{min-width:0;flex:1}.row .r{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.stat{border:1px solid var(--stroke);border-radius:12px;padding:10px 14px;background:var(--bg-raised);display:block}.stat b{font-size:22px;display:block;font-weight:800}.stat span{font-size:12px;color:var(--text-2)}.stat em{display:block;font-style:normal;font-size:11px;color:var(--text-3);margin-top:2px}.stat.hot{border-color:var(--warn);background:var(--warn-tint)}.stat.hot b{color:var(--warn-text)}a.stat:hover{border-color:var(--accent)}.table-wrap{overflow-x:auto;border:1px solid var(--stroke);border-radius:12px;background:var(--bg-raised)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);padding:9px 12px;border-bottom:1px solid var(--stroke);white-space:nowrap}td{padding:9px 12px;border-bottom:1px solid var(--stroke-soft);vertical-align:top}tr:last-child td{border-bottom:0}td .sub{font-size:11px;color:var(--text-2)}.pill{display:inline-block;font-size:11px;padding:1px 8px;border-radius:999px;border:1px solid var(--stroke);color:var(--text-2);white-space:nowrap;font-weight:600}.pill.good{color:var(--positive-text);border-color:transparent;background:var(--positive-tint)}.pill.warn{color:var(--warn-text);border-color:transparent;background:var(--warn-tint)}.pill.bad{color:var(--danger);border-color:transparent;background:var(--danger-tint)}.pill.accent{color:var(--accent);border-color:transparent;background:var(--accent-tint)}.notice{border:1px solid var(--stroke);border-radius:10px;padding:10px 14px;font-size:13px;background:var(--bg-raised)}.notice.ok{border-color:transparent;background:var(--positive-tint);color:var(--positive-text)}.notice.warn{border-color:transparent;background:var(--warn-tint);color:var(--warn-text)}.notice.error{border-color:transparent;background:var(--danger-tint);color:var(--danger)}.empty{padding:14px 0;font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;align-items:center}.actions input{flex:1;min-width:180px;width:auto}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar .search{flex:1;max-width:420px}.switch{display:inline-flex;border:1px solid var(--stroke);border-radius:8px;overflow:hidden}.switch button{border:0;border-radius:0;background:var(--bg-raised);padding:6px 12px}.switch button.on{background:var(--accent-deep);color:#f2ece1;font-weight:600}.kv{display:grid;grid-template-columns:200px 1fr;gap:6px 12px;font-size:13px}.kv dt{color:var(--text-2)}.kv dd{margin:0}.applink{color:var(--accent);font-weight:600;font-size:12px;white-space:nowrap}details.payload summary{cursor:pointer;font-size:12px;color:var(--text-2)}details.payload pre{margin-top:6px;font-size:11px;white-space:pre-wrap;word-break:break-word;background:var(--bg-sunken);border:1px solid var(--stroke-soft);border-radius:8px;padding:8px;max-height:240px;overflow:auto}.bars{display:flex;align-items:flex-end;gap:4px;height:90px;padding-top:8px}.bars .bar{flex:1;background:var(--accent-tint);border-top:3px solid var(--accent);border-radius:3px 3px 0 0;min-height:2px;position:relative}.bars .bar span{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-size:9px;color:var(--text-3)}.integ{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.integ .card{padding:14px 16px}.integ .card h2{font-size:13px}.gate{min-height:100vh;display:grid;place-items:center;padding:20px}.gate form,.gate .card{width:min(440px,100%);display:flex;flex-direction:column;gap:10px;padding:26px;background:var(--bg-raised);border:1px solid var(--stroke);border-radius:12px;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000d}.gate .brand{margin-bottom:8px}.gate p{font-size:13px}.error{color:var(--danger);font-size:13px}