@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg:#0b0f1a;--bg-surface:#111827;--bg-elevated:#1a2236;--bg-hover:#1e2940;--text:#e5e7eb;--text-bright:#f9fafb;--text-dim:#9ca3af;--text-muted:#6b7280;--border:#ffffff0f;--border-strong:#ffffff1f;--border-focus:#7c5cff66;--primary:#7c5cff;--primary-hover:#8d70ff;--primary-dim:#7c5cff1f;--secondary:#22d3ee;--secondary-hover:#38e2fc;--secondary-dim:#22d3ee1f;--success:#10b981;--success-dim:#10b9811f;--warning:#f59e0b;--warning-dim:#f59e0b1f;--danger:#ef4444;--danger-dim:#ef44441f;--critical:#f43f5e;--magenta:#e879f9;--green:var(--success);--green-bright:#34d399;--green-dim:var(--success-dim);--red:var(--danger);--red-dim:var(--danger-dim);--yellow:var(--warning);--blue:#3b82f6;--cyan:var(--secondary);--accent:var(--primary);--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, "Courier New", monospace;--fs-xs:11px;--fs-sm:12px;--fs-base:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:18px;--fs-2xl:22px;--fs-3xl:28px;--fs-4xl:36px;--fs-1:var(--fs-xs);--fs-2:var(--fs-sm);--fs-3:var(--fs-base);--fs-4:var(--fs-md);--fs-5:var(--fs-lg);--fs-6:var(--fs-xl);--fs-7:var(--fs-2xl);--fs-8:var(--fs-3xl);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:48px;--s-9:64px;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-full:9999px;--r-0:0;--r-1:var(--r-xs);--r-2:var(--r-sm);--ease:cubic-bezier(.4, 0, .2, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur-med:.18s;--dur-slow:.26s;--shadow-sm:0 1px 2px #0003;--shadow-md:0 2px 4px #0003, 0 4px 12px #0000004d;--shadow-lg:0 4px 8px #0000003d, 0 16px 40px #0006;--shadow-primary:0 0 0 3px #7c5cff26;--shadow-focus:0 0 0 3px #7c5cff59;--glow-green:0 0 0 3px #10b98126;--glow-red:0 0 0 3px #ef444426;--glow-cyan:0 0 0 3px #22d3ee26}*{box-sizing:border-box;margin:0;padding:0}html,body{background:radial-gradient(at 0% 0%, #7c5cff0f, transparent 50%), radial-gradient(at 100% 0%, #22d3ee0a, transparent 50%), var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.55}::selection{background:var(--primary);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}a{color:var(--secondary);transition:color var(--dur-fast) var(--ease);text-decoration:none}a:hover{color:var(--secondary-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text-bright);letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:var(--fs-2xl);letter-spacing:-.02em;font-weight:700}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md);color:var(--text)}h4{font-size:var(--fs-base);color:var(--text-dim);font-weight:500}code,pre,.mono{font-family:var(--font-mono);font-size:.92em}button{font-family:var(--font-sans);font-weight:500;font-size:var(--fs-base);cursor:pointer;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text);border-radius:var(--r-sm);transition:all var(--dur-fast) var(--ease);align-items:center;gap:var(--s-2);text-transform:none;letter-spacing:0;padding:8px 14px;line-height:1.2;display:inline-flex}button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-bright)}button:focus-visible{box-shadow:var(--shadow-focus);outline:none}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-primary);transform:translateY(-1px)}button.ghost{color:var(--text-dim);background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-bright);border-color:#0000}button.danger{color:var(--danger);background:0 0;border-color:#ef444466}button.danger:hover:not(:disabled){background:var(--danger-dim);border-color:var(--danger);color:var(--danger)}button.secondary{background:var(--secondary-dim);color:var(--secondary-hover);border-color:#0000}button.secondary:hover:not(:disabled){background:#22d3ee33}input,select,textarea{font-family:var(--font-sans);font-size:var(--fs-base);background:var(--bg);color:var(--text-bright);border:1px solid var(--border-strong);border-radius:var(--r-sm);width:100%;transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);outline:none;padding:8px 12px}input:hover,select:hover,textarea:hover{border-color:#fff3}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:var(--shadow-primary)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--primary);padding:0}.ks-page{max-width:1320px;padding:var(--s-7) var(--s-6) var(--s-9);margin:0 auto}.ks-page-narrow{max-width:900px;padding:var(--s-7) var(--s-6) var(--s-9);margin:0 auto}.ks-page-header{margin-bottom:var(--s-6)}.ks-page-subtitle{margin-top:var(--s-1);color:var(--text-dim);font-size:var(--fs-md)}.ks-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-5);box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease)}.ks-panel+.ks-panel{margin-top:var(--s-4)}.ks-panel:hover{border-color:var(--border-strong)}.ks-panel-title{font-size:var(--fs-md);color:var(--text-bright);margin-bottom:var(--s-4);font-weight:600}.ks-panel-interactive{cursor:pointer}.ks-panel-interactive:hover{border-color:var(--primary);box-shadow:var(--shadow-md), 0 0 0 1px var(--primary-dim)}.ks-grid{gap:var(--s-4);display:grid}.ks-grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.ks-grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.ks-grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ks-row{align-items:center;gap:var(--s-3);display:flex}.ks-row-between{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.ks-stack{gap:var(--s-3);flex-direction:column;display:flex}.ks-stat{padding:var(--s-4) var(--s-5);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.ks-stat-label{font-size:var(--fs-xs);color:var(--text-dim);margin-bottom:var(--s-2);letter-spacing:.02em;font-weight:500}.ks-stat-value{font-size:var(--fs-3xl);color:var(--text-bright);letter-spacing:-.02em;font-weight:700;line-height:1.1}.ks-stat-trend{margin-top:var(--s-2);font-size:var(--fs-xs);color:var(--text-dim)}.ks-tag{font-size:var(--fs-xs);border-radius:var(--r-full);white-space:nowrap;letter-spacing:0;text-transform:none;border:1px solid #0000;align-items:center;gap:4px;padding:3px 10px;font-weight:500;line-height:1.4;display:inline-flex}.ks-tag-primary{background:var(--primary-dim);color:var(--primary)}.ks-tag-cyan{background:var(--secondary-dim);color:var(--secondary-hover)}.ks-tag-green{background:var(--success-dim);color:#34d399}.ks-tag-yellow{background:var(--warning-dim);color:var(--warning)}.ks-tag-red{background:var(--danger-dim);color:#f87171}.ks-tag-magenta{color:var(--magenta);background:#e879f91f}.ks-tag-dim{color:var(--text-dim);border-color:var(--border);background:#ffffff0a}.ks-dot{border-radius:var(--r-full);flex-shrink:0;width:8px;height:8px;display:inline-block}.ks-dot-green{background:var(--success);box-shadow:0 0 8px var(--success-dim)}.ks-dot-yellow{background:var(--warning)}.ks-dot-red{background:var(--danger)}.ks-dot-dim{background:var(--text-muted)}.ks-empty{border:1px dashed var(--border-strong);border-radius:var(--r-md);background:var(--bg-surface);padding:var(--s-9) var(--s-5);text-align:center;color:var(--text-dim)}.ks-empty-icon{width:48px;height:48px;margin:0 auto var(--s-4);border-radius:var(--r-full);background:var(--bg-elevated);color:var(--text-muted);font-size:var(--fs-xl);justify-content:center;align-items:center;display:flex}.ks-empty-title{font-size:var(--fs-md);color:var(--text-bright);margin-bottom:var(--s-1);font-weight:600}.ks-empty-hint{font-size:var(--fs-sm);color:var(--text-dim);max-width:440px;margin:0 auto}.ks-table{border-collapse:collapse;width:100%;font-size:var(--fs-base)}.ks-table thead th{font-size:var(--fs-xs);color:var(--text-dim);letter-spacing:.02em;text-align:left;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border);background:0 0;font-weight:500}.ks-table tbody td{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border);color:var(--text)}.ks-table tbody tr{transition:background var(--dur-fast) var(--ease)}.ks-table tbody tr:hover{background:var(--bg-hover)}.ks-dim{color:var(--text-dim)}.ks-muted{color:var(--text-muted)}.ks-bright{color:var(--text-bright)}.ks-primary{color:var(--primary)}.ks-cyan{color:var(--secondary-hover)}.ks-green{color:var(--success)}.ks-red{color:var(--danger)}.ks-yellow{color:var(--warning)}.ks-mono{font-family:var(--font-mono)}.ks-label{font-size:var(--fs-xs);color:var(--text-dim);letter-spacing:.02em;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.55}}@keyframes skeleton{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fadeIn var(--dur-med) var(--ease)}.pulse{animation:1.6s ease-in-out infinite pulse-soft}.skeleton{background:linear-gradient(90deg, var(--bg-surface) 0%, var(--bg-hover) 50%, var(--bg-surface) 100%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.4s linear infinite skeleton}.terminal-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-4)}.status-running{color:var(--warning)}.status-completed{color:var(--success)}.status-failed{color:var(--danger)}.status-pending{color:var(--text-dim)}.scanlines:after{content:none}