:root{color-scheme:dark;--bg-0: #060A16;--bg-1: #0B1020;--bg-2: #0F1629;--bg-3: #141D35;--bg-4: #1A2442;--bg: var(--bg-1);--surface: var(--bg-2);--surface-2: var(--bg-3);--surface-3: var(--bg-4);--border: rgba(255, 255, 255, .08);--border-2: rgba(255, 255, 255, .14);--border-3: rgba(255, 255, 255, .22);--text: #E8ECF6;--text-2: #B4BDD3;--muted: #8C97B0;--heading: #FFFFFF;--cobalt: #3157E5;--electric: #4F7BFF;--cyan: #38D9F5;--mint: #22C7A9;--violet: #7C5CFF;--amber: #F5B547;--red: #F0616D;--primary: #3157E5;--primary-2: #4F7BFF;--primary-soft: rgba(79, 123, 255, .14);--primary-line: rgba(79, 123, 255, .45);--accent: var(--cyan);--secondary: var(--text-2);--ok: #34D399;--ok-soft: rgba(52, 211, 153, .12);--ok-line: rgba(52, 211, 153, .38);--warn: #F5B547;--warn-soft: rgba(245, 181, 71, .12);--warn-line: rgba(245, 181, 71, .38);--err: #F0616D;--err-soft: rgba(240, 97, 109, .12);--err-line: rgba(240, 97, 109, .4);--info: #38D9F5;--info-soft: rgba(56, 217, 245, .1);--info-line: rgba(56, 217, 245, .35);--idle: #8C97B0;--idle-soft: rgba(140, 151, 176, .12);--radius: 14px;--radius-s: 10px;--radius-l: 20px;--shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 10px 30px rgba(0, 0, 0, .28);--shadow-l: 0 30px 80px rgba(0, 0, 0, .55);--glow: 0 0 0 1px rgba(79, 123, 255, .35), 0 8px 30px rgba(49, 87, 229, .22);--font: "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-head: "Manrope Variable", Manrope, "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace;--ease: cubic-bezier(.2, .7, .2, 1);--sidebar: 252px}*{box-sizing:border-box}html,body,#app{margin:0;height:100%}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg-0);-webkit-font-smoothing:antialiased}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}h1,h2,h3,h4{font-family:var(--font-head);color:var(--heading);letter-spacing:-.015em}h1{font-size:24px;font-weight:800;margin:0 0 4px;line-height:1.2}h2{font-size:16px;font-weight:700;margin:0 0 8px;line-height:1.3}h3{font-size:14px;font-weight:700;margin:0 0 6px}p{margin:0 0 8px}code,.mono{font-family:var(--mono);font-size:12.5px}code{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:1px 6px;color:var(--text);overflow-wrap:anywhere}::selection{background:#4f7bff59}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:6px}.muted{color:var(--muted)}.small{font-size:12px}.center{text-align:center;padding:48px 24px}.err-text{color:var(--err)}.ok-text{color:var(--ok)}.warn-text{color:var(--warn)}.eyebrow{font-family:var(--font-head);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:6px}.label-like{font-weight:600;font-size:13px;color:var(--text)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100%;background:radial-gradient(1000px 520px at 85% -10%,rgba(49,87,229,.12),transparent 60%),radial-gradient(700px 420px at 105% 60%,rgba(124,92,255,.06),transparent 60%),var(--bg-1)}.sidebar{background:linear-gradient(180deg,var(--bg-0),#080D1C);border-right:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column;gap:10px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 12px;color:var(--heading);text-decoration:none!important}.brand img{width:32px;height:32px;border-radius:9px}.brand span{display:flex;flex-direction:column;line-height:1.15;font-family:var(--font-head);font-weight:800;font-size:15px}.brand .descriptor{font-family:var(--font);font-size:10.5px;font-weight:500;color:var(--muted);letter-spacing:.01em}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-label{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:14px 10px 6px}.nav-item{position:relative;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:var(--text-2);font-weight:500;text-decoration:none!important;transition:background .14s var(--ease),color .14s var(--ease)}.nav-item:hover{background:#ffffff0a;color:var(--text)}.nav-item.active{background:linear-gradient(90deg,#4f7bff2e,#4f7bff0a);color:var(--heading)}.nav-item.active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--cyan),var(--electric))}.nav-item .ico{width:18px;height:18px;flex:0 0 auto;opacity:.85}.nav-item .ext{margin-left:auto;width:13px;height:13px;opacity:.5}.nav-item .count{margin-left:auto;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--primary-soft);color:var(--cyan)}.nav-guide{margin:4px 2px 6px;padding:12px;border-radius:12px;border:1px solid var(--primary-line);background:linear-gradient(135deg,#3157e533,#7c5cff1a);color:var(--text);text-decoration:none!important;display:block}.nav-guide strong{display:block;font-family:var(--font-head);font-size:13px;color:var(--heading)}.nav-guide .bar{margin-top:8px}.sidebar-foot{display:flex;flex-direction:column;gap:10px;padding:10px 6px 4px;border-top:1px solid var(--border)}.sidebar-foot .meta{font-size:11px;color:var(--muted);line-height:1.5}.content{padding:28px 36px 72px;max-width:1320px;width:100%;min-width:0}.mobile-bar{display:none}.bare{padding:12px;background:var(--bg-1);min-height:100%}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head>div:first-child{min-width:0}.page-head p{margin:4px 0 0;color:var(--text-2);max-width:70ch}.page-head .actions{display:flex;gap:8px;flex-wrap:wrap}.section-title{margin:26px 0 12px;font-family:var(--font-head);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);display:flex;align-items:center;gap:10px}.section-title:after{content:"";flex:1;height:1px;background:var(--border)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:16px;min-width:0;overflow-x:auto}.card.compact{padding:14px 16px}.card.lit{border-color:var(--primary-line);box-shadow:var(--glow)}.card.flat{box-shadow:none;background:var(--surface-2)}.card>h2:first-child,.card>.row:first-child h2{margin-top:0}.grid{display:grid;gap:16px}.grid>*{min-width:0}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}.divider{height:1px;background:var(--border);margin:16px 0;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;max-width:100%;white-space:normal;text-align:center;min-height:36px;padding:7px 14px;border-radius:10px;border:1px solid var(--border-2);background:#ffffff08;color:var(--text);font:inherit;font-weight:600;cursor:pointer;text-decoration:none!important;transition:background .14s var(--ease),border-color .14s var(--ease),box-shadow .14s var(--ease),transform .08s}.btn:hover{background:#ffffff12;border-color:var(--border-3)}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(135deg,var(--electric),var(--cobalt));border-color:transparent;color:#fff;box-shadow:0 6px 20px #3157e559}.btn.primary:hover{box-shadow:0 8px 28px #4f7bff80;background:linear-gradient(135deg,#6189ff,#3a61ee)}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn.ghost:hover{background:#ffffff0d;color:var(--text)}.btn.danger{color:var(--err);border-color:var(--err-line);background:transparent}.btn.danger:hover{background:var(--err-soft)}.btn.sm{min-height:30px;padding:4px 10px;font-size:12.5px;border-radius:8px}.btn.lg{min-height:44px;padding:10px 20px;font-size:15px;border-radius:12px}.btn .i{width:16px;height:16px;flex:0 0 auto}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;min-width:0}.field label,.field .label{font-weight:600;font-size:13px;color:var(--text)}.field .hint{color:var(--muted);font-size:12px}.input,.select,.textarea{width:100%;min-width:0;max-width:100%;min-height:38px;padding:8px 12px;border:1px solid var(--border-2);border-radius:10px;background:var(--bg-1);color:var(--text);font:inherit;transition:border-color .14s,box-shadow .14s}.input::placeholder,.textarea::placeholder{color:#6a7590}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-3)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--electric);box-shadow:0 0 0 3px #4f7bff38}.input[aria-invalid=true]{border-color:var(--err)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:30px}.select option{background:var(--bg-2);color:var(--text)}.textarea{min-height:96px;resize:vertical}.select.small{min-height:30px;padding:4px 26px 4px 10px;font-size:12px}input[type=checkbox],input[type=radio]{accent-color:var(--electric)}input[type=range]{accent-color:var(--electric);width:100%}input::-ms-reveal{display:none}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-width:0}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.row.nowrap{flex-wrap:nowrap}.stack{display:flex;flex-direction:column;gap:4px}.switch{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13px;cursor:pointer}.seg{display:inline-flex;padding:3px;border-radius:10px;background:var(--bg-1);border:1px solid var(--border);gap:2px}.seg button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:600;padding:5px 10px;border-radius:7px;cursor:pointer}.seg button.on{background:var(--surface-3);color:var(--heading);box-shadow:0 1px #ffffff0f inset}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;background:var(--idle-soft);color:var(--text-2);border:1px solid transparent;white-space:nowrap}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.err{background:var(--err-soft);color:var(--err)}.badge.primary{background:var(--primary-soft);color:var(--cyan)}.badge.violet{background:#7c5cff24;color:#a898ff}.pill{display:inline-flex;align-items:center;gap:7px;padding:3px 10px 3px 8px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--border-2);color:var(--text-2);background:#ffffff08;white-space:nowrap}.pill .dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:0 0 auto}.pill.connected{color:var(--ok);border-color:var(--ok-line);background:var(--ok-soft)}.pill.connected .dot{box-shadow:0 0 0 3px #34d3992e}.pill.connecting{color:var(--info);border-color:var(--info-line);background:var(--info-soft)}.pill.connecting .dot{animation:pulse 1.6s infinite}.pill.setup_required{color:var(--warn);border-color:var(--warn-line);background:var(--warn-soft)}.pill.needs_attention{color:var(--amber);border-color:var(--warn-line);background:var(--warn-soft)}.pill.error{color:var(--err);border-color:var(--err-line);background:var(--err-soft)}.pill.not_connected{color:var(--muted)}.pill.demo{color:#a898ff;border-color:#7c5cff73;background:#7c5cff1f}.demo-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-bottom:16px;padding:10px 14px;border:1px solid rgba(124,92,255,.45);border-radius:10px;background:#7c5cff1f;color:#c9bfff;font-size:14px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:5px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:12px;color:var(--text-2)}.chip input{margin:0}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:8px 10px;border-bottom:1px solid var(--border)}.table td{padding:11px 10px;border-bottom:1px solid var(--border);vertical-align:top}.table tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:#ffffff04}.empty{text-align:center;padding:40px 20px;color:var(--text-2)}.empty .big{font-size:34px;margin-bottom:8px}.loading{color:var(--muted);padding:24px}.alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;margin-bottom:14px;font-size:13px;border:1px solid var(--border-2);background:var(--surface-2);color:var(--text)}.alert>.i{width:18px;height:18px;flex:0 0 auto;margin-top:1px}.alert.info{background:var(--info-soft);border-color:var(--info-line)}.alert.info>.i{color:var(--info)}.alert.warn{background:var(--warn-soft);border-color:var(--warn-line)}.alert.warn>.i{color:var(--warn)}.alert.err{background:var(--err-soft);border-color:var(--err-line)}.alert.err>.i{color:var(--err)}.alert.ok{background:var(--ok-soft);border-color:var(--ok-line)}.alert.ok>.i{color:var(--ok)}.alert.row{flex-wrap:wrap;align-items:center}.toasts{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:8px;z-index:80;max-width:min(420px,calc(100vw - 40px))}.toast{background:var(--surface-3);color:var(--text);border:1px solid var(--border-2);border-left:3px solid var(--ok);padding:10px 14px;border-radius:10px;font-size:13px;box-shadow:var(--shadow-l);animation:rise .18s var(--ease)}.toast.err{border-left-color:var(--err)}@keyframes rise{0%{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}.skeleton{min-height:84px;border-radius:var(--radius);background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border:1px solid var(--border)}.skeleton.line{min-height:14px;border-radius:6px;margin:6px 0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-bg,.drawer-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060ea8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60}.modal-bg{display:grid;place-items:center;padding:20px}.modal{background:var(--bg-2);border:1px solid var(--border-2);border-radius:18px;width:min(720px,100%);max-height:90vh;overflow:auto;padding:22px;box-shadow:var(--shadow-l);animation:rise .18s var(--ease)}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(760px,100vw);background:var(--bg-1);border-left:1px solid var(--border-2);box-shadow:var(--shadow-l);display:flex;flex-direction:column;z-index:61;animation:slide .2s var(--ease)}@keyframes slide{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}.drawer-head{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--bg-2),var(--bg-1))}.drawer-head h2{margin:0;font-size:18px}.drawer-head .grow{flex:1;min-width:0}.drawer-body{flex:1;overflow-y:auto;padding:20px 22px 28px}.drawer-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 22px;border-top:1px solid var(--border);background:var(--bg-2);flex-wrap:wrap}.brand-tile{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;box-shadow:0 1px #ffffff1f inset,0 6px 18px #0000004d}.brand-tile svg{width:24px;height:24px}.brand-tile.sm{width:34px;height:34px;border-radius:10px}.brand-tile.sm svg{width:19px;height:19px}.brand-tile.lg{width:52px;height:52px;border-radius:14px}.brand-tile.lg svg{width:28px;height:28px}.i{width:16px;height:16px;display:inline-block;vertical-align:-3px}.conn-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.conn-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:var(--radius);background:linear-gradient(180deg,var(--bg-3),var(--bg-2));border:1px solid var(--border);box-shadow:var(--shadow);transition:border-color .16s var(--ease),transform .16s var(--ease),box-shadow .16s var(--ease);min-width:0}.conn-card:hover{border-color:var(--border-3);transform:translateY(-1px)}.conn-card.is-connected{border-color:#34d39947}.conn-card.is-error,.conn-card.is-needs_attention{border-color:var(--warn-line)}.conn-card>.pill{align-self:flex-start}.conn-card .top{display:flex;gap:12px;align-items:flex-start}.conn-card .top .grow{flex:1;min-width:0}.conn-card h3{margin:1px 0 3px;font-size:15px}.conn-card .desc{color:var(--text-2);font-size:12.5px;line-height:1.45;margin:0}.conn-card .identity{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:10px;background:var(--bg-1);border:1px solid var(--border);font-size:12.5px}.conn-card .identity .line{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0}.conn-card .identity .line>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--text)}.conn-card .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.byok{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--text-2);padding:10px 12px;border-radius:10px;border:1px dashed var(--border-2);margin-bottom:14px}.stepper{display:flex;gap:4px;margin:2px 0 20px}.stepper .st{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;border:0;background:none;padding:0;text-align:left;font:inherit;color:var(--muted);cursor:default}.stepper .st .bar{height:4px;border-radius:4px;background:var(--border-2);overflow:hidden}.stepper .st.done .bar{background:var(--ok)}.stepper .st.cur .bar{background:linear-gradient(90deg,var(--cyan),var(--electric))}.stepper .st .lbl{font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stepper .st.cur .lbl{color:var(--heading)}.stepper .st.done .lbl{color:var(--text-2)}.stepper .st .n{font-family:var(--font-head);font-weight:800;margin-right:4px}.wiz-title{font-size:20px;margin:0 0 6px}.wiz-lead{color:var(--text-2);margin-bottom:18px;max-width:64ch}.req-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px}.req-list li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--border)}.req-list li .i{color:var(--cyan);margin-top:2px}.steps-list{counter-reset:s;list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px}.steps-list>li{counter-increment:s;position:relative;padding:2px 0 2px 38px;min-height:26px}.steps-list>li:before{content:counter(s);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:12px;color:var(--cyan);border:1px solid var(--info-line);background:var(--info-soft)}.external{border:1px solid rgba(124,92,255,.4);background:linear-gradient(135deg,#7c5cff1a,#3157e50f);border-radius:var(--radius);padding:16px;margin-bottom:16px}.external .tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#b7aaff;margin-bottom:10px}.copy-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;min-width:0}.copy-field .label{font-size:12px;font-weight:600;color:var(--text-2)}.copy-field .box{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;border-radius:10px;background:var(--bg-0);border:1px solid var(--border-2);min-width:0}.copy-field .box code{flex:1;min-width:0;background:none;border:0;padding:0;white-space:nowrap;overflow-x:auto;scrollbar-width:thin;color:var(--cyan);font-size:12.5px}.secret{position:relative;display:flex;gap:6px}.secret .input{flex:1;font-family:var(--mono)}.checks{list-style:none;margin:0 0 14px;padding:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.checks li{display:grid;grid-template-columns:22px minmax(90px,150px) 1fr;gap:10px;align-items:start;padding:11px 14px;border-bottom:1px solid var(--border)}.checks li:last-child{border-bottom:0}.checks .ci{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.checks .ci svg{width:13px;height:13px}.checks .ok .ci{background:var(--ok-soft);color:var(--ok)}.checks .warn .ci{background:var(--warn-soft);color:var(--warn)}.checks .fail .ci{background:var(--err-soft);color:var(--err)}.checks .skip .ci{background:var(--idle-soft);color:var(--muted)}.checks .k{font-weight:700;color:var(--text);font-size:13px}.checks .v{color:var(--text-2);font-size:13px;min-width:0;overflow-wrap:anywhere}.checks .v .detail{display:block;color:var(--muted);font-family:var(--mono);font-size:11.5px;margin-top:3px}.done-hero{text-align:center;padding:20px 10px 8px}.done-hero .badge-ok{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#34d39940,#34d3990f);border:1px solid var(--ok-line);color:var(--ok);box-shadow:0 0 40px #34d3992e}.done-hero .badge-ok svg{width:30px;height:30px}.waiting{display:flex;gap:12px;align-items:center;padding:14px;border-radius:12px;border:1px solid var(--info-line);background:var(--info-soft);margin-bottom:14px}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(56,217,245,.25);border-top-color:var(--cyan);animation:spin .9s linear infinite;flex:0 0 auto}@keyframes spin{to{transform:rotate(360deg)}}.status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.status-tile{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);text-decoration:none!important;color:var(--text);transition:border-color .14s;min-width:0}.status-tile:hover{border-color:var(--border-3)}.status-tile .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto}.status-tile .ic svg{width:20px;height:20px}.status-tile.ok .ic{background:var(--ok-soft);color:var(--ok)}.status-tile.warn .ic{background:var(--warn-soft);color:var(--warn)}.status-tile.err .ic{background:var(--err-soft);color:var(--err)}.status-tile.idle .ic{background:var(--idle-soft);color:var(--muted)}.status-tile .t{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.status-tile .s{font-family:var(--font-head);font-weight:700;color:var(--heading);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-tile .d{font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-tile>div{min-width:0}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px;margin-bottom:18px}.kpi{padding:16px 18px;border-radius:var(--radius);background:linear-gradient(180deg,var(--bg-3),var(--bg-2));border:1px solid var(--border);min-width:0}.kpi .l{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.kpi .v{font-family:var(--font-head);font-size:28px;font-weight:800;color:var(--heading);letter-spacing:-.02em;margin-top:4px;line-height:1.1}.kpi .d{font-size:12px;color:var(--text-2);margin-top:4px}.stat{padding:16px 18px}.stat .v{font-family:var(--font-head);font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--heading)}.stat .l{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.stat .d{font-size:11px;color:var(--muted);margin-top:4px;min-height:14px}.attention{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.attention li{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;background:var(--bg-1);border:1px solid var(--border);flex-wrap:wrap}.attention li .grow{flex:1;min-width:180px}.attention li strong{display:block;font-size:13.5px;color:var(--heading)}.attention li span{font-size:12.5px;color:var(--text-2)}.guided{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.guided .g{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:var(--radius);background:linear-gradient(160deg,#3157e524,#0f1629e6 55%);border:1px solid var(--border-2);color:var(--text);text-decoration:none!important;transition:border-color .14s,transform .14s}.guided .g:hover{border-color:var(--primary-line);transform:translateY(-1px)}.guided .g .n{font-family:var(--font-head);font-weight:800;font-size:12px;color:var(--cyan);letter-spacing:.1em}.guided .g strong{font-family:var(--font-head);color:var(--heading);font-size:15px}.guided .g.done{opacity:.7;background:var(--surface)}.hero{position:relative;overflow:hidden;padding:26px;border-radius:var(--radius-l);border:1px solid var(--primary-line);background:radial-gradient(600px 300px at 90% 0%,rgba(56,217,245,.16),transparent 60%),radial-gradient(500px 280px at 0% 100%,rgba(124,92,255,.16),transparent 60%),linear-gradient(135deg,#111b38,#0b1020);margin-bottom:18px}.hero h2{font-size:22px;margin-bottom:6px}.hero p{color:var(--text-2);max-width:62ch}.bar{height:6px;background:#ffffff14;border-radius:4px;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--electric));border-radius:4px;transition:width .3s var(--ease)}.timeline{list-style:none;padding:0;margin:0}.timeline li{padding:8px 0;border-bottom:1px dashed var(--border);font-size:12.5px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.timeline li:last-child{border-bottom:0}.onb{max-width:920px;margin:0 auto}.onb-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.onb-count{font-family:var(--font-head);font-weight:800;font-size:13px;color:var(--cyan);letter-spacing:.08em}.onb-rail{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:22px}.onb-rail button{border:0;background:none;padding:0;display:flex;flex-direction:column;gap:7px;text-align:left;font:inherit;color:var(--muted);cursor:pointer;min-width:0}.onb-rail button .b{height:5px;border-radius:4px;background:var(--border-2)}.onb-rail button.done .b{background:var(--ok)}.onb-rail button.cur .b{background:linear-gradient(90deg,var(--cyan),var(--electric))}.onb-rail button .l{font-size:11.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onb-rail button.cur .l{color:var(--heading)}.onb-rail button.done .l{color:var(--text-2)}.onb-card{padding:28px;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--border-2);box-shadow:var(--shadow)}.onb-card h2{font-size:22px}.onb-foot{display:flex;justify-content:space-between;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border);flex-wrap:wrap}.choice-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));margin-bottom:16px}.choice{display:flex;flex-direction:column;gap:6px;text-align:left;padding:14px;border-radius:12px;border:1px solid var(--border-2);background:var(--bg-1);color:var(--text);font:inherit;cursor:pointer;transition:border-color .14s,background .14s;min-width:0}.choice:hover{border-color:var(--border-3)}.choice.on{border-color:var(--electric);background:var(--primary-soft);box-shadow:0 0 0 1px var(--primary-line) inset}.choice strong{font-family:var(--font-head);color:var(--heading);font-size:14px}.choice span{font-size:12px;color:var(--text-2);line-height:1.4}.choice .brand-tile{margin-bottom:4px}.mode{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mode label{border:1px solid var(--border-2);border-radius:12px;padding:12px;cursor:pointer;background:var(--bg-1)}.mode label.on{border-color:var(--electric);background:var(--primary-soft)}.chat-sim{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:14px;background:var(--bg-0);border:1px solid var(--border);margin:12px 0}.bubble{max-width:82%;padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.45;white-space:pre-wrap}.bubble.in{align-self:flex-start;background:var(--surface-3);border-bottom-left-radius:4px}.bubble.out{align-self:flex-end;background:linear-gradient(135deg,var(--cobalt),#2A47C7);color:#fff;border-bottom-right-radius:4px}.bubble .meta{display:block;font-size:11px;opacity:.75;margin-top:6px}.hub{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.hub a{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text);text-decoration:none!important;transition:border-color .14s}.hub a:hover{border-color:var(--primary-line)}.hub a strong{display:block;font-family:var(--font-head);color:var(--heading);margin-bottom:2px}.hub a span{font-size:12.5px;color:var(--text-2)}.hub .adv{margin-left:auto}.steps{display:flex;gap:6px;margin:14px 0 22px;flex-wrap:wrap}.steps .s{flex:1;min-width:60px;height:6px;border-radius:4px;background:var(--border-2)}.steps .s.done{background:var(--ok)}.steps .s.cur{background:var(--electric)}.kanban{max-width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:12px;overflow-x:auto;padding-bottom:8px}.col{background:var(--bg-2);border:1px solid var(--border);border-radius:14px;padding:10px;min-height:300px}.col h3{display:flex;justify-content:space-between;padding:4px 6px}.lead{background:var(--bg-3);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:8px;cursor:grab}.lead:active{cursor:grabbing}.lead .name{font-weight:600;color:var(--heading)}.score{font-weight:800}.score.hot{color:var(--err)}.score.warm{color:var(--warn)}.score.cold{color:var(--muted)}.tabs{display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap;border-bottom:1px solid var(--border)}.tab{padding:9px 14px;border:0;background:none;color:var(--muted);font:inherit;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text)}.tab.active{color:var(--heading);border-bottom-color:var(--electric)}pre.code{background:var(--bg-0);border:1px solid var(--border);padding:12px;border-radius:10px;font-size:12px;overflow:auto;white-space:pre-wrap;font-family:var(--mono);color:var(--text-2)}.act-layout{grid-template-columns:300px 1fr;align-items:start}.act-steps ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.act-step{display:flex;gap:10px;align-items:center;width:100%;text-align:left;padding:8px 10px;border:0;background:none;border-radius:10px;color:var(--text);font:inherit;cursor:pointer}.act-step:hover{background:#ffffff0a}.act-step.active{background:var(--primary-soft)}.act-num{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--surface-2);color:var(--muted);flex:0 0 auto}.act-num.ok{background:var(--ok-soft);color:var(--ok)}.act-num.warn{background:var(--warn-soft);color:var(--warn)}.act-num.err{background:var(--err-soft);color:var(--err)}.act-num.primary{background:var(--primary-soft);color:var(--cyan)}.act-label{display:flex;flex-direction:column;line-height:1.25;min-width:0}.act-label small{font-size:11px}.goal-card{display:flex;flex-direction:column;gap:4px;border:1px solid var(--border-2);border-radius:12px;padding:12px;cursor:pointer;margin-bottom:8px;background:var(--bg-1)}.goal-card.on{border-color:var(--electric);background:var(--primary-soft)}.checklist{list-style:none;padding:0;margin:0 0 12px}.checklist li{padding:7px 0;border-bottom:1px dashed var(--border)}.tpl-card{text-align:left;cursor:pointer;font:inherit;color:var(--text)}.tpl-card:hover{border-color:var(--primary-line)}.card-toggle{width:100%;border:0;background:none;padding:0;font:inherit;color:var(--text);cursor:pointer;text-align:left}.widget-layout{grid-template-columns:1.4fr 1fr;align-items:start}.agents-layout{grid-template-columns:1.5fr 1fr;align-items:start}.preview-card{position:sticky;top:16px}.wp-frame{--wp: #3157E5;position:relative;background:linear-gradient(180deg,#e9eef7,#dce3ef);border:1px solid var(--border);border-radius:14px;height:520px;overflow:hidden;margin-top:8px;color:#0f1a2e}.wp-frame.mobile{width:300px;max-width:100%;margin-inline:auto}.wp-window{position:absolute;bottom:76px;width:min(340px,calc(100% - 24px));background:#fff;border-radius:14px;box-shadow:0 12px 40px #0000002e;overflow:hidden;display:flex;flex-direction:column;max-height:400px}.wp-frame.mobile .wp-window{width:calc(100% - 24px)}.wp-frame.right .wp-window,.wp-frame.right .wp-launcher{right:12px}.wp-frame.left .wp-window,.wp-frame.left .wp-launcher{left:12px}.wp-head{background:var(--wp);color:#fff;padding:16px;display:flex;flex-direction:column;gap:2px}.wp-head span{font-size:12px;opacity:.9}.wp-body{padding:12px;display:flex;flex-direction:column;gap:8px;flex:1;min-height:140px}.wp-msg.in{background:#eef2f8;color:#0f1a2e;border-radius:12px 12px 12px 2px;padding:8px 10px;font-size:13px;max-width:85%}.wp-form{display:flex;flex-direction:column;gap:6px}.wp-input{border:1px solid #D5DCE8;border-radius:8px;padding:6px 8px;font-size:12px;color:#5b6b85}.wp-privacy{font-size:11px;color:#5b6b85}.wp-reply{border-top:1px solid #E4E9F1;padding:10px 12px;font-size:13px;color:#5b6b85}.wp-launcher{position:absolute;bottom:12px;background:var(--wp);color:#fff;height:52px;min-width:52px;border-radius:26px;display:grid;place-items:center;font-weight:600;padding:0 16px;box-shadow:0 6px 20px #0003}.wp-launcher.standard{padding:0;width:52px}details>summary{cursor:pointer;color:var(--text-2)}details>summary:hover{color:var(--text)}.adv-block{border:1px dashed var(--border-2);border-radius:12px;padding:12px 14px;margin-top:14px}.adv-block>summary{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:1100px){.act-layout,.widget-layout,.agents-layout{grid-template-columns:1fr}.preview-card{position:static}.status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.shell{grid-template-columns:1fr}.mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:30;padding:10px 14px;background:#060a16eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.mobile-bar .brand{padding:0}.sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,86vw);z-index:70;transform:translate(-102%);transition:transform .2s var(--ease);height:100%;box-shadow:var(--shadow-l)}.sidebar.open{transform:none}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060e99;z-index:65}.content{padding:18px 16px 64px}.mode{grid-template-columns:1fr}.page-head .actions{width:100%}.page-head .actions .btn{flex:1 1 auto}.status-strip{grid-template-columns:1fr}.onb-rail button .l{display:none}.onb-card{padding:18px}.checks li{grid-template-columns:22px 1fr}.checks .v{grid-column:2}.drawer-body,.drawer-head,.drawer-foot{padding-left:16px;padding-right:16px}.stepper .st .lbl{display:none}h1{font-size:21px}}