:root{--ink:#14213d;--muted:#718096;--line:#e7e9ef;--bg:#f5f6f9;--white:#fff;--accent:#ffb703;--blue:#2558d9;--green:#15805d;--shadow:0 18px 45px rgba(24,39,75,.09)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:#111c36;color:#dde6ff;padding:28px 15px;display:flex;flex-direction:column}.brand{color:#fff;text-decoration:none;letter-spacing:.11em;font-size:17px;font-weight:800;padding:0 12px 35px}.brand span{color:var(--accent)}.brand b{font-weight:400;color:#99a9ce}.sidebar nav{display:grid;gap:5px}.nav{font:inherit;text-align:left;color:#b4c1df;border:0;background:transparent;padding:12px;border-radius:8px;cursor:pointer}.nav:hover,.nav.active{color:#fff;background:#253252}.nav i{font-style:normal;background:var(--accent);color:#17213d;font-size:11px;padding:2px 6px;border-radius:12px;float:right}.user{margin-top:auto;border-top:1px solid #32415e;padding:18px 12px 0;font-size:13px}.user small{color:#8b9abb}main{padding:34px 42px;min-width:0}header,.toolbar,.flowbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}h1{margin:2px 0 0;font-size:30px}h2{margin:0;font-size:20px}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:800;color:#8090af;margin:0 0 7px}.primary,.ghost,.add-node{border-radius:8px;padding:10px 14px;font:600 13px inherit;cursor:pointer}.primary{color:#17213d;background:var(--accent);border:1px solid var(--accent)}.ghost{color:#234cbd;background:#fff;border:1px solid #ced8f0}.page{display:none;margin-top:30px}.page.active{display:block}.flowbar{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px}.flowbar strong{font-size:17px}.flowbar p,.toolbar p{margin:7px 0 0;color:var(--muted);font-size:13px}.status{font-size:11px;font-weight:700;margin-left:9px;padding:4px 7px;border-radius:12px}.status.on{color:#097451;background:#e8f7f1}.actions{display:flex;gap:8px}.canvas-wrap{position:relative;min-height:370px;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;background-image:radial-gradient(#d8deea 1px,transparent 1px);background-size:18px 18px;background-color:#fbfcff;overflow:hidden}.canvas{position:relative;min-height:370px}.canvas svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.edge{stroke:#94a5c7;stroke-width:2;fill:none}.node{position:absolute;width:174px;min-height:100px;background:#fff;border:1px solid #dce2ed;border-radius:10px;padding:13px;box-shadow:0 6px 16px rgba(30,50,90,.06);cursor:pointer}.node.selected{outline:2px solid #3261d7;border-color:#3261d7}.node .type{font-size:10px;font-weight:800;letter-spacing:.11em;color:#8090af}.node strong{display:block;font-size:14px;margin-top:6px}.node small{display:block;color:#6f7f9d;margin-top:4px;font-size:11px}.node .dot{width:10px;height:10px;background:#7394e9;border-radius:50%;position:absolute;top:45px}.node .in{left:-6px}.node .out{right:-6px}.add-node{position:absolute;bottom:18px;right:18px;border:1px dashed #96a9d2;background:#fff;color:#3056ad}.inspector{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;display:grid;grid-template-columns:200px 1fr;gap:25px}.inspector p{margin:7px 0;color:var(--muted);font-size:13px}.fields{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:13px}.field{display:grid;gap:6px;font-size:12px;font-weight:700;color:#53627e}.field input,.field textarea,.field select,.settings input,.settings select{border:1px solid #d6dce8;border-radius:7px;padding:9px;font:inherit;color:var(--ink);background:#fff}.field textarea{min-height:90px;grid-column:span 2;resize:vertical}.table{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-top:20px}.tr{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 110px;gap:15px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line);font-size:13px}.tr:last-child{border:0}.th{font-size:10px;color:#8995ad;font-weight:800;letter-spacing:.1em}.pill{font-size:11px;padding:4px 7px;border-radius:15px;width:max-content}.pill.review{background:#fff4d8;color:#9b6c00}.pill.scheduled{background:#eaf0ff;color:#2651bb}.pill.sent{background:#e6f7ef;color:#107451}.linkbtn{border:0;background:transparent;color:#2856bf;font-weight:700;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:17px;margin-top:21px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;min-height:185px}.card h3{margin:12px 0 7px}.card p{font-size:13px;color:var(--muted);line-height:1.5}.card small{font-size:10px;color:#6b7d9c;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#e7eeff;color:#2454c7;font-weight:800}.icon.li{background:#e2f1ff;color:#006ea8}.icon.ai{background:#f3eaff;color:#7752b8}.muted{border-style:dashed}.settings{max-width:550px;display:grid;gap:18px;background:#fff;padding:25px;border-radius:12px;border:1px solid var(--line)}.settings label{display:grid;gap:8px;font-weight:700;font-size:13px}.settings .switch{display:flex;align-items:center}.switch input{width:auto}.notice{background:#eef3ff;color:#3d5791;padding:12px;border-radius:8px;font-size:13px;line-height:1.45}#toast{position:fixed;right:28px;bottom:25px;background:#14213d;color:#fff;padding:12px 17px;border-radius:8px;font-size:13px;transform:translateY(85px);transition:.25s;box-shadow:var(--shadow)}#toast.show{transform:translateY(0)}@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{padding:14px;display:block}.brand{display:block;padding:0 0 12px}.sidebar nav{display:flex;overflow:auto}.nav{white-space:nowrap}.user{display:none}main{padding:24px 17px}.inspector{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.field textarea{grid-column:span 1}.flowbar,header{flex-direction:column}.tr{grid-template-columns:1.8fr 1fr 1fr}.tr span:nth-child(4),.tr span:nth-child(5){display:none}}