:root{--primary: #4CAF50;--secondary: #2196F3;--accent: #FF9800;--orange: #FF9800;--dark: #1A202C;--light: #F7FAFC;--gray: #718096;--border: #E2E8F0;--red: #F44336;--green: #4CAF50;--blue: #2196F3}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Open Sans,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:var(--dark);padding-bottom:2rem}.header{background:#fff;padding:1.5rem 0;box-shadow:0 4px 6px -1px #0000001a;text-align:center;margin-bottom:2rem}.logo-text{font-family:Montserrat,sans-serif;font-size:2rem;font-weight:800;color:var(--primary);margin:0}.logo-text span{color:var(--dark)}.beta-tag{display:inline-block;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;font-size:.35em;font-weight:700;padding:.3em .8em;border-radius:50px;vertical-align:middle;margin-left:.5rem;text-transform:uppercase;letter-spacing:1px;box-shadow:0 2px 8px #ff6b6b66;animation:pulse-beta 2s infinite}@keyframes pulse-beta{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.container{max-width:95%;margin:0 auto;padding:0 2rem}.top-section{background:#fff;border-radius:15px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 25px #0000001a}.plan-header{margin-bottom:1.5rem}.plan-title-input{width:100%;padding:1rem;font-size:1.5rem;font-weight:700;font-family:Montserrat,sans-serif;border:2px solid var(--border);border-radius:10px;transition:all .3s;background:#fff}.plan-title-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4caf501a}.view-mode-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--border);padding:.25rem;border-radius:10px}.mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;font-family:Open Sans,sans-serif;background:transparent;color:var(--gray)}.mode-btn.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px #0000001a}.mode-btn:not(.active):hover{color:var(--dark)}.toolbar{display:flex;gap:1rem;flex-wrap:wrap}.btn-export,.btn-export-html,.btn-reset,.btn-back{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s;font-family:Open Sans,sans-serif}.btn-export{background:var(--primary);color:#fff}.btn-export:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 5px 15px #4caf504d}.btn-export-html{background:#9c27b0;color:#fff}.btn-export-html:hover{background:#7b1fa2;transform:translateY(-2px);box-shadow:0 5px 15px #9c27b04d}.btn-reset{background:var(--border);color:var(--gray)}.btn-reset:hover{background:#cbd5e0;transform:translateY(-2px)}.btn-back{background:var(--secondary);color:#fff}.btn-back:hover{background:#1976d2;transform:translateY(-2px);box-shadow:0 5px 15px #2196f34d}.automation-canvas{background:#fff;border-radius:15px;padding:2rem;min-height:400px;box-shadow:0 10px 25px #0000001a;margin-bottom:2rem}.preview-canvas{background:#fff;border-radius:15px;padding:2rem;min-height:400px;box-shadow:0 10px 25px #0000001a;margin-bottom:2rem;overflow-x:auto}.preview-canvas svg{display:block;margin:0 auto}.automation-block{margin-bottom:1rem;animation:slideIn .3s ease;position:relative}.automation-block.draggable{cursor:move}.automation-block.dragging{opacity:.5;transform:scale(.95)}.automation-block.drag-over{border-top:3px solid var(--primary);padding-top:1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.block-trigger{background:linear-gradient(135deg,#ffa726,#ff9800);color:#fff;padding:1.5rem;border-radius:10px;position:relative;box-shadow:0 4px 15px #ff98004d}.block-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-weight:700;font-size:1.1rem}.block-header svg{flex-shrink:0}.block-content{margin-top:.75rem}.block-content input,.block-content textarea{width:100%;padding:.75rem;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#fffffff2;font-family:Open Sans,sans-serif;transition:all .3s}.block-content input:focus,.block-content textarea:focus{outline:none;background:#fff;border-color:#fff;box-shadow:0 0 0 3px #fff3}.block-content textarea{min-height:80px;resize:vertical}.block-wait{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:var(--dark);padding:1.5rem;border-radius:10px;border:2px solid var(--blue)}.wait-options{display:flex;gap:1rem;margin-top:.75rem}.wait-option{flex:1;padding:.75rem;background:#fff;border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .3s;text-align:center;font-weight:600}.wait-option.selected{background:var(--blue);color:#fff;border-color:var(--blue)}.wait-option:hover:not(.selected){border-color:var(--blue);transform:translateY(-2px)}.wait-input-group{display:flex;gap:.5rem;align-items:center;margin-top:.75rem}.wait-input-group input{flex:1;padding:.75rem;border:2px solid var(--border);border-radius:8px}.wait-input-group span{font-weight:600;color:var(--gray)}.block-email{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:var(--dark);padding:1.5rem;border-radius:10px;border:2px solid #9C27B0}.block-email input{width:100%;padding:.75rem;border:2px solid var(--border);border-radius:8px;margin-bottom:.75rem;background:#fff}.block-email textarea{width:100%;padding:.75rem;border:2px solid var(--border);border-radius:8px;min-height:100px;resize:vertical;background:#fff}.block-action{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:var(--dark);padding:1.5rem;border-radius:10px;border:2px solid var(--green)}.block-action textarea{width:100%;padding:.75rem;border:2px solid var(--border);border-radius:8px;min-height:100px;resize:vertical;background:#fff}.block-condition{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:var(--dark);padding:1.5rem;border-radius:10px;border:2px solid var(--orange)}.condition-branches{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.branch{background:#fff;padding:1rem;border-radius:8px;border:2px solid var(--border)}.branch-yes{border-color:var(--green)}.branch-no{border-color:var(--red)}.branch-header{display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;margin-bottom:.75rem;padding:.5rem;border-radius:6px}.branch-yes .branch-header{background:#4caf501a;color:var(--green)}.branch-no .branch-header{background:#f443361a;color:var(--red)}.branch-content{min-height:50px}.block-end{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:var(--dark);padding:1.5rem;border-radius:10px;border:2px solid var(--red);text-align:center;font-weight:700}.add-button{display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin:1rem auto;background:var(--primary);color:#fff;border:none;border-radius:50%;font-size:2rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #4caf504d}.add-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #4caf5066}.add-button:active{transform:scale(.95)}.connector{width:3px;height:30px;background:linear-gradient(to bottom,var(--gray) 0%,var(--gray) 50%,transparent 50%,transparent 100%);background-size:100% 10px;margin:0 auto;opacity:.5}.author-section{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 10px 25px #0000001a;display:flex;align-items:center;gap:1rem}.author-section label{font-weight:600;color:var(--gray);white-space:nowrap}.author-input{flex:1;padding:.75rem;border:2px solid var(--border);border-radius:8px;font-family:Open Sans,sans-serif;transition:all .3s}.author-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4caf501a}.save-indicator{position:fixed;bottom:2rem;right:2rem;background:var(--green);color:#fff;padding:.75rem 1.25rem;border-radius:50px;display:flex;align-items:center;gap:.5rem;font-weight:600;box-shadow:0 4px 15px #4caf504d;opacity:0;transform:translateY(20px);transition:all .3s;pointer-events:none}.save-indicator.show{opacity:1;transform:translateY(0)}.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal.active{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;padding:2rem;border-radius:20px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;position:relative;animation:modalSlide .3s ease}@keyframes modalSlide{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--gray);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.modal-close:hover{background:var(--border);color:var(--dark)}.modal-content h3{font-family:Montserrat,sans-serif;font-size:1.5rem;margin-bottom:1.5rem;color:var(--dark)}.action-choices{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.action-choice{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--light);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .3s;font-weight:600;color:var(--dark)}.action-choice:hover{border-color:var(--primary);background:#fff;transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.action-choice svg{stroke:var(--primary)}.delete-button{position:absolute;top:.5rem;right:.5rem;background:#f443361a;color:var(--red);border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s}.automation-block:hover .delete-button{opacity:1}.delete-button:hover{background:var(--red);color:#fff}@media (max-width: 768px){.condition-branches,.action-choices{grid-template-columns:1fr}.wait-options,.toolbar{flex-direction:column}.btn-export,.btn-export-html,.btn-reset,.btn-back{width:100%;justify-content:center}.author-section{flex-direction:column;align-items:flex-start}}@media print{body{background:#fff}.header,.toolbar,.add-button,.delete-button,.save-indicator{display:none!important}.automation-canvas{box-shadow:none;border:1px solid var(--border)}}.empty-state{text-align:center;padding:3rem;color:var(--gray)}.empty-state svg{width:64px;height:64px;margin-bottom:1rem;opacity:.3}.empty-state h3{font-family:Montserrat,sans-serif;font-size:1.25rem;margin-bottom:.5rem}.empty-state p{font-size:.9rem}.email-popup{position:fixed;background:#fff;border:2px solid #9C27B0;border-radius:12px;padding:1.5rem;box-shadow:0 10px 40px #0000004d;z-index:2000;max-width:400px;min-width:300px;opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.email-popup.show{opacity:1;transform:translateY(0)}.email-popup-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #F3E5F5}.email-popup-icon{color:#9c27b0;font-size:1.25rem}.email-popup-title{font-weight:700;font-size:1.1rem;color:#9c27b0}.email-popup-subject{margin-bottom:1rem}.email-popup-label{font-weight:600;font-size:.85rem;color:var(--gray);text-transform:uppercase;margin-bottom:.25rem}.email-popup-text{font-size:.95rem;color:var(--dark);line-height:1.5}.email-popup-content{background:#f3e5f5;padding:.75rem;border-radius:8px}.email-popup-content .email-popup-text{white-space:pre-wrap;max-height:200px;overflow-y:auto}