:root{--bg: #0a0a0a;--bg-2: #111114;--surface: #17171a;--surface-2: #1d1d20;--surface-3: #232327;--border: #26262a;--border-2: #3a3a40;--text: #fafafa;--text-2: #a1a1aa;--text-3: #71717a;--text-4: #52525a;--accent: #a78bfa;--accent-2: #8b5cf6;--accent-3: #c4b5fd;--accent-glow: rgba(167, 139, 250, .18);--accent-dim: rgba(167, 139, 250, .08);--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--sans: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono: "Geist Mono", "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;--r-sm: 6px;--r: 10px;--r-lg: 14px;--r-xl: 18px}.kyte{background:var(--bg);color:var(--text);font-family:var(--sans);font-feature-settings:"cv11","ss01","ss02";font-variant-numeric:tabular-nums;letter-spacing:-.005em;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.kyte *,.kyte *:before,.kyte *:after{box-sizing:border-box}.kyte .mono{font-family:var(--mono);font-feature-settings:normal;letter-spacing:0}.kyte .num{font-variant-numeric:tabular-nums}.kyte .t-display{font-size:56px;line-height:1.05;letter-spacing:-.03em;font-weight:600}.kyte .t-h1{font-size:32px;line-height:1.2;letter-spacing:-.02em;font-weight:600}.kyte .t-h2{font-size:22px;line-height:1.3;letter-spacing:-.015em;font-weight:600}.kyte .t-h3{font-size:16px;line-height:1.35;font-weight:500}.kyte .t-body{font-size:14px;line-height:1.5}.kyte .t-sm{font-size:13px;line-height:1.5}.kyte .t-xs{font-size:12px;line-height:1.4;color:var(--text-2)}.kyte .t-muted{color:var(--text-2)}.kyte .t-dim{color:var(--text-3)}.kyte .btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:var(--r);font:500 13px/1 var(--sans);letter-spacing:-.005em;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,color .12s}.kyte .btn-primary{background:var(--accent);color:#0d0820}.kyte .btn-primary:hover{background:var(--accent-3)}.kyte .btn-secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}.kyte .btn-secondary:hover{background:var(--surface-3);border-color:var(--border-2)}.kyte .btn-ghost{background:transparent;color:var(--text-2)}.kyte .btn-ghost:hover{background:var(--surface-2);color:var(--text)}.kyte .btn-danger{background:transparent;color:var(--error);border-color:#ef444440}.kyte .btn-danger:hover{background:#ef444414}.kyte .btn-sm{height:28px;padding:0 10px;font-size:12px;border-radius:8px}.kyte .btn-lg{height:44px;padding:0 20px;font-size:14px;border-radius:12px}.kyte .btn[disabled]{opacity:.4;cursor:not-allowed}.kyte .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px}.kyte .card-flat{background:transparent;border:1px solid var(--border);border-radius:var(--r-lg);padding:20px}.kyte .input,.kyte .select,.kyte .textarea{width:100%;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r);color:var(--text);height:36px;padding:0 12px;font:400 13px/1 var(--sans)}.kyte .textarea{padding:10px 12px;height:auto;line-height:1.5;font-family:var(--mono);font-size:13px}.kyte .input:focus,.kyte .select:focus,.kyte .textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.kyte .label{display:block;font-size:12px;color:var(--text-2);margin-bottom:6px;letter-spacing:.02em}.kyte .badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:999px;font:500 11px/1 var(--sans);letter-spacing:0;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2)}.kyte .badge-accent{background:var(--accent-dim);border-color:#a78bfa40;color:var(--accent-3)}.kyte .badge-success{background:#22c55e1a;border-color:#22c55e4d;color:#4ade80}.kyte .badge-warn{background:#f59e0b1a;border-color:#f59e0b4d;color:#fbbf24}.kyte .badge-error{background:#ef44441a;border-color:#ef44444d;color:#f87171}.kyte .badge-dot:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}.kyte .chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:8px;font:500 12px/1 var(--mono);letter-spacing:0;background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.kyte .table{width:100%;border-collapse:collapse;font-size:13px}.kyte .table th,.kyte .table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border)}.kyte .table th{font:500 11px/1.3 var(--sans);color:var(--text-3);letter-spacing:.05em;text-transform:uppercase;background:var(--bg-2)}.kyte .table tr:last-child td{border-bottom:0}.kyte .table tr:hover td{background:var(--surface-2)}.kyte .code{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;font-family:var(--mono);font-size:12.5px;line-height:1.6;color:#e4e4e7;overflow:auto}.kyte .kbd{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:5px;background:var(--surface-3);border:1px solid var(--border);font:500 11px/1 var(--mono);color:var(--text-2)}.kyte .hr{height:1px;background:var(--border);margin:16px 0}.kyte ::-webkit-scrollbar{width:8px;height:8px}.kyte ::-webkit-scrollbar-track{background:transparent}.kyte ::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.kyte ::-webkit-scrollbar-thumb:hover{background:var(--border-2)}.kyte .placeholder{background:repeating-linear-gradient(135deg,rgba(167,139,250,.06) 0 10px,transparent 10px 20px),var(--surface);border:1px dashed var(--border-2);border-radius:var(--r);color:var(--text-3);font-family:var(--mono);font-size:11px;display:flex;align-items:center;justify-content:center;text-align:center}.kyte .app{display:grid;grid-template-columns:240px 1fr;min-height:100%}.kyte .sidebar{background:var(--bg-2);border-right:1px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;gap:4px}.kyte .nav-section{font:500 10px/1 var(--sans);letter-spacing:.12em;color:var(--text-3);text-transform:uppercase;padding:14px 10px 6px}.kyte .nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--text-2);font-size:13px;cursor:pointer;transition:background .1s,color .1s}.kyte .nav-item:hover{background:var(--surface-2);color:var(--text)}.kyte .nav-item.active{background:var(--accent-dim);color:var(--accent-3)}.kyte .nav-item .kbd{margin-left:auto}.kyte .topbar{height:56px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:16px;background:var(--bg);position:sticky;top:0;z-index:5}.kyte .main{padding:28px 32px;min-width:0}.kyte .breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3)}.kyte .breadcrumb span{color:var(--text-2)}.kyte .metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px;display:flex;flex-direction:column;gap:8px}.kyte .metric-label{font-size:12px;color:var(--text-3);letter-spacing:.02em;text-transform:uppercase;display:flex;align-items:center;gap:6px}.kyte .metric-value{font:600 26px/1.1 var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kyte .metric-sub{font-size:12px;color:var(--text-2);display:flex;align-items:center;gap:6px}.kyte .dot{width:8px;height:8px;border-radius:999px;display:inline-block}.kyte .tabs{display:flex;gap:2px;border-bottom:1px solid var(--border)}.kyte .tab{padding:10px 14px;font-size:13px;color:var(--text-2);cursor:pointer;border-bottom:1px solid transparent;margin-bottom:-1px}.kyte .tab.active{color:var(--text);border-bottom-color:var(--accent)}.kyte .tab:hover{color:var(--text)}.kyte .pills{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);padding:3px;border-radius:8px;gap:2px}.kyte .pill{padding:5px 10px;font-size:12px;color:var(--text-2);border-radius:6px;cursor:pointer}.kyte .pill.active{background:var(--surface-3);color:var(--text);box-shadow:0 1px #ffffff0a}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}body{overflow-x:hidden}a{color:inherit}input,select,textarea,button{font-family:inherit}input::placeholder,textarea::placeholder{color:var(--text-3)}:root{color-scheme:dark}.kyte .app{min-height:100vh}.kyte .main{background:var(--bg)}@keyframes kyte-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes kyte-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes kyte-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes kyte-pulse{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes kyte-pop-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.kyte .btn{transition:background .12s,border-color .12s,color .12s,transform .08s}.kyte .btn:active:not([disabled]){transform:translateY(1px)}.kyte .btn-primary:hover:not([disabled]){box-shadow:0 8px 22px -10px #a78bfa99}.kyte .input,.kyte .select,.kyte .textarea{transition:border-color .15s,box-shadow .15s,background .15s}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:60px 20px;background:radial-gradient(ellipse 800px 600px at 50% -10%,rgba(167,139,250,.1),transparent 60%),var(--bg)}.auth-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 30px 80px -30px #000c}