:root{--bg: #0B0F14;--panel: #121820;--line: #232B35;--line2: #1A2129;--text: #E6EDF3;--muted: #9AA5B1;--muted2: #8B96A3;--up-bg: #11251B;--up: #7EE2A8;--up-line: #1F5135;--down: #F2683C;--down-ink: #1A0A03;--down-text: #FF9B73;--accent: #79B8FF;--mono: "IBM Plex Mono", ui-monospace, monospace;--sans: "IBM Plex Sans", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px}a{color:var(--accent)}a:hover{color:#b3d6ff}button,input{font-family:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{margin:0;font-weight:600}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.small{font-size:12px}.wrap{max-width:1440px;margin:0 auto;padding:24px clamp(16px,3vw,32px) 48px;display:flex;flex-direction:column;gap:20px}.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(16px,3vw,32px);border-bottom:1px solid var(--line)}.nav .links{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.nav a,.nav button.linkish{color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:6px;background:none;border:0;cursor:pointer;font-size:14px}.nav a.on{color:var(--text);background:#18202a}.brand{font-weight:600;letter-spacing:.02em}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:14px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:6px}.kpi .label{color:var(--muted);font-size:12px;font-weight:500}.kpi .value{font:600 28px/1.1 var(--mono)}.split{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.split>.main{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:12px}.split>.side{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:16px}.row-between{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.tile{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 4px;border-radius:4px;font:600 11px/1 var(--mono)}.t-UP{background:var(--up-bg);color:var(--up);border:1px solid var(--up-line)}.t-DOWN{background:var(--down);color:var(--down-ink);border:1px solid var(--down)}.t-STALE{background:transparent;color:var(--muted);border:1px dashed #4A5563}.t-APP{background:#3a2e12;color:#f2c94c;border:1px solid #6B5518}.t-RETIRED{background:transparent;color:#6b7682;border:1px solid #262E38;text-decoration:line-through}.pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;font:600 12px/1 var(--sans);white-space:nowrap}.p-ok,.p-active{background:var(--up-bg);color:var(--up)}.p-bad{background:var(--down);color:var(--down-ink)}.p-stale{background:#2a3038;color:#d0d7de;border:1px dashed #6B7682}.p-disabled{background:#3a1e14;color:#ffb59a;border:1px solid #6B3420}.p-invited{background:#1b2533;color:#9cc8ff;border:1px dashed #3C5A80}.s-UP{color:var(--up)}.s-DOWN{color:var(--down-text)}.s-STALE,.s-RETIRED{color:var(--muted)}.s-APP{color:#f2c94c}.s-INFO{color:var(--accent)}.p-app{background:#3a2e12;color:#f2c94c}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.card{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:10px;cursor:pointer;min-width:0}.card:hover{border-color:#3a4552}.card.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.grp{display:flex;gap:8px;align-items:flex-start}.grp .lbl{flex:0 0 46px;color:var(--muted2);font-size:11px;font-weight:500;line-height:24px;text-transform:uppercase;letter-spacing:.04em}.grp .tiles{display:flex;flex-wrap:wrap;gap:3px;min-width:0}.cardfoot{margin-top:auto;display:flex;justify-content:space-between;gap:8px;color:var(--muted);font:12px var(--mono);border-top:1px solid #1E262F;padding-top:10px}.btn{height:34px;padding:0 14px;border-radius:7px;border:1px solid #2F3A46;background:#18202a;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.btn:hover{background:#202a36}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--text);color:var(--bg);border-color:var(--text)}.btn-primary:hover{background:#fff}.btn-danger{background:transparent;color:var(--down-text);border-color:#6b3420}.btn-danger:hover{background:#2a140c}.btn-sm{height:30px;padding:0 10px;font-size:12px}.seg{height:36px;padding:0 14px;border-radius:8px;border:1px solid #2A333E;background:transparent;color:#c5ced8;font-size:13px;font-weight:500;cursor:pointer}.seg.on{background:var(--text);color:var(--bg);border-color:var(--text)}.field{height:38px;padding:0 12px;border-radius:8px;border:1px solid #2A333E;background:#0f141b;color:var(--text);font-size:14px;width:100%}label.f{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.table{overflow-x:auto;margin:0 -20px;padding:0 20px}.table .inner{min-width:560px;display:flex;flex-direction:column}.trow{display:grid;gap:8px;align-items:center;padding:8px;border-bottom:1px solid var(--line2)}.thead{color:var(--muted2);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);padding-top:0}.devgrid{grid-template-columns:minmax(74px,.8fr) 106px 76px minmax(84px,1.6fr) 46px 118px}.usergrid{grid-template-columns:minmax(170px,1.8fr) minmax(100px,1fr) repeat(3,minmax(84px,1fr))}.thead.usergrid{align-items:end}.urow{width:100%;background:none;border-width:0 0 1px;border-style:solid;border-color:var(--line2);color:inherit;font:inherit;text-align:left;cursor:pointer}.urow:hover{background:#151c25}.urow.sel{background:#16202c;box-shadow:inset 3px 0 0 var(--accent)}.note{background:#1b2129;border:1px dashed #4A5563;border-radius:8px;padding:12px 14px;color:#d0d7de;font-size:13px;line-height:1.5}.error{color:var(--down-text);font-size:13px}.ok-text{color:var(--up);font-size:13px}.events .ev{display:grid;grid-template-columns:130px 1fr auto;gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line2);font-size:13px}.center-box{max-width:420px;margin:10vh auto;padding:0 16px}.profile{width:min(640px,calc(100% - 32px));margin:24px auto 48px;gap:20px}.psec{display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--line);padding-top:20px}@media(min-width:1180px){.side.pinned{position:sticky;top:16px;max-height:calc(100vh - 128px);overflow-y:auto}}.side.pinned{scroll-margin-top:16px}.tiletoggle{display:inline-flex;align-items:center;gap:4px;cursor:pointer;font:600 12px var(--sans);color:var(--accent);background:none;border:0;padding:2px}.tiletoggle:hover{color:#b3d6ff;text-decoration:underline;text-underline-offset:3px}.tiletoggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.linkbtn{all:unset;cursor:pointer;font-weight:600;color:var(--text);text-decoration:underline;text-decoration-color:#3a4552;text-underline-offset:3px}.linkbtn:hover{text-decoration-color:var(--accent)}.linkbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}