:root{--bg:#0b0f14;--surface:#131a23;--surface-2:#1a232e;--surface-3:#222d3a;--border:#243040;--border-strong:#33445a;--ink:#eef4fa;--ink-2:#a7b6c8;--ink-3:#6b7d92;--brand:#25d366;--brand-2:#1eb954;--brand-ink:#04170c;--brand-soft:rgba(37,211,102,0.12);--danger:#f87171;--danger-soft:rgba(248,113,113,0.12);--warn:#fbbf24;--warn-soft:rgba(251,191,36,0.12);--info:#818cf8;--info-soft:rgba(129,140,248,0.14);--r-sm:8px;--r:12px;--r-lg:16px;--r-full:999px;--sh-1:0 1px 2px rgba(0,0,0,0.4);--sh-2:0 4px 12px rgba(0,0,0,0.35);--sh-3:0 12px 32px rgba(0,0,0,0.45);color-scheme:dark}*{box-sizing:border-box}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--r-full);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}body,html{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.92em}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:20px 14px 16px;display:flex;flex-direction:column;gap:2px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:18px;letter-spacing:-.03em;padding:4px 10px 22px}.brandMark{width:28px;height:28px;border-radius:9px;flex:none;background:linear-gradient(140deg,var(--brand),var(--brand-2));display:grid;place-items:center;color:var(--brand-ink);font-size:15px;font-weight:800;box-shadow:0 2px 8px rgba(37,211,102,.3)}.navItem{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--r-sm);color:var(--ink-2);cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:background .12s,color .12s}.navItem:hover{background:var(--surface-2);color:var(--ink)}.navItem.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.navIcon{width:18px;text-align:center;flex:none;opacity:.9}.navCount{margin-left:auto;background:var(--brand);color:var(--brand-ink);font-size:11px;font-weight:700;padding:1px 7px;border-radius:var(--r-full)}.userCard{margin-top:auto;padding-top:14px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}.userMeta{min-width:0;flex:1 1}.userName{font-size:13px;font-weight:600}.userMail,.userName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userMail{font-size:11px;color:var(--ink-3)}.main{padding:26px 30px 34px;min-width:0}.pageHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px;flex-wrap:wrap}.pageTitle{font-size:22px;font-weight:680;margin:0;letter-spacing:-.025em}.pageSub{color:var(--ink-2);margin:5px 0 0;font-size:13px;max-width:62ch}.avatar{width:40px;height:40px;border-radius:var(--r-full);flex:none;display:grid;place-items:center;font-weight:650;font-size:14px;color:#fff;letter-spacing:-.02em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.avatar.sm{width:30px;height:30px;font-size:11.5px}.avatar.lg{width:60px;height:60px;font-size:21px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh-1)}.panelPad{padding:18px}.panelHead{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.panelTitle{font-weight:640;font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;box-shadow:var(--sh-1);transition:border-color .14s,transform .14s}.card.clickable{cursor:pointer}.card.clickable:hover{border-color:var(--border-strong);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer;font-weight:550;white-space:nowrap;transition:background .12s,border-color .12s,opacity .12s}.btn:hover:not(:disabled){background:var(--surface-3);border-color:#40566f}.btn:disabled{opacity:.45;cursor:not-allowed}.btnPrimary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);font-weight:650}.btnPrimary:hover:not(:disabled){background:#2ee071;border-color:#2ee071}.btnGhost{background:transparent;border-color:transparent;color:var(--ink-2)}.btnGhost:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.btnDanger{color:var(--danger);border-color:rgba(248,113,113,.3);background:var(--danger-soft)}.btnSm{padding:6px 11px;font-size:12.5px;border-radius:7px}.btnIcon{padding:8px;width:34px;height:34px}.input,.select,.textarea{width:100%;padding:10px 12px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg);outline:none;transition:border-color .12s,box-shadow .12s}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.textarea{resize:vertical;min-height:84px;font-family:inherit;line-height:1.55}.select{cursor:pointer}.label{display:block;font-size:12px;color:var(--ink-2);margin:0 0 6px;font-weight:600;letter-spacing:.01em}.hint{font-size:11.5px;color:var(--ink-3);margin:6px 0 0;line-height:1.45}.field{margin-bottom:16px}.fieldRow{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.searchBox{position:relative}.searchBox .input{padding-left:34px}.searchIcon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none;font-size:13px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11.5px;color:var(--ink-3);font-weight:650;padding:11px 16px;text-transform:uppercase;letter-spacing:.05em}.table td,.table th{border-bottom:1px solid var(--border)}.table td{padding:13px 16px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background .1s}.table tbody tr:hover{background:var(--surface-2)}.tableWrap{overflow-x:auto}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-full);font-size:11.5px;font-weight:620;line-height:1.4;background:var(--surface-3);color:var(--ink-2);border:1px solid transparent}.badge.ok{background:var(--brand-soft);color:var(--brand)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.info{background:var(--info-soft);color:var(--info)}.dot{width:6px;height:6px;border-radius:var(--r-full);background:currentColor;flex:none}.stat{display:flex;flex-direction:column;gap:3px}.statVal{font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.statLabel{color:var(--ink-3);font-size:12px;font-weight:500}.statRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:14px;gap:14px}.bar{height:6px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden;display:flex}.barSeg{height:100%}.muted{color:var(--ink-2)}.dim{color:var(--ink-3)}.row{display:flex;align-items:center;gap:10px}.grow{flex:1 1;min-width:0}.stack{display:flex;flex-direction:column;gap:16px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{text-align:center;padding:54px 24px}.emptyIcon{font-size:34px;opacity:.4;margin-bottom:12px}.emptyTitle{font-weight:620;margin-bottom:5px}.emptyText{color:var(--ink-3);font-size:13px;max-width:42ch;margin:0 auto;line-height:1.55}.alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-sm);font-size:13px;background:var(--surface-2);border:1px solid var(--border);margin-bottom:16px}.alert.error{background:var(--danger-soft);border-color:rgba(248,113,113,.28);color:#fecaca}.alert.warn{background:var(--warn-soft);border-color:rgba(251,191,36,.28);color:#fde68a}.alert.ok{background:var(--brand-soft);border-color:rgba(37,211,102,.28);color:#a7f3c4}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:var(--r-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.inbox{display:grid;grid-template-columns:340px 1fr 268px;grid-gap:14px;gap:14px;height:calc(100vh - 122px);min-height:480px}.inbox.noPanel{grid-template-columns:340px 1fr}.convCol{display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh-1)}.convFilters{display:flex;gap:6px;padding:10px 12px 0}.chip{padding:5px 11px;border-radius:var(--r-full);font-size:12.5px;background:var(--surface-2);color:var(--ink-2);cursor:pointer;border:1px solid transparent;font-weight:550}.chip:hover{background:var(--surface-3);color:var(--ink)}.chip.on{background:var(--brand-soft);color:var(--brand);border-color:rgba(37,211,102,.3)}.convSearch{padding:10px 12px}.convScroll{flex:1 1;overflow-y:auto}.convItem{display:flex;gap:11px;padding:12px 14px;cursor:pointer;border-left:3px solid transparent;transition:background .1s}.convItem.active,.convItem:hover{background:var(--surface-2)}.convItem.active{border-left-color:var(--brand)}.convTop{display:flex;align-items:baseline;gap:8px}.convName{font-weight:620;font-size:13.5px}.convTime{margin-left:auto;font-size:11px;color:var(--ink-3);flex:none}.convPrev{color:var(--ink-3);font-size:12.5px;margin-top:2px}.convTags{display:flex;gap:5px;margin-top:6px;align-items:center}.unread{background:var(--brand);color:var(--brand-ink);font-size:11px;font-weight:700;min-width:19px;height:19px;padding:0 5px;border-radius:var(--r-full);display:grid;place-items:center;flex:none}.thread{display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh-1)}.threadHead{display:flex;align-items:center;gap:11px;padding:12px 16px;border-bottom:1px solid var(--border);flex:none}.threadBody{flex:1 1;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:3px;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.022) 1px,transparent 0);background-size:22px 22px}.threadFoot{border-top:1px solid var(--border);padding:12px 14px;flex:none}.daySep{display:flex;align-items:center;gap:12px;margin:16px 0 10px}.daySep:after,.daySep:before{content:"";flex:1 1;height:1px;background:var(--border)}.daySepText{font-size:11px;color:var(--ink-3);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.msgRow{display:flex;margin-top:2px}.msgRow.out{justify-content:flex-end}.msgRow.firstOfGroup{margin-top:12px}.bubble{max-width:min(70%,520px);padding:8px 11px 6px;border-radius:14px;background:var(--surface-3);font-size:13.5px;line-height:1.48;word-break:break-word;box-shadow:var(--sh-1);position:relative}.msgRow.firstOfGroup .bubble{border-top-left-radius:5px}.msgRow.out .bubble{background:#0f5132}.msgRow.out.firstOfGroup .bubble{border-top-left-radius:14px;border-top-right-radius:5px}.bubbleFoot{display:flex;align-items:center;gap:5px;justify-content:flex-end;font-size:10.5px;color:var(--ink-3);margin-top:3px}.msgRow.out .bubbleFoot{color:rgba(255,255,255,.5)}.tick{font-size:11px;letter-spacing:-2px}.tick.read{color:#53bdeb}.origin{font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.05em;opacity:.75;margin-right:auto}.sysMsg{align-self:center;text-align:center;font-size:11.5px;color:var(--ink-3);background:var(--surface-2);padding:5px 12px;border-radius:var(--r-full);margin:10px 0;max-width:80%}.composer{display:flex;flex-direction:column;gap:9px}.composerRow{display:flex;gap:8px;align-items:flex-end}.composerInput{flex:1 1;min-height:40px;max-height:130px;resize:none;padding:10px 12px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--bg);outline:none}.composerInput:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.sendBtn{width:40px;height:40px;border-radius:var(--r-full);flex:none;background:var(--brand);color:var(--brand-ink);border:none;cursor:pointer;display:grid;place-items:center;font-size:16px}.sendBtn:disabled{opacity:.4;cursor:not-allowed}.quickBar{display:flex;gap:6px;flex-wrap:wrap}.infoCol{overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px;box-shadow:var(--sh-1)}.infoSection{margin-bottom:20px}.infoTitle{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);font-weight:700;margin-bottom:9px}.infoRow{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:13px}.steps{display:flex;gap:6px;margin-bottom:22px}.step{flex:1 1;padding:11px 14px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;gap:10px;font-size:13px}.step.on{border-color:var(--brand);background:var(--brand-soft)}.step.done{border-color:rgba(37,211,102,.3)}.stepNum{width:22px;height:22px;border-radius:var(--r-full);flex:none;display:grid;place-items:center;font-size:11.5px;font-weight:700;background:var(--surface-3);color:var(--ink-3)}.step.on .stepNum{background:var(--brand);color:var(--brand-ink)}.step.done .stepNum{background:var(--brand-soft);color:var(--brand)}.waPreview{background:#0a1014;border:1px solid var(--border);border-radius:var(--r);padding:20px;min-height:190px;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.025) 1px,transparent 0);background-size:22px 22px}.waBubble{background:var(--surface-3);border-radius:12px;border-top-left-radius:5px;padding:9px 12px 7px;max-width:300px;box-shadow:var(--sh-2);font-size:13.5px;line-height:1.5;white-space:pre-wrap}.waHeaderMedia{background:var(--surface-2);border-radius:7px;height:96px;display:grid;place-items:center;color:var(--ink-3);margin:-2px -3px 8px;font-size:12px}.waFooter{font-size:11.5px;color:var(--ink-3);margin-top:6px}.waButtons{margin-top:7px;padding-top:5px}.waButton,.waButtons{border-top:1px solid var(--border)}.waButton{text-align:center;color:#53bdeb;font-size:13px;padding:6px 0}.waButton:first-child{border-top:none}.waVar{background:var(--warn-soft);color:var(--warn);border-radius:4px;padding:0 3px}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--r);padding:30px;text-align:center;cursor:pointer;transition:border-color .14s,background .14s}.dropzone.over,.dropzone:hover{border-color:var(--brand);background:var(--brand-soft)}.mapRow{display:grid;grid-template-columns:160px 1fr;grid-gap:10px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border)}.mapRow:last-child{border-bottom:none}.builder{display:grid;grid-template-columns:208px 1fr 304px;height:calc(100vh - 118px)}.palette{border-right:1px solid var(--border);background:var(--surface);padding:14px;overflow-y:auto}.paletteItem{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);margin-bottom:7px;cursor:-webkit-grab;cursor:grab;font-size:13px;transition:border-color .12s,transform .12s}.paletteItem:hover{border-color:var(--brand);transform:translateX(2px)}.paletteItem:active{cursor:-webkit-grabbing;cursor:grabbing}.paletteTitle{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);margin:2px 0 10px;font-weight:700}.canvas{background:var(--bg);position:relative}.inspector{border-left:1px solid var(--border);background:var(--surface);padding:16px;overflow-y:auto}.flowNode{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:11px 13px;min-width:200px;max-width:246px;font-size:13px;box-shadow:var(--sh-2)}.flowNode.selected{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft),var(--sh-2)}.flowNode.isEntry{border-left:3px solid var(--brand)}.flowNodeHead{display:flex;align-items:center;gap:7px;font-weight:640;margin-bottom:5px}.flowNodeBody{color:var(--ink-3);font-size:12px;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.flowNodeTag{font-size:9.5px;padding:1px 6px;border-radius:4px;font-weight:700;background:var(--brand-soft);color:var(--brand);text-transform:uppercase;letter-spacing:.04em}.handleLabel{font-size:9.5px;color:var(--ink-3);font-weight:600}.react-flow__edge-path{stroke:#3d5570;stroke-width:2}.react-flow__edge.selected .react-flow__edge-path{stroke:var(--brand)}.react-flow__handle{background:var(--info);border:2px solid var(--surface);width:10px;height:10px}.react-flow__handle:hover{background:var(--brand)}.react-flow__controls button{background:var(--surface-2);border-bottom:1px solid var(--border);fill:var(--ink)}.react-flow__controls button:hover{background:var(--surface-3)}.react-flow__attribution{display:none}.loginWrap{min-height:100vh;display:grid;place-items:center;padding:24px}.loginCard{width:100%;max-width:384px}@media (max-width:1180px){.inbox{grid-template-columns:300px 1fr}.infoCol{display:none}}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border);padding:10px}.brand,.userCard{display:none}.main{padding:18px 16px}.builder,.inbox{grid-template-columns:1fr;height:auto}.inspector,.palette{border:none}.fieldRow{grid-template-columns:1fr}}