@import "https://fonts.googleapis.com/css2?family=Roboto:wght@500;700;900&family=Source+Sans+3:wght@400;600;700&display=swap";:root{--navy:#001a72;--navy-2:#1a3a9a;--navy-3:#4d6bbb;--navy-soft:#e6e8f5;--navy-deep:#000e4a;--green:#00c288;--green-dark:#009166;--green-soft:#ccf6ec;--green-softer:#e5fbf5;--pink:#da1884;--pink-dark:#b3006a;--pink-soft:#fce0ef;--bg:#f4f6fb;--surface:#fff;--border:#e2e6f0;--border-strong:#b3bfdd;--text:#1a1a1a;--text-2:#444a57;--text-3:#6b7280;--accent:var(--green);--accent-soft:var(--green-soft);--danger:#dc2626;--danger-soft:#fee2e2;--warn-soft:#fef3c7;--warn:#b45309;--info-soft:var(--navy-soft);--info:var(--navy-2);--radius:10px;--sidebar-w:216px;--font-display:"Roboto", -apple-system, sans-serif;--font-body:"Source Sans 3", -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}body{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}h1,h2,h3{font-family:var(--font-display)}button{font:inherit;cursor:pointer}input,select{font:inherit}.shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--navy);flex-direction:column;flex-shrink:0;gap:2px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);letter-spacing:-.01em;color:#fff;align-items:center;gap:9px;padding:6px 10px 18px;font-size:17px;font-weight:900;display:flex}.brand .dot{background:var(--green);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #00c28840}.brand small{color:var(--navy-3);font-weight:500;font-family:var(--font-body)}.nav-item{color:#b3bfdd;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:13.5px;font-weight:600;display:flex}.nav-item:hover{background:var(--navy-deep);color:#fff}.nav-item.active{background:var(--navy-deep);color:var(--green)}.sidebar .spacer{flex:1}.userbox{color:var(--navy-3);border-top:1px solid #e6e8f526;padding:10px 10px 2px;font-size:12px}.userbox button{color:#b3bfdd;background:0 0;border:none;margin-top:4px;padding:0;text-decoration:underline}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:10px;padding:13px 20px;display:flex}.topbar h1{color:var(--navy);letter-spacing:-.01em;margin:0 12px 0 0;font-size:16px;font-weight:900}.topbar .count{color:var(--text-3);font-weight:400;font-family:var(--font-body)}.content{padding:0 0 40px}.search{border:1px solid var(--border);background:var(--surface);border-radius:7px;min-width:220px;padding:7px 10px}.search:focus{outline:2px solid var(--green-soft);border-color:var(--green)}select.filter{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:7px;max-width:170px;padding:6px 8px}select.filter.on{border-color:var(--green);color:var(--navy);background:var(--green-softer);font-weight:600}.btn{border:1px solid var(--border);background:var(--surface);color:var(--navy);border-radius:7px;padding:7px 13px;font-weight:600}.btn:hover{background:var(--navy-soft);border-color:var(--border-strong)}.btn.primary{background:var(--green);color:var(--navy);border-color:var(--green)}.btn.primary:hover{background:var(--green-dark);color:#fff;opacity:1}.btn.link{color:var(--text-2);background:0 0;border:none;padding:4px;font-weight:400;text-decoration:underline}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;background:var(--surface);width:100%;font-size:13.5px}table.data th{text-align:left;font-family:var(--font-body);color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface);z-index:1;padding:9px 14px;font-size:10.5px;font-weight:700;position:sticky;top:0}table.data td{border-bottom:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;max-width:260px;padding:9px 14px;overflow:hidden}table.data tbody tr{cursor:pointer}table.data tbody tr:hover{background:var(--bg)}.cell-main{color:var(--navy);font-weight:600}.cell-sub{color:var(--text-3);font-size:12px}.pager{color:var(--text-2);align-items:center;gap:12px;padding:12px 20px;font-size:12.5px;display:flex}.badge{background:var(--navy-soft);color:var(--navy-2);border-radius:99px;padding:2px 9px;font-size:11.5px;font-weight:700;display:inline-block}.badge.green{background:var(--green-soft);color:#006b4c}.badge.red{background:var(--danger-soft);color:var(--danger)}.badge.amber{background:var(--warn-soft);color:var(--warn)}.badge.blue{background:var(--navy-soft);color:var(--navy-2)}.drawer-backdrop{z-index:20;background:#001a724d;position:fixed;inset:0}.drawer{background:var(--surface);border-left:1px solid var(--border);z-index:21;width:min(460px,92vw);padding:22px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-12px 0 32px #001a721f}.drawer h2{color:var(--navy);margin:0 0 2px;font-size:18px;font-weight:900}.drawer .email{color:var(--text-2);margin-bottom:14px}.drawer .close{color:var(--text-3);background:0 0;border:none;font-size:18px;position:absolute;top:14px;right:14px}.drawer section{margin-top:20px}.drawer h3{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);margin:0 0 8px;font-size:10.5px;font-weight:700}.props{grid-template-columns:140px 1fr;gap:5px 12px;font-size:13px;display:grid}.props dt{color:var(--text-3)}.props dd{overflow-wrap:anywhere;margin:0}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-bottom:1px solid var(--border);gap:10px;padding:7px 0;font-size:13px;display:flex}.timeline .when{color:var(--text-3);white-space:nowrap;min-width:110px}.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding:20px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card h3{color:var(--navy);margin:0 0 6px;font-size:14.5px;font-weight:700}.card .meta{color:var(--text-3);margin-bottom:10px;font-size:12px}.card .desc{color:var(--text-2);font-size:13px}.empty{text-align:center;color:var(--text-3);padding:60px 20px}.badge.ai{background:var(--pink-soft);color:var(--pink-dark)}.ai-box{background:linear-gradient(135deg, #fef4fa, var(--pink-soft));border-radius:var(--radius);border:1px solid #f6b8d9;padding:14px;font-size:13px}.ai-box h3{color:var(--pink-dark)}.card .rationale{color:var(--pink-dark);background:#fef4fa;border-radius:6px;margin-bottom:10px;padding:8px 10px;font-size:12.5px}.chip{background:var(--green-soft);color:var(--navy);border-radius:99px;align-items:center;gap:6px;padding:4px 6px 4px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.chip button{color:inherit;background:#001a721a;border:none;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;line-height:1;display:grid}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:20px 20px 4px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.stat-n{font-family:var(--font-display);letter-spacing:-.02em;color:var(--navy);font-size:24px;font-weight:900}.stat-l{color:var(--text-3);margin-top:2px;font-size:12px}.stat.hot{background:#fef4fa;border-color:#f6b8d9}.stat.hot .stat-n{color:var(--pink)}.section-title{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);padding:20px 20px 0;font-size:10.5px;font-weight:700}.card.clickable{cursor:pointer}.card.clickable:hover{border-color:var(--navy-3);box-shadow:0 2px 10px #001a7214}.editor{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;padding:20px;display:grid}@media (width<=900px){.editor{grid-template-columns:1fr}}.editor-main{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:14px;padding:20px;display:flex}.field{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.field span{color:var(--text-3);font-size:12px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--border);font:inherit;background:var(--surface);border-radius:7px;padding:8px 10px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--green-soft);border-color:var(--green)}.field textarea{resize:vertical;font-family:ui-monospace,monospace;font-size:12.5px}.field.checkbox{flex-direction:row;align-items:center;gap:8px}.field.checkbox span{font-weight:400}.field.small{max-width:220px}.field-row{flex-wrap:wrap;gap:12px;display:flex}.steps-tabs{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding-top:14px;display:flex}.subject-ideas{flex-direction:column;gap:6px;display:flex}.subject-ideas .btn{text-align:left}.preview-box{border:1px solid var(--border);border-radius:7px;padding:10px 14px}.preview-box summary{cursor:pointer;color:var(--text-3);font-size:12px}.editor-side{flex-direction:column;gap:14px;display:flex;position:sticky;top:16px}.side-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:16px;display:flex}.side-card h3{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);margin:0 0 4px;font-size:10.5px;font-weight:700}.side-card textarea{border:1px solid var(--border);font:inherit;resize:vertical;border-radius:7px;padding:8px 10px}.side-card .hint{color:var(--text-3);margin:4px 0 0;font-size:11.5px;line-height:1.5}.ai-bar{background:linear-gradient(135deg,#fef4fa,#fdeaf5);border-bottom:1px solid #f6b8d9}.ai-search{border-color:#ef90c3;flex:1;min-width:260px}.ai-search:focus{outline:2px solid var(--pink-soft);border-color:var(--pink)}.ai-explain{color:var(--pink-dark);width:100%;font-size:12px}.rte-wrap{border:1px solid var(--border);background:var(--surface);border-radius:7px}.rte-wrap:focus-within{border-color:var(--green)}.rte-toolbar{border-bottom:1px solid var(--border);align-items:center;gap:2px;padding:4px 6px;display:flex}.rte-toolbar button{color:var(--text-2);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px}.rte-toolbar button:hover{background:var(--navy-soft);color:var(--navy)}.rte-sep{background:var(--border);width:1px;height:16px;margin:0 6px}.rte{outline:none;min-height:90px;padding:10px 12px;font-size:14px;line-height:1.6}.rte:empty:before{content:attr(data-placeholder);color:var(--text-3)}.rte a{color:var(--green-dark)}.blocks{border-top:1px solid var(--border);flex-direction:column;gap:0;padding-top:14px;display:flex}.field-label{color:var(--text-3);font-size:12px;font-weight:600}.email-canvas{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;padding:26px 0;display:flex}.email-page{background:#fff;border-radius:8px;flex-direction:column;width:min(560px,100%);padding:28px 30px;display:flex;box-shadow:0 2px 14px #001a7214}.block{border:1px dashed #0000;border-radius:6px;margin:0 -6px;padding:2px 6px;position:relative}.block:hover{border-color:var(--border-strong)}.block:focus-within{border-color:var(--green)}.block-head{background:var(--navy);z-index:2;border-radius:6px;align-items:center;gap:2px;padding:2px 4px;display:none;position:absolute;top:-12px;right:4px}.block:hover .block-head,.block:focus-within .block-head{display:flex}.block-head .badge{color:#b3bfdd;background:0 0;padding:0 6px}.block-btn{color:#b3bfdd;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:12px}.block-btn:hover{background:var(--navy-deep);color:#fff}.block .field-row{gap:8px;display:flex}.canvas-heading{width:100%;font-family:var(--font-body);color:var(--navy);background:0 0;border:none;outline:none;margin:0 0 8px;padding:4px 0;font-size:20px;font-weight:800}.canvas-heading::placeholder{color:var(--navy-soft)}.block .rte-wrap{background:0 0;border:none}.block .rte-wrap:focus-within{border:none}.block .rte{color:#1a1a1a;min-height:40px;padding:4px 0;font-size:15px;line-height:1.65}.block .rte-toolbar{border:1px solid var(--border);background:var(--surface);border-radius:6px;width:fit-content;margin-bottom:4px;display:none}.block:focus-within .rte-toolbar{display:flex}.canvas-button{background:var(--green);color:var(--navy);border:none;border-radius:999px;outline:none;min-width:80px;margin:6px 0 10px;padding:12px 28px;font-size:14.5px;font-weight:700;display:inline-block}.canvas-button:focus{box-shadow:0 0 0 3px var(--green-soft)}.canvas-url{margin-bottom:8px;display:none}.block:focus-within .canvas-url{display:block}.canvas-url input{border:1px solid var(--border);width:100%;color:var(--text-2);box-sizing:border-box;border-radius:6px;padding:7px 10px;font-size:12.5px}.canvas-divider{border:none;border-top:1px solid #e2e6f0;margin:14px 0}.block input.canvas-alt{border:1px solid var(--border);box-sizing:border-box;border-radius:6px;width:100%;padding:7px 10px;font-size:12.5px}.block-add{color:var(--text-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:14px 0 4px;font-size:12.5px;display:flex}.tpl-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.tpl-card{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:10px;padding:16px}.tpl-card:hover{border-color:var(--green);box-shadow:0 2px 10px #001a7214}.tpl-card h4{color:var(--navy);margin:0 0 6px;font-size:14px}.tpl-card p{color:var(--text-3);margin:0;font-size:12px;line-height:1.5}.email-preview{border:1px solid var(--border);background:#fff;border-radius:8px;max-height:420px;padding:14px;font-size:13px;overflow-y:auto}.img-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.img-grid button{border:2px solid var(--border);background:var(--bg);aspect-ratio:4/3;border-radius:8px;padding:0;overflow:hidden}.img-grid button:hover{border-color:var(--green)}.img-grid img{object-fit:cover;width:100%;height:100%;display:block}.img-modal{z-index:30;background:#001a7259;place-items:center;display:grid;position:fixed;inset:0}.img-modal-card{background:var(--surface);border-radius:12px;flex-direction:column;gap:14px;width:min(560px,92vw);max-height:80vh;padding:20px;display:flex;overflow-y:auto}.img-modal-card h3{color:var(--navy);margin:0}.block-thumb{border:1px solid var(--border);border-radius:6px;max-width:100%}.preview-modal{background:var(--surface);border-radius:14px;flex-direction:column;width:min(720px,94vw);height:min(86vh,900px);display:flex;overflow:hidden;box-shadow:0 24px 60px #00093359}.preview-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.preview-modal-head h3{color:var(--navy);margin:0;font-size:15px}.preview-modal iframe{background:var(--bg);border:none;flex:1;width:100%}.decision-list{flex-direction:column;gap:10px;padding:12px 20px;display:flex}.decision{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;padding:14px 16px;display:flex}.decision.muted{opacity:.7}.decision-body{flex:1;min-width:0}.decision .reason{color:var(--text-2);margin:6px 0 0;font-size:13px;line-height:1.5}.decision-actions{flex-shrink:0;gap:8px;display:flex}.g-btn{justify-content:center;align-items:center;gap:10px;padding:10px;font-weight:600;display:flex}.login{background:var(--navy);place-items:center;min-height:100vh;display:grid}.login-card{background:var(--surface);border-radius:14px;flex-direction:column;gap:10px;width:350px;padding:30px;display:flex;box-shadow:0 24px 60px #00093373}.login-card h1{color:var(--navy);letter-spacing:-.01em;align-items:center;gap:9px;margin:0;font-size:22px;font-weight:900;display:flex}.login-card p{color:var(--text-2);margin:0 0 8px;font-size:13.5px}.login-card input{border:1px solid var(--border);border-radius:7px;padding:10px 11px}.login-card input:focus{outline:2px solid var(--green-soft);border-color:var(--green)}.login-card .error{color:var(--danger);font-size:12.5px}.contact-modal{background:var(--surface);border-radius:14px;flex-direction:column;width:min(980px,94vw);max-height:min(88vh,940px);display:flex;overflow:hidden;box-shadow:0 24px 60px #00093359}.contact-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 16px;display:flex}.contact-modal-head h2{color:var(--navy);margin:0 0 2px;font-size:19px;font-weight:900}.contact-modal-head .email{color:var(--text-2);font-size:13px}.contact-modal-body{flex:1;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow-y:auto}.contact-col{min-width:0;padding:18px 24px 24px}.contact-col+.contact-col{border-left:1px solid var(--border)}.contact-col section{margin-bottom:22px}.contact-col section:last-child{margin-bottom:0}.contact-col h3{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);margin:0 0 8px;font-size:10.5px;font-weight:700}.contact-col .ai-box h3,.contact-col .conv-box h3{margin-bottom:8px}.contact-col .ai-box h3{color:var(--pink-dark)}.conv-box{background:linear-gradient(135deg, #f2fbf7, var(--green-soft));border-radius:var(--radius);border:1px solid #a9e3c8;padding:14px;font-size:13px}.conv-box h3{color:#006b4c}@media (width<=760px){.contact-modal-body{grid-template-columns:1fr}.contact-col+.contact-col{border-left:none;border-top:1px solid var(--border)}}.stars{gap:1px;font-size:14px;line-height:1;display:inline-flex}.stars .star{color:#d5dae8;font-size:inherit;background:0 0;border:none;padding:0;line-height:1}.stars .star.on{color:#f5a623}.stars.editable .star{cursor:pointer}.stars.editable .star:hover{transform:scale(1.15)}.funnel-wrap{padding:0 20px 24px}.funnel{flex-direction:column;gap:7px;max-width:860px;display:flex}.funnel-row{grid-template-columns:240px 1fr 52px;align-items:center;gap:12px;font-size:13px;display:grid}.funnel-row.clickable{cursor:pointer}.funnel-row.clickable:hover .funnel-label{color:var(--green)}.funnel-label{color:var(--text-2);text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.funnel-track{background:var(--navy-soft);border-radius:6px;height:26px;position:relative;overflow:hidden}.funnel-fill{background:linear-gradient(90deg, var(--navy-2), var(--green));border-radius:6px;height:100%;transition:width .4s}.funnel-n{color:#fff;text-shadow:0 1px 2px #00093366;font-size:12px;font-weight:700;line-height:26px;position:absolute;top:0;left:10px}.funnel-pct{color:var(--text-3);font-size:12px}@media (width<=700px){.funnel-row{grid-template-columns:1fr;gap:3px}.funnel-label{text-align:left}}.journey{align-items:center;gap:5px;margin:6px 0 2px;display:flex}.jdot{background:var(--navy-soft);border:2px solid #0000;border-radius:50%;flex-shrink:0;width:11px;height:11px}.jdot.on{background:var(--green)}.jdot.next{background:var(--surface);border-color:var(--green)}.journey .cell-sub{margin-left:5px}.conv-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.conv-actions .filter{max-width:170px}.lead-link{cursor:pointer}.lead-link:hover{color:var(--green);text-decoration:underline}.decision>input[type=checkbox]{flex-shrink:0}.rec-box{background:linear-gradient(135deg, #fef4fa, var(--pink-soft));border-radius:var(--radius);border:1px solid #f6b8d9;padding:12px 14px;font-size:13px}.radar-warn{background:var(--warn-soft);color:var(--warn);border-radius:var(--radius);border:1px solid #f3d9a4;margin:14px 20px 0;padding:11px 14px;font-size:13px;font-weight:600}
