:root{--sl-accent: #3792be;--sl-accent-bright: #4aa3ce;--sl-accent-deep: #1b4f6b;--sl-accent-rgb: 55, 146, 190;--sl-bg: #0e1925;--sl-bg-2: #142231;--sl-panel: #111a24;--sl-panel-hover: #16212d;--sl-input: #1c2937;--sl-surface-1: rgba(255, 255, 255, .022);--sl-surface-2: rgba(255, 255, 255, .045);--sl-surface-3: rgba(255, 255, 255, .07);--sl-border: rgba(255, 255, 255, .08);--sl-border-2: rgba(255, 255, 255, .12);--sl-border-accent: rgba(var(--sl-accent-rgb), .45);--sl-text: #e8eef4;--sl-text-dim: #9aa7b4;--sl-text-faint: rgba(255, 255, 255, .4);--sl-run: #4aa3ce;--sl-ok: #00c281;--sl-warn: #e0c84a;--sl-err: #f0656a;--sl-idle: #6b7886;--sl-r-sm: 8px;--sl-r: 11px;--sl-r-card: 14px;--sl-r-lg: 16px;--sl-r-pill: 999px;--sl-sh-sm: 0 1px 2px rgba(0, 0, 0, .3);--sl-sh-md: 0 8px 24px -12px rgba(0, 0, 0, .55);--sl-sh-lg: 0 24px 60px -30px rgba(0, 0, 0, .7);--sl-glow: 0 0 0 1px rgba(var(--sl-accent-rgb), .35), 0 8px 30px -10px rgba(var(--sl-accent-rgb), .4);--sl-ease: cubic-bezier(.2, 0, 0, 1);--sl-t: .18s var(--sl-ease);color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:500;line-height:1.5;color:var(--sl-text);background:radial-gradient(1200px 600px at 100% -10%,rgba(var(--sl-accent-rgb),.1),transparent 60%),linear-gradient(145deg,#1a2a38,#142231 42%,#0e1925);background-attachment:fixed;min-height:100vh}a{color:inherit;text-decoration:none}::selection{background:rgba(var(--sl-accent-rgb),.35)}:focus-visible{outline:2px solid var(--sl-accent-bright);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--sl-r-pill);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#ffffff2e;background-clip:padding-box}.sl-app{display:flex;flex-direction:column;min-height:100vh}.sl-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1.5rem;height:60px;padding:0 2rem;border-bottom:1px solid var(--sl-border);background:#0d161fb8;backdrop-filter:blur(14px) saturate(1.2)}.sl-brand{font-weight:800;font-size:1.1rem;letter-spacing:-.02em}.sl-brand span{color:var(--sl-accent-bright)}.sl-nav{display:flex;align-items:center;gap:.4rem}.sl-nav a{color:var(--sl-text-dim);font-size:.9rem;font-weight:600;padding:.4rem .85rem;border-radius:var(--sl-r-sm);transition:var(--sl-t)}.sl-nav a:hover{color:var(--sl-text);background:var(--sl-surface-2)}.sl-nav a.active{color:#fff;background:linear-gradient(90deg,rgba(var(--sl-accent-rgb),.22),rgba(var(--sl-accent-rgb),.06));box-shadow:inset 0 0 0 1px rgba(var(--sl-accent-rgb),.28)}.sl-topbar-spacer{margin-left:auto}.sl-user{display:flex;align-items:center;gap:.6rem;font-size:.82rem;color:var(--sl-text-dim)}.sl-user .sl-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--sl-r-pill);background:linear-gradient(135deg,var(--sl-accent),var(--sl-accent-deep));color:#fff;font-weight:700;font-size:.78rem}.sl-main{flex:1;width:100%;max-width:1360px;margin:0 auto;padding:1.75rem 2rem 2.5rem}.sl-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.sl-page-title{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0;text-wrap:balance}.sl-page-sub{margin:.35rem 0 0;max-width:42rem;font-size:.9rem;color:var(--sl-text-dim)}.sl-page-actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.sl-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sl-accent-bright)}.sl-card{background:var(--sl-surface-2);border:1px solid var(--sl-border);border-radius:var(--sl-r-card);box-shadow:var(--sl-sh-md)}.sl-card-pad{padding:1.25rem}.sl-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1.1rem;font:inherit;font-weight:600;font-size:.9rem;border-radius:var(--sl-r-sm);border:1px solid transparent;cursor:pointer;transition:var(--sl-t);white-space:nowrap}.sl-btn--primary{background:linear-gradient(135deg,var(--sl-accent-bright),var(--sl-accent));color:#06222e;box-shadow:0 8px 24px -10px rgba(var(--sl-accent-rgb),.9)}.sl-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--sl-glow)}.sl-btn--ghost{background:var(--sl-surface-2);border-color:var(--sl-border);color:var(--sl-text)}.sl-btn--ghost:hover:not(:disabled){background:var(--sl-surface-3);border-color:var(--sl-border-2)}.sl-btn--danger{background:transparent;border-color:#f0656a66;color:var(--sl-err)}.sl-btn--danger:hover:not(:disabled){background:#f0656a1f}.sl-btn--sm{padding:.35rem .7rem;font-size:.82rem}.sl-btn:disabled{opacity:.5;cursor:not-allowed}.sl-label{display:block;font-size:.78rem;font-weight:600;color:var(--sl-text-dim);margin-bottom:.4rem}.sl-input,.sl-textarea{width:100%;background:var(--sl-input);border:1px solid var(--sl-border);color:var(--sl-text);border-radius:var(--sl-r-sm);padding:.7rem .85rem;font:inherit;font-size:.92rem;transition:var(--sl-t)}.sl-input:focus,.sl-textarea:focus{outline:none;border-color:var(--sl-border-accent);box-shadow:0 0 0 3px rgba(var(--sl-accent-rgb),.14)}.sl-textarea{resize:vertical;min-height:120px;line-height:1.55}.sl-input::placeholder,.sl-textarea::placeholder{color:var(--sl-text-faint)}.sl-search{position:relative;display:flex;align-items:center}.sl-search svg{position:absolute;left:.7rem;width:16px;height:16px;color:var(--sl-text-faint);pointer-events:none}.sl-search .sl-input{padding-left:2.1rem}.sl-segment{display:inline-flex;gap:2px;padding:3px;background:var(--sl-surface-1);border:1px solid var(--sl-border);border-radius:var(--sl-r-sm)}.sl-segment button{background:none;border:none;color:var(--sl-text-dim);font:inherit;font-size:.82rem;font-weight:600;padding:.35rem .75rem;border-radius:6px;cursor:pointer;transition:var(--sl-t)}.sl-segment button:hover{color:var(--sl-text)}.sl-segment button.active{color:#fff;background:rgba(var(--sl-accent-rgb),.2)}.sl-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:.25rem .6rem;border-radius:var(--sl-r-pill);border:1px solid transparent;white-space:nowrap}.sl-pill .sl-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.sl-pill--running{color:var(--sl-run);background:#4aa3ce1f;border-color:#4aa3ce66}.sl-pill--running .sl-dot{animation:sl-pulse 1.4s var(--sl-ease) infinite}.sl-pill--queued{color:var(--sl-idle);background:#6b78861f;border-color:#6b788666}.sl-pill--completed{color:var(--sl-ok);background:#00c2811f;border-color:#00c28166}.sl-pill--failed{color:var(--sl-err);background:#f0656a1f;border-color:#f0656a66}.sl-pill--canceled{color:var(--sl-warn);background:#e0c84a1f;border-color:#e0c84a66}@keyframes sl-pulse{0%,to{opacity:1}50%{opacity:.3}}.sl-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.85rem;margin-bottom:1.5rem}.sl-kpi{position:relative;overflow:hidden;background:var(--sl-surface-2);border:1px solid var(--sl-border);border-radius:var(--sl-r-card);padding:1rem 1.1rem}.sl-kpi:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--sl-accent-bright),transparent)}.sl-kpi-label{font-size:.74rem;font-weight:600;color:var(--sl-text-dim);text-transform:uppercase;letter-spacing:.06em}.sl-kpi-num{font-size:1.7rem;font-weight:800;line-height:1.1;margin-top:.35rem;background:linear-gradient(150deg,#fff,var(--sl-accent-bright) 130%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}.sl-table-wrap{overflow-x:auto;border:1px solid var(--sl-border);border-radius:var(--sl-r-lg);background:var(--sl-surface-1);box-shadow:var(--sl-sh-lg)}.sl-table{width:100%;border-collapse:collapse;font-size:.9rem}.sl-table thead th{text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sl-text-dim);padding:.75rem 1rem;border-bottom:1px solid var(--sl-border);white-space:nowrap;user-select:none}.sl-table th.sortable{cursor:pointer}.sl-table th.sortable:hover{color:var(--sl-text)}.sl-table th .sl-sort{display:inline-flex;align-items:center;gap:.3rem}.sl-table th.active-sort{color:var(--sl-accent-bright)}.sl-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background var(--sl-t);cursor:pointer}.sl-table tbody tr:last-child{border-bottom:none}.sl-table tbody tr:hover{background:var(--sl-surface-2)}.sl-table td{padding:.7rem 1rem;vertical-align:middle}.sl-table td.prompt-cell{max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-table .mono{font-family:ui-monospace,JetBrains Mono,monospace;font-variant-numeric:tabular-nums;color:var(--sl-text-dim);font-size:.85rem}.sl-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-top:1px solid var(--sl-border);font-size:.82rem;color:var(--sl-text-dim)}.sl-pagination .pages{display:flex;gap:.4rem}.sl-pagination button{background:var(--sl-surface-2);border:1px solid var(--sl-border);color:var(--sl-text);border-radius:6px;padding:.3rem .7rem;font:inherit;font-size:.82rem;cursor:pointer}.sl-pagination button:disabled{opacity:.4;cursor:default}.sl-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3.5rem 1.5rem;text-align:center;color:var(--sl-text-dim)}.sl-empty .sl-empty-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:var(--sl-r-lg);background:var(--sl-surface-2);border:1px solid var(--sl-border);color:var(--sl-accent-bright)}.sl-empty h3{margin:0;font-size:1.05rem;color:var(--sl-text)}.sl-empty p{margin:0;font-size:.9rem;max-width:24rem}.sl-error-banner{display:flex;align-items:flex-start;gap:.65rem;padding:.8rem 1rem;border-radius:var(--sl-r);border:1px solid rgba(240,101,106,.3);background:#f0656a1a;color:#f4a3a6;font-size:.88rem}.sl-error-banner svg{flex-shrink:0;margin-top:1px}.sl-skeleton{background:linear-gradient(90deg,var(--sl-surface-1) 25%,var(--sl-surface-3) 50%,var(--sl-surface-1) 75%);background-size:200% 100%;animation:sl-shimmer 1.4s ease-in-out infinite;border-radius:var(--sl-r-sm)}@keyframes sl-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.sl-skeleton,.sl-pill--running .sl-dot{animation:none}.sl-btn--primary:hover:not(:disabled){transform:none}}.sl-toasts{position:fixed;bottom:1.25rem;right:1.25rem;z-index:100;display:flex;flex-direction:column;gap:.6rem;max-width:min(90vw,380px)}.sl-toast{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem .9rem;border-radius:var(--sl-r);background:#111a24f2;border:1px solid var(--sl-border-2);box-shadow:var(--sl-sh-lg);backdrop-filter:blur(10px);font-size:.88rem;animation:sl-toast-in .22s var(--sl-ease)}.sl-toast--success{border-left:3px solid var(--sl-ok)}.sl-toast--error{border-left:3px solid var(--sl-err)}.sl-toast--info{border-left:3px solid var(--sl-accent-bright)}@keyframes sl-toast-in{0%{opacity:0;transform:translate(20px)}}.sl-composer{display:flex;flex-direction:column;gap:1rem;max-width:720px}.sl-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.sl-chips{display:flex;flex-wrap:wrap;gap:.5rem}.sl-chip{background:var(--sl-surface-2);border:1px solid var(--sl-border);color:var(--sl-text-dim);border-radius:var(--sl-r-pill);padding:.35rem .8rem;font-size:.82rem;cursor:pointer;transition:var(--sl-t)}.sl-chip:hover{color:var(--sl-text);border-color:var(--sl-border-accent)}.sl-detail{display:flex;gap:1.25rem;min-height:0;flex:1}@media (max-width: 960px){.sl-detail{flex-direction:column}}.sl-stream{flex:3;position:relative;background:#000;border:1px solid var(--sl-border);border-radius:var(--sl-r-card);overflow:hidden;min-height:58vh;display:flex;align-items:center;justify-content:center;box-shadow:var(--sl-sh-lg)}.sl-stream .placeholder{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--sl-text-dim);font-size:.9rem}.sl-vnc{position:relative;width:100%;height:100%}.sl-vnc-canvas{width:100%;height:100%}.sl-vnc .placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--sl-text-dim);font-size:.9rem;pointer-events:none}.sl-sidebar{flex:1;min-width:320px;display:flex;flex-direction:column;overflow:hidden;background:var(--sl-surface-2);border:1px solid var(--sl-border);border-radius:var(--sl-r-card);box-shadow:var(--sl-sh-md)}.sl-tabs{display:flex;border-bottom:1px solid var(--sl-border)}.sl-tabs button{flex:1;background:none;border:none;color:var(--sl-text-dim);padding:.75rem .5rem;cursor:pointer;font:inherit;font-size:.85rem;font-weight:600;border-bottom:2px solid transparent;transition:var(--sl-t)}.sl-tabs button:hover{color:var(--sl-text)}.sl-tabs button[aria-selected=true]{color:#fff;border-bottom-color:var(--sl-accent-bright)}.sl-tabbody{padding:1rem 1.1rem;overflow-y:auto;flex:1}.sl-meta-row{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.86rem}.sl-meta-row .k{color:var(--sl-text-dim)}.sl-meta-row .v{text-align:right;font-variant-numeric:tabular-nums}.sl-event{padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.88rem}.sl-event:last-child{border-bottom:none}.sl-event .kind{font-size:.66rem;font-weight:700;letter-spacing:.06em;color:var(--sl-accent-bright);text-transform:uppercase}.sl-event.action .kind{color:var(--sl-warn)}.sl-event .tool{font-family:ui-monospace,JetBrains Mono,monospace;color:var(--sl-text-dim);font-size:.82rem;margin-top:.2rem;word-break:break-word}.sl-event .txt{margin-top:.2rem;line-height:1.5}.sl-center{display:grid;place-items:center;min-height:50vh;color:var(--sl-text-dim)}.sl-back{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--sl-text-dim);margin-bottom:.85rem;transition:var(--sl-t)}.sl-back:hover{color:var(--sl-text)}