:root{--navy-950:#041b44;--navy-900:#082a59;--navy-800:#114775;--blue-700:#17618a;--teal-600:#217f8d;--cyan-500:#00dbe8;--mint-400:#78d8c2;--white:#fff;--surface:#f4f8fa;--ink:#092c50;--muted:#688197;--line:#dce8ed;--success:#168a74;--danger:#c14458;--shadow:0 18px 50px rgba(4,27,68,0.13)}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font-family:Century Gothic,Avenir,Trebuchet MS,ui-sans-serif,system-ui,sans-serif}.shell{display:grid;grid-template-columns:252px 1fr;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}aside{background:var(--navy-950);color:#d9f7f4;padding:28px 18px;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;font-size:20px;padding:0 10px 32px}.brand i,.brand-mark{width:40px;height:40px;border:2px solid var(--cyan-500);border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900;box-shadow:0 0 22px rgba(0,219,232,.25)}.brand b,.brand i,.brand-mark{color:var(--cyan-500)}nav{display:flex;flex-direction:column;gap:6px}.aside-bottom>button,nav button{border:0;background:transparent;padding:12px 14px;display:flex;align-items:center;gap:12px;border-radius:9px;font-size:14px;color:#9ebbd0;text-align:left;width:100%}.aside-bottom svg,nav button svg{width:18px}.active{background:rgba(0,219,232,.12)!important;color:var(--cyan-500)!important;box-shadow:inset 3px 0 var(--cyan-500)}.aside-bottom{margin-top:auto}.profile{border-top:1px solid #1f4167;margin-top:16px;padding:20px 8px 0;display:flex;gap:10px;align-items:center}.profile>div{background:var(--teal-600);color:white;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700}.profile span{display:flex;flex-direction:column;font-size:12px}.profile small{color:#78a0bb;margin-top:3px}.content{padding:36px 42px;max-width:1500px;width:100%;margin:auto}.card-head,header{display:flex;justify-content:space-between;align-items:center}h1{margin:4px 0 6px;font-size:29px}h2,h3{color:var(--ink)}p{margin:0;color:var(--muted);font-size:13px}.eyebrow{color:var(--teal-600);font-size:10px;font-weight:800;letter-spacing:.16em}.header-actions{display:flex;gap:10px}.search,button,input,select,textarea{border:1px solid var(--line);background:white;border-radius:8px;padding:10px 13px;color:var(--ink)}.primary,.search{display:flex;gap:8px;align-items:center}.primary svg,.search svg{width:16px}.primary{background:var(--navy-800);color:white;border-color:var(--navy-800);font-weight:700}.primary:hover{background:var(--blue-700);border-color:var(--blue-700)}.notice{margin:27px 0 20px;background:#e5f8f6;border:1px solid #bceae5;padding:15px 18px;border-radius:10px;display:flex;align-items:center;gap:12px}.notice>span{color:var(--cyan-500)}.notice p{margin-top:3px}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.chart,.quick,.stats article,.table-card{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 4px 20px rgba(4,27,68,.035)}.stats small{color:var(--muted)}.stats h2{margin:13px 0 9px;font-size:27px}.stats p{color:var(--teal-600);font-weight:650}.grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:16px;gap:16px;margin-top:16px}.card-head h3,.quick h3{margin:0 0 5px;font-size:16px}.bars{height:230px;border-bottom:1px solid var(--line);display:flex;gap:11px;align-items:flex-end;padding:30px 10px 0;background:repeating-linear-gradient(#fff,#fff 44px,#eef4f6 45px)}.bars i{flex:1 1;background:linear-gradient(var(--cyan-500),var(--blue-700));border-radius:5px 5px 0 0}.quick ol{padding-left:22px;color:var(--muted);line-height:2.3}.quick li::marker{color:var(--cyan-500);font-weight:800}.table-card{margin-top:26px;padding:0;overflow:hidden}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-size:11px;padding:14px 18px;border-bottom:1px solid var(--line);background:#f8fbfc;text-transform:uppercase;letter-spacing:.06em}td{padding:15px 18px;border-bottom:1px solid #edf3f5}.empty{text-align:center;padding:70px 20px}.empty svg{width:38px;color:var(--teal-600)}.empty h3{margin:13px 0 7px}.journey{min-height:560px;margin-top:26px;border:1px solid var(--line);border-radius:12px;background-color:white;background-image:radial-gradient(#cce3e8 1px,transparent 0);background-size:24px 24px;align-items:center;padding-top:70px;position:relative}.journey,.node{display:flex;flex-direction:column}.node{background:white;border:2px solid var(--teal-600);border-radius:11px;padding:16px 20px;width:270px;box-shadow:var(--shadow);gap:5px}.node span{font-size:11px;color:var(--muted)}.connector{height:48px;border-left:2px solid var(--cyan-500)}.add-node{border:1px dashed var(--teal-600);color:var(--teal-600);background:white;display:flex;align-items:center;gap:6px}.add-node svg{width:16px}.journey-help{position:absolute;left:24px;bottom:24px;background:var(--navy-950);color:white;padding:18px;border-radius:10px;width:290px}.journey-help h3{color:white;margin:0 0 7px}.journey-help p{color:#9fc8d8}.overlay{position:fixed;inset:0;background:rgba(4,27,68,.66);display:grid;place-items:center;z-index:10;padding:20px}.modal{background:white;width:min(480px,100%);border-radius:14px;padding:28px;box-shadow:var(--shadow);position:relative}.modal h2{margin:6px 0 22px}.login form label,.modal label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;margin:14px 0}.login input,.modal input,.modal select,.modal textarea{width:100%}.close{position:absolute;right:18px;top:18px;border:0;padding:5px}.close svg{width:19px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}.toast{position:fixed;right:28px;top:25px;background:var(--navy-950);color:white;padding:13px 18px;border-left:4px solid var(--cyan-500);border-radius:8px;z-index:20}.error{background:#fdecef;color:var(--danger);padding:10px;border-radius:7px;font-size:12px}.login{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr;background:var(--navy-950)}.login-brand{padding:10vw;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 70%,rgba(0,219,232,.2),transparent 35%),linear-gradient(135deg,var(--navy-800),var(--navy-950));color:white}.login-brand .brand-mark{width:74px;height:74px;font-size:31px}.login-brand h1{font-size:48px;margin:24px 0 10px;color:white}.login-brand h1 b{color:var(--cyan-500)}.login-brand p{color:var(--mint-400);max-width:530px;font-size:18px;line-height:1.55}.login form{background:white;margin:auto;width:min(410px,80%);padding:40px;border-radius:14px}.login form h2{font-size:28px;margin:7px 0}.login form>p{margin-bottom:25px}.login form .primary{width:100%;justify-content:center;margin-top:8px}.login form input:focus,.modal :is(input,textarea,select):focus{outline:2px solid rgba(0,219,232,.35);border-color:var(--teal-600)}@media (max-width:900px){.shell{grid-template-columns:72px 1fr}aside{padding:25px 10px}.brand span,nav button{font-size:0}.brand{padding-left:6px}.aside-bottom,.profile span{display:none}.content{padding:24px 18px}.stats{grid-template-columns:repeat(2,1fr)}.grid,.login{grid-template-columns:1fr}.login-brand{padding:40px;min-height:260px}.login form{margin:30px auto}.login-brand h1{font-size:34px}}@media (max-width:560px){.stats{grid-template-columns:1fr}.content{overflow:hidden}table{min-width:650px}.table-card{overflow:auto}header{align-items:flex-start}.search{display:none}.journey-help{position:static;margin-top:50px}.login-brand{min-height:220px}.login-brand p{font-size:14px}}.journey-toolbar{margin-top:26px;background:white;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;padding:12px 16px;display:flex;align-items:center;gap:9px}.journey-toolbar select{min-width:260px}.journey-toolbar span{margin-right:auto;color:var(--muted);font-size:12px}.journey-toolbar+.journey{margin-top:0;border-radius:0 0 12px 12px}.flow-step{display:flex;flex-direction:column;align-items:center}.flow-step .node{flex-direction:row;justify-content:space-between;align-items:center}.node>div{display:flex;flex-direction:column;gap:4px}.node small{color:var(--teal-600);font-size:9px;letter-spacing:.12em}.node button{border:0;padding:5px;color:var(--danger)}.node button svg{width:16px}.node.wait{border-color:#7b69c7}.node.email{border-color:var(--blue-700)}.node.condition{border-color:#d19031}.node.end{border-color:#718596}.node-picker{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin-top:12px;background:white;border:1px solid var(--line);padding:12px;border-radius:10px;box-shadow:var(--shadow)}.node-picker button{display:flex;align-items:center;gap:7px;color:var(--ink)}.node-picker svg{width:15px;color:var(--cyan-500)}.journey-empty{margin-top:26px;background:white;border:1px solid var(--line);border-radius:12px}@media(max-width:700px){.journey-toolbar{flex-wrap:wrap}.journey-toolbar select{min-width:100%;width:100%}.journey-toolbar span{width:100%}}.contact-tools{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:16px}.contact-tools form{display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:9px;padding-left:12px;width:min(560px,100%)}.contact-tools form svg{width:17px;color:var(--muted)}.contact-tools input{border:0;flex:1 1;outline:0}.contact-tools form button{border:0;border-left:1px solid var(--line);border-radius:0 8px 8px 0;color:var(--teal-600);font-weight:700}.contact-tools>b{font-size:13px;color:var(--muted)}.contacts-table{margin-top:12px}.contacts-table tbody tr{cursor:pointer}.contacts-table tbody tr:hover{background:#eef9fa}.contact-active,.contact-blocked{display:inline-block;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700}.contact-active{background:#e5f8f1;color:var(--success)}.contact-blocked{background:#fff1dd;color:#9a6810}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:14px 18px}.pagination span{color:var(--muted);font-size:12px}.pagination button:disabled{opacity:.45;cursor:not-allowed}.loading-row{padding:12px}.infinite-sentinel,.loading-row{text-align:center;color:var(--muted)}.infinite-sentinel{padding:18px;font-size:12px;border-top:1px solid var(--line);background:#f8fbfc}.contact-detail{background:white;width:min(760px,100%);max-height:90vh;overflow:auto;padding:30px;border-radius:14px;position:relative;box-shadow:var(--shadow)}.contact-detail h2{margin:7px 0 22px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.detail-grid>div{background:var(--surface);border:1px solid var(--line);padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:5px;min-width:0}.detail-grid small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.detail-grid b{font-size:12px;overflow-wrap:anywhere}.consent-warning{margin-top:18px;background:#fff7e9;border:1px solid #f1d39d;padding:13px;border-radius:8px;color:#855b12}.consent-warning p{margin-top:4px}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.tag-list span{background:#e6f7f8;color:var(--teal-600);padding:5px 8px;border-radius:20px;font-size:10px}@media (max-width:800px){.contact-tools{align-items:stretch;flex-direction:column}.contacts-table{overflow:auto}.contacts-table table{min-width:900px}.detail-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.detail-grid{grid-template-columns:1fr}}.template-editor-shell{position:fixed;inset:0;background:#fff;z-index:50}.template-editor-top{height:138px;background:var(--navy-950);padding:14px 18px;display:grid;grid-template-columns:1.1fr 1.2fr 1.2fr auto auto;grid-gap:12px;gap:12px;align-items:end;color:#fff}.template-editor-top label,.template-editor-top>div{display:flex;flex-direction:column;gap:5px;font-size:11px}.template-editor-top input{height:40px}.template-editor-top>div input{font-size:16px;font-weight:700}.template-editor-top button{height:40px;display:flex;align-items:center;gap:7px}.template-editor-top button svg{width:17px}.gjs-one-bg{background-color:var(--navy-950)}.gjs-two-color{color:#d6e8f2}.gjs-three-bg{background-color:var(--cyan-500);color:var(--navy-950)}.gjs-four-color,.gjs-four-color-h:hover{color:var(--cyan-500)}.gjs-block{border-color:#315478}.gjs-block:hover{color:var(--cyan-500)}@media(max-width:900px){.template-editor-top{height:auto;grid-template-columns:1fr 1fr}.template-editor-top>div{grid-column:1/-1}}