:root{--bg:#111;--surface:#1d1d1d;--surface-2:#262626;--surface-3:#454545;--border:#3a3a3c;--text:#fff;--text-muted:#bfbfbf;--text-dim:#8c8c8c;--primary:#008def;--danger:#f12828;color:var(--text);background:var(--bg);font-family:Pretendard,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.center-message{text-align:center;place-items:center;height:100%;margin:0;padding:0 16px;font-size:20px;display:grid}.error{color:#f87171}.admin{--chart-line:#3987e5;--status-good:#0ca30c;--status-warning:#fab219;--status-critical:#d03b3b;flex-direction:column;height:100%;font-size:14px;display:flex}.admin-header{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}.admin-header h1{margin:0 auto 0 0;font-size:18px}.segmented{border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.segmented button{padding:6px 12px}.segmented button.selected{background:var(--primary)}.token-input{color:var(--text-muted);align-items:center;gap:8px;display:flex}.token-input input{border:1px solid var(--border);background:var(--surface-2);width:140px;color:var(--text);border-radius:6px;padding:6px 8px}.admin-error{margin:8px 16px}.admin-body{flex:1;min-height:0;display:flex}.room-list{border-right:1px solid var(--border);flex-direction:column;gap:4px;width:300px;padding:8px;display:flex;overflow-y:auto}.room-item{text-align:left;border-radius:8px;gap:2px;padding:10px;display:grid}.room-item:hover{background:var(--surface-2)}.room-item.selected{background:var(--surface-3)}.room-item-top{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.room-detail{flex:1;min-width:0;padding:16px 24px;overflow-y:auto}.room-detail h3{margin:24px 0 8px;font-size:15px}.room-summary{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.room-summary h2{margin:0;font-size:18px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.muted{color:var(--text-dim)}.badge{background:var(--surface-3);white-space:nowrap;border-radius:10px;padding:1px 8px;font-size:12px}.badge.online{color:#8fe08f;background:#0ca30c40}.badge.critical{color:#ffb3b3;background:#d03b3b40}.badge.warn{color:var(--status-warning);background:#fab21933}.warn-text{color:var(--status-warning)}.session-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin-bottom:12px;padding:12px 16px}.session-card.offline{opacity:.6}.session-card header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.issues{margin:10px 0;padding:0;list-style:none}.issue{background:var(--surface-2);border-left:3px solid;border-radius:4px;margin:4px 0;padding:6px 10px}.issue.critical{border-color:var(--status-critical)}.issue.warning{border-color:var(--status-warning)}.issue.ok{border-color:var(--status-good)}.kv{grid-template-columns:auto 1fr;gap:4px 12px;margin:10px 0;display:grid}.kv dt{color:var(--text-dim)}.kv dd{margin:0}.stat-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.stat-table th,.stat-table td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:4px 8px}.stat-table th{color:var(--text-dim);font-weight:500}.track-chip{background:var(--surface-2);border-radius:6px;margin:2px 6px 2px 0;padding:1px 8px;display:inline-block}.chart-grid-4{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:12px;display:grid}.chart{margin:0;position:relative}.chart figcaption{color:var(--text-muted);justify-content:space-between;margin-bottom:2px;font-size:12px;display:flex}.chart-value{color:var(--text);font-variant-numeric:tabular-nums}.chart svg{width:auto;height:auto;display:block}.chart-grid{stroke:var(--border);stroke-width:1px}.chart-axis{fill:var(--text-dim);font-size:10px}.chart-line{fill:none;stroke:var(--chart-line);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-crosshair{stroke:var(--text-dim);stroke-width:1px}.chart-dot{fill:var(--chart-line);stroke:var(--surface);stroke-width:2px}.chart-tooltip{white-space:nowrap;pointer-events:none;background:#000;border-radius:6px;padding:2px 8px;font-size:12px;position:absolute;top:18px;transform:translate(-50%)}.timeline{margin:0;padding:0;list-style:none}.timeline-item{border-left:3px solid #0000;flex-wrap:wrap;align-items:baseline;gap:8px;padding:4px 8px;display:flex}.timeline-item.warn{border-color:var(--status-warning)}.timeline-item.error{border-color:var(--status-critical);background:#d03b3b14}.timeline-item time{color:var(--text-dim);font-variant-numeric:tabular-nums}.timeline-item code{word-break:break-all;font-size:12px}@media (width<=720px){.admin-body{flex-direction:column}.room-list{border-right:none;border-bottom:1px solid var(--border);width:auto;max-height:35%}.room-detail{padding:12px 16px}.stat-table{display:block;overflow-x:auto}}