:root{--base-50:oklch(98.5% .0013 286.84);--base-100:oklch(96.7% .0027 286.38);--base-200:oklch(92% .0053 286.32);--base-300:oklch(87.1% .008 286.29);--base-400:oklch(70.5% .012 286.07);--base-500:oklch(55.2% .016 285.94);--base-600:oklch(44.2% .0147 285.79);--base-700:oklch(37% .012 285.81);--base-800:oklch(27.4% .008 286.03);--base-900:oklch(21% .0053 285.89);--base-950:oklch(14.1% .004 285.83);--page:var(--base-100);--card:oklch(100% 0 0);--foreground:var(--base-800);--muted-foreground:var(--base-500);--primary:var(--base-950);--primary-foreground:oklch(100% 0 0);--accent:var(--base-200);--secondary:var(--base-100);--border:var(--base-200);--input:var(--base-300);--ring:var(--base-800);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(100% 0 0);--code-bg:var(--base-100);--radius:.5rem;--font-sans:"Inter", -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--shadow-sm:0 1px 2px 0 oklch(0% 0 0/.05);--shadow:0 1px 3px 0 oklch(0% 0 0/.08), 0 1px 2px -1px oklch(0% 0 0/.06);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--page:var(--base-950);--card:var(--base-900);--foreground:var(--base-200);--muted-foreground:var(--base-400);--primary:var(--base-50);--primary-foreground:var(--base-900);--accent:var(--base-800);--secondary:var(--base-800);--border:var(--base-800);--input:var(--base-700);--ring:var(--base-300);--destructive:oklch(70.4% .191 22.216);--code-bg:var(--base-950);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}:root{font-family:var(--font-sans);color:var(--foreground)}body{background:var(--page);color:var(--foreground);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";margin:0}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--card);border-right:1px solid var(--border);flex-direction:column;flex:none;gap:6px;width:240px;height:100vh;padding:14px 12px;display:flex;position:sticky;top:0}.sidebar-head{align-items:center;gap:10px;padding:6px 8px 14px;display:flex}.brand-logo{border-radius:calc(var(--radius) - 2px);background:var(--primary);width:32px;height:32px;color:var(--primary-foreground);flex:none;justify-content:center;align-items:center;font-size:15px;display:flex}.brand-name{letter-spacing:-.01em;font-size:14px;font-weight:600;line-height:1.1}.brand-sub{color:var(--muted-foreground);font-size:11.5px}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.sidebar-nav button,.sidebar-foot button{width:100%;color:var(--muted-foreground);border-radius:calc(var(--radius) - 2px);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;display:flex}.sidebar-nav button:hover,.sidebar-foot button:hover{background:var(--accent);color:var(--foreground)}.sidebar-nav button.active{background:var(--accent);color:var(--foreground);font-weight:600}.nav-ico{opacity:.85;flex:none}.sidebar-nav button.active .nav-ico{opacity:1}.sidebar-foot{border-top:1px solid var(--border);margin-top:auto;padding-top:8px}.main{flex:1;min-width:0}@media (width<=860px){.sidebar{width:60px;padding:12px 8px}.brand-text,.nav-label{display:none}.sidebar-head{justify-content:center;padding:6px 0 12px}.sidebar-nav button,.sidebar-foot button{justify-content:center;padding:9px 0}}.container{max-width:1040px;margin:24px auto;padding:0 24px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:18px;padding:22px}.card h2{letter-spacing:-.01em;margin:0 0 4px;font-size:15px;font-weight:600}.card h3{font-size:13.5px;font-weight:600}table{border-collapse:collapse;width:100%;font-size:13.5px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px}th{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:500}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:color-mix(in oklch, var(--accent) 40%, transparent)}label{color:var(--foreground);margin:12px 0 5px;font-size:13px;font-weight:500;display:block}input,textarea,select{border:1px solid var(--input);border-radius:calc(var(--radius) - 2px);background:var(--card);width:100%;color:var(--foreground);padding:8px 11px;font-family:inherit;font-size:14px;transition:border-color .12s,box-shadow .12s}input:focus,textarea:focus,select:focus{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch, var(--ring) 18%, transparent);outline:none}input::placeholder,textarea::placeholder{color:var(--muted-foreground)}textarea{resize:vertical;min-height:72px}button{cursor:pointer;background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);padding:8px 13px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background .12s,border-color .12s,opacity .12s}button:hover{background:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);margin-top:12px;padding:9px 16px}button.primary:hover{opacity:.9;background:var(--primary)}.stat-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.stat .n{letter-spacing:-.02em;font-size:26px;font-weight:700}.stat .l{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:11.5px}.error{color:oklch(44% .16 27);background:color-mix(in oklch, var(--destructive) 12%, var(--card));border:1px solid color-mix(in oklch, var(--destructive) 35%, transparent);border-radius:calc(var(--radius) - 2px);margin:10px 0;padding:10px 12px;font-size:13.5px}.muted{color:var(--muted-foreground);font-size:13px}.code{font-family:var(--font-mono);background:var(--code-bg);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:.88em}.codeblock{font-family:var(--font-mono);background:var(--base-950);color:var(--base-200);border-radius:calc(var(--radius) - 2px);white-space:pre;margin:4px 0 12px;padding:13px 15px;font-size:12.5px;line-height:1.55;overflow-x:auto}.endpoint-box{border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);background:color-mix(in oklch, var(--accent) 30%, var(--card));margin:8px 0;padding:12px}.endpoint-box input,.endpoint-box select{margin:3px 0}.botform-grid{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.botform-grid form{flex:1;min-width:280px}.kb-create{align-items:center;gap:8px;margin:6px 0;display:flex}.kb-create input{flex:1;margin:0}.kb-create button{white-space:nowrap;flex:none}.pg{max-width:640px}.pg-note{padding:10px 0}.pg-error{color:var(--destructive)}.pg-jwt{width:100%;font-family:var(--font-mono);margin-bottom:8px;font-size:12px}.pg-messages{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in oklch, var(--accent) 25%, var(--card));flex-direction:column;gap:8px;height:340px;padding:14px;display:flex;overflow-y:auto}.pg-msg{border-radius:var(--radius);white-space:pre-wrap;word-wrap:break-word;max-width:85%;padding:9px 13px;font-size:13.5px;line-height:1.5}.pg-msg.pg-user{background:var(--primary);color:var(--primary-foreground);align-self:flex-end}.pg-msg.pg-assistant{background:var(--card);border:1px solid var(--border);align-self:flex-start}.pg-msg.pg-assistant img{border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);max-width:100%;height:auto;margin:8px 0;display:block}.pg-msg.pg-assistant p:first-child{margin-top:0}.pg-msg.pg-assistant p:last-child{margin-bottom:0}.pg-typing{color:var(--muted-foreground);font-style:italic}.pg-suggestions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pg-chip{border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;border-radius:999px;padding:5px 11px;font-size:12px}.pg-chip:hover{background:var(--accent)}.pg-input{gap:8px;margin-top:8px;display:flex}.pg-input input{flex:1;margin:0}.pg-input button{flex:none}.preview{flex:none;width:320px;position:sticky;top:72px}.login{max-width:380px;margin:80px auto}.login .card{box-shadow:var(--shadow)}.msg-user{background:color-mix(in oklch, var(--accent) 40%, var(--card))}.msg-assistant{background:var(--card)}.bubble{border-radius:calc(var(--radius) - 2px);white-space:pre-wrap;margin-bottom:8px;padding:10px 12px;font-size:14px}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}
