:root{--bg: #050508;--bg-elevated: #0c0c12;--bg-topbar: #08080e;--border: #1a1a28;--text: #e8e8f0;--text-muted: #8b8ba0;--red: #ff2d55;--red-dim: #b01030;--blue: #2d7dff;--blue-dim: #1a4a9e;--neon-glow-red: 0 0 12px rgba(255, 45, 85, .45);--neon-glow-blue: 0 0 12px rgba(45, 125, 255, .4);--radius: 8px;--topbar-h: 52px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);line-height:1.45}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(ellipse at top left,#12081a 0%,var(--bg) 55%)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.app-shell{display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:.75rem;min-height:var(--topbar-h);padding:.4rem .85rem;border-bottom:1px solid var(--border);background:#08080eeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar__brand{display:flex;gap:.55rem;align-items:center;flex-shrink:0}.topbar__logo{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:.8rem;letter-spacing:.02em;background:linear-gradient(135deg,var(--red),var(--blue));box-shadow:var(--neon-glow-red),var(--neon-glow-blue);color:#fff}.topbar__brand-text{display:flex;flex-direction:column;line-height:1.15}.topbar__title{font-size:.88rem}.topbar__subtitle{font-size:.68rem;color:var(--text-muted)}.topbar__nav{display:flex;flex:1;min-width:0;align-items:center;gap:.15rem;overflow-x:auto;scrollbar-width:thin;padding:.15rem 0;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}.topbar__tab{flex-shrink:0;padding:.35rem .65rem;border-radius:6px;font-size:.8rem;font-weight:550;color:var(--text-muted);border:1px solid transparent;white-space:nowrap;transition:background .12s,color .12s,border-color .12s,box-shadow .12s}.topbar__tab:hover{color:var(--text);background:#2d7dff14}.topbar__tab--active{color:#fff;background:#ff2d5524;border-color:#ff2d5566;box-shadow:inset 0 -2px 0 var(--red)}.topbar__user{margin-left:auto;display:flex;align-items:center;gap:.55rem;flex-shrink:0}.topbar__username{font-size:.82rem;color:var(--text);font-weight:600;max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__logout{background:transparent;border:1px solid rgba(255,45,85,.45);color:#ffb3c0;border-radius:6px;padding:.28rem .6rem;font-size:.78rem}.topbar__logout:hover:not(:disabled){background:#ff2d551f;box-shadow:var(--neon-glow-red)}.topbar__logout:disabled{opacity:.6;cursor:wait}.topbar__menu{display:none;background:transparent;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.28rem .55rem}.topbar-backdrop,.topbar__drawer{display:none}.content{padding:.85rem 1rem 1.25rem;flex:1;max-width:1400px;width:100%;margin:0 auto}.page__header{margin-bottom:.85rem}.page__title{margin:0 0 .2rem;font-size:1.35rem;background:linear-gradient(90deg,#fff,var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}.page__desc{margin:0;color:var(--text-muted);font-size:.88rem}.page__card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;box-shadow:0 0 0 1px #2d7dff0d}@media(max-width:960px){.topbar__nav{display:none}.topbar__menu{display:inline-flex}.topbar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:none;background:#0000008c;z-index:45}.topbar__drawer{display:flex;flex-direction:column;gap:.2rem;position:fixed;top:var(--topbar-h);right:.5rem;left:.5rem;max-height:min(70vh,420px);overflow-y:auto;z-index:50;padding:.55rem;border-radius:10px;border:1px solid var(--border);background:#0a0a14;box-shadow:var(--neon-glow-blue),0 12px 32px #0000008c}.topbar__drawer-link{padding:.55rem .75rem;border-radius:7px;color:var(--text-muted);border:1px solid transparent;font-size:.9rem}.topbar__drawer-link:hover{color:var(--text);background:#2d7dff14}.topbar__drawer-link--active{color:#fff;background:#ff2d5524;border-color:#ff2d5559}.topbar__username{display:none}}.auth-loading{min-height:100vh;display:grid;place-items:center;color:var(--text-muted)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(ellipse at 20% 10%,rgba(255,45,85,.12),transparent 45%),radial-gradient(ellipse at 80% 90%,rgba(45,125,255,.12),transparent 40%),var(--bg)}.login-card{width:min(420px,100%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:1.75rem;box-shadow:var(--neon-glow-red),var(--neon-glow-blue);display:flex;flex-direction:column;gap:1rem}.login-card__brand{display:flex;gap:.85rem;align-items:center;margin-bottom:.25rem}.login-card__title{margin:0;font-size:1.25rem}.login-card__subtitle{margin:0;color:var(--text-muted);font-size:.85rem}.login-card__error{background:#ff2d551f;border:1px solid rgba(255,45,85,.45);color:#ffb3c0;border-radius:8px;padding:.65rem .85rem;font-size:.9rem}.login-field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--text-muted)}.login-field input{background:#06060c;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.65rem .75rem;outline:none}.login-field input:focus{border-color:#2d7dff99;box-shadow:var(--neon-glow-blue)}.login-card__submit{margin-top:.25rem;border:none;border-radius:8px;padding:.75rem 1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--red),var(--blue));box-shadow:var(--neon-glow-red)}.login-card__submit:disabled{opacity:.65;cursor:wait}.login-card__hint{margin:0;font-size:.75rem;color:var(--text-muted);text-align:center}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.dash-grid--feed{margin-top:.75rem}.dash-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem .9rem;box-shadow:0 0 0 1px #2d7dff0d}.dash-card--wide{grid-column:1 / -1}.dash-card__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.dash-card__title{margin:0;font-size:.92rem}.dash-card__hint{margin:.4rem 0 0;color:var(--text-muted);font-size:.8rem}.dash-card__hint--warn{color:#ffb3c0}.dash-dl{margin:0;display:grid;gap:.4rem}.dash-dl--compact{gap:.3rem}.dash-dl dt{font-size:.7rem;color:var(--text-muted);margin:0}.dash-dl dd{margin:.05rem 0 0;font-size:.88rem}.dash-servers{margin-top:1rem}.dash-servers__head{margin-bottom:.55rem}.dash-servers__title{margin:0 0 .15rem;font-size:1rem}.dash-servers__desc{margin:0;font-size:.8rem;color:var(--text-muted)}.dash-server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.65rem}.dash-server-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .8rem}.dash-server-card__name{margin:0;font-size:.9rem;font-weight:650}.status-pill{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid var(--border);color:var(--text-muted)}.status-pill--online{color:#9dffc2;border-color:#2dc87873;background:#2dc8781f;box-shadow:0 0 10px #2dc87840}.status-pill--offline{color:#ffb3c0;border-color:#ff2d5573;background:#ff2d551f;box-shadow:var(--neon-glow-red)}.status-pill--loading{color:#b8c8ff;border-color:#2d7dff66;background:#2d7dff1a}.status-pill--muted{color:var(--text-muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em;word-break:break-all}.search-bar{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.search-bar__field{flex:1;min-width:200px}.search-bar__field input{width:100%;background:#06060c;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.65rem .75rem;outline:none}.search-bar__field input:focus{border-color:#2d7dff99;box-shadow:var(--neon-glow-blue)}.search-bar__btn{border:none;border-radius:8px;padding:.65rem 1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--red),var(--blue));box-shadow:var(--neon-glow-red)}.search-bar__btn:disabled{opacity:.65;cursor:wait}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.empty-state{margin:0;padding:1rem .5rem;text-align:center;color:var(--text-muted)}.empty-state--compact{padding:.75rem .5rem;text-align:left;border:1px dashed var(--border);border-radius:var(--radius);background:#0c0c1466}.empty-state--warn{color:#ffb3c0}.empty-state__sub{margin:.35rem 0 0;font-size:.85rem;color:var(--text-muted)}.demo-banner{margin:0 0 .85rem;padding:.55rem .75rem;border-radius:8px;border:1px dashed rgba(45,125,255,.45);background:#2d7dff14;color:#b8c8ff;font-size:.85rem}.data-table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{text-align:left;padding:.45rem .55rem;border-bottom:1px solid var(--border);vertical-align:top}.data-table th{color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.data-table__row--demo td{color:var(--text-muted);font-style:italic}.badge{display:inline-flex;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;border:1px solid var(--border);color:var(--text-muted)}.badge--open{color:#ffb3c0;border-color:#ff2d5566;background:#ff2d551a}.badge--in_behandeling{color:#b8c8ff;border-color:#2d7dff66;background:#2d7dff1a}.badge--gesloten{color:#9dffc2;border-color:#2dc87866;background:#2dc8781a}.live-feed{list-style:none;margin:.35rem 0 0;padding:0;display:flex;flex-direction:column;gap:.45rem;max-height:280px;overflow-y:auto}.live-feed__item{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;padding:.45rem .55rem;border-radius:8px;border:1px solid var(--border);background:#2d7dff0d}.live-feed__label{font-size:.9rem}.live-feed__time{font-size:.75rem;color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.badge--ban{color:#ffb3c0;border-color:#ff2d5573;background:#ff2d551f}.badge--mute{color:#b8c8ff;border-color:#2d7dff73;background:#2d7dff1f}.badge--warn{color:#ffe29a;border-color:#ffb42873;background:#ffb4281a}.badge--actief{color:#ffb3c0;border-color:#ff2d5566;background:#ff2d551a}.ui-btn,.planner__btn{border:1px solid rgba(45,125,255,.4);background:#2d7dff1f;color:#dce6ff;border-radius:8px;padding:.45rem .8rem;font-weight:600;font-size:.85rem}.ui-btn:hover:not(:disabled),.planner__btn:hover:not(:disabled){box-shadow:var(--neon-glow-blue)}.ui-btn--primary,.planner__btn--primary{border:none;color:#fff;background:linear-gradient(135deg,var(--red),var(--blue));box-shadow:var(--neon-glow-red)}.ui-btn--ghost,.planner__btn--ghost{background:transparent;border-color:#ff2d5559;color:#ffb3c0}.ui-btn:disabled,.planner__btn:disabled{opacity:.55;cursor:not-allowed}.settings-banner{margin:0 0 1rem;padding:.75rem 1rem;border-radius:var(--radius);border:1px solid var(--border);font-size:.9rem}.settings-banner--warn{background:#ffb4281a;border-color:#ffb42866;color:#ffe29a}.settings-banner--ok{background:#2d7dff1a;border-color:#2d7dff59;color:#b8d4ff}.settings-toast{margin:0 0 1rem;padding:.75rem 1rem;border-radius:var(--radius);border:1px solid var(--border);font-size:.9rem}.settings-toast--ok{background:#2dc8781a;border-color:#2dc87866;color:#9dffc2}.settings-toast--warn{background:#ffb4281a;border-color:#ffb42866;color:#ffe29a}.settings-toast--error{background:#ff2d551f;border-color:#ff2d5573;color:#ffb3c0}.settings-section-title{margin:0 0 .35rem;font-size:1.1rem}.settings-section-desc{margin:0 0 1.25rem;color:var(--text-muted);font-size:.9rem}.module-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.module-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-radius:10px;border:1px solid var(--border);background:#0c0c14a6}.module-row__info{min-width:0;flex:1}.module-row__title-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem}.module-row__label{font-size:1rem}.module-row__id{font-size:.75rem;color:var(--text-muted)}.module-row__desc{margin:.25rem 0 .45rem;font-size:.85rem;color:var(--text-muted)}.module-source{display:inline-block;font-size:.72rem;letter-spacing:.02em;padding:.15rem .45rem;border-radius:999px;border:1px solid var(--border)}.module-source--local{color:var(--text-muted);border-color:#8c8c9659}.module-source--pending{color:#ffe29a;background:#ffb42814;border-color:#ffb42866}.module-source--core{color:#9dffc2;background:#2dc87814;border-color:#2dc87859}.module-switch{display:inline-flex;align-items:center;gap:.55rem;flex-shrink:0;-webkit-user-select:none;user-select:none}.module-switch--busy{opacity:.7}.module-switch input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.module-switch__track{width:46px;height:26px;border-radius:999px;background:#1a1a28;border:1px solid var(--border);position:relative;transition:background .15s,border-color .15s,box-shadow .15s}.module-switch__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#8b8ba0;transition:transform .15s,background .15s}.module-switch input:checked+.module-switch__track{background:#ff2d5540;border-color:#ff2d558c;box-shadow:var(--neon-glow-red)}.module-switch input:checked+.module-switch__track .module-switch__thumb{transform:translate(20px);background:var(--red)}.module-switch input:focus-visible+.module-switch__track{outline:2px solid var(--blue);outline-offset:2px}.module-switch__text{min-width:2rem;font-size:.85rem;font-weight:600;color:var(--text-muted)}.module-switch input:checked~.module-switch__text{color:#ffb3c0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){.module-row{flex-direction:column;align-items:stretch}.module-switch{justify-content:flex-end}}.server-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-bottom:.75rem}.server-card--actions{margin-bottom:1rem}.server-feedback{margin-bottom:1rem;padding:.75rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated)}.server-feedback--ok{border-color:#2d7dff73;box-shadow:var(--neon-glow-blue)}.server-feedback--warn{border-color:#ffb42d80;color:#ffd27a}.server-feedback--error{border-color:#ff2d558c;box-shadow:var(--neon-glow-red);color:#ffb3c1}.server-badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.8rem;font-weight:600}.server-badge--yes{background:#2d7dff2e;color:#9ec1ff;box-shadow:var(--neon-glow-blue)}.server-badge--no{background:#ff2d551f;color:#ff8aa0}.server-power-btns{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.server-btn{border:1px solid var(--border);border-radius:8px;padding:.55rem 1rem;background:#12121c;color:var(--text);font-weight:600;transition:box-shadow .15s ease,border-color .15s ease}.server-btn:disabled{opacity:.55;cursor:not-allowed}.server-btn--primary{background:linear-gradient(135deg,var(--blue-dim),var(--blue));border-color:transparent;box-shadow:var(--neon-glow-blue)}.server-btn--start{border-color:#2d7dff80;box-shadow:var(--neon-glow-blue)}.server-btn--stop{border-color:#ff2d558c;box-shadow:var(--neon-glow-red)}.server-btn--restart{border-color:#ffb42d73}.server-btn--ghost{background:transparent}.server-chip{display:inline-flex;margin:.2rem .35rem .2rem 0;padding:.15rem .55rem;border-radius:999px;border:1px solid rgba(45,125,255,.35);background:#2d7dff1a;color:#c5d8ff;font-size:.8rem}.server-rcon-form{display:flex;flex-direction:column;gap:.65rem;margin-top:.75rem;max-width:520px}.server-label{font-size:.85rem;color:var(--text-muted)}.server-input{background:#0a0a12;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.6rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.server-input:focus{outline:none;border-color:var(--blue);box-shadow:var(--neon-glow-blue)}.server-check{display:flex;gap:.5rem;align-items:flex-start;font-size:.85rem;color:var(--text-muted)}.server-rcon-out{margin-top:1rem;padding:.85rem 1rem;background:#07070c;border:1px solid var(--border);border-radius:8px;white-space:pre-wrap;word-break:break-word;font-size:.85rem;color:#c8c8d8;max-height:280px;overflow:auto}.server-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#000000a6;padding:1rem}.server-modal__card{width:min(420px,100%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--neon-glow-red),var(--neon-glow-blue)}.server-modal__title{margin:0 0 .5rem;font-size:1.1rem}.server-modal__body{margin:0 0 1rem;color:var(--text-muted);font-size:.95rem}.server-modal__actions{display:flex;justify-content:flex-end;gap:.65rem}.server-card--list{margin-bottom:1rem}.server-table-wrap{overflow-x:auto;margin-top:.75rem}.server-table{width:100%;border-collapse:collapse;font-size:.9rem}.server-table th,.server-table td{text-align:left;padding:.45rem .4rem;border-bottom:1px solid var(--border);vertical-align:top}.server-table th{color:var(--text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.server-table__sub{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.server-table__actions{display:flex;flex-wrap:wrap;gap:.35rem}.settings-ptero{margin-top:1rem}.settings-ptero__status{margin:.75rem 0 1rem}.settings-ptero__form{display:flex;flex-direction:column;gap:.55rem;max-width:520px}.settings-ptero__actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.5rem}.chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.chip-check{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);font-size:.8rem}.chip-check input{accent-color:var(--blue)}.perm-matrix{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.45rem;margin-top:1rem}.perm-matrix__item{display:flex;gap:.5rem;align-items:flex-start;padding:.45rem .6rem;border-radius:var(--radius);border:1px solid var(--border);background:#0c0c12b3;font-size:.85rem}.perm-matrix__item code{color:var(--blue)}.action-stack{display:flex;flex-direction:column;gap:.4rem;min-width:180px}.input--sm{padding:.35rem .55rem;font-size:.85rem}.btn--sm{padding:.35rem .7rem;font-size:.85rem}.form-grid{display:grid;gap:.85rem;max-width:480px}.field{display:flex;flex-direction:column;gap:.35rem}.field legend{font-size:.85rem;color:var(--text-muted);margin-bottom:.35rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;background:#2d7dff26;border:1px solid rgba(45,125,255,.35);color:#9ec1ff;font-size:.8rem}.banner{padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;border:1px solid var(--border)}.banner--ok{border-color:#2d7dff73;box-shadow:var(--neon-glow-blue);background:#2d7dff14}.banner--error{border-color:#ff2d5573;box-shadow:var(--neon-glow-red);background:#ff2d5514}.error-text{color:var(--red)}.table-wrap{overflow-x:auto}.help-tip{position:relative;display:inline-flex;vertical-align:middle;margin-left:.35rem}.help-tip__btn{width:1.35rem;height:1.35rem;border-radius:999px;border:1px solid rgba(45,125,255,.55);background:#2d7dff1f;color:#9ec1ff;font-weight:700;font-size:.75rem;line-height:1;padding:0;box-shadow:var(--neon-glow-blue)}.help-tip__btn:hover,.help-tip__btn:focus-visible{border-color:#ff2d55a6;color:#fff;box-shadow:var(--neon-glow-red);outline:none}.help-tip__panel{position:absolute;z-index:60;top:calc(100% + .4rem);left:0;min-width:16rem;max-width:min(22rem,80vw);padding:.75rem .85rem;border-radius:var(--radius);border:1px solid rgba(45,125,255,.4);background:#0a0a14;box-shadow:var(--neon-glow-blue),0 8px 24px #0000008c;color:var(--text);font-size:.82rem;font-weight:400;line-height:1.45}.help-tip--wide .help-tip__panel{min-width:18rem;max-width:min(28rem,88vw)}.help-tip__panel p{margin:0 0 .5rem}.help-tip__panel p:last-child{margin-bottom:0}.help-tip__panel ul{margin:.25rem 0 0;padding-left:1.1rem}.label-with-help{display:inline-flex;align-items:center;gap:.15rem}.settings-section-title-row,.dash-card__title-row,.page__title-row{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.server-switcher{margin:.75rem 0 .25rem;max-width:520px}.server-table__row--active td{background:#5865f214}.server-fav{background:transparent;border:none;color:var(--accent, #7c6cff);cursor:pointer;font-size:1.1rem;padding:.1rem .25rem}.server-select-name{background:none;border:none;color:inherit;cursor:pointer;padding:0;text-align:left}.server-select-name:hover strong{text-decoration:underline}.staff-docs{display:grid;grid-template-columns:minmax(160px,220px) minmax(180px,260px) 1fr;gap:1rem;align-items:start}@media(max-width:960px){.staff-docs{grid-template-columns:1fr}}.staff-docs__sidebar,.staff-docs__list{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:.85rem;min-height:280px}.staff-docs__side-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.65rem}.staff-docs__side-title{margin:0;font-size:.95rem}.staff-docs__cat-list,.staff-docs__art-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.staff-docs__cat,.staff-docs__art{width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:8px;padding:.45rem .55rem;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:.15rem}.staff-docs__cat:hover,.staff-docs__art:hover{background:#ffffff08;border-color:var(--border)}.staff-docs__cat--active,.staff-docs__art--active{background:#5865f21f;border-color:#5865f259}.staff-docs__meta{font-size:.72rem;color:var(--text-muted)}.staff-docs__side-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.85rem}.staff-docs__reader{min-height:320px}.staff-docs__byline{font-size:.85rem;color:var(--text-muted);margin:0 0 1rem}.staff-docs-prose__h1{margin:0 0 .75rem;font-size:1.35rem}.staff-docs-prose__h2{margin:1rem 0 .5rem;font-size:1.1rem}.staff-docs-prose__p{margin:0 0 .75rem;line-height:1.55}.staff-docs-prose__li{margin:0 0 .35rem 1.1rem;line-height:1.45}.staff-docs__editor{display:flex;flex-direction:column;gap:.45rem}.staff-docs__textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;min-height:240px;resize:vertical}.staff-docs__editor-actions{display:flex;gap:.65rem;justify-content:flex-end;margin-top:.5rem}.dash-grid--stats{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.dash-stat__value{margin:.35rem 0 .5rem;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--text)}.console-panel__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.65rem}.console-panel__target{margin-left:auto;font-size:.78rem;color:var(--text-muted)}.console-panel__out{background:#0b0d12;border:1px solid var(--border);border-radius:8px;padding:.65rem .75rem;min-height:220px;max-height:420px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;line-height:1.45;color:#d7dde8}.console-panel__empty{color:var(--text-muted);font-style:italic}.console-panel__line{white-space:pre-wrap;word-break:break-word}.console-panel__form{margin-top:.75rem;display:flex;flex-direction:column;gap:.35rem}.console-panel__input-row{display:flex;gap:.5rem;align-items:center}.console-panel__input-row .server-input{flex:1}