:root{--bg: #0f1115;--bg-elev: #171a21;--bg-elev2: #1e222b;--border: #2a2f3a;--text: #e6e9ef;--text-dim: #9aa3b2;--accent: #5b8cff;--accent-dim: #2d3f6b;--green: #36c08b;--amber: #e0a13c;--red: #e0584b;--blue: #5b8cff;--radius: 10px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans Hebrew,sans-serif}[data-theme=light]{--bg: #f5f7fa;--bg-elev: #ffffff;--bg-elev2: #eef1f6;--border: #d9dfe8;--text: #1a1f2b;--text-dim: #5b6573;--accent: #3b6fe0;--accent-dim: #c3d4f7;--green: #1f9d6b;--amber: #b07517;--red: #cf4133;--blue: #3b6fe0}[data-theme=light] body{color-scheme:light}[data-theme=light] button:hover{background:#e9edf3}[data-theme=light] .navlink.active{background:var(--accent);color:#fff}[data-theme=light] .badge.green{border-color:#b7e2cf;background:#e8f6ef}[data-theme=light] .badge.amber{border-color:#ecd9ad;background:#fbf3e2}[data-theme=light] .badge.red{border-color:#efc2bd;background:#fbe9e7}[data-theme=light] .badge.blue{border-color:var(--accent-dim);background:#e8eefc}[data-theme=light] .msg.agent{background:#eef4fb;border-color:#cfe0f5}[data-theme=light] .toast.err{border-color:#efc2bd}[data-theme=light] pre.code{color:#e6e9ef}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-dim);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:14px}a{color:var(--accent);text-decoration:none}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg-elev2);color:var(--text);border-radius:8px;padding:8px 14px;transition:background .15s,border-color .15s}button:hover{background:#262b36}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:#4778e6}button.ghost{background:transparent}button:disabled{opacity:.5;cursor:default}button.danger{color:var(--red);border-color:#5a2f2c}input,select,textarea{font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 11px;width:100%}textarea{resize:vertical;min-height:90px;line-height:1.5}label{display:block;color:var(--text-dim);font-size:12px;margin-block-end:5px}.field{margin-block-end:14px}.layout{display:grid;grid-template-columns:240px 1fr;height:100vh}.sidebar{background:var(--bg-elev);border-inline-end:1px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.brand{font-weight:700;font-size:16px;margin-block-end:2px}.brand small{display:block;color:var(--text-dim);font-weight:400;font-size:11px}.navlink{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--text-dim);font-weight:500}.navlink:hover{background:var(--bg-elev2);color:var(--text)}.navlink.active{background:var(--accent-dim);color:#fff}.sidebar-foot{margin-block-start:auto;display:flex;flex-direction:column;gap:8px}.main{overflow-y:auto;padding:26px 30px}.pagehead{display:flex;align-items:center;justify-content:space-between;margin-block-end:20px;gap:12px;flex-wrap:wrap}.pagehead h1{font-size:20px;margin:0}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.grid{display:grid;gap:16px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-2{grid-template-columns:1.4fr 1fr}@media (max-width: 1000px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}.grid.cols-2{grid-template-columns:1fr}.layout{grid-template-columns:200px 1fr}}@media (max-width: 620px){.grid.cols-4,.layout{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap;height:auto;align-items:center}.sidebar-foot{margin-block-start:0;flex-direction:row}}.stat{display:flex;flex-direction:column;gap:6px}.stat .num{font-size:28px;font-weight:700}.stat .lbl{color:var(--text-dim);font-size:12px}table{width:100%;border-collapse:collapse}th,td{text-align:start;padding:11px 12px;border-block-end:1px solid var(--border)}th{color:var(--text-dim);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}tbody tr:hover{background:var(--bg-elev2);cursor:pointer}tbody tr.active-row{background:var(--accent-dim)}.badge{display:inline-block;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:600;border:1px solid var(--border)}.badge.green{color:var(--green);border-color:#1f5343;background:#12251f}.badge.amber{color:var(--amber);border-color:#574521;background:#251f12}.badge.red{color:var(--red);border-color:#5a2f2c;background:#251514}.badge.blue{color:var(--accent);border-color:var(--accent-dim);background:#141d33}.badge.gray{color:var(--text-dim)}.msg{border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin-block-end:10px;background:var(--bg)}.msg.agent{background:#121821;border-color:#233247}.msg .who{font-size:12px;color:var(--text-dim);margin-block-end:6px}.msg .text{white-space:pre-wrap;line-height:1.55}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:380px;max-width:100%}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.muted{color:var(--text-dim)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.bar{height:8px;border-radius:99px;background:var(--bg-elev2);overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent)}.toast{position:fixed;inset-block-end:20px;inset-inline-end:20px;background:var(--bg-elev2);border:1px solid var(--border);padding:12px 16px;border-radius:10px;z-index:50}.toast.err{border-color:#5a2f2c;color:var(--red)}.list-reset{margin:0;padding-inline-start:18px}.sectiontitle{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin:18px 0 8px}hr.sep{border:none;border-block-start:1px solid var(--border);margin:16px 0}.kvs{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:center}.kvs .k{color:var(--text-dim);font-size:12px}pre.code{background:#0b0d11;border:1px solid var(--border);border-radius:8px;padding:14px 16px;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.55;white-space:pre;direction:ltr;text-align:left;margin:0}.codewrap{position:relative;margin-block-end:14px}.codewrap .copybtn{position:absolute;inset-inline-end:8px;inset-block-start:8px;padding:3px 9px;font-size:11px}.doc h4{margin:18px 0 8px;font-size:13px}.doc p{color:var(--text-dim);margin:0 0 10px}.endpoint{display:inline-flex;gap:8px;align-items:center;font-family:ui-monospace,monospace;font-size:12.5px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:4px 10px;direction:ltr}.endpoint .verb{color:var(--green);font-weight:700}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;display:grid;place-items:center;padding:24px}.modal-panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);width:min(900px,92vw);max-height:88vh;overflow-y:auto;padding:22px 24px;box-shadow:0 20px 60px #00000080}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-block-end:16px}.modal-head h3{margin:0;font-size:17px}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.seg button{border:none;border-radius:0;background:transparent;padding:6px 16px;color:var(--text-dim)}.seg button+button{border-inline-start:1px solid var(--border)}.seg button.active{background:var(--accent);color:#fff}.md{line-height:1.65}.md h1,.md h2,.md h3,.md h4{line-height:1.3;margin:18px 0 8px}.md h1{font-size:22px}.md h2{font-size:18px}.md h3{font-size:15px}.md h1:first-child,.md h2:first-child,.md h3:first-child{margin-top:0}.md p{margin:0 0 12px}.md ul,.md ol{margin:0 0 12px;padding-inline-start:22px}.md li{margin:3px 0}.md blockquote{margin:0 0 12px;padding:6px 14px;border-inline-start:3px solid var(--accent-dim);color:var(--text-dim);background:var(--bg-elev2);border-radius:4px}.md code{background:var(--bg-elev2);padding:1px 6px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.md a{color:var(--accent)}.md hr{border:none;border-block-start:1px solid var(--border);margin:16px 0}.md strong{color:var(--text)}
