:root{--bg: #0a0a0a;--panel: #111;--line: #242424;--ink: #f2f2f2;--muted: #8a8a8a;--accent: #ffa51f;--accent-ink: #0a0a0a;--ok: #3d9a5f;--warn: #ffa51f;--bad: #d4533d;--sidebar: 240px;--header: 56px;--radius: 8px;--font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.ops-shell{display:flex;min-height:100%}.ops-side{width:var(--sidebar);flex:none;background:#0a0a0a;border-right:1px solid var(--line);display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.ops-brand{display:flex;align-items:center;gap:10px;height:var(--header);padding:0 16px;border-bottom:1px solid var(--line)}.ops-brand img{width:28px;height:28px;border-radius:6px;display:block}.ops-brand strong{font-size:15px;font-weight:650;letter-spacing:-.02em}.ops-nav{flex:1;overflow:auto;padding:12px 8px 16px}.ops-nav a{display:block;padding:7px 10px;border-radius:6px;color:var(--muted)}.ops-nav a:hover{color:var(--ink);background:#161616}.ops-nav a.active{color:var(--ink);background:#191919}.ops-nav-label{margin:14px 10px 6px;color:#5c5c5c;font-size:12px}.ops-side-foot{padding:12px 16px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;display:grid;gap:10px}.ops-main{flex:1;min-width:0;display:flex;flex-direction:column}.ops-top{height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:2}.ops-live{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.ops-live b{color:var(--ok);font-weight:600}.ops-page{padding:24px;max-width:1280px}.ops-page h1{margin:0 0 16px;font-size:20px;font-weight:650;letter-spacing:-.03em}.ops-top-brand{display:flex;align-items:center;gap:10px}.ops-top-brand img{width:22px;height:22px;border-radius:5px;display:block}.ops-row{display:flex;border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto;margin-bottom:20px}.ops-stat{flex:1 0 150px;padding:14px 16px;border-right:1px solid var(--line)}.ops-stat:last-child{border-right:0}.ops-stat span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.ops-stat strong{display:block;font-size:18px;font-weight:650;letter-spacing:-.03em}.ops-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.ops-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ops-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.ops-panel h2{margin:0 0 12px;font-size:13px;font-weight:650;color:var(--muted)}.ops-kv{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid var(--line)}.ops-kv:last-child{border-bottom:0}.ops-kv span{color:var(--muted)}.ops-liq{padding:12px 0;border-bottom:1px solid var(--line)}.ops-liq:last-child{border-bottom:0;padding-bottom:0}.ops-liq:first-child{padding-top:0}.ops-liq-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.ops-liq strong{font-size:18px;font-weight:650;letter-spacing:-.03em}.ops-liq em{font-style:normal;color:var(--muted);font-size:12px}.ops-status{font-size:12px;font-weight:650}.ops-status.ok{color:var(--ok)}.ops-status.warn{color:var(--warn)}.ops-status.bad{color:var(--bad)}.ops-alert{padding:8px 0;border-bottom:1px solid var(--line)}.ops-alert:last-child{border-bottom:0;padding-bottom:0}.ops-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius)}.ops-table{width:100%;border-collapse:collapse;min-width:720px}.ops-table th,.ops-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.ops-table th{color:var(--muted);font-weight:550;font-size:12px;background:#101010}.ops-table tr:hover td{background:#161616}.ops-table td.mono{font-family:var(--mono);font-size:12px}.ops-mark{display:inline-flex;align-items:center;gap:8px}.ops-mark img{width:18px;height:18px;border-radius:50%;display:block;-o-object-fit:cover;object-fit:cover;background:#161616}.ops-mark-pair{display:inline-flex;align-items:center;gap:14px}.ops-muted{color:var(--muted)}.ops-toolbar{display:flex;gap:8px;margin:0 0 14px;flex-wrap:wrap}.ops-field{display:flex;flex-direction:column;gap:6px;min-width:180px}.ops-field label{color:var(--muted);font-size:13px}.ops-input,.ops-select,.ops-textarea{background:#101010;border:1px solid var(--line);border-radius:6px;padding:8px 10px;outline:none}.ops-input:focus,.ops-select:focus,.ops-textarea:focus{border-color:#3a3a3a}.ops-btn{background:#1a1a1a;border:1px solid var(--line);border-radius:8px;padding:8px 12px;cursor:pointer}.ops-btn:hover{background:#222}.ops-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:650}.ops-btn.primary:hover{background:#e89412}.ops-btn:disabled{opacity:.5;cursor:not-allowed}.ops-code{font-family:var(--mono);font-size:28px;letter-spacing:.18em;padding:18px;text-align:center;background:#101010;border:1px solid var(--line);border-radius:var(--radius)}.ops-grid+.ops-grid,.ops-panel+.ops-panel{margin-top:16px}.ops-error{color:var(--bad);margin:0}.ops-stack{display:grid;gap:16px}.ops-auth{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.ops-auth-box{width:100%;max-width:420px}.ops-auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:16px}.ops-auth-brand img{width:28px;height:28px;border-radius:6px;display:block}.ops-auth h1{margin:0 0 14px;font-size:18px;font-weight:650}.ops-pin{font-family:var(--mono);letter-spacing:.24em;text-align:center;font-size:20px}.ops-qr{width:196px;height:196px;padding:10px;background:#fff;border-radius:8px;margin:12px 0}.ops-qr img{display:block;width:100%;height:100%}.ops-secret{font-family:var(--mono);font-size:12px;word-break:break-all;color:var(--muted)}@media(max-width:1100px){.ops-grid,.ops-grid-3{grid-template-columns:1fr}}@media(max-width:800px){.ops-side{display:none}.ops-page{padding:16px}}