@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Jost:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap");.cyrano-cx{--bg-root:#0A0B0D;--bg-app:#0F1115;--bg-elev:#13161C;--bg-surf:#16181D;--bg-input:#1A1D24;--bg-card-hi:#1A1E27;--border:#1E293B;--border-hi:#334155;--border-sub:rgba(255,255,255,0.06);--fg:#FFFFFF;--fg-2:#E2E8F0;--fg-3:#CBD5E1;--fg-4:#94A3B8;--fg-5:#64748B;--fg-6:#475569;--indigo:#6366F1;--indigo-hi:#818CF8;--indigo-deep:#4F46E5;--violet:#8B5CF6;--violet-deep:#7C3AED;--emerald:#10B981;--amber:#F59E0B;--rose:#F43F5E;--sky:#0EA5E9;--teal:#00C4D3;--shadow-accent:0 12px 32px -10px rgba(99,102,241,.55);--shadow-card:0 1px 0 rgba(255,255,255,.02) inset,0 8px 24px rgba(0,0,0,.4);--shadow-modal:0 25px 50px -12px rgba(0,0,0,.75);--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:20px;--r-pill:999px;background:var(--bg-app);color:var(--fg-3);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cyrano-cx *{box-sizing:border-box}.cyrano-cx button,.cyrano-cx input,.cyrano-cx select,.cyrano-cx textarea{font-family:inherit;color:inherit}.cyrano-cx button{cursor:pointer}.cyrano-cx button:disabled{cursor:not-allowed}.cyrano-cx .cx-icon-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--fg-5);cursor:pointer;transition:background .14s ease,color .14s ease}.cyrano-cx .cx-icon-btn:hover{background:rgba(255,255,255,.06);color:var(--fg-2)}.cyrano-cx .cx-icon-btn:active{background:rgba(255,255,255,.1)}.cyrano-cx .cx-icon-btn.is-active{background:rgba(99,102,241,.12);color:#fff}.cyrano-cx .cx-icon-btn.is-primary{background:var(--indigo);color:#fff;box-shadow:var(--shadow-accent)}.cyrano-cx .cx-icon-btn.is-primary:hover{background:var(--indigo-hi)}.cyrano-cx .cx-sidebar{transition:width .22s cubic-bezier(.32,.72,0,1);will-change:width}.cyrano-cx .cx-sidebar-inner{animation:cx-fadeIn .18s ease-out}@keyframes cx-fadeIn{0%{opacity:0}to{opacity:1}}.cyrano-cx .tabular{font-variant-numeric:tabular-nums}.cyrano-cx .mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.cyrano-cx .micro{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-5)}.cyrano-cx ::-webkit-scrollbar{width:10px;height:10px}.cyrano-cx ::-webkit-scrollbar-track{background:transparent}.cyrano-cx ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:99px;border:2px solid transparent;background-clip:content-box}.cyrano-cx ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.16);background-clip:content-box}.cyrano-cx ::selection{background:rgba(99,102,241,.3);color:#fff}@keyframes cx-fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cx-pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.5}}@keyframes cx-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes cx-flow{0%{stroke-dashoffset:12}to{stroke-dashoffset:0}}@keyframes cx-spin{to{transform:rotate(1turn)}}@keyframes cx-blink{0%,50%{opacity:1}51%,to{opacity:.1}}@keyframes cx-wave{0%,to{transform:scaleY(.28);opacity:.55}50%{transform:scaleY(1);opacity:1}}.cyrano-cx .spinner{width:14px;height:14px;border-radius:99px;border:2px solid var(--border-hi);border-top-color:var(--indigo);animation:cx-spin .9s linear infinite;display:inline-block}.cyrano-cx .btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r-md);font-size:13px;font-weight:600;letter-spacing:-.005em;border:1px solid transparent;transition:background .18s ease;white-space:nowrap}.cyrano-cx .btn-primary{background:var(--indigo);color:#fff;box-shadow:var(--shadow-accent)}.cyrano-cx .btn-primary:hover{background:var(--indigo-hi)}.cyrano-cx .btn-ghost{background:transparent;color:var(--fg-3);border-color:var(--border)}.cyrano-cx .btn-ghost:hover{background:rgba(255,255,255,.04);color:var(--fg)}.cyrano-cx .btn-solid{background:var(--bg-input);color:var(--fg);border-color:var(--border)}.cyrano-cx .btn-solid:hover{background:var(--bg-card-hi)}.cyrano-cx .input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-md);color:var(--fg);padding:9px 12px;font-size:13px;outline:none}.cyrano-cx .input:focus{border-color:var(--indigo);box-shadow:0 0 0 3px rgba(99,102,241,.18)}.cyrano-cx .card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-xl)}.cyrano-cx .nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-md);color:var(--fg-4);font-size:13px;font-weight:500;position:relative;cursor:pointer}.cyrano-cx .nav-item:hover{background:rgba(255,255,255,.04);color:var(--fg-2)}.cyrano-cx .nav-item.active{background:rgba(99,102,241,.1);color:#fff;font-weight:600}.cyrano-cx .nav-item.active:before{content:"";position:absolute;left:-10px;top:6px;bottom:6px;width:2px;background:var(--indigo);border-radius:99px}.cyrano-cx .cx-row-menu{opacity:0;transition:opacity .12s ease}.cyrano-cx .nav-item:hover .cx-row-menu{opacity:.7}.cyrano-cx .cx-row-menu:hover{opacity:1}.cyrano-cx .row{display:flex}.cyrano-cx .col{display:flex;flex-direction:column}.cyrano-cx .grow{flex:1 1 auto;min-width:0}.cyrano-cx .clamp-1{-webkit-line-clamp:1}.cyrano-cx .clamp-1,.cyrano-cx .clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.cyrano-cx .clamp-2{-webkit-line-clamp:2}.cyrano-cx .gradient-indigo-violet{background:linear-gradient(135deg,var(--indigo) 0,var(--violet) 100%)}