:root{--ink:#13172d;--muted:#717791;--line:#e7e9f2;--paper:#f6f7fb;--white:#fff;--blue:#5867e8;--blue-dark:#3848ce;--violet:#985ee8;--green:#27b388;--orange:#f19a4b;--shadow:0 18px 45px rgba(36,42,87,.09)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"DM Sans",sans-serif;color:var(--ink);background:radial-gradient(circle at 78% 0,#eef0ff 0,transparent 28%),var(--paper);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--blue)}
.sidebar{position:fixed;inset:0 auto 0 0;width:188px;background:#151932;color:#fff;padding:24px 16px;display:flex;flex-direction:column;z-index:20}.logo{font:800 24px Manrope,sans-serif;letter-spacing:-.08em;padding:0 10px 24px}.logo span{color:#8993ff}.sidebar nav{display:grid;gap:7px}.sidebar nav button{border:0;background:transparent;color:#9197b5;border-radius:12px;padding:11px 12px;display:flex;align-items:center;gap:12px;text-align:left;transition:.2s}.sidebar nav button span{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:15px}.sidebar nav button b{font-size:12px}.sidebar nav button:hover,.sidebar nav button.active{background:#272d51;color:#fff}.sidebar nav button.active span{background:#5d6ae7}.sidebar-note{margin-top:auto;background:#202644;border:1px solid #303757;border-radius:14px;padding:13px;display:flex;align-items:center;gap:9px}.sidebar-note>i{width:8px;height:8px;background:#48d3a8;border-radius:50%;box-shadow:0 0 0 5px rgba(72,211,168,.1)}.sidebar-note span{font-size:10px;font-weight:700}.sidebar-note small{display:block;color:#8e95b4;font-weight:400;margin-top:3px}.back{font-size:11px;color:#a8aec8;padding:18px 10px 2px}
main{margin-left:188px;padding:42px clamp(22px,4vw,62px) 70px;max-width:1540px}.page-head,.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.page-head h1{font:800 clamp(29px,4vw,42px) Manrope,sans-serif;letter-spacing:-.045em;margin:6px 0}.page-head p,.panel-head p,.section-head p{color:var(--muted);font-size:13px}.head-actions,.designer-actions,.dialog-actions{display:flex;gap:9px;align-items:center}.primary,.secondary,.page-head button,.panel-head button,.designer-actions button{border:0;border-radius:10px;padding:11px 16px;font-size:11px;font-weight:800}.primary,.designer-actions button,#run-all{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(88,103,232,.22)}.primary:hover,.designer-actions button:hover,#run-all:hover{background:var(--blue-dark);transform:translateY(-1px)}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)!important}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.metrics article{background:rgba(255,255,255,.86);border:1px solid #eceef5;border-radius:17px;padding:21px 22px;box-shadow:0 10px 30px rgba(34,39,76,.05);display:flex;align-items:flex-end;justify-content:space-between;min-height:130px;overflow:hidden}.metrics article>div:first-child{display:grid}.metrics span{color:var(--muted);font-size:11px}.metrics strong{font:800 31px Manrope,sans-serif;letter-spacing:-.04em;margin:8px 0}.metrics small{color:#9297aa;font-size:9px}.metrics .up{font-style:normal;color:var(--green);font-weight:800}.spark{width:92px;height:45px;display:flex;gap:5px;align-items:end}.spark i{flex:1;border-radius:5px 5px 2px 2px;background:#dfe2fb}.spark i:nth-child(1){height:35%}.spark i:nth-child(2){height:55%}.spark i:nth-child(3){height:42%}.spark i:nth-child(4){height:82%}.spark i:nth-child(5){height:100%}.spark.blue i:last-child,.spark.blue i:nth-child(4){background:var(--blue)}.spark.violet i:last-child,.spark.violet i:nth-child(4){background:var(--violet)}.metric-ring{width:66px;height:66px!important;border-radius:50%;display:grid!important;place-items:center;background:conic-gradient(var(--green) 0 95%,#e7e9ef 95%);position:relative}.metric-ring:after{content:"";position:absolute;inset:7px;background:#fff;border-radius:50%}.metric-ring span{position:relative;z-index:1;color:var(--ink);font-weight:800;font-size:12px}
.panel{background:rgba(255,255,255,.92);border:1px solid #e8eaf3;border-radius:19px;box-shadow:var(--shadow)}.designer{padding:25px}.panel-head h2,.section-head h2{font:800 20px Manrope,sans-serif;letter-spacing:-.025em;margin:5px 0}.saved{font-size:9px;color:var(--green);font-weight:700}.flow-canvas{margin-top:24px;border:1px dashed #d8dbea;border-radius:16px;background:linear-gradient(#fafbfe 1px,transparent 1px),linear-gradient(90deg,#fafbfe 1px,transparent 1px),#f6f7fb;background-size:24px 24px;padding:32px;display:flex;align-items:center;justify-content:center;min-height:250px;overflow:auto}.node{background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:13px;padding:16px;min-width:190px;box-shadow:0 12px 28px rgba(30,34,70,.08);display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;transition:.25s}.node>span{grid-column:1/-1;font-size:8px;letter-spacing:.14em;font-weight:800;color:var(--blue)}.node-icon{width:36px;height:36px;border-radius:10px;background:#eef0ff;color:var(--blue);display:grid;place-items:center;font-weight:800}.node b{display:block;font-size:11px}.node small{font-size:8px;color:var(--muted)}.node em{font-size:8px;font-style:normal;color:var(--green);font-weight:800}.node.condition{border-color:#eadff8;border-top-color:var(--violet)}.node.condition>span{color:var(--violet)}.node.condition .node-icon{background:#f5edff;color:var(--violet)}.node.action{border-color:#dff4ec;border-top-color:var(--green)}.node.action>span{color:var(--green)}.node.action .node-icon{background:#eaf9f4;color:var(--green)}.node.running{transform:translateY(-5px);box-shadow:0 18px 35px rgba(88,103,232,.18)}.node.done em{background:#e7f8f2;border-radius:12px;padding:4px 7px}.path{width:80px;display:flex;align-items:center;position:relative}.path i{height:1px;background:#bfc4d9;width:100%}.path i:after{content:"";float:right;margin-top:-3px;border:4px solid transparent;border-left-color:#aeb4ca}.path span{position:absolute;top:-17px;width:100%;text-align:center;color:#8a90a7;font-size:8px}.designer-foot{display:flex;gap:16px;align-items:center;padding-top:17px;color:var(--muted);font-size:9px}.designer-foot span{display:flex;align-items:center;gap:5px}.designer-foot i{width:7px;height:7px;border-radius:50%;background:var(--blue)}.designer-foot .condition-dot{background:var(--violet)}.designer-foot .action-dot{background:var(--green)}.designer-foot b{margin-left:auto;color:var(--ink)}
.section-head{margin:38px 0 16px}.templates{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.template-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:0 9px 25px rgba(33,38,75,.045);transition:.2s}.template-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.template-top{display:flex;align-items:center;justify-content:space-between}.template-icon{width:41px;height:41px;border-radius:12px;background:#eef0ff;color:var(--blue);display:grid;place-items:center;font-size:18px}.template-card:nth-child(2) .template-icon{background:#ecf9f5;color:var(--green)}.template-card:nth-child(3) .template-icon{background:#fff3e8;color:var(--orange)}.template-card h3{font:800 14px Manrope,sans-serif;margin:15px 0 5px}.template-card p{font-size:10px;color:var(--muted);line-height:1.55;min-height:32px}.template-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.template-card small{font-size:8px;color:#989db0}.template-card button{border:0;background:#f0f2ff;color:var(--blue);font-size:9px;font-weight:800;border-radius:9px;padding:8px 10px}
.work-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:14px;margin-top:28px}.workflows-panel,.activity-panel{padding:22px}.toolbar{display:flex;gap:9px;margin:18px 0}.toolbar label{height:38px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;padding:0 12px;flex:1;color:#8c91a6}.toolbar input{border:0;outline:0;width:100%;font-size:10px}.toolbar select{border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 10px;font-size:9px;color:var(--muted)}.workflow-list{display:grid;gap:8px}.workflow{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:11px;border:1px solid #eceef4;border-radius:12px;padding:12px;transition:.2s}.workflow:hover{border-color:#cfd4f2;box-shadow:0 8px 20px rgba(43,49,91,.05)}.workflow-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#eef0ff,#e1e5ff);color:var(--blue);font-weight:800;display:grid;place-items:center}.workflow h3{font-size:11px}.workflow p{font-size:8px;color:var(--muted);margin-top:3px}.workflow-meta{display:flex;gap:7px;margin-top:6px}.workflow-meta span{font-size:7px;background:#f3f4f8;border-radius:20px;padding:3px 6px;color:#74798c}.workflow-actions{display:flex;gap:5px}.workflow-actions button{border:0;background:#f5f6fa;color:#656b81;width:29px;height:29px;border-radius:8px;font-size:10px}.workflow-actions .run{width:auto;padding:0 10px;background:#eff1ff;color:var(--blue);font-weight:800}.toggle{width:34px;height:19px;border:0;border-radius:12px;background:#d7dae5;position:relative}.toggle:after{content:"";position:absolute;width:13px;height:13px;background:#fff;border-radius:50%;left:3px;top:3px;transition:.2s}.toggle.on{background:var(--green)}.toggle.on:after{left:18px}.empty{padding:32px;text-align:center;color:#8e93a5;font-size:10px;background:#fafbfc;border-radius:12px}.activity-panel .panel-head>div:last-child{display:flex;gap:5px}.quiet{background:#f5f6fa!important;color:#687086!important;box-shadow:none!important;padding:8px 10px!important}.activity-list{margin-top:17px;display:grid;gap:2px}.activity{display:flex;gap:10px;padding:11px 2px;border-bottom:1px solid #f0f1f5}.activity>i{width:9px;height:9px;border-radius:50%;background:var(--green);margin-top:3px;box-shadow:0 0 0 4px #e9f8f3}.activity b{font-size:10px}.activity p{font-size:8px;color:var(--muted);margin-top:4px}.activity time{display:block;font-size:7px;color:#a3a7b6;margin-top:4px}
dialog{border:0;border-radius:20px;padding:0;box-shadow:0 30px 90px rgba(20,24,52,.3);width:min(600px,calc(100% - 28px));color:var(--ink)}dialog::backdrop{background:rgba(17,21,45,.66);backdrop-filter:blur(5px)}dialog form{padding:28px}.dialog-head{display:flex;justify-content:space-between;margin-bottom:22px}.dialog-head h2{font:800 22px Manrope,sans-serif;margin-top:5px}.dialog-head button{border:0;background:#f3f4f8;width:34px;height:34px;border-radius:50%;font-size:19px}.dialog-head~label,dialog .form-grid label{font-size:9px;color:var(--muted);font-weight:700;display:grid;gap:7px;margin-top:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}dialog input,dialog select{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff;color:var(--ink);outline:0;font-size:11px}dialog input:focus,dialog select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #eef0ff}.dialog-actions{justify-content:flex-end;margin-top:22px}.toast{position:fixed;right:24px;bottom:24px;background:#161a31;color:#fff;border-radius:11px;padding:12px 16px;font-size:10px;font-weight:700;opacity:0;transform:translateY(14px);pointer-events:none;transition:.25s;z-index:100}.toast.show{opacity:1;transform:none}
@media(max-width:1080px){.sidebar{width:78px;padding:22px 12px}.sidebar nav button b,.sidebar-note,.back{display:none}.sidebar nav button{justify-content:center}.logo{padding-left:8px}.sidebar nav button span{width:33px;height:33px}main{margin-left:78px}.templates{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}.activity-panel{min-height:320px}}
@media(max-width:760px){.sidebar{position:static;width:100%;height:64px;display:flex;flex-direction:row;align-items:center;padding:10px 16px}.logo{padding:0;margin-right:auto}.sidebar nav{display:flex}.sidebar nav button{padding:3px}.sidebar nav button:nth-child(3),.sidebar nav button:nth-child(4){display:none}main{margin:0;padding:24px 15px 55px}.page-head,.panel-head{align-items:flex-start}.page-head{display:grid}.head-actions{width:100%}.head-actions button{flex:1}.metrics{grid-template-columns:1fr}.flow-canvas{justify-content:flex-start;padding:22px}.node{min-width:175px}.designer{padding:18px}.designer .panel-head{display:grid}.designer-actions{justify-content:space-between}.designer-foot{flex-wrap:wrap}.designer-foot b{margin-left:0;width:100%}.section-head{margin-top:30px}.workflow{grid-template-columns:38px 1fr auto}.workflow-actions{grid-column:2/-1}.toolbar{display:grid}.toolbar select{height:38px}.form-grid{grid-template-columns:1fr}}
@media(max-width:480px){.page-head h1{font-size:28px}.metrics article{min-height:110px}.panel-head{display:grid}.panel-head>button{justify-self:start}.workflows-panel,.activity-panel{padding:16px}.workflow{grid-template-columns:34px 1fr}.toggle{grid-column:1}.workflow-actions{grid-column:2}.designer-actions{align-items:stretch;flex-direction:column}.toast{left:15px;right:15px;text-align:center}}
.app-view[hidden]{display:none!important}.work-grid.single{grid-template-columns:1fr}.project-identity{max-width:100%}
@media(max-width:760px){.sidebar nav button:nth-child(3),.sidebar nav button:nth-child(4){display:flex}}