.sidebar[data-v-1ea4eb8d]{background:var(--bg-2);border-right:1px solid var(--line-1);display:flex;flex-direction:column;overflow:hidden}.sidebar-brand[data-v-1ea4eb8d]{display:flex;align-items:center;gap:10px;padding:18px;border-bottom:1px solid var(--line-1);min-height:64px}.sidebar-brand.center[data-v-1ea4eb8d]{justify-content:center;padding:16px 0}.brand-text[data-v-1ea4eb8d]{display:flex;flex-direction:column;gap:1px}.brand-name[data-v-1ea4eb8d]{font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--fg-0)}.brand-sub[data-v-1ea4eb8d]{font-size:9px;color:var(--fg-2);letter-spacing:.18em}.sidebar-nav[data-v-1ea4eb8d]{flex:1;overflow-y:auto;padding:12px 0}.nav-section[data-v-1ea4eb8d]{padding:14px 18px 6px}.nav-section-divider[data-v-1ea4eb8d]{height:1px;background:var(--line-1);margin:8px 10px}.nav-item[data-v-1ea4eb8d]{display:flex;align-items:center;gap:12px;padding:9px 18px;color:var(--fg-1);border-left:2px solid transparent;background:transparent;font-size:13px;transition:background .1s,color .1s,border-color .1s;letter-spacing:.02em}.nav-item.collapsed[data-v-1ea4eb8d]{padding:10px 0;justify-content:center}.nav-item[data-v-1ea4eb8d]:hover:not(.active){background:var(--bg-3)}.nav-item.active[data-v-1ea4eb8d]{color:var(--amber);border-left-color:var(--amber);background:#ff99330f}.nav-label[data-v-1ea4eb8d]{flex:1}.logout-btn[data-v-1ea4eb8d]{color:var(--fg-3);border-left-color:transparent}.logout-btn[data-v-1ea4eb8d]:hover{color:var(--crit);background:#f871710f}.sidebar-footer[data-v-1ea4eb8d]{padding:14px;border-top:1px solid var(--line-1);background:var(--bg-1)}.fade-enter-active[data-v-1ea4eb8d],.fade-leave-active[data-v-1ea4eb8d]{transition:opacity .15s}.fade-enter-from[data-v-1ea4eb8d],.fade-leave-to[data-v-1ea4eb8d]{opacity:0}.dot-dim[data-v-281af10c]{background:var(--fg-3);opacity:.4}.modal[data-v-281af10c]{width:100%;max-width:740px;border-color:var(--line-2)}.modal-header[data-v-281af10c]{background:var(--bg-1)}.modal-body[data-v-281af10c]{display:flex;flex:1;min-height:0}.skin-col[data-v-281af10c]{display:flex;flex-direction:column;align-items:center;padding:20px 16px;border-right:1px solid var(--line-1);background:var(--bg-1);flex-shrink:0;width:230px;overflow-y:auto}.preview-wrap[data-v-281af10c]{flex-shrink:0}.id-grid[data-v-281af10c]{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.id-label[data-v-281af10c]{font-size:9px;margin-bottom:2px}.id-val[data-v-281af10c]{font-size:11px}.info-col[data-v-281af10c]{flex:1;padding:18px;min-width:0;overflow-y:auto;display:flex;flex-direction:column}.comments-list[data-v-281af10c]{flex:1;border:1px solid var(--line-1);border-bottom:none;border-radius:2px 2px 0 0;overflow-y:auto;min-height:80px}.comment-row[data-v-281af10c]{padding:10px 12px}.author-btn[data-v-281af10c]{font-size:10px;font-weight:600}.modal-comment-row[data-v-281af10c]{position:relative}.modal-comment-row:hover .cmt-delete-btn[data-v-281af10c]{opacity:1}.cmt-compose[data-v-281af10c]{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line-1);border-radius:0 0 2px 2px;background:var(--bg-1);flex-shrink:0}.topbar[data-v-5740daa2]{display:flex;align-items:center;gap:16px;padding:10px 20px;border-bottom:1px solid var(--line-1);background:var(--bg-2);min-height:var(--topbar-h)}.breadcrumbs[data-v-5740daa2]{gap:8px}.pill-wrap[data-v-5740daa2]{position:relative;padding-bottom:8px;margin-bottom:-8px}.status-pill[data-v-5740daa2]{padding:5px 10px;border:1px solid var(--ok-dim);border-radius:2px;background:#4ade800a;transition:border-color .3s,background .3s}.status-pill.offline[data-v-5740daa2]{border-color:var(--crit-dim, rgba(248,113,113,.3));background:#f871710a}.players-drop[data-v-5740daa2]{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:3px;overflow:hidden;z-index:200;box-shadow:0 8px 24px #0006}.players-drop-hdr[data-v-5740daa2]{padding:8px 12px 6px;border-bottom:1px solid var(--line-1);background:var(--bg-1);letter-spacing:.12em}.players-drop-empty[data-v-5740daa2]{padding:14px 12px;font-size:11px}.players-drop-row[data-v-5740daa2]{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line-1);transition:background 80ms}.players-drop-row[data-v-5740daa2]:last-child{border-bottom:none}.players-drop-row.clickable[data-v-5740daa2]{cursor:pointer}.players-drop-row.clickable[data-v-5740daa2]:hover{background:var(--bg-3)}.notif-wrap[data-v-5740daa2]{position:relative}.notif-btn[data-v-5740daa2]{padding:6px;position:relative}.notif-badge[data-v-5740daa2]{position:absolute;top:2px;right:2px;min-width:14px;height:14px;border-radius:7px;background:var(--amber);color:#1a1a1a;font-family:var(--font-mono);font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 2px;pointer-events:none}.notif-panel[data-v-5740daa2]{position:absolute;top:calc(100% + 8px);right:0;width:300px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:3px;overflow:hidden;z-index:200;box-shadow:0 8px 24px #0006}.notif-panel-hdr[data-v-5740daa2]{gap:7px;padding:10px 12px;border-bottom:1px solid var(--line-1);background:var(--bg-1);flex-shrink:0}.notif-list[data-v-5740daa2]{max-height:360px;overflow-y:auto}.notif-row[data-v-5740daa2]{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line-1);cursor:pointer;transition:background 80ms}.notif-row[data-v-5740daa2]:last-child{border-bottom:none}.notif-row[data-v-5740daa2]:hover{background:var(--bg-3)}.notif-row.unread[data-v-5740daa2]{background:#ff99330a}.notif-row.unread[data-v-5740daa2]:hover{background:#ff993314}.notif-text[data-v-5740daa2]{font-size:10px;color:var(--fg-1);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notif-row.unread .notif-text[data-v-5740daa2]{color:var(--fg-0)}.notif-pip[data-v-5740daa2]{width:6px;height:6px;border-radius:50%;background:var(--amber);flex-shrink:0;margin-top:4px}.notif-empty[data-v-5740daa2]{padding:24px 16px;text-align:center;font-size:11px}:root{--bg-0: #0a0a0b;--bg-1: #111214;--bg-2: #161819;--bg-3: #1e2124;--amber: #ff9933;--amber-soft: #ffb366;--amber-dim: rgba(255, 153, 51, .15);--ok: #4ade80;--ok-dim: rgba(74, 222, 128, .2);--warn: #fbbf24;--crit: #f87171;--crit-dim: rgba(248, 113, 113, .12);--info: #60a5fa;--fg-0: #f0f0f0;--fg-1: #c8cdd4;--fg-2: #7a8292;--fg-3: #4a5060;--line-1: rgba(255, 255, 255, .06);--line-2: rgba(255, 255, 255, .1);--font-sans: "Onest", sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-w: 220px;--sidebar-collapsed-w: 60px;--topbar-h: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background:var(--bg-0);color:var(--fg-1);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;overflow:hidden;transition:grid-template-columns .2s ease}.app.collapsed{grid-template-columns:var(--sidebar-collapsed-w) 1fr}.main{display:flex;flex-direction:column;overflow:hidden}.content{flex:1;overflow-y:auto;padding:20px 24px 32px}.panel{background:var(--bg-2);border:1px solid var(--line-1);border-radius:3px}.panel-header{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line-1);min-height:42px}.panel-body{padding:14px}.grid{display:grid;gap:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.row{display:flex;align-items:center}.spacer{flex:1}.divider{height:1px;background:var(--line-1)}.bracket{border-left:2px solid var(--amber);padding-left:10px}.t-mono{font-family:var(--font-mono)}.t-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2)}.upper{text-transform:uppercase}.muted{color:var(--fg-2)}.dim{color:var(--fg-3)}.amber{color:var(--amber)}.ok{color:var(--ok)}.warn{color:var(--warn)}.crit{color:var(--crit)}.info{color:var(--info)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:2px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line-1);background:var(--bg-3);color:var(--fg-2);white-space:nowrap}.badge-ok{border-color:var(--ok-dim);background:#4ade800f;color:var(--ok)}.badge-warn{border-color:#fbbf244d;background:#fbbf240f;color:var(--warn)}.badge-crit{border-color:#f871714d;background:#f871710f;color:var(--crit)}.badge-amber{border-color:#ff99334d;background:#ff99330f;color:var(--amber)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--fg-3)}.dot-ok{background:var(--ok);box-shadow:0 0 6px var(--ok)}.dot-warn{background:var(--warn);box-shadow:0 0 6px var(--warn)}.dot-crit{background:var(--crit);box-shadow:0 0 6px var(--crit);animation:pulse-crit 2s infinite}@keyframes pulse-crit{0%,to{opacity:1}50%{opacity:.4}}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:2px;border:1px solid var(--line-2);background:var(--bg-3);color:var(--fg-1);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.btn:hover{background:#252a30;border-color:var(--line-2);color:var(--fg-0)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--bg-3);border-color:var(--line-1)}.btn-primary{border-color:#f936;background:#ff99331a;color:var(--amber)}.btn-primary:hover{background:#ff99332e;border-color:#f939}.btn-danger{border-color:#f8717166;background:#f8717114;color:var(--crit)}.btn-danger:hover{background:#f8717126}.btn-sm{padding:4px 8px;font-size:10px}.input{width:100%;padding:8px 12px;border-radius:2px;border:1px solid var(--line-2);background:var(--bg-1);color:var(--fg-0);font-family:var(--font-mono);font-size:12px;outline:none;transition:border-color .15s}.input::placeholder{color:var(--fg-3)}.input:focus{border-color:#ff993380}.table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:12px}.table th{padding:8px 14px;text-align:left;font-size:9px;letter-spacing:.12em;color:var(--fg-3);border-bottom:1px solid var(--line-1);font-weight:400;white-space:nowrap}.table td{padding:10px 14px;border-bottom:1px solid var(--line-1);color:var(--fg-1);vertical-align:middle}.table tbody tr:hover td{background:#ffffff05}.table tbody tr:last-child td{border-bottom:none}.filter-btn{padding:7px 14px;background:transparent;border:0;color:var(--fg-1);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;cursor:pointer;transition:background 80ms,color 80ms}.filter-btn:hover{background:var(--bg-3)}.filter-btn.active{color:var(--amber);background:#ff99330f}.tab-bar{border-bottom:1px solid var(--line-1)}.tab-btn{padding:12px 18px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--fg-1);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;margin-bottom:-1px;transition:color .1s,border-color .1s}.tab-btn:hover{color:var(--fg-0)}.tab-btn.active{color:var(--amber);border-bottom-color:var(--amber)}.error-banner{padding:10px 14px;border:1px solid rgba(248,113,113,.3);border-radius:2px;background:#f871710f;color:var(--crit);font-family:var(--font-mono);font-size:11px}.skel{background:var(--bg-3);border-radius:2px;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.pending-state-sm{padding:28px 16px;font-size:11px;text-align:center;line-height:1.7}.pending-row{display:flex;align-items:center;gap:8px;font-size:10px;padding:7px 10px;background:var(--bg-1);border-radius:2px;border:1px solid var(--line-1)}.comment-row{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid var(--line-1)}.comment-row:last-child{border-bottom:none}.avatar-btn{background:none;border:none;padding:0;cursor:pointer;border-radius:2px;line-height:0;flex-shrink:0;transition:opacity 80ms}.avatar-btn:hover{opacity:.75}.author-btn{background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-mono);font-size:11px;color:var(--fg-0);transition:color 80ms}.author-btn:hover{color:var(--amber)}.avatar-btn.deleted-user,.author-btn.deleted-user{cursor:not-allowed;pointer-events:none;opacity:.55}.author-btn.deleted-user{color:var(--fg-3);font-style:italic}.author-btn.deleted-user:hover{color:var(--fg-3)}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.modal{background:var(--bg-2);border:1px solid var(--line-1);border-radius:3px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line-1);flex-shrink:0}.preview-wrap{border-radius:2px;overflow:hidden;background:var(--bg-0);border:1px solid var(--line-1);line-height:0}.spinner{display:inline-block;width:11px;height:11px;border:1.5px solid rgba(255,153,51,.3);border-top-color:var(--amber);border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.cmt-delete-btn{opacity:0;background:none;border:none;padding:4px;cursor:pointer;color:var(--fg-3);border-radius:2px;line-height:0;flex-shrink:0;transition:opacity 80ms,color 80ms}.cmt-delete-btn:hover{color:var(--crit)}.cmt-delete-btn:disabled{opacity:.3;cursor:not-allowed}.status-display{display:flex;align-items:flex-start;gap:7px;padding:8px 10px;background:var(--bg-1);border:1px solid var(--line-1);border-radius:2px}.caret{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}@keyframes ping{0%{transform:scale(1);opacity:.8}to{transform:scale(2.5);opacity:0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--line-2)}