:root{--green:#4cbf8c;--green-t:#00a27f;--green-l:#c6f7e1;--green-bg:#f0fbf6;--navy:#232942;--t2:#4c516d;--t3:#828599;--border:#ccc;--bg:#f4f4f4;--white:#fff;--sidebar:280px;--hdr:52px;--red:#dc4b5c}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--navy);font-family:Montserrat,Arial,sans-serif}a{color:var(--green-t);text-decoration:none}.hdr{height:var(--hdr);background:var(--green);z-index:100;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #00000026}.hdr-brand{align-items:center;gap:12px;display:flex}.hdr-brand img{height:28px}.hdr-title{color:#fff;letter-spacing:-.3px;font-size:15px;font-weight:700}.hdr-sep{background:#ffffff4d;width:1px;height:20px}.hdr-nav{align-items:flex-end;gap:4px;height:100%;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hdr-tab{color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:6px;padding:0 16px 14px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;transition:color .2s;display:flex}.hdr-tab:hover{color:#ffffffe6}.hdr-tab.active{color:#fff;border-bottom-color:#fff}.hdr-tab-icon{font-size:14px}.hdr-sub{color:#ffffffbf;font-size:12px}.hdr-live{color:#fffc;align-items:center;gap:5px;font-size:11px;display:flex}.live-dot{background:#fff;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hdr-actions{gap:8px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;padding:7px 14px;font-family:Montserrat,Arial,sans-serif;font-size:12px;font-weight:600;transition:opacity .15s}.btn:hover{opacity:.82}.btn-white{color:var(--navy);background:#fff}.btn-outline-white{color:#fff;background:0 0;border:1.5px solid #fff9}.btn-green{background:var(--green);color:#fff}.btn-ghost{background:var(--bg);color:var(--navy);border:1.5px solid var(--border)}.btn-red{color:var(--red);border:1.5px solid var(--red);background:0 0}.btn-hubspot{color:#fff;background:#ff7a59}.layout{height:100vh;padding-top:var(--hdr);display:flex}.sidebar{width:var(--sidebar);min-width:var(--sidebar);background:var(--white);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.sb-top{border-bottom:1px solid var(--border);padding:12px 14px}.sb-search{border:1.5px solid var(--border);width:100%;color:var(--navy);border-radius:6px;outline:none;padding:7px 10px;font-family:Montserrat,Arial,sans-serif;font-size:12px}.sb-search:focus{border-color:var(--green)}.filter-tabs{flex-wrap:wrap;gap:4px;margin-top:9px;display:flex}.ftab{cursor:pointer;border:1.5px solid var(--border);color:var(--t3);background:#fff;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700;transition:all .15s}.ftab.on{background:var(--green);color:#fff;border-color:var(--green)}.email-list{flex:1;padding:8px;overflow-y:auto}.card{cursor:pointer;border:1.5px solid #0000;border-radius:8px;margin-bottom:6px;padding:11px;transition:all .15s}.card:hover{background:var(--bg)}.card.on{background:var(--green-bg);border-color:var(--green)}.card-top{align-items:center;gap:5px;margin-bottom:4px;display:flex}.badge{text-transform:uppercase;letter-spacing:.6px;border-radius:20px;padding:2px 7px;font-size:9px;font-weight:700}.b-cda{color:#005fc5;background:#eef3fe}.b-saas{background:var(--green-l);color:var(--green-t)}.b-seguros{color:#b07000;background:#fff8e6}.b-swappi{color:#7b3fcc;background:#f3eeff}.b-draft{color:var(--t3);background:#f4f4f4}.b-ready{color:#b07000;background:#fffab9}.b-sent{background:var(--green-l);color:var(--green-t)}.b-hubspot{color:#fff;background:#ff7a59}.b-mailchimp{color:#241c15;background:#ffe01b}.dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:auto}.d-draft{background:var(--t3)}.d-ready{background:#ffc000}.d-sent{background:var(--green)}.card-name{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;font-weight:600;overflow:hidden}.card-subject{color:var(--t2);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.card-date{color:var(--t3);margin-top:4px;font-size:10px}.sb-new{border-top:1px solid var(--border);padding:12px 14px}.btn-new{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:7px;width:100%;padding:9px;font-family:Montserrat,Arial,sans-serif;font-size:12px;font-weight:700;transition:opacity .15s}.btn-new:hover{opacity:.88}.tag-tool{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;align-items:center;margin-left:2px;padding:1px 4px;font-size:8px;font-weight:800;display:inline-flex}.tool-hubspot{color:#fff;background:#ff7a59}.tool-mailchimp{color:#241c15;background:#ffe01b}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}.toolbar{background:var(--white);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:10px 18px;display:flex}.tb-name{color:var(--navy);font-size:13px;font-weight:700}.tb-subj{color:var(--t2);text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:11px;overflow:hidden}.tb-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.vtabs{gap:2px;display:flex}.vtab{cursor:pointer;color:var(--t2);background:0 0;border:none;border-radius:6px;padding:5px 12px;font-family:Montserrat,Arial,sans-serif;font-size:11px;font-weight:600;transition:all .15s}.vtab.on{background:var(--green-bg);color:var(--green-t)}.panel{flex:1;display:flex;overflow:hidden}.preview-area{background:var(--bg);flex-direction:column;flex:1;align-items:center;padding:20px;display:flex;overflow-y:auto}.device-row{gap:6px;margin-bottom:14px;display:flex}.dbtn{border:1.5px solid var(--border);cursor:pointer;color:var(--t2);background:#fff;border-radius:6px;padding:5px 13px;font-family:Montserrat,Arial,sans-serif;font-size:11px;font-weight:600;transition:all .15s}.dbtn.on{border-color:var(--green);color:var(--green-t);background:var(--green-bg)}.iframe-shell{background:#fff;border-radius:8px;transition:width .25s;overflow:hidden;box-shadow:0 4px 24px #0000001a}.iframe-shell iframe{border:none;width:100%;height:680px;display:block}.editor-area{background:var(--white);flex:1;padding:20px;overflow-y:auto}.fl{color:var(--t3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px;font-size:11px;font-weight:700}.fi{border:1.5px solid var(--border);width:100%;color:var(--navy);resize:vertical;border-radius:6px;outline:none;margin-bottom:14px;padding:8px 12px;font-family:Montserrat,Arial,sans-serif;font-size:13px}.fi:focus{border-color:var(--green)}.fi-select{appearance:none;background:#fff}textarea.fi{min-height:100px;line-height:1.65}textarea.mono{min-height:380px;font-family:monospace;font-size:11px;line-height:1.5}.sec-title{color:var(--navy);border-bottom:1px solid var(--bg);margin:20px 0 12px;padding-bottom:8px;font-size:12px;font-weight:700}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.meta{background:var(--white);border-left:1px solid var(--border);flex-direction:column;gap:0;width:260px;min-width:260px;padding:10px;display:flex;overflow-y:auto}.meta-ttl{text-transform:uppercase;letter-spacing:.6px;color:var(--t3);margin-bottom:10px;font-size:10px;font-weight:700}.meta-row{justify-content:space-between;align-items:center;margin-bottom:7px;font-size:11px;display:flex}.meta-k{color:var(--t2)}.meta-v{color:var(--navy);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-weight:700;overflow:hidden}.divider{background:var(--bg);height:1px}.abtn{cursor:pointer;border:none;border-radius:6px;width:100%;margin-bottom:7px;padding:9px;font-family:Montserrat,Arial,sans-serif;font-size:12px;font-weight:700;transition:opacity .15s}.abtn:hover{opacity:.84}.a-pri{background:var(--green);color:#fff}.a-hs{color:#fff;background:#ff7a59}.a-sec{background:var(--bg);color:var(--navy);border:1.5px solid var(--border)!important}.a-del{color:var(--red);background:0 0;margin-top:4px;border:1.5px solid var(--red)!important}.empty{color:var(--t3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.empty-icon{font-size:44px}.empty-text{font-size:14px;font-weight:600}.overlay{z-index:200;background:#0000006b;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:460px;padding:28px;box-shadow:0 8px 40px #00000038}.modal-title{color:var(--navy);margin-bottom:20px;font-size:16px;font-weight:700}.modal-foot{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.toast{z-index:300;border-radius:8px;padding:12px 20px;font-size:13px;font-weight:600;animation:.2s slideIn;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #0000002e}.toast-success{background:var(--navy);color:#fff}.toast-error{background:var(--red);color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.logs-page{background:#16181f;flex-direction:column;flex:1;display:flex;overflow:hidden}.logs-toolbar{border-bottom:1px solid #2a2d3a;flex-shrink:0;align-items:center;gap:8px;padding:12px 18px;display:flex}.log-ftab{cursor:pointer;color:#6e7191;background:0 0;border:1.5px solid #3a3d4a;border-radius:20px;padding:4px 10px;font-family:Montserrat,Arial,sans-serif;font-size:10px;font-weight:700;transition:all .15s}.log-ftab.on{color:#c8cad8;background:#2a2d3a;border-color:#4a4d5a}.log-scroll{flex:1;padding:12px 18px;font-family:monospace;font-size:11px;line-height:1.7;overflow-y:auto}.log-line{margin-bottom:1px}.log-ts{color:#4a4d5a}.log-cat-api{color:#56d1e0}.log-cat-email{color:#56e09a}.log-cat-sse{color:#c48aff}.log-cat-file{color:#e0c856}.log-cat-error{color:#ff6b6b}.log-cat-server{color:#6ba4ff}.log-msg{color:#c8cad8}.log-data{color:#4a4d5a}.logs-footer{border-top:1px solid #2a2d3a;align-items:center;gap:12px;padding:8px 18px;display:flex}.logs-footer label{color:#6e7191;cursor:pointer;align-items:center;gap:6px;font-size:11px;display:flex}.logs-count{color:#4a4d5a;margin-left:auto;font-size:11px}.status-sel{border:1.5px solid var(--border);cursor:pointer;border-radius:6px;outline:none;width:100%;margin-bottom:7px;padding:7px 10px;font-family:Montserrat,Arial,sans-serif;font-size:12px;font-weight:600}.dash-view{background:var(--bg);flex-direction:column;flex:1;gap:30px;padding:40px;display:flex;overflow-y:auto}.dash-hero h2{color:var(--navy);letter-spacing:-.5px;margin-bottom:6px;font-size:26px}.dash-hero p{color:var(--t2);font-size:14px}.dash-metrics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.metric-card{background:#fff;border:1px solid #0000000a;border-radius:12px;flex-direction:column;gap:6px;padding:20px;display:flex;box-shadow:0 2px 12px #0000000a}.mc-highlight{background:var(--green-bg);border-color:var(--green-l)}.mc-title{color:var(--t3);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.mc-val{color:var(--navy);letter-spacing:-1px;font-size:28px;font-weight:800}.mc-highlight .mc-val{color:var(--green-t)}.mc-sub{color:var(--t2);margin-top:4px;font-size:11px}.dash-recent{flex-direction:column;gap:16px;margin-top:10px;display:flex}.dr-header{justify-content:space-between;align-items:flex-end;display:flex}.dr-header h3{color:var(--navy);font-size:18px}.dr-table{background:#fff;border:1px solid #0000000a;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #0000000a}.dr-th{border-bottom:1px solid var(--bg);color:var(--t3);text-transform:uppercase;letter-spacing:.5px;background:#fafafa;padding:12px 20px;font-size:11px;font-weight:700;display:flex}.dr-tr{border-bottom:1px solid var(--bg);align-items:center;padding:14px 20px;font-size:13px;transition:background .15s;display:flex}.dr-tr:hover{background:var(--bg);cursor:pointer}.dr-tr:last-child{border-bottom:none}.dr-td{text-overflow:ellipsis;white-space:nowrap;flex:1;padding-right:10px;overflow:hidden}.flex-2{flex:2}.dr-name{color:var(--navy);font-weight:600}.dr-date{color:var(--t2);font-size:12px}.dr-mono{color:var(--t3);font-family:monospace;font-size:12px}.dr-empty{text-align:center;color:var(--t3);padding:40px;font-size:13px;font-weight:500}.db-period-selector{border:1px solid var(--border);background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex;box-shadow:0 1px 4px #0000000a}.db-period-types{gap:4px;display:flex}.db-period-type-btn{color:var(--t2);cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s}.db-period-type-btn:hover{background:var(--bg);color:var(--navy)}.db-period-type-active{background:var(--navy);border-color:var(--navy);color:#fff!important}.db-period-nav{align-items:center;gap:10px;display:flex}.db-period-arrow{border:1.5px solid var(--border);width:28px;height:28px;color:var(--t2);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:all .15s;display:flex}.db-period-arrow:hover{border-color:var(--navy);color:var(--navy);background:var(--bg)}.db-period-label{text-align:center;min-width:140px;color:var(--navy);font-size:14px;font-weight:700}.dr-period-badge{color:var(--t2);background:var(--bg);border:1px solid var(--border);vertical-align:middle;border-radius:6px;margin-left:10px;padding:2px 8px;font-size:12px;font-weight:600}.db-tabs{flex-wrap:wrap;gap:8px;display:flex}.db-tab{border:1.5px solid var(--border);color:var(--t2);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.db-tab:hover{border-color:var(--navy);color:var(--navy)}.db-tab-active{font-weight:700}.db-tab-count{background:#00000012;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:700}.db-pipeline-wrap{background:#fff;border:1px solid #0000000a;border-radius:12px;flex-direction:column;gap:16px;padding:20px 24px;display:flex;box-shadow:0 2px 12px #0000000a}.db-section-header{align-items:baseline;gap:12px;display:flex}.db-section-title{color:var(--navy);margin:0;font-size:16px;font-weight:700}.db-section-sub{color:var(--t2);font-size:13px}.db-pipeline-empty{color:var(--t3);padding:16px 0;font-size:13px}.db-pipeline-stages{gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.db-pipeline-stages::-webkit-scrollbar{height:4px}.db-pipeline-stages::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.db-stage-card{border:1.5px solid;border-radius:10px;flex-direction:column;flex-shrink:0;gap:4px;min-width:120px;padding:14px 12px 12px;display:flex;position:relative;overflow:hidden}.db-stage-bar-bg{background:#0000000f;height:3px;position:absolute;bottom:0;left:0;right:0}.db-stage-bar-fill{opacity:.5;border-radius:0 2px 0 0;height:3px;transition:width .4s;position:absolute;bottom:0;left:0}.db-stage-count{letter-spacing:-1px;font-size:28px;font-weight:800;line-height:1}.db-stage-name{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;opacity:.75;font-size:11px;font-weight:600;overflow:hidden}.db-stage-amount{opacity:.85;margin-top:2px;font-size:12px;font-weight:700}.db-stage-card-clickable{cursor:pointer;transition:transform .12s,box-shadow .12s}.db-stage-card-clickable:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001a}.db-stage-cta{text-transform:uppercase;letter-spacing:.06em;opacity:.5;margin-top:6px;font-size:10px;font-weight:700}.db-deal-badge{background:var(--green-bg);color:var(--green-t);border:1px solid var(--green-l);border-radius:10px;justify-content:center;align-items:center;min-width:24px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-flex}