/* Generated by skin_gen.py. */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
html.k-skin {
  --k-bg:#F1F3F6; --k-surface:#FFFFFF; --k-surface2:#F1F3F6; --k-line:#D4D9E1; --k-ink:#171B22; --k-muted:#535C69;
  --k-rail:#1A1F27; --k-railfg:#AEB7C4; --k-accent:#1D4ED8; --k-on:#FFFFFF;
  --k-okb:#DBF4E3; --k-okf:#14663A; --k-warb:#FBEFD3; --k-warf:#7A4A00; --k-badb:#FBE3E3; --k-badf:#A8201F; --k-infb:#E3EAFB; --k-inff:#1A3FA8;
}
html.k-skin.dark {
  --k-bg:#0D1014; --k-surface:#14181E; --k-surface2:#1B2028; --k-line:#2B323C; --k-ink:#E7EBF0; --k-muted:#A0AAB8;
  --k-rail:#090B0E; --k-railfg:#A0AAB8; --k-accent:#6B9BFF; --k-on:#07142E;
  --k-okb:#12331F; --k-okf:#7BE3A2; --k-warb:#392A0B; --k-warf:#F5C451; --k-badb:#3F1717; --k-badf:#FCA5A5; --k-infb:#17264A; --k-inff:#A9C4FF;
}
html.k-skin, html.k-skin body { background:var(--k-bg) !important; color:var(--k-ink); }
html.k-skin body { font-family:'IBM Plex Sans',system-ui,sans-serif; font-size:13px; padding-left:84px; }
html.k-skin * { font-family:inherit; letter-spacing:normal; }
html.k-skin [class*="min-h-screen"] { background:var(--k-bg) !important; }

/* Rail */
html.k-skin .k-srail { position:fixed; left:0; top:0; bottom:0; width:84px; z-index:40; background:var(--k-rail); display:flex; flex-direction:column; align-items:center; gap:2px; padding:8px 0; overflow-y:auto; }
html.k-skin .k-srail .k-smark { width:36px; height:28px; flex:none; margin-bottom:6px; border-radius:4px; background:var(--k-accent); color:var(--k-on); display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; }
html.k-skin .k-srail .k-sme { width:76px; flex:none; display:flex; flex-direction:column; align-items:center; gap:3px; padding:2px 0 8px; margin-bottom:4px; border-bottom:1px solid rgba(255,255,255,.12); color:var(--k-railfg); }
html.k-skin .k-srail .k-sme img, html.k-skin .k-srail .k-sme i { width:40px; height:40px; border-radius:50%; object-fit:cover; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.12); color:#fff; font-size:15px; font-style:normal; font-weight:600; }
html.k-skin .k-srail .k-sme b { max-width:72px; font-size:10px; font-weight:600; line-height:1.15; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--k-railfg) !important; }
html.k-skin .k-srail button { position:relative; width:76px; min-height:48px; flex:none; border:0 !important; border-radius:4px !important; background:none !important; color:var(--k-railfg) !important; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:6px 2px !important; cursor:pointer; }
html.k-skin .k-srail button span { font-size:10px !important; font-weight:500 !important; line-height:1.15 !important; text-align:center; overflow-wrap:anywhere; color:inherit !important; }
html.k-skin .k-srail button:hover { background:rgba(255,255,255,.08) !important; }
html.k-skin .k-srail button.on { background:var(--k-accent) !important; color:var(--k-on) !important; }
html.k-skin .k-srail button:focus-visible { outline:2px solid var(--k-accent); outline-offset:1px; }
html.k-skin .k-srail svg { width:20px; height:20px; flex:none; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
html.k-skin .k-srail em { position:absolute; right:12px; top:3px; min-width:16px; height:16px; padding:0 3px; border-radius:3px; background:var(--k-badf); color:var(--k-surface); font-size:10px; font-style:normal; font-weight:700; line-height:16px; text-align:center; }
html.k-skin .k-sgrow { flex:1; }
html.k-skin .k-shell { display:block !important; max-width:none !important; width:auto !important; }
html.k-skin .k-shell-side { display:contents !important; }
html.k-skin [class^="bg-white"],
html.k-skin [class*=" bg-white"],
html.k-skin [class^="bg-surface"],
html.k-skin [class*=" bg-surface"],
html.k-skin [class^="bg-slate-50"],
html.k-skin [class*=" bg-slate-50"],
html.k-skin [class^="bg-gray-50"],
html.k-skin [class*=" bg-gray-50"],
html.k-skin [class^="bg-[#f"],
html.k-skin [class*=" bg-[#f"],
html.k-skin [class^="bg-[#e"],
html.k-skin [class*=" bg-[#e"],
html.k-skin [class^="bg-[#0"],
html.k-skin [class*=" bg-[#0"],
html.k-skin [class^="bg-[#1"],
html.k-skin [class*=" bg-[#1"],
html.k-skin [class^="bg-[linear-gradient"],
html.k-skin [class*=" bg-[linear-gradient"],
html.k-skin [class^="bg-[radial-gradient"],
html.k-skin [class*=" bg-[radial-gradient"],
html.k-skin [class^="bg-gradient-"],
html.k-skin [class*=" bg-gradient-"],
html.k-skin.dark [class*="dark:bg-white"],
html.k-skin.dark [class*="dark:bg-surface"],
html.k-skin.dark [class*="dark:bg-slate-50"],
html.k-skin.dark [class*="dark:bg-gray-50"],
html.k-skin.dark [class*="dark:bg-[#f"],
html.k-skin.dark [class*="dark:bg-[#e"],
html.k-skin.dark [class*="dark:bg-[#0"],
html.k-skin.dark [class*="dark:bg-[#1"],
html.k-skin.dark [class*="dark:bg-[linear-gradient"],
html.k-skin.dark [class*="dark:bg-[radial-gradient"],
html.k-skin.dark [class*="dark:bg-gradient-"] { background:var(--k-surface) !important; background-image:none !important; }
html.k-skin [class^="bg-slate-100"],
html.k-skin [class*=" bg-slate-100"],
html.k-skin [class^="bg-slate-200"],
html.k-skin [class*=" bg-slate-200"],
html.k-skin [class^="bg-gray-100"],
html.k-skin [class*=" bg-gray-100"],
html.k-skin [class^="bg-[#d"],
html.k-skin [class*=" bg-[#d"],
html.k-skin [class^="bg-[#c"],
html.k-skin [class*=" bg-[#c"],
html.k-skin.dark [class*="dark:bg-slate-100"],
html.k-skin.dark [class*="dark:bg-slate-200"],
html.k-skin.dark [class*="dark:bg-gray-100"],
html.k-skin.dark [class*="dark:bg-[#d"],
html.k-skin.dark [class*="dark:bg-[#c"] { background:var(--k-surface2) !important; }
html.k-skin [class*="text-white"],
html.k-skin [class*="text-ink"],
html.k-skin [class*="text-slate-9"],
html.k-skin [class*="text-slate-8"],
html.k-skin [class*="text-[#1"],
html.k-skin [class*="text-[#0"] { color:var(--k-ink) !important; }
html.k-skin [class*="text-muted"],
html.k-skin [class*="text-slate-4"],
html.k-skin [class*="text-slate-5"],
html.k-skin [class*="text-slate-6"],
html.k-skin [class*="text-slate-7"],
html.k-skin [class*="text-white/"],
html.k-skin [class*="text-[#3"],
html.k-skin [class*="text-[#5"],
html.k-skin [class*="text-[#6"],
html.k-skin [class*="text-[#2"] { color:var(--k-muted) !important; }
html.k-skin [class*="border"]:not([class*="border-transparent"]),
html.k-skin [class*="divide-"] > * { border-color:var(--k-line) !important; }
html.k-skin [class*="ring-"] { --tw-ring-color:var(--k-line) !important; }
html.k-skin [class^="bg-emerald-"],
html.k-skin [class*=" bg-emerald-"],
html.k-skin.dark [class*="dark:bg-emerald-"],
html.k-skin [class^="bg-green-"],
html.k-skin [class*=" bg-green-"],
html.k-skin.dark [class*="dark:bg-green-"],
html.k-skin [class^="bg-teal-"],
html.k-skin [class*=" bg-teal-"],
html.k-skin.dark [class*="dark:bg-teal-"] { background:var(--k-okb) !important; }
html.k-skin [class^="text-emerald-"],
html.k-skin [class*=" text-emerald-"],
html.k-skin.dark [class*="dark:text-emerald-"],
html.k-skin [class^="text-green-"],
html.k-skin [class*=" text-green-"],
html.k-skin.dark [class*="dark:text-green-"],
html.k-skin [class^="text-teal-"],
html.k-skin [class*=" text-teal-"],
html.k-skin.dark [class*="dark:text-teal-"] { color:var(--k-okf) !important; }
html.k-skin [class^="border-emerald-"],
html.k-skin [class*=" border-emerald-"],
html.k-skin.dark [class*="dark:border-emerald-"],
html.k-skin [class^="border-green-"],
html.k-skin [class*=" border-green-"],
html.k-skin.dark [class*="dark:border-green-"],
html.k-skin [class^="border-teal-"],
html.k-skin [class*=" border-teal-"],
html.k-skin.dark [class*="dark:border-teal-"] { border-color:var(--k-okf) !important; }
html.k-skin [class^="bg-amber-"],
html.k-skin [class*=" bg-amber-"],
html.k-skin.dark [class*="dark:bg-amber-"],
html.k-skin [class^="bg-yellow-"],
html.k-skin [class*=" bg-yellow-"],
html.k-skin.dark [class*="dark:bg-yellow-"],
html.k-skin [class^="bg-orange-"],
html.k-skin [class*=" bg-orange-"],
html.k-skin.dark [class*="dark:bg-orange-"] { background:var(--k-warb) !important; }
html.k-skin [class^="text-amber-"],
html.k-skin [class*=" text-amber-"],
html.k-skin.dark [class*="dark:text-amber-"],
html.k-skin [class^="text-yellow-"],
html.k-skin [class*=" text-yellow-"],
html.k-skin.dark [class*="dark:text-yellow-"],
html.k-skin [class^="text-orange-"],
html.k-skin [class*=" text-orange-"],
html.k-skin.dark [class*="dark:text-orange-"] { color:var(--k-warf) !important; }
html.k-skin [class^="border-amber-"],
html.k-skin [class*=" border-amber-"],
html.k-skin.dark [class*="dark:border-amber-"],
html.k-skin [class^="border-yellow-"],
html.k-skin [class*=" border-yellow-"],
html.k-skin.dark [class*="dark:border-yellow-"],
html.k-skin [class^="border-orange-"],
html.k-skin [class*=" border-orange-"],
html.k-skin.dark [class*="dark:border-orange-"] { border-color:var(--k-warf) !important; }
html.k-skin [class^="bg-red-"],
html.k-skin [class*=" bg-red-"],
html.k-skin.dark [class*="dark:bg-red-"],
html.k-skin [class^="bg-rose-"],
html.k-skin [class*=" bg-rose-"],
html.k-skin.dark [class*="dark:bg-rose-"] { background:var(--k-badb) !important; }
html.k-skin [class^="text-red-"],
html.k-skin [class*=" text-red-"],
html.k-skin.dark [class*="dark:text-red-"],
html.k-skin [class^="text-rose-"],
html.k-skin [class*=" text-rose-"],
html.k-skin.dark [class*="dark:text-rose-"] { color:var(--k-badf) !important; }
html.k-skin [class^="border-red-"],
html.k-skin [class*=" border-red-"],
html.k-skin.dark [class*="dark:border-red-"],
html.k-skin [class^="border-rose-"],
html.k-skin [class*=" border-rose-"],
html.k-skin.dark [class*="dark:border-rose-"] { border-color:var(--k-badf) !important; }
html.k-skin [class^="bg-sky-"],
html.k-skin [class*=" bg-sky-"],
html.k-skin.dark [class*="dark:bg-sky-"],
html.k-skin [class^="bg-blue-"],
html.k-skin [class*=" bg-blue-"],
html.k-skin.dark [class*="dark:bg-blue-"],
html.k-skin [class^="bg-indigo-"],
html.k-skin [class*=" bg-indigo-"],
html.k-skin.dark [class*="dark:bg-indigo-"],
html.k-skin [class^="bg-violet-"],
html.k-skin [class*=" bg-violet-"],
html.k-skin.dark [class*="dark:bg-violet-"],
html.k-skin [class^="bg-purple-"],
html.k-skin [class*=" bg-purple-"],
html.k-skin.dark [class*="dark:bg-purple-"],
html.k-skin [class^="bg-cyan-"],
html.k-skin [class*=" bg-cyan-"],
html.k-skin.dark [class*="dark:bg-cyan-"] { background:var(--k-infb) !important; }
html.k-skin [class^="text-sky-"],
html.k-skin [class*=" text-sky-"],
html.k-skin.dark [class*="dark:text-sky-"],
html.k-skin [class^="text-blue-"],
html.k-skin [class*=" text-blue-"],
html.k-skin.dark [class*="dark:text-blue-"],
html.k-skin [class^="text-indigo-"],
html.k-skin [class*=" text-indigo-"],
html.k-skin.dark [class*="dark:text-indigo-"],
html.k-skin [class^="text-violet-"],
html.k-skin [class*=" text-violet-"],
html.k-skin.dark [class*="dark:text-violet-"],
html.k-skin [class^="text-purple-"],
html.k-skin [class*=" text-purple-"],
html.k-skin.dark [class*="dark:text-purple-"],
html.k-skin [class^="text-cyan-"],
html.k-skin [class*=" text-cyan-"],
html.k-skin.dark [class*="dark:text-cyan-"] { color:var(--k-inff) !important; }
html.k-skin [class^="border-sky-"],
html.k-skin [class*=" border-sky-"],
html.k-skin.dark [class*="dark:border-sky-"],
html.k-skin [class^="border-blue-"],
html.k-skin [class*=" border-blue-"],
html.k-skin.dark [class*="dark:border-blue-"],
html.k-skin [class^="border-indigo-"],
html.k-skin [class*=" border-indigo-"],
html.k-skin.dark [class*="dark:border-indigo-"],
html.k-skin [class^="border-violet-"],
html.k-skin [class*=" border-violet-"],
html.k-skin.dark [class*="dark:border-violet-"],
html.k-skin [class^="border-purple-"],
html.k-skin [class*=" border-purple-"],
html.k-skin.dark [class*="dark:border-purple-"],
html.k-skin [class^="border-cyan-"],
html.k-skin [class*=" border-cyan-"],
html.k-skin.dark [class*="dark:border-cyan-"] { border-color:var(--k-inff) !important; }
html.k-skin button[class^="bg-[linear-gradient"],
html.k-skin button[class*=" bg-[linear-gradient"],
html.k-skin button[class^="bg-gradient-"],
html.k-skin button[class*=" bg-gradient-"],
html.k-skin button[class^="bg-slate-900"],
html.k-skin button[class*=" bg-slate-900"],
html.k-skin button[class^="bg-slate-800"],
html.k-skin button[class*=" bg-slate-800"],
html.k-skin button[class^="bg-[#103"],
html.k-skin button[class*=" bg-[#103"],
html.k-skin button[class^="bg-[#0f3"],
html.k-skin button[class*=" bg-[#0f3"],
html.k-skin button[class^="bg-[#0b"],
html.k-skin button[class*=" bg-[#0b"],
html.k-skin a[class^="bg-[linear-gradient"],
html.k-skin a[class*=" bg-[linear-gradient"],
html.k-skin a[class^="bg-gradient-"],
html.k-skin a[class*=" bg-gradient-"],
html.k-skin a[class^="bg-slate-900"],
html.k-skin a[class*=" bg-slate-900"],
html.k-skin a[class^="bg-slate-800"],
html.k-skin a[class*=" bg-slate-800"],
html.k-skin a[class^="bg-[#103"],
html.k-skin a[class*=" bg-[#103"],
html.k-skin a[class^="bg-[#0f3"],
html.k-skin a[class*=" bg-[#0f3"],
html.k-skin a[class^="bg-[#0b"],
html.k-skin a[class*=" bg-[#0b"] { background:var(--k-accent) !important; background-image:none !important; color:var(--k-on) !important; border-color:var(--k-accent) !important; }
html.k-skin button[class^="bg-[linear-gradient"] *,
html.k-skin button[class*=" bg-[linear-gradient"] *,
html.k-skin button[class^="bg-gradient-"] *,
html.k-skin button[class*=" bg-gradient-"] *,
html.k-skin button[class^="bg-slate-900"] *,
html.k-skin button[class*=" bg-slate-900"] *,
html.k-skin button[class^="bg-slate-800"] *,
html.k-skin button[class*=" bg-slate-800"] *,
html.k-skin button[class^="bg-[#103"] *,
html.k-skin button[class*=" bg-[#103"] *,
html.k-skin button[class^="bg-[#0f3"] *,
html.k-skin button[class*=" bg-[#0f3"] *,
html.k-skin button[class^="bg-[#0b"] *,
html.k-skin button[class*=" bg-[#0b"] *,
html.k-skin a[class^="bg-[linear-gradient"] *,
html.k-skin a[class*=" bg-[linear-gradient"] *,
html.k-skin a[class^="bg-gradient-"] *,
html.k-skin a[class*=" bg-gradient-"] *,
html.k-skin a[class^="bg-slate-900"] *,
html.k-skin a[class*=" bg-slate-900"] *,
html.k-skin a[class^="bg-slate-800"] *,
html.k-skin a[class*=" bg-slate-800"] *,
html.k-skin a[class^="bg-[#103"] *,
html.k-skin a[class*=" bg-[#103"] *,
html.k-skin a[class^="bg-[#0f3"] *,
html.k-skin a[class*=" bg-[#0f3"] *,
html.k-skin a[class^="bg-[#0b"] *,
html.k-skin a[class*=" bg-[#0b"] * { color:var(--k-on) !important; }
html.k-skin.k-skin [class^="bg-emerald-500"],
html.k-skin.k-skin [class*=" bg-emerald-500"],
html.k-skin.k-skin [class^="bg-emerald-600"],
html.k-skin.k-skin [class*=" bg-emerald-600"],
html.k-skin.k-skin [class^="bg-emerald-700"],
html.k-skin.k-skin [class*=" bg-emerald-700"],
html.k-skin.k-skin [class^="bg-green-500"],
html.k-skin.k-skin [class*=" bg-green-500"],
html.k-skin.k-skin [class^="bg-green-600"],
html.k-skin.k-skin [class*=" bg-green-600"],
html.k-skin.k-skin [class^="bg-green-700"],
html.k-skin.k-skin [class*=" bg-green-700"],
html.k-skin.k-skin [class^="bg-teal-500"],
html.k-skin.k-skin [class*=" bg-teal-500"],
html.k-skin.k-skin [class^="bg-teal-600"],
html.k-skin.k-skin [class*=" bg-teal-600"],
html.k-skin.k-skin [class^="bg-teal-700"],
html.k-skin.k-skin [class*=" bg-teal-700"],
html.k-skin.k-skin [class^="bg-sky-500"],
html.k-skin.k-skin [class*=" bg-sky-500"],
html.k-skin.k-skin [class^="bg-sky-600"],
html.k-skin.k-skin [class*=" bg-sky-600"],
html.k-skin.k-skin [class^="bg-sky-700"],
html.k-skin.k-skin [class*=" bg-sky-700"],
html.k-skin.k-skin [class^="bg-blue-500"],
html.k-skin.k-skin [class*=" bg-blue-500"],
html.k-skin.k-skin [class^="bg-blue-600"],
html.k-skin.k-skin [class*=" bg-blue-600"],
html.k-skin.k-skin [class^="bg-blue-700"],
html.k-skin.k-skin [class*=" bg-blue-700"],
html.k-skin.k-skin [class^="bg-indigo-500"],
html.k-skin.k-skin [class*=" bg-indigo-500"],
html.k-skin.k-skin [class^="bg-indigo-600"],
html.k-skin.k-skin [class*=" bg-indigo-600"],
html.k-skin.k-skin [class^="bg-indigo-700"],
html.k-skin.k-skin [class*=" bg-indigo-700"],
html.k-skin.k-skin [class^="bg-cyan-500"],
html.k-skin.k-skin [class*=" bg-cyan-500"],
html.k-skin.k-skin [class^="bg-cyan-600"],
html.k-skin.k-skin [class*=" bg-cyan-600"],
html.k-skin.k-skin [class^="bg-cyan-700"],
html.k-skin.k-skin [class*=" bg-cyan-700"] { background:var(--k-accent) !important; background-image:none !important; color:var(--k-on) !important; border-color:var(--k-accent) !important; }
html.k-skin.k-skin [class^="bg-emerald-500"] *,
html.k-skin.k-skin [class*=" bg-emerald-500"] *,
html.k-skin.k-skin [class^="bg-emerald-600"] *,
html.k-skin.k-skin [class*=" bg-emerald-600"] *,
html.k-skin.k-skin [class^="bg-emerald-700"] *,
html.k-skin.k-skin [class*=" bg-emerald-700"] *,
html.k-skin.k-skin [class^="bg-green-500"] *,
html.k-skin.k-skin [class*=" bg-green-500"] *,
html.k-skin.k-skin [class^="bg-green-600"] *,
html.k-skin.k-skin [class*=" bg-green-600"] *,
html.k-skin.k-skin [class^="bg-green-700"] *,
html.k-skin.k-skin [class*=" bg-green-700"] *,
html.k-skin.k-skin [class^="bg-teal-500"] *,
html.k-skin.k-skin [class*=" bg-teal-500"] *,
html.k-skin.k-skin [class^="bg-teal-600"] *,
html.k-skin.k-skin [class*=" bg-teal-600"] *,
html.k-skin.k-skin [class^="bg-teal-700"] *,
html.k-skin.k-skin [class*=" bg-teal-700"] *,
html.k-skin.k-skin [class^="bg-sky-500"] *,
html.k-skin.k-skin [class*=" bg-sky-500"] *,
html.k-skin.k-skin [class^="bg-sky-600"] *,
html.k-skin.k-skin [class*=" bg-sky-600"] *,
html.k-skin.k-skin [class^="bg-sky-700"] *,
html.k-skin.k-skin [class*=" bg-sky-700"] *,
html.k-skin.k-skin [class^="bg-blue-500"] *,
html.k-skin.k-skin [class*=" bg-blue-500"] *,
html.k-skin.k-skin [class^="bg-blue-600"] *,
html.k-skin.k-skin [class*=" bg-blue-600"] *,
html.k-skin.k-skin [class^="bg-blue-700"] *,
html.k-skin.k-skin [class*=" bg-blue-700"] *,
html.k-skin.k-skin [class^="bg-indigo-500"] *,
html.k-skin.k-skin [class*=" bg-indigo-500"] *,
html.k-skin.k-skin [class^="bg-indigo-600"] *,
html.k-skin.k-skin [class*=" bg-indigo-600"] *,
html.k-skin.k-skin [class^="bg-indigo-700"] *,
html.k-skin.k-skin [class*=" bg-indigo-700"] *,
html.k-skin.k-skin [class^="bg-cyan-500"] *,
html.k-skin.k-skin [class*=" bg-cyan-500"] *,
html.k-skin.k-skin [class^="bg-cyan-600"] *,
html.k-skin.k-skin [class*=" bg-cyan-600"] *,
html.k-skin.k-skin [class^="bg-cyan-700"] *,
html.k-skin.k-skin [class*=" bg-cyan-700"] * { color:var(--k-on) !important; }
html.k-skin.k-skin [class^="bg-red-500"],
html.k-skin.k-skin [class*=" bg-red-500"],
html.k-skin.k-skin [class^="bg-red-600"],
html.k-skin.k-skin [class*=" bg-red-600"],
html.k-skin.k-skin [class^="bg-red-700"],
html.k-skin.k-skin [class*=" bg-red-700"],
html.k-skin.k-skin [class^="bg-rose-500"],
html.k-skin.k-skin [class*=" bg-rose-500"],
html.k-skin.k-skin [class^="bg-rose-600"],
html.k-skin.k-skin [class*=" bg-rose-600"],
html.k-skin.k-skin [class^="bg-rose-700"],
html.k-skin.k-skin [class*=" bg-rose-700"] { background:var(--k-badf) !important; background-image:none !important; color:var(--k-surface) !important; border-color:var(--k-badf) !important; }
html.k-skin.k-skin [class^="bg-red-500"] *,
html.k-skin.k-skin [class*=" bg-red-500"] *,
html.k-skin.k-skin [class^="bg-red-600"] *,
html.k-skin.k-skin [class*=" bg-red-600"] *,
html.k-skin.k-skin [class^="bg-red-700"] *,
html.k-skin.k-skin [class*=" bg-red-700"] *,
html.k-skin.k-skin [class^="bg-rose-500"] *,
html.k-skin.k-skin [class*=" bg-rose-500"] *,
html.k-skin.k-skin [class^="bg-rose-600"] *,
html.k-skin.k-skin [class*=" bg-rose-600"] *,
html.k-skin.k-skin [class^="bg-rose-700"] *,
html.k-skin.k-skin [class*=" bg-rose-700"] * { color:var(--k-surface) !important; }
html.k-skin.k-skin [class^="bg-amber-500"],
html.k-skin.k-skin [class*=" bg-amber-500"],
html.k-skin.k-skin [class^="bg-amber-600"],
html.k-skin.k-skin [class*=" bg-amber-600"],
html.k-skin.k-skin [class^="bg-amber-700"],
html.k-skin.k-skin [class*=" bg-amber-700"],
html.k-skin.k-skin [class^="bg-orange-500"],
html.k-skin.k-skin [class*=" bg-orange-500"],
html.k-skin.k-skin [class^="bg-orange-600"],
html.k-skin.k-skin [class*=" bg-orange-600"],
html.k-skin.k-skin [class^="bg-orange-700"],
html.k-skin.k-skin [class*=" bg-orange-700"] { background:var(--k-warf) !important; background-image:none !important; color:var(--k-surface) !important; border-color:var(--k-warf) !important; }
html.k-skin.k-skin [class^="bg-amber-500"] *,
html.k-skin.k-skin [class*=" bg-amber-500"] *,
html.k-skin.k-skin [class^="bg-amber-600"] *,
html.k-skin.k-skin [class*=" bg-amber-600"] *,
html.k-skin.k-skin [class^="bg-amber-700"] *,
html.k-skin.k-skin [class*=" bg-amber-700"] *,
html.k-skin.k-skin [class^="bg-orange-500"] *,
html.k-skin.k-skin [class*=" bg-orange-500"] *,
html.k-skin.k-skin [class^="bg-orange-600"] *,
html.k-skin.k-skin [class*=" bg-orange-600"] *,
html.k-skin.k-skin [class^="bg-orange-700"] *,
html.k-skin.k-skin [class*=" bg-orange-700"] * { color:var(--k-surface) !important; }
html.k-skin [class^="bg-slate-900"]:not(button):not(a),
html.k-skin [class*=" bg-slate-900"]:not(button):not(a),
html.k-skin [class^="bg-slate-800"]:not(button):not(a),
html.k-skin [class*=" bg-slate-800"]:not(button):not(a) { background:var(--k-surface2) !important; color:var(--k-ink) !important; }

/* Shape and depth */
html.k-skin [class*="rounded"]:not([class*="rounded-full"]) { border-radius:4px !important; }
html.k-skin [class*="rounded-full"][class*="px-"] { border-radius:3px !important; }
html.k-skin [class*="shadow"] { box-shadow:none !important; }
html.k-skin [class*="backdrop-blur"] { backdrop-filter:none !important; }
html.k-skin [class*="hover:-translate"]:hover { transform:none !important; }
html.k-skin .pointer-events-none[class*="absolute"][class*="bg-gradient"], html.k-skin .pointer-events-none[class*="absolute"][class*="blur"] { display:none !important; }

/* Density */
html.k-skin [class*="min-h-screen"] > * { padding-top:0; }
html.k-skin [class*=" p-6"], html.k-skin [class*=" p-7"], html.k-skin [class*=" p-8"], html.k-skin [class*=" p-5"], html.k-skin [class^="p-5"], html.k-skin [class^="p-6"] { padding:12px !important; }
html.k-skin [class*="gap-6"], html.k-skin [class*="gap-5"], html.k-skin [class*="gap-8"] { gap:10px !important; }
html.k-skin [class*="gap-4"] { gap:8px !important; }
html.k-skin [class*="space-y-6"] > * + *, html.k-skin [class*="space-y-5"] > * + *, html.k-skin [class*="space-y-4"] > * + * { margin-top:10px !important; }

/* Type */
html.k-skin h1, html.k-skin [class*="text-4xl"], html.k-skin [class*="text-5xl"] { font-size:18px !important; line-height:1.3 !important; font-weight:600 !important; }
html.k-skin h2, html.k-skin h3 { font-size:15px !important; line-height:1.3 !important; font-weight:600 !important; }
html.k-skin [class*="font-black"] { font-weight:600 !important; }
html.k-skin [class*="font-bold"] { font-weight:600 !important; }
html.k-skin [class*="text-3xl"], html.k-skin [class*="text-2xl"] { font-size:18px !important; line-height:1.3 !important; font-weight:600 !important; }
html.k-skin [class*="uppercase"] { font-size:11px !important; letter-spacing:.04em !important; font-weight:600 !important; color:var(--k-muted) !important; }
html.k-skin .k-srail, html.k-skin .k-srail * { letter-spacing:normal; }

/* Controls */
html.k-skin input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), html.k-skin select, html.k-skin textarea {
  background:var(--k-surface) !important; color:var(--k-ink) !important; border:1px solid var(--k-line) !important; border-radius:3px !important; font-size:13px !important; }
html.k-skin input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), html.k-skin select { height:32px !important; padding:0 8px !important; }
html.k-skin textarea { padding:6px 8px !important; }
html.k-skin input::placeholder, html.k-skin textarea::placeholder { color:var(--k-muted) !important; opacity:.8; }
html.k-skin input:focus, html.k-skin select:focus, html.k-skin textarea:focus { outline:2px solid var(--k-accent) !important; outline-offset:0; border-color:var(--k-accent) !important; box-shadow:none !important; }
html.k-skin button:not(.k-srail button):not(.fixed) { font-size:12px !important; font-weight:500 !important; border-radius:3px !important; }
html.k-skin button:not(.k-srail button):not(.fixed):not([class*="border"]):not([class*="bg-[linear-gradient"]):not([class*="bg-slate-9"]):not([class*="bg-gradient"]) { border:1px solid var(--k-line); }
html.k-skin.k-skin button:disabled:not([class*="bg-slate-9"]):not([class*="bg-[linear-gradient"]):not([class*="bg-gradient"]) { background:var(--k-surface2) !important; color:var(--k-muted) !important; border-color:var(--k-line) !important; opacity:1 !important; }
html.k-skin button:disabled[class*="bg-slate-9"], html.k-skin button:disabled[class*="bg-[linear-gradient"], html.k-skin button:disabled[class*="bg-gradient"] { opacity:.55 !important; }
html.k-skin button.fixed { width:44px !important; height:44px !important; font-size:18px !important; border-radius:50% !important; }
html.k-skin .pointer-events-none.fixed.bottom-5.right-5 { display:none !important; }
html.k-skin [style*="width"].h-full { background:var(--k-accent) !important; background-image:none !important; }
html.k-skin [class*="text-[2"], html.k-skin [class*="text-[3"], html.k-skin [class*="text-[4"], html.k-skin [class*="text-[5"], html.k-skin [class*="text-[6"] { font-size:18px !important; line-height:1.3 !important; }
html.k-skin button:focus-visible { outline:2px solid var(--k-accent); outline-offset:1px; }
html.k-skin.k-skin thead button, html.k-skin.k-skin th button { border:0 !important; background:none !important; padding:0 !important; }
/* Wide tables scroll instead of being cut at the card edge */
html.k-skin [class*="overflow-hidden"][class*="rounded"][class*="border"]:not(button):not(a):not(img) { overflow-x:auto !important; }
html.k-skin select { color-scheme:light; }
html.k-skin.dark select, html.k-skin.dark input[type="date"] { color-scheme:dark; }

@media (max-width:800px) { html.k-skin body { padding-left:64px; } html.k-skin .k-srail { width:64px; } html.k-skin .k-srail button { width:60px; padding:5px 1px !important; } html.k-skin .k-srail button span { font-size:9px !important; } html.k-skin .k-srail .k-sme { width:60px; } html.k-skin .k-srail .k-sme b { max-width:56px; font-size:9px; } }
@media (prefers-reduced-motion: reduce) { html.k-skin * { transition:none !important; } }
html.k-skin.dark[data-neon="a"] { --k-bg:#0A0C10; --k-surface:#12151C; --k-surface2:#191D26; --k-line:rgba(255,255,255,.09); --k-ink:#ECEFF4; --k-muted:#A3ABB9; --k-rail:#07080B; --k-railfg:#A3ABB9; --k-accent:#22D3EE; --k-accent2:#0891B2; --k-on:#06121A; --k-glow:rgba(34,211,238,.35); --k-soft:rgba(34,211,238,.12); --k-softfg:#67E8F9; }
html.k-skin.dark[data-neon="b"] { --k-bg:#0A0C10; --k-surface:#12151C; --k-surface2:#191D26; --k-line:rgba(255,255,255,.09); --k-ink:#ECEFF4; --k-muted:#A3ABB9; --k-rail:#07080B; --k-railfg:#A3ABB9; --k-accent:#34D399; --k-accent2:#059669; --k-on:#03140C; --k-glow:rgba(52,211,153,.35); --k-soft:rgba(52,211,153,.12); --k-softfg:#6EE7B7; }
html.k-skin.dark[data-neon="c"] { --k-bg:#0A0C10; --k-surface:#12151C; --k-surface2:#191D26; --k-line:rgba(255,255,255,.09); --k-ink:#ECEFF4; --k-muted:#A3ABB9; --k-rail:#07080B; --k-railfg:#A3ABB9; --k-accent:#F472B6; --k-accent2:#DB2777; --k-on:#1A0612; --k-glow:rgba(244,114,182,.35); --k-soft:rgba(244,114,182,.12); --k-softfg:#F9A8D4; }
html.k-skin.dark[data-neon] button[class^="bg-[linear-gradient"],
html.k-skin.dark[data-neon] button[class*=" bg-[linear-gradient"],
html.k-skin.dark[data-neon] button[class^="bg-gradient-"],
html.k-skin.dark[data-neon] button[class*=" bg-gradient-"],
html.k-skin.dark[data-neon] button[class^="bg-slate-900"],
html.k-skin.dark[data-neon] button[class*=" bg-slate-900"],
html.k-skin.dark[data-neon] button[class^="bg-slate-800"],
html.k-skin.dark[data-neon] button[class*=" bg-slate-800"],
html.k-skin.dark[data-neon] button[class^="bg-[#103"],
html.k-skin.dark[data-neon] button[class*=" bg-[#103"],
html.k-skin.dark[data-neon] button[class^="bg-[#0f3"],
html.k-skin.dark[data-neon] button[class*=" bg-[#0f3"],
html.k-skin.dark[data-neon] button[class^="bg-[#0b"],
html.k-skin.dark[data-neon] button[class*=" bg-[#0b"],
html.k-skin.dark[data-neon] a[class^="bg-[linear-gradient"],
html.k-skin.dark[data-neon] a[class*=" bg-[linear-gradient"],
html.k-skin.dark[data-neon] a[class^="bg-gradient-"],
html.k-skin.dark[data-neon] a[class*=" bg-gradient-"],
html.k-skin.dark[data-neon] a[class^="bg-slate-900"],
html.k-skin.dark[data-neon] a[class*=" bg-slate-900"],
html.k-skin.dark[data-neon] a[class^="bg-slate-800"],
html.k-skin.dark[data-neon] a[class*=" bg-slate-800"],
html.k-skin.dark[data-neon] a[class^="bg-[#103"],
html.k-skin.dark[data-neon] a[class*=" bg-[#103"],
html.k-skin.dark[data-neon] a[class^="bg-[#0f3"],
html.k-skin.dark[data-neon] a[class*=" bg-[#0f3"],
html.k-skin.dark[data-neon] a[class^="bg-[#0b"],
html.k-skin.dark[data-neon] a[class*=" bg-[#0b"] { background:var(--k-accent) !important; background-image:none !important; color:var(--k-on) !important; border-color:var(--k-accent) !important; box-shadow:0 0 12px -4px var(--k-glow) !important; }

html.k-skin.dark[data-neon] [class*="rounded"]:not([class*="rounded-full"]) { border-radius:8px !important; }
html.k-skin.dark[data-neon] [class*="rounded"][class*="border"]:not(button):not(input):not(select):not(textarea):not(a) { box-shadow:0 1px 2px rgba(0,0,0,.45) !important; }
html.k-skin.dark[data-neon] [class*="rounded"][class*="border"] [class*="rounded"][class*="border"]:not(button):not(input):not(select):not(textarea):not(a):not([class*="bg-emerald"]):not([class*="bg-sky"]):not([class*="bg-amber"]):not([class*="bg-red"]):not([class*="bg-rose"]):not([class*="bg-blue"]):not([class*="bg-indigo"]) { background:var(--k-surface2) !important; }
html.k-skin.dark[data-neon] [style*="width"].h-full { background:var(--k-accent) !important; box-shadow:none !important; }
html.k-skin.dark[data-neon] .k-srail .k-smark { background:var(--k-accent); color:var(--k-on); }
html.k-skin.dark[data-neon] .k-srail button { border-radius:6px !important; }
html.k-skin.dark[data-neon] .k-srail button.on { background:var(--k-soft) !important; color:var(--k-softfg) !important; box-shadow:inset 3px 0 0 var(--k-accent) !important; }
html.k-skin.dark[data-neon] .k-srail .k-sme img, html.k-skin.dark[data-neon] .k-srail .k-sme i { box-shadow:0 0 0 2px var(--k-accent); }
html.k-skin.dark[data-neon] input:focus, html.k-skin.dark[data-neon] select:focus, html.k-skin.dark[data-neon] textarea:focus { box-shadow:0 0 0 3px var(--k-soft) !important; }
html.k-skin.dark[data-neon] thead, html.k-skin.dark[data-neon] [class*="uppercase"][class*="tracking"] { color:var(--k-muted) !important; }