:root{--color-primary: #40e0d0;--color-primary-hover: #30d5c8;--color-primary-light: #e0f7f5;--color-secondary: #6b7280;--color-secondary-hover: #4b5563;--color-success: #22c55e;--color-success-hover: #16a34a;--color-success-light: #dcfce7;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-light: #fef3c7;--color-error: #ef4444;--color-error-hover: #dc2626;--color-error-light: #fee2e2;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #f9fafb;--text-primary: #1f2937;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-muted: #9ca3af;--border-color: #e5e7eb;--border-color-hover: #d1d5db;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-xs: 12px;--font-sm: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 30px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-tooltip: 1100}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5}#app{min-height:100vh}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}table{border-collapse:collapse}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px 24px;border:none;border-radius:var(--radius-md);font-size:var(--font-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-success);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-success-hover)}.btn-secondary{background-color:var(--color-gray-100);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-200)}.btn-success{background-color:var(--color-success);color:var(--color-white)}.btn-success:hover:not(:disabled){background-color:var(--color-success-hover)}.btn-warning{background-color:var(--color-warning);color:var(--color-white)}.btn-warning:hover:not(:disabled){background-color:var(--color-warning-hover)}.btn-danger{background-color:var(--color-error);color:var(--color-white)}.btn-danger:hover:not(:disabled){background-color:var(--color-error-hover)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-gray-100)}.btn-link{background:none;color:var(--color-primary);padding:0}.btn-link:hover:not(:disabled){text-decoration:underline}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md);background-color:var(--color-white);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-icon:hover:not(:disabled){background-color:var(--color-gray-50)}.btn-sm{padding:8px 16px;font-size:var(--font-sm)}.btn-lg{padding:16px 32px;font-size:var(--font-lg)}.btn-cancel{padding:10px 20px;border:1px solid #d1d5db;background:#fff;border-radius:6px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.btn-add{background:#86efac;color:#166534}.btn-add:hover:not(:disabled){background:#4ade80}.btn-delete{padding:10px 20px;border:none;background:#ef4444;color:#fff;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-delete:hover:not(:disabled){background:#dc2626}.btn-delete:disabled{opacity:.6;cursor:not-allowed}.btn-convert{background:#86efac;color:#166534}.btn-convert:hover:not(:disabled){background:#4ade80}.input{width:100%;padding:12px;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-md);color:var(--text-primary);background-color:var(--color-white);transition:border-color var(--transition-normal)}.input:focus{outline:none;border-color:var(--color-primary)}.input:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.input::placeholder{color:var(--text-muted)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:12px;color:var(--text-muted)}.input-with-icon .input{padding-left:40px}.input-sm{padding:8px 12px;font-size:var(--font-sm)}.input-lg{padding:16px;font-size:var(--font-lg)}textarea.input{min-height:100px;resize:vertical}.select{width:100%;padding:12px;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-md);color:var(--text-primary);background-color:var(--color-white);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%236b7280' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.select:focus{outline:none;border-color:var(--color-primary)}.checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.radio{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.radio input[type=radio]{width:18px;height:18px;cursor:pointer}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.form-group label{font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.search-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.search-bar svg,.search-icon{color:#9ca3af;flex-shrink:0}.form-input{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background:#fff;transition:border-color .2s}.form-input:focus{outline:none;border-color:#166534}.form-input::placeholder{color:#9ca3af}.input-with-icon-wrapper{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff}.input-with-icon-wrapper svg{flex-shrink:0;color:#9ca3af}.input-with-icon-wrapper input{flex:1;border:none;outline:none;font-size:14px;background:transparent}.input-with-icon-wrapper input::placeholder{color:#9ca3af}.value-input-group,.value-input-row{display:flex;gap:8px}.value-input{flex:1}.currency-dropdown{display:flex;align-items:center;gap:6px;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;position:relative;min-width:70px}.currency-dropdown:hover{border-color:#9ca3af}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden}.dropdown-menu button{width:100%;padding:10px 14px;border:none;background:transparent;text-align:left;cursor:pointer;font-size:14px}.dropdown-menu button:hover{background:#f3f4f6}.menu-item{width:100%;padding:12px 16px;background:transparent;border:none;text-align:left;font-size:14px;color:#1f2937;cursor:pointer;transition:background .2s}.menu-item:hover{background:#f3f4f6}.menu-item.danger{color:#ef4444}.menu-item.danger:hover{background:#fef2f2}.add-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:180px;z-index:100;overflow:hidden}.add-dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:12px 16px;border:none;background:transparent;font-size:14px;color:#1f2937;cursor:pointer;text-align:left}.add-dropdown-item:hover{background:#f3f4f6}.add-dropdown-item svg{color:#6b7280}.member-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:10;overflow:hidden}.doc-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:200px;z-index:100;padding:8px 0;margin-top:4px}.doc-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border:none;background:none;cursor:pointer;font-size:14px;color:#1f2937;text-align:left;transition:background .15s}.doc-dropdown-item:hover{background:#f3f4f6}.doc-dropdown-item svg{flex-shrink:0;color:#6b7280}.doc-dropdown-item.delete{color:#dc2626}.doc-dropdown-item.delete svg{color:#dc2626}.doc-dropdown-item.delete:hover{background:#fef2f2}.line-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:140px;z-index:100;padding:8px 0}.line-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;border:none;background:none;cursor:pointer;font-size:13px;color:#374151;text-align:left}.line-dropdown button:hover{background:#f3f4f6}.line-dropdown button:disabled{opacity:.4;cursor:not-allowed}.line-dropdown button.delete{color:#dc2626}.line-dropdown button.delete:hover{background:#fef2f2}.deal-more-menu-wrapper{position:relative}.deal-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:200px;z-index:100;padding:8px 0;border:1px solid #e5e7eb}.deal-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border:none;background:none;cursor:pointer;font-size:14px;color:#1f2937;text-align:left;transition:background .15s}.deal-dropdown-item:hover{background:#f3f4f6}.deal-dropdown-item svg{flex-shrink:0;color:#6b7280}.deal-dropdown-item.delete{color:#dc2626}.deal-dropdown-item.delete svg{color:#dc2626}.deal-dropdown-item.delete:hover{background:#fef2f2}.card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.card-title{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.card-body{flex:1}.card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg)}.modal-content{background:var(--color-white);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-body{padding:var(--spacing-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;z-index:var(--z-dropdown);padding:var(--spacing-sm) 0}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast)}.dropdown-item:hover{background:var(--color-gray-100)}.dropdown-divider{height:1px;background:var(--border-color);margin:var(--spacing-sm) 0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:0;max-width:500px;width:90%;box-shadow:0 10px 25px #0003;max-height:90vh;overflow-y:auto}.modal-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.close-btn{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:#6b7280;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-footer{padding:24px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-modal{background:#fff;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 10px 25px #0003}.delete-modal-header{margin-bottom:16px}.delete-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.delete-modal-body{margin-bottom:24px}.delete-modal-body p{margin:0 0 12px;color:#6b7280;font-size:14px}.delete-modal-body p:last-child{margin-bottom:0}.delete-warning{color:#ef4444!important;font-size:13px!important}.delete-modal-footer{display:flex;gap:12px;justify-content:flex-end}.convert-modal{max-width:450px}.lead-modal{max-width:600px}@media (max-width: 768px){.modal-overlay{z-index:2000;padding:48px 0 0;align-items:flex-start}.modal-content{width:100%;max-width:100%;max-height:calc(100vh - 48px);border-radius:16px 16px 0 0;margin:0}.modal-header{padding:16px;position:sticky;top:0;background:#fff;z-index:1}.modal-header h3{font-size:18px}.modal-body{padding:16px}.modal-footer{padding:16px;flex-direction:column-reverse;gap:8px;position:sticky;bottom:0;background:#fff;border-top:1px solid #e5e7eb}.modal-footer .btn{width:100%}.delete-modal-overlay{z-index:2000;padding:16px;align-items:center}.delete-modal{width:100%;max-width:100%;margin:0}.lead-modal,.convert-modal{max-width:100%}}@media (max-width: 480px){.modal-header{padding:12px}.modal-header h3{font-size:16px}.modal-body,.modal-footer{padding:12px}}.select-wrapper{position:relative;display:flex;align-items:center}.select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;cursor:pointer}.select-chevron,.dropdown-chevron{position:absolute;right:12px;pointer-events:none;color:#6b7280}.dropdown-chevron{right:10px}.rich-text-editor{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.toolbar-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#374151;cursor:pointer;border-radius:4px;font-size:14px;transition:all .2s}.font-size-display{font-size:12px;color:#6b7280;min-width:20px;text-align:center}.editor-content{width:100%;min-height:100px;padding:12px;border:none;outline:none;resize:vertical;font-size:14px;font-family:inherit;line-height:1.5}.editor-content::placeholder{color:#9ca3af}.checkbox-group{margin-top:8px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer}.checkbox-input{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.checkbox-input:checked+.checkbox-custom{background:#166534;border-color:#166534}.checkbox-input:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.checkbox-text{font-size:14px;color:#374151}.icon-select{position:relative}.select-icon-left{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#374151;pointer-events:none;z-index:1}.select-input.with-icon{padding-left:44px}.status-select{position:relative}.status-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#1f2937;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.status-btn:hover{background:#374151}.status-btn.status-create-quote{background:#1f2937;color:#fff}.status-btn.status-quote-sent{background:#f59e0b;color:#fff}.status-btn.status-orientation{background:#22c55e;color:#fff}.status-btn.status-callback{background:#fef3c7;color:#92400e}.status-btn.status-called{background:#e5e7eb;color:#374151}.status-btn.status-warm-lead{background:#ec4899;color:#fff}.status-btn.status-appointment{background:#8b5cf6;color:#fff}.status-btn.status-definitive{background:#ef4444;color:#fff}.status-btn.status-completed{background:#eab308;color:#fff}.status-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #00000026;min-width:220px;z-index:10;padding:8px}.status-option{width:100%;padding:8px 12px;background:transparent;border:none;text-align:left;font-size:14px;color:#374151;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:space-between;border-radius:6px}.status-option:hover{background:#f3f4f6}.status-pill{display:inline-block;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;background:#1f2937;color:#fff}.status-pill.orange{background:#f59e0b;color:#fff}.status-pill.green{background:#22c55e;color:#fff}.status-pill.yellow{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.status-pill.gray{background:#e5e7eb;color:#374151}.status-pill.pink{background:#ec4899;color:#fff}.status-pill.purple{background:#8b5cf6;color:#fff}.status-pill.red{background:#ef4444;color:#fff}.status-pill.gold{background:#eab308;color:#fff}.check-icon{color:#374151;flex-shrink:0}.dashboard-page,.leads-page,.deals-page,.automation-page{min-height:100vh;background:#f5f7fa;display:flex;flex-direction:column}.dashboard-layout,.leads-layout,.deals-layout,.automation-layout{display:flex;flex:1;overflow:hidden}.header-actions{display:flex;gap:8px}.action-icons{display:flex;gap:12px;margin-bottom:16px}.action-icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-icon-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#1f2937}.mobile-menu-btn{display:none;background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:6px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:8px;transition:background .2s}.mobile-menu-btn:hover{background:#ffffff4d}.mobile-menu-btn span{display:block;width:20px;height:2px;background:#fff;border-radius:2px;transition:all .3s}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-overlay{display:none;position:fixed;top:48px;left:0;right:0;bottom:0;background:#00000080;z-index:998;opacity:0;transition:opacity .3s ease}.mobile-overlay.active{display:block;opacity:1}@media (max-width: 768px){.top-bar{padding:8px 12px;height:48px;min-height:48px;position:fixed;top:0;left:0;right:0;z-index:1000;box-sizing:border-box}.top-bar .logo{display:flex;align-items:center;gap:12px}.mobile-menu-btn{display:flex}.top-bar-right{gap:8px}.language-selector{padding:4px 8px}.language-selector .lang-code{display:none}.mobile-overlay{display:none;top:48px;z-index:998}.mobile-overlay.active{display:block;opacity:1}.sidebar{position:fixed!important;left:-80px!important;top:48px!important;bottom:0!important;z-index:999!important;transition:left .3s ease;box-shadow:2px 0 8px #00000026;width:80px!important;background:#fff;visibility:hidden;pointer-events:none}.sidebar.mobile-open{left:0!important;visibility:visible;pointer-events:auto}.dashboard-layout,.leads-layout,.deals-layout,.automation-layout{margin-left:0!important;padding-left:0!important;width:100%!important}.dashboard-layout,.leads-layout,.deals-layout,.automation-layout{flex-direction:column;width:100%!important;overflow:visible!important;margin-top:48px!important;min-height:calc(100vh - 48px)!important;position:relative!important;display:flex!important}.dashboard-page,.leads-page,.deals-page,.automation-page{min-height:100vh!important;height:100vh!important;display:flex!important;flex-direction:column!important;overflow:visible!important;position:relative!important}.main-content{flex-direction:row!important;width:100%!important;position:relative!important;overflow:visible!important;min-height:calc(100vh - 48px)!important;height:calc(100vh - 48px)!important;display:flex!important;box-sizing:border-box!important;margin:0!important;padding:0!important;flex:1!important}.panel-header{padding:12px 16px;flex-wrap:wrap;gap:8px}.header-title h2{font-size:18px}.details-content{padding:16px}.details-section{margin-bottom:24px}.action-buttons{flex-direction:column}.action-btn-primary{width:100%}.tabs{padding:0 12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{padding:10px 12px;font-size:13px;white-space:nowrap}}.builder-canvas{background:#f8fafc;border-radius:16px;padding:32px;min-height:500px;transition:all .2s}.builder-canvas.drag-over{background:#f0fdfa;border:2px dashed #40e0d0;border-radius:16px}.empty-state{display:flex;align-items:center;justify-content:center;min-height:400px}.empty-state .field-item{display:flex;align-items:center;gap:12px;padding:16px 24px;border:2px dashed #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#fff;width:auto}.empty-state .field-item:hover{background:#f8fafc;border-color:#40e0d0}.empty-state .field-icon-wrapper{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f1f5f9}.empty-state .field-icon-wrapper.emoji-icon{background-color:#f1f5f9!important}.empty-state .field-icon-wrapper.emoji-icon .field-icon{color:#64748b;font-size:20px;font-weight:400}.empty-state .field-icon{font-size:16px;color:#64748b;font-weight:600;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.empty-state .field-name{font-weight:600;color:#475569;font-size:15px}.fields-container{display:flex;flex-direction:column;gap:12px;padding:16px;position:relative;overflow:visible}.field-wrapper{position:relative;border:1px solid #e2e8f0;border-radius:12px;padding:0 40px 0 0;margin-bottom:0;transition:all .2s ease;background:#fff;cursor:grab;overflow:visible;box-shadow:0 1px 3px #0000000a}.field-wrapper:last-child{border-bottom:1px solid #e2e8f0}.field-wrapper:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.field-wrapper:active,.field-wrapper.dragging{cursor:grabbing}.section-wrapper{border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;background:#fff;transition:all .2s;box-shadow:0 2px 8px #0000000a;overflow:visible}.section-wrapper.drag-over{background:#f0fdfa;border:2px dashed #40e0d0;border-radius:16px}.intro-text{padding:20px 24px;font-size:16px;font-weight:500;color:#475569;background:#f8fafc;margin-bottom:0;border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0}.section-header{padding:16px 20px;border-bottom:1px solid #f1f5f9;background:#fafbfc;display:flex;align-items:center;justify-content:space-between;border-radius:16px 16px 0 0}.section-title-row{display:flex;align-items:center;gap:10px;flex:1}.section-title-text{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;color:#334155}.section-header-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.section-control-btn{width:32px;height:32px;border:none;border-radius:8px;background:#fff;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;box-shadow:0 1px 2px #0000000d}.section-control-btn:hover:not(:disabled){background:#f1f5f9;color:#475569}.section-control-btn-delete{color:#f87171}.section-control-btn-delete:hover:not(:disabled){background:#fef2f2;color:#ef4444}.field-label-row{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#fff}.field-label{font-weight:600;font-size:15px;color:#334155;margin:0}.pencil-icon{font-size:14px;cursor:pointer;opacity:.7;transition:opacity .2s}.pencil-icon:hover{opacity:1}.required-badge{background:#f1f5f9;color:#64748b;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.field-image{width:100%;margin:0;overflow:hidden}.field-image img{width:100%;height:auto;display:block}.field-description{padding:12px 18px;color:#64748b;font-size:13px;line-height:1.5;background:#fafbfc}.field-content{padding:14px 18px;background:#fff}.section-navigation{display:flex;gap:12px;justify-content:flex-start;padding:16px 20px;border-top:1px solid #f1f5f9;background:#fafbfc;border-radius:0 0 16px 16px}.add-page-section-wrapper{margin-top:20px;margin-bottom:20px;display:flex;justify-content:center}.add-page-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 40px;border:2px dashed #e2e8f0;border-radius:16px;cursor:pointer;transition:all .2s ease;background:#fff;width:auto;text-align:center;margin:0 auto}.add-page-item:hover{border-color:#40e0d0;background:#f0fdfa}.add-page-item .field-icon-wrapper{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f1f5f9}.add-page-item .field-icon-wrapper.emoji-icon{background-color:#f1f5f9!important}.add-page-item .field-icon-wrapper.emoji-icon .field-icon{color:#64748b;font-size:18px;font-weight:400}.add-page-item .field-name{font-weight:600;color:#475569;font-size:14px}.field-navigation{display:flex;gap:12px;justify-content:flex-start;padding:14px 18px;border-top:1px solid #f1f5f9;background:#fafbfc;border-radius:0 0 12px 12px}.nav-btn{padding:12px 24px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;background:#1e293b;color:#fff;font-size:14px}.nav-btn:hover{background:#334155;transform:translateY(-1px)}.nav-btn-back{padding:12px 16px;min-width:48px;background:#fff;color:#475569;border:1px solid #e2e8f0}.nav-btn-back:hover{background:#f8fafc;border-color:#cbd5e1}.nav-btn-next{flex:1;max-width:200px}.field-controls{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:3px;z-index:100;opacity:1;transition:all .2s;pointer-events:auto;visibility:visible}.control-btn{width:28px;height:28px;border:none;border-radius:6px;background:#fff;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 6px #0000001f;flex-shrink:0}.control-btn:hover{background:#f8fafc;color:#475569;transform:scale(1.05)}.control-btn-delete{color:#ef4444!important;background:#fee2e2!important;border:2px solid #fca5a5!important}.control-btn-delete:hover{background:#fecaca!important;color:#dc2626!important;border-color:#ef4444!important}.control-btn svg{width:14px;height:14px}.ghost-field{opacity:.5;background:#f0fdfa;border-color:#40e0d0}.chosen-field{opacity:.9}.dragging-field{opacity:.5;transform:rotate(1deg);box-shadow:0 8px 24px #00000026}@media (max-width: 768px){.builder-canvas{padding:16px;min-height:300px;width:100%!important;max-width:100%!important;box-sizing:border-box;overflow-x:visible;overflow-y:visible;display:block;position:relative;margin:0}.empty-state{min-height:200px}.empty-state .field-item{padding:12px 16px}.fields-container{padding:12px;gap:8px}.field-wrapper{padding-right:50px}.section-wrapper{margin-bottom:16px}.intro-text{padding:16px;font-size:14px}.section-header{padding:12px 16px;flex-wrap:wrap;gap:8px}.section-title-text{font-size:14px}.section-control-btn{width:28px;height:28px}.field-label-row{padding:12px 16px}.field-label{font-size:14px}.field-content{padding:12px 16px}.field-description{padding:10px 16px;font-size:12px}.section-navigation,.field-navigation{padding:12px 16px;flex-direction:column}.nav-btn{width:100%;max-width:none}.nav-btn-back{order:2}.nav-btn-next{order:1;max-width:none}.field-controls{right:2px;gap:2px}.control-btn{width:24px;height:24px}.add-page-item{padding:16px 24px}}@media (max-width: 480px){.builder-canvas{padding:12px}.section-header,.field-label-row,.field-content{padding:10px 12px}}.field-palette{background:#fff;border-radius:0;padding:20px;height:fit-content;box-shadow:none;display:flex;flex-direction:column;min-height:100%}.fields-categories{display:flex;flex-direction:column;gap:24px;flex:1}.category{display:flex;flex-direction:column;gap:12px}.category-header{font-size:14px;font-weight:600;color:#1f2937;margin:0;text-transform:uppercase;letter-spacing:.5px}.category-fields{display:flex;flex-direction:column;gap:8px}.field-item{display:flex;align-items:center;gap:12px;padding:12px;border:none;border-radius:8px;cursor:grab;transition:all .2s ease;background:#fff}.field-item:hover{background:#f9fafb}.field-item:active{cursor:grabbing}.field-icon-wrapper{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.field-icon{font-size:14px;color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.field-icon-wrapper.emoji-icon{background-color:transparent!important}.field-icon-wrapper.emoji-icon .field-icon{color:#374151;font-size:20px;font-weight:400}.field-name{font-weight:500;color:#374151;font-size:14px}.field-palette.drag-over{background:#fef2f2;border:2px dashed #ef4444}.drop-zone-indicator{margin-bottom:16px;padding:16px;border:2px dashed #ef4444;border-radius:8px;background:#fef2f2;text-align:center;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.drop-zone-indicator p{margin:0;color:#dc2626;font-weight:500;font-size:14px}.drag-over-list{opacity:.7}.add-page-section{margin-top:auto;padding-top:24px;border-top:1px solid #e5e7eb;position:sticky;bottom:0;background:#fff;z-index:10}.add-page-item{width:100%;border:none;background:#fff;cursor:pointer;text-align:left;padding:12px;display:flex;align-items:center;gap:12px}.add-page-item:hover{background:#f9fafb}.style-panel{background:#fff;border-radius:12px;padding:20px;height:calc(100vh - 120px);overflow-y:auto;box-shadow:0 1px 3px #0000001a}.panel-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e5e7eb}.tab-btn{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-weight:500;color:#6b7280;transition:all .2s;margin-bottom:-2px}.tab-btn:hover{color:#40e0d0}.tab-btn.active{color:#40e0d0;border-bottom-color:#40e0d0}.tab-content{padding-top:8px}.style-group{margin-bottom:24px}.style-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.size-buttons,.corner-buttons,.border-buttons{display:flex;gap:8px}.size-btn,.corner-btn,.border-btn{flex:1;padding:10px;border:2px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:14px}.size-btn:hover,.corner-btn:hover,.border-btn:hover{border-color:#40e0d0}.size-btn.active,.corner-btn.active,.border-btn.active{border-color:#40e0d0;background:#eef2ff}.corner-square{width:20px;height:20px;background:#374151;border-radius:0}.corner-rounded{width:20px;height:20px;background:#374151;border-radius:4px}.corner-circle{width:20px;height:20px;background:#374151;border-radius:50%}.border-none:before{content:"⊘";font-size:20px}.border-thin:before{content:"─";font-size:20px}.border-thick:before{content:"━";font-size:20px}.color-input{display:flex;gap:8px;align-items:center}.color-picker{width:40px;height:40px;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer}.collapse-btn{width:100%;padding:10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;text-align:left;font-weight:500;color:#374151}.css-input{margin-top:8px;min-height:120px;font-family:monospace;font-size:12px}.form-sections{display:flex;flex-direction:column;gap:8px}.section-item{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.section-icon{font-size:20px}.section-name{flex:1;font-weight:500;color:#374151}.section-menu{background:none;border:none;font-size:20px;cursor:pointer;color:#9ca3af}.add-section-btn{padding:12px;border:2px dashed #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;color:#40e0d0;font-weight:500;display:flex;align-items:center;gap:8px}.placeholder-text{color:#9ca3af;text-align:center;padding:40px 20px}.top-bar{height:56px;background:#fff;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100}.top-bar-left{display:flex;align-items:center;gap:16px}.top-bar-center{flex:1;display:flex;justify-content:center}.top-bar-right{display:flex;align-items:center;gap:16px}.logo{display:flex;align-items:center}.logo-square{width:32px;height:32px;background:linear-gradient(135deg,#40e0d0,#30d5c8);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:14px}.sidebar{width:60px;background:#fff;border-right:1px solid var(--border-color, #e5e7eb);display:flex;flex-direction:column;align-items:center;padding:16px 0;height:100vh;position:sticky;top:0}.logo-square{width:36px;height:36px;background:linear-gradient(135deg,#40e0d0,#30d5c8);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:18px}.sidebar-nav{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.sidebar-footer{margin-top:auto;padding-top:16px}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-modal{background:#fff;border-radius:12px;padding:0;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.confirm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.confirm-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.close-btn{background:transparent;border:none;font-size:28px;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;line-height:1}.close-btn:hover{background:#f3f4f6;color:#6b7280}.confirm-modal-body{padding:24px}.confirm-modal-body p{margin:0 0 12px;color:#374151;font-size:14px;line-height:1.6}.confirm-modal-body p:last-child{margin-bottom:0}.confirm-warning{color:#ef4444!important;font-weight:500}.confirm-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:24px;border-top:1px solid #e5e7eb}.btn-cancel,.btn-confirm{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.btn-confirm{background:#166534;color:#fff}.btn-confirm:hover:not(:disabled){background:#15803d}.btn-confirm.danger{background:#ef4444}.btn-confirm.danger:hover:not(:disabled){background:#dc2626}.btn-confirm:disabled{opacity:.6;cursor:not-allowed}.modal-enter-active{transition:all .3s ease-out}.modal-leave-active{transition:all .3s ease-in}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .confirm-modal,.modal-leave-to .confirm-modal{transform:scale(.95) translateY(-10px)}.modal-enter-to .confirm-modal,.modal-leave-from .confirm-modal{transform:scale(1) translateY(0)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#1f2937;color:#fff;padding:20px 24px;z-index:1000;box-shadow:0 -4px 12px #00000026}.cookie-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.cookie-text{flex:1}.cookie-text h4{margin:0 0 8px;font-size:18px;font-weight:600}.cookie-text p{margin:0;font-size:14px;color:#d1d5db;line-height:1.5}.cookie-link{color:#40e0d0;text-decoration:underline}.cookie-link:hover{color:#30d5c8}.cookie-actions{display:flex;gap:12px;flex-shrink:0}.btn-customize,.btn-reject,.btn-accept{padding:10px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.btn-customize{background:transparent;color:#fff;border:1px solid #4b5563}.btn-customize:hover{background:#374151}.btn-reject{background:transparent;color:#fff;border:1px solid #4b5563}.btn-reject:hover{background:#374151}.btn-accept{background:#40e0d0;color:#fff}.btn-accept:hover{background:#30d5c8}@media (max-width: 768px){.cookie-content{flex-direction:column;align-items:flex-start}.cookie-actions{width:100%;flex-direction:column}.btn-customize,.btn-reject,.btn-accept{width:100%}}.template-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.template-selector-modal{background:#fff;border-radius:16px;width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.header-left{flex:1}.language-selector{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background-color .2s;position:relative}.language-selector:hover{background-color:#f3f4f6}.flag{font-size:20px}.lang-code{font-size:14px;font-weight:500;color:#374151}.language-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:1000;overflow:hidden;border:1px solid #e5e7eb}.lang-name{font-size:14px;color:#374151}.header-center{flex:2;display:flex;justify-content:center}.search-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;width:100%;max-width:400px}.search-icon{font-size:16px;color:#9ca3af}.search-input{flex:1;border:none;outline:none;background:transparent;font-size:11px;color:#1f2937}.header-right{flex:1;display:flex;justify-content:flex-end}.close-btn{background:transparent;border:none;font-size:32px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;line-height:1;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:#1f2937}.modal-content{flex:1;overflow-y:auto;padding:32px 24px}.section{margin-bottom:48px}.section:last-child{margin-bottom:0}.section-question,.section-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 24px}.cards-container{position:relative;display:flex;align-items:center;gap:12px}.scroll-indicator{font-size:24px;color:#9ca3af;cursor:pointer;padding:8px;-webkit-user-select:none;user-select:none;flex-shrink:0}.scroll-indicator:hover{color:#1f2937}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;flex:1;overflow-x:auto;scroll-behavior:smooth}.template-card{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.template-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.card-image{position:relative;width:100%;height:200px;overflow:hidden;background:#f3f4f6}.card-image img{width:100%;height:100%;object-fit:cover}.flag-badge{position:absolute;top:8px;left:8px;font-size:20px;background:#ffffffe6;padding:4px 8px;border-radius:4px}.lock-icon{position:absolute;bottom:8px;right:8px;font-size:20px;background:#000000b3;color:#fff;padding:6px;border-radius:4px}.card-info{padding:16px}.card-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 12px}.card-stats{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#6b7280}.create-form-card{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px dashed #10b981;min-height:200px;display:flex;align-items:center;justify-content:center}.create-form-overlay{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.create-form-content{display:flex;align-items:center;gap:16px;width:100%}.create-form-icon{font-size:48px;color:#10b981;flex-shrink:0}.create-form-text{flex:1}.create-form-title{font-size:16px;font-weight:600;color:#065f46;margin:0 0 4px}.create-form-subtitle{font-size:14px;color:#047857;margin:0}@media (max-width: 768px){.template-selector-overlay{z-index:2000;padding:48px 0 0;align-items:flex-start}.template-selector-modal{width:100%;max-width:100%;max-height:calc(100vh - 48px);border-radius:16px 16px 0 0;margin:0}.modal-header{padding:12px 16px;flex-wrap:wrap;gap:8px}.header-left{flex:0 0 auto}.header-center{flex:1 1 100%;order:3;margin-top:8px}.header-right{flex:0 0 auto}.search-bar{max-width:100%}.modal-content{padding:16px;overflow-y:auto}.section{margin-bottom:32px}.section-question,.section-title{font-size:18px;margin-bottom:16px}.cards-container{flex-direction:column;gap:8px}.scroll-indicator{display:none}.cards-grid{grid-template-columns:1fr;gap:16px;overflow-x:visible}.card-image{height:150px}.create-form-content{flex-direction:column;text-align:center;gap:12px}.create-form-icon{font-size:36px}.create-form-title{font-size:14px}.create-form-subtitle{font-size:12px}}@media (max-width: 480px){.template-selector-modal{max-height:calc(100vh - 48px)}.modal-header{padding:10px 12px}.modal-content{padding:12px}.section-question,.section-title{font-size:16px}.cards-grid{gap:12px}.card-image{height:120px}}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:600;overflow:hidden}.avatar-clickable{cursor:pointer}.avatar-clickable:hover{opacity:.9}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:24px;height:24px;font-size:10px}.avatar-md{width:32px;height:32px;font-size:12px}.avatar-lg{width:40px;height:40px;font-size:14px}.avatar-xl{width:48px;height:48px;font-size:16px}.modal-content{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:24px;color:#1f2937}.modal-body{padding:24px}.settings-section{margin-bottom:32px}.settings-section h3{margin:0 0 16px;font-size:18px;color:#1f2937}.pixel-buttons{display:flex;gap:12px}.pixel-btn{flex:1;padding:12px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;transition:all .2s}.pixel-btn.facebook{color:#1877f2;border-color:#1877f2}.pixel-btn.google{color:#4285f4;border-color:#4285f4}.pixel-btn.tiktok{color:#000;border-color:#000}.pixel-btn:hover{background:#f9fafb}.pixel-icon{font-size:20px;font-weight:700}.language-flags{display:flex;gap:8px;margin-bottom:16px}.flag-btn{padding:8px 12px;border:2px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;font-size:24px;transition:all .2s}.flag-btn:hover{border-color:#40e0d0}.flag-btn.active{border-color:#40e0d0;background:#eef2ff}.toggle-group{display:flex;flex-direction:column;gap:16px}.toggle-item{display:flex;justify-content:space-between;align-items:center}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#40e0d0}input:checked+.slider:before{transform:translate(26px)}.input-group{margin-top:16px}.input-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.domain-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.domain-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb;transition:all .2s}.domain-item.main-domain{border-color:#40e0d0;background:#eef2ff}.domain-item.test-domain{border-color:#fbbf24;background:#fffbeb}.domain-info{display:flex;align-items:center;gap:8px;flex:1}.domain-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;background:#40e0d0;color:#fff}.domain-badge.test{background:#fbbf24;color:#78350f}.domain-url{font-family:monospace;font-size:14px;color:#374151}.domain-actions{display:flex;align-items:center;gap:8px}.set-main-btn{padding:4px 12px;background:#40e0d0;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.set-main-btn:hover{background:#30d5c8}.delete-domain-btn{background:#ef4444;color:#fff;border:none;border-radius:4px;width:24px;height:24px;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s}.delete-domain-btn:hover{background:#dc2626}.domain-menu{background:none;border:none;font-size:20px;cursor:pointer;color:#9ca3af;padding:4px 8px;border-radius:4px;transition:background .2s}.domain-menu:hover:not(:disabled){background:#e5e7eb}.domain-menu:disabled{opacity:.5;cursor:not-allowed}.domain-help{margin-top:12px;padding:12px;background:#f0f9ff;border-radius:6px;font-size:12px;color:#0369a1}.domain-help p{margin:4px 0}.add-domain-btn{width:100%;padding:12px;border:2px dashed #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;color:#40e0d0;font-weight:500}.add-domain-btn:hover{border-color:#40e0d0;background:#f0fdfa}.info-text{color:#6b7280;font-size:14px;margin-bottom:16px;line-height:1.6}.cookie-examples{display:flex;gap:16px;margin-bottom:16px}.cookie-example{flex:1;text-align:center}.example-bar,.example-popup,.example-popup-close{height:60px;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;margin-bottom:8px;position:relative}.example-popup{height:100px}.example-popup-close:after{content:"×";position:absolute;top:8px;right:8px;color:#9ca3af}.cookie-example span{font-size:12px;color:#6b7280}.embed-section{margin-bottom:24px}.embed-section label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.embed-code{width:100%;min-height:120px;padding:12px;border:1px solid #e5e7eb;border-radius:6px;font-family:monospace;font-size:12px;background:#f9fafb;resize:vertical;margin-bottom:8px}.copy-btn{padding:8px 16px;background:#40e0d0;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.copy-btn:hover{background:#30d5c8}.publish-actions{display:flex;gap:12px}.domain-input-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.domain-input-modal{background:#1f2937;border-radius:12px;max-width:500px;width:100%;box-shadow:0 20px 60px #00000080;overflow:hidden}.domain-input-modal-header{padding:20px 24px;border-bottom:1px solid #374151}.domain-input-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.domain-input-modal-body{padding:24px}.domain-input-prompt{margin:0 0 16px;color:#d1d5db;font-size:14px;line-height:1.5}.domain-input-field{width:100%;padding:12px 16px;border:2px solid #3b82f6;border-radius:6px;background:#111827;color:#fff;font-size:14px;outline:none;transition:border-color .2s}.domain-input-field:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61a}.domain-input-field::placeholder{color:#6b7280}.domain-input-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #374151;background:#111827}.domain-input-modal-footer .btn-cancel{padding:10px 20px;background:#374151;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.domain-input-modal-footer .btn-cancel:hover{background:#4b5563}.domain-input-modal-footer .btn-ok{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.domain-input-modal-footer .btn-ok:hover:not(:disabled){background:#2563eb}.domain-input-modal-footer .btn-ok:disabled{opacity:.5;cursor:not-allowed}.toast{position:fixed;bottom:24px;right:24px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;padding:16px 20px;display:flex;align-items:center;gap:12px;min-width:300px;max-width:400px;z-index:10000;border-left:4px solid}.toast.success{border-left-color:#10b981}.toast.error{border-left-color:#ef4444}.toast.info{border-left-color:#3b82f6}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast.success .toast-icon{color:#10b981}.toast.error .toast-icon{color:#ef4444}.toast.info .toast-icon{color:#3b82f6}.toast-message{flex:1;font-size:14px;color:#1f2937;font-weight:500}.toast-close{flex-shrink:0;background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.toast-close:hover{background:#f3f4f6;color:#6b7280}.toast-enter-active{transition:all .3s ease-out}.toast-leave-active{transition:all .3s ease-in}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(100%)}.sections-list{display:flex;flex-direction:column;gap:8px}.section-item{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff;position:relative}.section-item:active{cursor:grabbing}.section-drag-handle{cursor:grab;color:#9ca3af;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .2s;flex-shrink:0}.section-drag-handle:hover{background:#f3f4f6;color:#40e0d0}.section-drag-handle:active{cursor:grabbing}.section-drag-handle svg{display:block}.section-icon{font-size:18px;flex-shrink:0}.section-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.section-control-btn{width:28px;height:28px;border:none;border-radius:4px;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.section-control-btn:hover:not(:disabled){background:#e5e7eb;color:#374151}.section-control-btn:disabled{opacity:.4;cursor:not-allowed}.section-control-btn-delete{color:#ef4444}.section-control-btn-delete:hover:not(:disabled){background:#fef2f2;color:#dc2626}.section-control-btn svg{width:14px;height:14px}.add-section-btn{width:100%;padding:12px;border:2px dashed #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;color:#40e0d0;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;transition:all .2s}.ghost-section{opacity:.5;background:#eef2ff}.chosen-section{opacity:.8}.field-preview{width:100%}.upload-status{padding:8px;background-color:#f0f9ff;border-radius:4px;color:#0369a1}.error-message{padding:8px;background-color:#fef2f2;border-radius:4px;color:#dc2626;font-size:14px}.upload-success{padding:8px;background-color:#f0fdf4;border-radius:4px;color:#16a34a;font-size:14px;display:flex;align-items:center;gap:8px}.file-link{color:#40e0d0;text-decoration:underline;margin-left:8px}.file-link:hover{color:#30d5c8}.file-info{padding:8px;background-color:#f9fafb;border-radius:4px;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.btn-upload{padding:6px 12px;background-color:#40e0d0;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.btn-upload:hover{background-color:#30d5c8}.btn-upload:disabled{background-color:#9ca3af;cursor:not-allowed}.percentage-input{display:flex;align-items:center;gap:8px}.percentage-symbol{font-weight:600;color:#6b7280}.currency-input{display:flex;align-items:center;gap:8px}.currency-symbol{font-weight:600;color:#6b7280}.field{display:flex;flex-direction:column;gap:12px}.color-picker-container{display:flex;align-items:center;gap:12px}.color-input{width:60px;height:40px;border:2px solid #e5e7eb;border-radius:4px;cursor:pointer}.color-value{font-size:14px;color:#374151;font-family:monospace}.field,.slider-field{display:flex;flex-direction:column;gap:12px}.slider-container{display:flex;flex-direction:column;gap:8px}.slider{width:100%;height:8px;border-radius:4px;background:#e5e7eb;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#000d5e;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#000d5e;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.slider-labels{display:flex;justify-content:space-between;font-size:12px;color:#6b7280}.slider-value{display:flex;justify-content:flex-end}.value-input{padding:8px 12px;border:1px solid #e5e7eb;border-radius:4px;font-size:14px;width:120px;text-align:center;background:#fff;color:#374151}.number-input-field{width:100%}.video-field{width:100%}.video-container{width:100%;display:flex;flex-direction:column;gap:8px}.field-video{width:100%;height:auto;border-radius:8px;display:block;max-height:500px;background:#000}.field-video-embed{width:100%;aspect-ratio:16 / 9;border-radius:8px;border:none}.video-caption{font-size:14px;color:#6b7280;text-align:center;font-style:italic}.video-placeholder{width:100%;min-height:200px;border:2px dashed #d1d5db;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#f9fafb;color:#6b7280}.placeholder-actions{display:flex;gap:8px;margin-top:12px;justify-content:center}.video-actions{display:flex;gap:8px;margin-top:12px;justify-content:center;flex-wrap:wrap}.btn-upload,.btn-url,.btn-remove,.btn-save,.btn-cancel{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-url{background-color:#6366f1;color:#fff}.btn-url:hover{background-color:#4f46e5}.btn-save{background-color:#10b981;color:#fff}.btn-save:hover{background-color:#059669}.btn-cancel{background-color:#6b7280;color:#fff}.btn-cancel:hover{background-color:#4b5563}.url-input-container{margin-top:12px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.url-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;margin-bottom:8px}.url-input:focus{outline:none;border-color:#40e0d0;box-shadow:0 0 0 3px #40e0d01a}.url-actions{display:flex;gap:8px;justify-content:flex-end}.field,.radio-group{display:flex;flex-direction:column;gap:12px}.radio-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;color:#374151;padding:12px;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s}.radio-label:hover{border-color:#000d5e;background:#f9fafb}.radio-label input[type=radio]{width:20px;height:20px;cursor:pointer;margin-top:2px;flex-shrink:0}.radio-label input[type=radio]:checked+.radio-content{color:#000d5e;font-weight:500}.radio-label:has(input[type=radio]:checked){border-color:#000d5e;background:#f0f4ff}.radio-content{display:flex;flex-direction:column;gap:8px;flex:1}.radio-image{width:100%;max-width:200px;height:auto;border-radius:4px;object-fit:cover}.radio-text{font-size:14px;line-height:1.5}.radio-label.has-image .radio-content{flex-direction:row;align-items:center;gap:16px}.radio-label.has-image .radio-image{max-width:120px;max-height:120px}.image-field{width:100%}.image-container{width:100%;display:flex;flex-direction:column;gap:8px}.field-image{width:100%;height:auto;border-radius:8px;display:block;object-fit:cover;max-height:500px}.image-caption{font-size:14px;color:#6b7280;text-align:center;font-style:italic}.image-placeholder{width:100%;min-height:200px;border:2px dashed #d1d5db;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#f9fafb;color:#6b7280}.placeholder-icon{font-size:48px}.placeholder-text{font-size:14px}.image-actions{display:flex;gap:8px;margin-top:12px;justify-content:center}.btn-upload,.btn-remove{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-upload{background-color:#40e0d0;color:#fff}.btn-upload:hover{background-color:#2dd4bf}.btn-remove{background-color:#ef4444;color:#fff}.btn-remove:hover{background-color:#dc2626}.file-input-hidden{display:none}.upload-status{padding:8px;background-color:#f0f9ff;border-radius:4px;color:#0369a1;text-align:center;margin-top:8px}.upload-progress{font-size:14px}.error-message{padding:8px;background-color:#fef2f2;border-radius:4px;color:#dc2626;font-size:14px;text-align:center;margin-top:8px}textarea.input{resize:vertical;font-family:inherit}.input{width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:4px;font-size:14px;color:#374151}.input:focus{outline:none;border-color:#000d5e}.field label{font-weight:500;color:#374151}.field{display:flex;flex-direction:column;gap:8px}.checkbox-group-label{font-weight:600;color:#374151;margin-bottom:4px}.checkbox-group{display:flex;flex-direction:column;gap:8px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#374151}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.forms-list-panel{width:400px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.forms-list{flex:1;overflow-y:auto;padding:8px 0}.form-item{padding:12px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .2s;border-left:3px solid transparent}.form-item:hover{background:#f9fafb}.form-item.active{background:#f0fdf4;border-left-color:#166534}.form-item-avatar{width:40px;height:40px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.form-item-content{flex:1;min-width:0}.form-item-name{font-size:14px;font-weight:500;color:#1f2937;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-item-meta{font-size:12px;color:#9ca3af}.form-item-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.form-item:hover .form-item-actions{opacity:1}.form-details-panel{flex:1;background:#fff;display:flex;flex-direction:column;overflow:hidden}.form-details-panel .panel-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.form-details-title{margin:0;font-size:20px;font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.main-content{width:100%!important;display:flex!important;flex-direction:row!important;position:relative!important;overflow:visible!important;min-height:calc(100vh - 48px)!important;height:calc(100vh - 48px)!important;box-sizing:border-box!important;margin-left:0!important;margin-top:0!important}.forms-list-panel{width:100%!important;position:relative!important;top:0!important;left:0!important;bottom:auto!important;z-index:1!important;transform:translate(0)!important;transition:transform .3s ease;max-width:100%!important;max-height:calc(100vh - 48px)!important;height:calc(100vh - 48px)!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;background:#fff!important;visibility:visible!important;opacity:1!important}.forms-list-panel.mobile-hidden{transform:translate(-100%);position:fixed;top:48px;bottom:0;z-index:998;max-width:320px}.form-details-panel{width:100%;position:fixed;left:0;top:48px;bottom:0;z-index:997;transform:translate(100%);transition:transform .3s ease;box-shadow:-2px 0 8px #00000026;display:flex;flex-direction:column;overflow-y:auto}.form-details-panel.mobile-open{transform:translate(0)}.mobile-close-btn{display:block}.panel-header{padding:12px 16px;position:sticky;top:0;background:#fff;z-index:10;border-bottom:1px solid #e5e7eb}.add-btn-large{width:36px;height:36px;font-size:20px;flex-shrink:0}.modal-overlay{z-index:2000!important}.form-details-panel:not(.mobile-open)~.forms-list-panel,.main-content:not(:has(.form-details-panel.mobile-open)) .forms-list-panel{transform:translate(0);position:relative}}@media (min-width: 769px){.mobile-close-btn{display:none}.form-details-panel .panel-header{padding:12px 16px}.form-details-title{font-size:18px}.form-item{padding:12px 16px}.form-item-actions{opacity:1}.search-bar{padding:12px 16px}.empty-state{padding:24px}}.leads-page{min-height:100vh;background:#f5f7fa;display:flex;flex-direction:column}.top-bar{background:#166534;color:#fff;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;height:56px;box-shadow:0 2px 4px #0000001a}.profile-circle{width:32px;height:32px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;cursor:pointer;transition:all .2s}.profile-circle:hover{background:#ffffff4d}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:1000;overflow:hidden}.dropdown-header{padding:12px 16px}.dropdown-username{font-weight:600;color:#1f2937;font-size:14px}.dropdown-company-header{padding:12px 16px 8px}.dropdown-company-name{font-weight:600;color:#1f2937;font-size:14px}.dropdown-divider{height:1px;background:#e5e7eb;margin:4px 0}.dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;color:#1f2937;font-size:14px;cursor:pointer;transition:background .2s;text-align:left}.dropdown-item:hover,.dropdown-item.active{background:#f3f4f6}.dropdown-item svg{flex-shrink:0;color:#6b7280}.leads-layout{display:flex;flex:1;overflow:hidden}.sidebar{width:80px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:center;padding:16px 0}.sidebar-url{font-size:10px;color:#9ca3af;padding:8px;word-break:break-all;text-align:center}@media (max-width: 768px){.main-content{overflow:visible!important}}.leads-list-panel{width:400px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.header-title{display:flex;align-items:center;gap:12px}.header-title h2{margin:0;font-size:20px;font-weight:600;color:#1f2937}.count-badge{background:#f3f4f6;color:#6b7280;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.add-btn-large{width:40px;height:40px;border-radius:8px;background:#f3f4f6;border:none;color:#1f2937;font-size:24px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.add-btn-large:hover{background:#e5e7eb}.search-input::placeholder{color:#9ca3af}.tabs{display:flex;padding:0 20px;border-bottom:1px solid #e5e7eb}.tab-btn{padding:12px 16px;background:transparent;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab-btn:hover{color:#1f2937}.tab-btn.active{color:#166534;border-bottom-color:#166534}.leads-list{flex:1;overflow-y:auto;padding:8px 0}.lead-item{padding:12px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .2s;border-left:3px solid transparent}.lead-item:hover{background:#f9fafb}.lead-item.active{background:#f0fdf4;border-left-color:#166534}.lead-item-avatar{width:40px;height:40px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.lead-item-content{flex:1;min-width:0}.lead-item-name{font-size:14px;font-weight:500;color:#1f2937;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-item-meta{font-size:12px;color:#9ca3af}.lead-item-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.lead-item:hover .lead-item-actions{opacity:1}.action-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.delete-btn{color:#ef4444}.delete-btn:hover{background:#fee2e2}.arrow-btn{color:#166534}.arrow-btn:hover{background:#dcfce7}.edit-btn{color:#3b82f6}.edit-btn:hover{background:#dbeafe}.lead-item-contact-icons{display:flex;gap:6px;margin-top:6px}.contact-icon-btn{width:26px;height:26px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.lead-details-panel{flex:1;background:#fff;display:flex;flex-direction:column;overflow:hidden}.lead-details-panel .panel-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.lead-details-title{margin:0;font-size:20px;font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.header-actions{display:flex;gap:4px;align-items:center}.icon-btn-small{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn-small:hover{background:#f3f4f6;color:#1f2937}.chevron-btn{width:28px;height:28px}.details-content{flex:1;overflow-y:auto;padding:24px}.details-section{margin-bottom:32px}.section-title{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 16px;display:flex;align-items:center;justify-content:space-between}.chevron-up{color:#9ca3af;cursor:pointer}.action-icons{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.action-icon-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s;min-width:60px}.action-icon-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.action-icon-btn.disabled{opacity:.4;cursor:not-allowed}.action-icon-btn.disabled:hover{transform:none;box-shadow:none}.action-label{font-size:11px;font-weight:500}.action-icon-btn.action-phone{border-color:#dcfce7;background:#f0fdf4;color:#16a34a}.action-icon-btn.action-phone:hover:not(.disabled){background:#16a34a;color:#fff;border-color:#16a34a}.action-icon-btn.action-email{border-color:#dbeafe;background:#eff6ff;color:#2563eb}.action-icon-btn.action-email:hover:not(.disabled){background:#2563eb;color:#fff;border-color:#2563eb}.action-icon-btn.action-whatsapp{border-color:#d1fae5;background:#ecfdf5;color:#059669}.action-icon-btn.action-whatsapp:hover:not(.disabled){background:#25d366;color:#fff;border-color:#25d366}.action-icon-btn.action-edit{border-color:#e0e7ff;background:#eef2ff;color:#4f46e5}.action-icon-btn.action-edit:hover:not(.disabled){background:#4f46e5;color:#fff;border-color:#4f46e5}.action-btn-primary{flex:1;padding:10px 16px;border-radius:8px;border:none;background:#166534;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.action-btn-primary:hover{background:#15803d}.info-item{display:flex;align-items:center;gap:12px;padding:12px 0;color:#374151;font-size:14px}.info-icon{color:#9ca3af;flex-shrink:0}.placeholder-text{display:flex;align-items:center;gap:8px;padding:12px;color:#9ca3af;font-size:14px;border:1px dashed #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.placeholder-text:hover{border-color:#d1d5db;background:#f9fafb}.placeholder-icon{color:#d1d5db}.description-input{display:flex;align-items:center;gap:12px}.description-avatar{width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;flex-shrink:0}.description-field{flex:1;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.description-field:focus{border-color:#166534}.empty-state{display:flex;align-items:center;justify-content:center}.empty-content{text-align:center;color:#9ca3af}.empty-icon{margin-bottom:16px;opacity:.5}.empty-content p{margin:0;font-size:14px}@media (max-width: 768px){.main-content{width:100%!important;display:flex!important;flex-direction:row!important;position:relative!important;overflow:visible!important;box-sizing:border-box!important;margin-left:0!important;margin-top:0!important;height:calc(100vh - 48px)!important}.leads-list-panel{width:100%!important;position:relative!important;top:0!important;left:0!important;bottom:auto!important;z-index:1!important;transform:translate(0)!important;transition:transform .3s ease;max-width:100%!important;max-height:calc(100vh - 48px)!important;height:calc(100vh - 48px)!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;background:#fff!important;visibility:visible!important;opacity:1!important}.leads-list-panel.mobile-hidden{transform:translate(-100%);position:fixed;top:48px;bottom:0;z-index:998;max-width:320px}.lead-details-panel{width:100%;position:fixed;left:0;top:48px;bottom:0;z-index:997;transform:translate(100%);transition:transform .3s ease;box-shadow:-2px 0 8px #00000026;display:flex;flex-direction:column;overflow-y:auto}.lead-details-panel.mobile-open{transform:translate(0)}.mobile-close-btn{display:block}.panel-header{padding:12px 16px;position:sticky;top:0;background:#fff;z-index:10;border-bottom:1px solid #e5e7eb}.add-btn-large{width:36px;height:36px;font-size:20px;flex-shrink:0}.modal-overlay{z-index:2000!important}}@media (min-width: 769px){.mobile-close-btn{display:none}.lead-details-panel .panel-header{padding:12px 16px}.lead-details-title{font-size:18px}.details-content{padding:16px}.action-icons{gap:6px}.action-icon-btn{min-width:50px;padding:8px 10px}.action-label{font-size:10px}.lead-item{padding:12px 16px}.lead-item-actions{opacity:1}.lead-item-contact-icons{margin-top:8px}}.deals-page{min-height:100vh;background:#f5f7fa;display:flex;flex-direction:column}.deals-layout{display:flex;flex:1;overflow:hidden}.nav-icon-btn{width:48px;height:48px;border-radius:8px;background:transparent;border:none;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all .2s;position:relative}.filters-sidebar{width:280px;background:#fff;border-right:1px solid #e5e7eb;padding:20px;overflow-y:auto}.add-dropdown-wrapper{position:relative}.plus-icon-small{margin-left:auto;width:20px;height:20px;background:#f3f4f6;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#6b7280}.tabs{display:flex;gap:8px;margin-bottom:24px}.tab-btn{padding:8px 16px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.tab-btn.active{background:#1f2937;color:#fff;border-color:#1f2937}.filter-section{margin-bottom:24px}.filter-section h4{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;margin:0 0 12px}.filter-select{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer}.filter-select select{flex:1;border:none;background:transparent;outline:none;font-size:14px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.chevron{color:#6b7280}.date-filter-wrapper{position:relative}.date-filter-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;color:#374151;text-align:left}.date-filter-btn:hover{background:#f3f4f6}.date-filter-btn span{flex:1}.date-picker-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:999}.date-picker-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;z-index:1000;max-width:90vw;max-height:90vh;overflow:auto}.date-picker-content{display:flex}.calendar-section{display:flex;padding:20px;border-right:1px solid #e5e7eb}.calendar-month{width:260px}.calendar-month+.calendar-month{margin-left:24px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.month-title{font-size:15px;font-weight:600;color:#1f2937}.nav-btn{width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280}.nav-btn:hover{background:#f3f4f6}.calendar-grid{display:flex;flex-direction:column}.weekday-header{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:8px}.weekday-header span{text-align:center;font-size:12px;font-weight:500;color:#6b7280;padding:4px}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.day-btn{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:13px;color:#1f2937;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.day-btn:hover:not(:disabled){background:#f3f4f6}.day-btn:disabled{cursor:default}.day-btn.other-month{color:#d1d5db}.day-btn.today{background:#dcfce7;color:#166534;font-weight:600}.day-btn.selected{background:#22c55e;color:#fff;font-weight:600}.day-btn.in-range{background:#dcfce7;color:#166534;border-radius:0}.day-btn.range-start{border-radius:6px 0 0 6px}.day-btn.range-end{border-radius:0 6px 6px 0}.quick-select-section{padding:20px;min-width:180px}.quick-select-section h4{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 16px}.quick-option{display:block;width:100%;padding:10px 12px;border:none;background:transparent;text-align:left;font-size:14px;color:#374151;border-radius:6px;cursor:pointer;transition:background .15s}.quick-option:hover{background:#f3f4f6}.quick-option.active{background:#f0fdf4;color:#166534;font-weight:500}.filter-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s;color:#6b7280;font-size:14px}.filter-item:hover{background:#f3f4f6}.filter-item.active{background:#f0fdf4;color:#166534}.executor-avatars{display:flex;gap:4px;flex:1}.avatar-small{width:24px;height:24px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#6b7280}.main-content{flex:1;display:flex;overflow:hidden}.deal-details-panel{width:350px;background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto}.deal-header{padding:20px;border-bottom:1px solid #e5e7eb}.deal-header h3{margin:0 0 12px;font-size:18px;font-weight:600;color:#1f2937}.status-badge{display:inline-block;padding:6px 12px;background:#1f2937;color:#fff;border-radius:20px;font-size:12px;font-weight:500}.deal-sections{padding:20px}.info-item{display:flex;align-items:center;gap:10px;padding:8px 0;color:#374151;font-size:14px}.info-item svg{color:#9ca3af}.description-text{color:#6b7280;font-size:14px;margin:0}.activity-tabs{margin-bottom:12px}.activity-tab{padding:6px 12px;background:#f3f4f6;border:none;border-radius:4px;font-size:13px;cursor:pointer}.activity-tab.active{background:#1f2937;color:#fff}.activity-input{display:flex;align-items:center;gap:10px}.activity-input input{flex:1;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none}.offer-panel{flex:1;background:#f9fafb;display:flex;flex-direction:column;overflow:hidden}.offer-header{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#fff;border-bottom:1px solid #e5e7eb}.offer-header h3{flex:1;margin:0;font-size:16px;font-weight:600;color:#1f2937}.edit-btn{width:32px;height:32px;border:none;background:transparent;cursor:pointer;color:#6b7280}.offer-actions{display:flex;gap:8px}.btn-cancel{padding:8px 16px;border:1px solid #d1d5db;background:#fff;border-radius:6px;font-size:14px;cursor:pointer}.btn-save{padding:8px 16px;border:none;background:#166534;color:#fff;border-radius:6px;font-size:14px;cursor:pointer}.btn-settings{width:36px;height:36px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.offer-content{flex:1;overflow-y:auto;padding:24px}.offer-preview{background:#fff;border-radius:8px;padding:32px;box-shadow:0 1px 3px #0000001a}.company-info{display:flex;justify-content:space-between;margin-bottom:32px}.company-logo{font-size:24px;font-weight:700;color:#166534}.company-details{text-align:right}.company-details strong{display:block;margin-bottom:4px}.company-details p{margin:0;font-size:13px;color:#6b7280}.dynamic-fields{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.field-tag{padding:4px 8px;background:#fef3c7;border:1px dashed #f59e0b;border-radius:4px;font-size:12px;color:#92400e}.offer-details-row{display:flex;gap:24px;margin-bottom:32px}.offer-detail{display:flex;flex-direction:column;gap:4px}.offer-detail label{font-size:12px;color:#6b7280}.offer-detail span{font-weight:600}.offer-detail.location{flex-direction:row;align-items:center;gap:8px}.date-picker{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:6px}.date-picker input{border:none;outline:none;font-size:13px}.line-items{margin-bottom:24px}.line-items-header{display:grid;grid-template-columns:1fr 80px 100px 100px 80px 40px;gap:12px;padding:8px 0;border-bottom:1px solid #e5e7eb;font-size:12px;font-weight:600;color:#6b7280}.line-item{display:grid;grid-template-columns:1fr 80px 100px 100px 80px 40px;gap:12px;padding:12px 0;border-bottom:1px solid #f3f4f6;align-items:center}.line-item input,.line-item select{padding:8px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;outline:none}.line-item input:focus,.line-item select:focus{border-color:#166534}.col-total{font-weight:500}.col-actions{width:32px;height:32px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9ca3af}.add-line-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;border:1px dashed #d1d5db;background:transparent;border-radius:8px;margin-top:12px;cursor:pointer;color:#6b7280;font-size:14px;transition:all .2s}.add-line-btn:hover{border-color:#166534;color:#166534}.plus-icon{width:24px;height:24px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center}.offer-totals{border-top:1px solid #e5e7eb;padding-top:16px}.total-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.total-row.final{font-weight:600;font-size:16px}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:#9ca3af}.main-content.pipeline-view{display:flex;flex-direction:column;overflow:hidden}.pipeline-header-row{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border-bottom:1px solid #e5e7eb}.pipeline-column-header{display:flex;align-items:center;gap:8px}.column-title-row{display:flex;align-items:center;gap:8px;font-weight:500;color:#1f2937}.column-count{background:#f3f4f6;color:#6b7280;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.new-pipeline-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#6b7280;cursor:pointer;transition:all .2s}.new-pipeline-btn:hover{border-color:#166534;color:#166534}.pipeline-columns{display:flex;gap:0;flex:1;overflow-x:auto;background:#f5f7fa}.pipeline-column{min-width:320px;max-width:320px;background:#f9fafb;border-right:1px solid #e5e7eb;display:flex;flex-direction:column}.column-header{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-bottom:1px solid #e5e7eb}.column-header.deal-column{background:#fff}.column-header .count-badge{margin-left:auto;background:#f3f4f6;color:#6b7280;padding:2px 8px;border-radius:4px;font-size:12px}.status-pill{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500}.status-pill.orange{background:#ffedd5;color:#c2410c}.status-pill.green{background:#dcfce7;color:#166534}.status-pill.yellow{background:#fef9c3;color:#854d0e}.status-pill.gray{background:#f3f4f6;color:#4b5563}.column-cards{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.deal-card{background:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 3px #00000014;cursor:pointer;transition:all .2s}.deal-card:hover{box-shadow:0 4px 12px #0000001f}.card-contact{display:flex;gap:12px;margin-bottom:12px}.contact-avatar{width:36px;height:36px;background:#166534;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}.contact-info{flex:1;min-width:0}.contact-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#4b5563;margin-bottom:4px}.contact-row svg{flex-shrink:0;color:#9ca3af}.contact-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-offer{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.offer-number{font-size:14px;font-weight:500;color:#1f2937;padding:4px 12px;background:#f3f4f6;border-radius:6px}.more-btn{width:28px;height:28px;border:none;background:transparent;cursor:pointer;color:#9ca3af;display:flex;align-items:center;justify-content:center;border-radius:4px}.card-status{margin-bottom:12px}.card-status .status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.status-badge.orange{background:#fed7aa;color:#c2410c}.status-badge.gray{background:#e5e7eb;color:#4b5563}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f3f4f6}.card-date{font-size:12px;color:#9ca3af}.card-actions{display:flex;align-items:center;gap:8px}.avatar-tiny{width:22px;height:22px;background:#e5e7eb;color:#4b5563;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.action-icon{width:28px;height:28px;border:none;background:transparent;cursor:pointer;color:#9ca3af;display:flex;align-items:center;justify-content:center;border-radius:4px}.action-icon:hover{background:#f3f4f6;color:#6b7280}.card-contact-icons{display:flex;gap:6px;margin-top:8px}.pipeline-column-header.clickable{cursor:pointer;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;transition:all .2s}.pipeline-column-header.clickable:hover{border-color:#166534;background:#f0fdf4}.pipeline-select,.status-select,.executor-select{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;position:relative}.pipeline-select:hover,.status-select:hover,.executor-select:hover{border-color:#9ca3af}.pipeline-select .chevron,.status-select .chevron,.executor-select .chevron{margin-left:auto}.pipeline-dropdown{min-width:200px}.status-dropdown button{padding:8px 14px}.status-dropdown .status-pill{padding:4px 12px;font-size:13px}.status-pill.blue{background:#dbeafe;color:#1e40af}.rich-editor{border:1px solid #d1d5db;border-radius:8px;overflow:hidden}.editor-toolbar{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.toolbar-btn{width:32px;height:32px;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5563}.toolbar-btn:hover{background:#e5e7eb}.toolbar-divider{width:1px;height:20px;background:#d1d5db;margin:0 4px}.font-size{min-width:24px;text-align:center;font-size:13px;color:#4b5563}.editor-content{min-height:100px;padding:12px;outline:none;font-size:14px;line-height:1.5}.editor-content:empty:before{content:attr(data-placeholder);color:#9ca3af}.template-overlay{background:#f5f7fafa}.template-modal{text-align:center;padding:60px}.template-modal h2{font-size:24px;font-weight:600;color:#1f2937;margin-bottom:32px}.template-options{display:flex;gap:16px;justify-content:center;margin-bottom:32px}.template-option{padding:16px 32px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:15px;font-weight:500;color:#1f2937;cursor:pointer;transition:all .2s;min-width:180px}.template-option:hover{border-color:#166534;background:#f0fdf4}.template-option.selected{border-color:#166534;background:#f0fdf4;box-shadow:0 0 0 2px #16653433}.btn-choose{padding:14px 32px;background:#a3c9a8;border:none;border-radius:8px;font-size:15px;font-weight:500;color:#1f2937;cursor:pointer;transition:all .2s;margin-bottom:16px}.btn-choose:hover{background:#8fbc8f}.btn-link{display:block;background:transparent;border:none;font-size:14px;font-weight:500;color:#1f2937;cursor:pointer;text-decoration:none}.btn-link:hover{text-decoration:underline}.deal-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:1000;display:flex;justify-content:flex-end}.deal-detail-panel{width:900px;max-width:100%;background:#fff;height:100%;overflow-y:auto;box-shadow:-4px 0 20px #00000026}.detail-panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.detail-panel-header h2{font-size:20px;font-weight:600;color:#1f2937;margin:0}.header-actions{display:flex;align-items:center;gap:12px}.assignee-dropdown-wrapper{position:relative}.assignee-dropdown{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:background .2s}.assignee-dropdown:hover{background:#e5e7eb}.assignee-initial{width:24px;height:24px;background:#166534;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.assignee-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:220px;z-index:100;padding:8px 0;border:1px solid #e5e7eb;max-height:300px;overflow-y:auto}.assignee-empty{display:flex;align-items:center;gap:8px;padding:12px 16px;color:#9ca3af;font-size:14px}.assignee-empty svg{flex-shrink:0}.assignee-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border:none;background:none;cursor:pointer;font-size:14px;color:#1f2937;text-align:left;transition:background .15s}.assignee-dropdown-item:hover{background:#f3f4f6}.assignee-dropdown-item.active{background:#eff6ff;color:#166534}.assignee-avatar{width:28px;height:28px;background:#166534;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.assignee-dropdown-item.active .assignee-avatar{background:#166534}.assignee-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignee-dropdown-item.remove{color:#dc2626;border-top:1px solid #e5e7eb;margin-top:4px;padding-top:12px}.assignee-dropdown-item.remove:hover{background:#fef2f2}.assignee-dropdown-item.remove svg{color:#dc2626}.close-detail-btn{width:36px;height:36px;border:none;background:transparent;cursor:pointer;font-size:28px;color:#9ca3af;display:flex;align-items:center;justify-content:center;border-radius:6px}.close-detail-btn:hover{background:#f3f4f6;color:#1f2937}.pipeline-progress{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;gap:4px;overflow-x:auto}.pipeline-stage{display:flex;flex-direction:column;align-items:center;gap:4px}.stage-dot{width:16px;height:16px;border-radius:50%;background:#e5e7eb;border:2px solid #e5e7eb}.pipeline-stage.active .stage-dot{background:#1f2937;border-color:#1f2937}.stage-label{font-size:12px;color:#1f2937;white-space:nowrap;padding:4px 12px;background:#f3f4f6;border-radius:4px}.pipeline-line{flex:1;height:2px;background:#e5e7eb;min-width:20px}.status-indicators{display:flex;align-items:center;gap:8px;margin-left:12px}.status-dot{width:12px;height:12px;border-radius:50%;border:2px solid #e5e7eb}.status-dot.green{border-color:#22c55e}.status-dot.red{border-color:#ef4444}.status-dot.active{background:currentColor}.status-dot.red.active{background:#ef4444}.thumb-btn{width:28px;height:28px;border:none;background:transparent;cursor:pointer;color:#9ca3af;display:flex;align-items:center;justify-content:center}.thumb-btn.up{color:#22c55e}.thumb-btn.down{color:#ef4444}.detail-content{display:grid;grid-template-columns:1fr 1fr;gap:0}.detail-left{padding:24px;border-right:1px solid #e5e7eb}.detail-right{padding:24px}.detail-section{margin-bottom:24px}.detail-section h4{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 12px}.info-row{display:flex;align-items:center;gap:12px;padding:8px 0;color:#374151;font-size:14px}.info-row svg{color:#9ca3af;flex-shrink:0}.placeholder-text{color:#9ca3af;font-size:14px;margin:0}.extra-field-placeholder{display:flex;align-items:center;gap:12px;color:#9ca3af;font-size:14px}.detail-section.collapsible .section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding-bottom:12px}.detail-section.collapsible .section-header svg{transition:transform .2s}.detail-section.collapsible .section-header svg.rotated{transform:rotate(180deg)}.section-content p{margin:0;font-size:14px;color:#374151;white-space:pre-line}.comment-input-area{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.comment-input-area input{flex:1;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none}.comment-input-area input:focus{border-color:#166534}.action-buttons{display:flex;gap:12px}.action-btn{width:44px;height:44px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.action-btn:hover{border-color:#166534;color:#166534}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header-row h4{margin:0}.add-doc-btn{width:28px;height:28px;border:none;background:transparent;cursor:pointer;font-size:20px;color:#6b7280}.documents-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.document-card{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;border:1px solid #e5e7eb;border-radius:8px}.doc-info{display:flex;flex-direction:column;gap:4px}.doc-number{font-size:14px;font-weight:500;color:#1f2937}.doc-status{font-size:12px;color:#6b7280}.doc-menu-wrapper{position:relative}.doc-more-btn{width:24px;height:24px;border:none;background:transparent;cursor:pointer;color:#9ca3af}.doc-more-btn:hover{color:#6b7280}.map-container{margin-top:12px;position:relative}.view-map-link{position:absolute;top:8px;left:8px;padding:4px 8px;background:#fff;border-radius:4px;font-size:12px;color:#166534;text-decoration:none;box-shadow:0 1px 3px #0000001a}.view-map-link:hover{text-decoration:underline}.offer-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#f5f5f5;z-index:1000;overflow-y:auto}.offer-editor{max-width:900px;margin:0 auto;background:#fff;min-height:100vh}.offer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;border-bottom:1px solid #e5e7eb;background:#fff;position:sticky;top:0;z-index:10}.offer-title{display:flex;align-items:center;gap:12px}.offer-title h1{font-size:20px;font-weight:600;color:#1f2937;margin:0}.edit-title-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px}.edit-title-btn:hover{color:#1f2937}.offer-actions{display:flex;align-items:center;gap:12px}.btn-secondary{padding:10px 20px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;font-size:14px;cursor:pointer;color:#374151}.btn-secondary:hover{background:#f9fafb}.btn-icon{width:40px;height:40px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280}.btn-icon:hover{background:#f9fafb}.settings-btn-wrapper{position:relative}.offer-settings-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000026;min-width:220px;z-index:100;padding:16px}.settings-section{display:flex;flex-direction:column;gap:8px}.settings-label{font-size:14px;font-weight:500;color:#1f2937}.language-select-wrapper{position:relative}.language-select-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:14px;color:#1f2937;cursor:pointer;transition:border-color .2s}.language-select-btn:hover{border-color:#d1d5db}.language-select-btn svg{margin-left:auto;color:#6b7280}.flag-icon{font-size:20px;line-height:1}.language-options-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10;overflow:hidden}.language-option-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:none;background:#fff;font-size:14px;color:#1f2937;cursor:pointer;text-align:left;transition:background .15s}.language-option-btn:hover{background:#f3f4f6}.language-option-btn.active{background:#f9fafb}.language-option-btn svg{margin-left:auto;color:#1f2937}.offer-content{padding:40px 48px}.offer-company-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.company-logo .logo-image{width:100%;height:100%;object-fit:contain;max-width:200px;max-height:80px}.company-logo .logo-text{font-size:28px;font-weight:300;color:#1f2937;display:flex;align-items:center}.company-logo .logo-icon{color:#a3a339;margin-right:4px}.company-logo .logo-bold{font-weight:700}.company-details{display:flex;flex-direction:column;align-items:flex-end;font-size:14px;color:#374151}.company-details strong{font-weight:600}.offer-info-row{display:flex;gap:40px;margin-bottom:24px;align-items:flex-end}.offer-info-col{display:flex;flex-direction:column;gap:4px}.offer-info-col.right{margin-left:auto;flex-direction:row;align-items:center;gap:8px}.offer-info-col label{font-size:12px;color:#6b7280}.offer-number{font-size:16px;font-weight:600;color:#1f2937}.date-picker{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151}.date-picker input{border:none;outline:none;width:90px;font-size:14px;color:#374151}.date-picker svg{color:#6b7280}.customer-info{margin-bottom:32px}.customer-name{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}.customer-address{font-size:14px;color:#374151;margin-bottom:4px}.customer-email{font-size:14px;color:#2563eb;text-decoration:underline;display:block;margin-bottom:4px}.customer-phone{font-size:14px;color:#374151}.offer-letter{background:#fafafa;padding:24px;border-radius:8px;margin-bottom:32px}.letter-salutation{font-size:14px;color:#1f2937;margin-bottom:16px}.offer-letter p{font-size:14px;color:#4b5563;line-height:1.6;margin:0}.line-items-section{margin-bottom:24px}.line-items-header{display:grid;grid-template-columns:minmax(300px,1fr) 80px 100px 110px 80px 40px;gap:12px;padding:12px 16px 12px 48px;font-size:13px;font-weight:500;color:#6b7280;border-bottom:1px solid #e5e7eb}.line-items-header .col-price{display:flex;align-items:center;gap:4px}.line-items-header .col-price svg{cursor:pointer}.line-items-body{display:flex;flex-direction:column}.line-item{display:grid;grid-template-columns:32px minmax(268px,1fr) 80px 100px 110px 80px 40px;gap:12px;padding:16px;align-items:flex-start;background:#fafafa;border-radius:8px;margin-bottom:8px}.drag-handle{cursor:grab;color:#9ca3af;padding:4px 0}.drag-handle:hover{color:#6b7280}.col-desc{display:flex;flex-direction:column;gap:8px}.item-description{width:100%;padding:8px 12px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:500;color:#1f2937;background:transparent}.item-description:hover,.item-description:focus{border-color:#e5e7eb;background:#fff;outline:none}.item-details{margin:0;padding-left:24px;font-size:13px;color:#4b5563}.item-details li{margin-bottom:4px}.col-qty,.col-price{display:flex;align-items:flex-start}.item-qty,.item-price{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#1f2937;background:#fff}.item-qty:focus,.item-price:focus{outline:none;border-color:#2563eb}.col-total{display:flex;align-items:flex-start;padding-top:8px}.total-value{font-size:14px;color:#6b7280}.col-vat{display:flex;align-items:flex-start}.vat-select{width:100%;padding:8px 28px 8px 8px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#1f2937;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%236b7280' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.vat-select:focus{outline:none;border-color:#2563eb}.col-actions{display:flex;align-items:flex-start;padding-top:4px}.line-menu-wrapper{position:relative}.line-menu-btn{background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px}.line-menu-btn:hover{color:#6b7280}.add-line-area{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;border:2px dashed #e5e7eb;border-radius:8px;cursor:pointer;transition:border-color .2s,background .2s}.add-line-area:hover{border-color:#d1d5db;background:#fafafa}.add-line-area span{font-size:14px;color:#6b7280}.add-line-btn{width:40px;height:40px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:24px;color:#6b7280}.offer-totals{margin-left:auto;width:280px;margin-bottom:24px}.total-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:#374151}.total-row.grand-total{border-top:2px solid #1f2937;padding-top:12px;font-weight:600;font-size:16px;color:#1f2937}.offer-options-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-bottom:32px}.toggle-option{display:flex;align-items:center;gap:12px;cursor:pointer}.toggle-option input{display:none}.toggle-slider{width:44px;height:24px;background:#e5e7eb;border-radius:12px;position:relative;transition:background .2s}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-option input:checked+.toggle-slider{background:#22c55e}.toggle-option input:checked+.toggle-slider:after{transform:translate(20px)}.toggle-label{font-size:14px;color:#374151}.add-discount-btn{display:flex;align-items:center;gap:12px;padding:12px 20px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;font-size:14px;color:#374151;cursor:pointer}.add-discount-btn span{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:50%;font-size:16px}.add-discount-btn:hover{background:#f9fafb}.offer-footer{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:24px;padding:24px 0;border-top:1px solid #e5e7eb;margin-bottom:32px;font-size:12px;color:#6b7280}.footer-logos{display:flex;gap:16px}.footer-logo{font-size:10px;padding:4px 8px;background:#f3f4f6;border-radius:4px}.page-break{display:flex;align-items:center;justify-content:center;padding:24px 0;margin:32px 0}.page-break span{padding:0 16px;font-size:12px;color:#9ca3af;position:relative}.page-break span:before,.page-break span:after{content:"";position:absolute;top:50%;width:200px;height:0;border-top:1px dashed #d1d5db}.page-break span:before{right:100%}.page-break span:after{left:100%}.content-section{margin-bottom:32px}.content-section h2{font-size:28px;font-weight:400;color:#1f2937;margin:0 0 20px}.content-section h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 12px}.content-section p{font-size:14px;color:#4b5563;line-height:1.7;margin:0 0 16px}.content-section ul{margin:0 0 16px;padding-left:24px}.content-section li{font-size:14px;color:#4b5563;line-height:1.7;margin-bottom:4px}.section-block{margin-bottom:24px}.payment-terms li{font-weight:600;color:#1f2937}.signature-section{display:flex;justify-content:space-between;margin-top:48px;padding-top:24px}.signature-left{font-size:14px;color:#374151}.signature-left p{margin:0 0 16px}.company-sign{display:flex;flex-direction:column;gap:4px}.company-sign strong{font-weight:600;color:#1f2937}.company-sign ul{list-style:disc;margin:8px 0;padding-left:20px}.company-sign a{color:#2563eb;text-decoration:none}.company-sign a:hover{text-decoration:underline}.signature-right{display:flex;align-items:flex-end}.signature-box{display:flex;align-items:center;gap:12px;padding:16px 24px;border:2px dashed #22c55e;border-radius:8px;color:#22c55e;font-size:14px}.customer-info.editable{display:flex;flex-direction:column;gap:8px}.customer-name-input,.customer-address-input,.customer-email-input,.customer-phone-input{width:100%;padding:8px 12px;border:1px solid transparent;border-radius:6px;font-size:14px;color:#1f2937;background:transparent;transition:border-color .2s,background .2s}.customer-name-input{font-size:16px;font-weight:600}.customer-email-input{color:#2563eb}.customer-name-input:hover,.customer-address-input:hover,.customer-email-input:hover,.customer-phone-input:hover,.customer-name-input:focus,.customer-address-input:focus,.customer-email-input:focus,.customer-phone-input:focus{border-color:#e5e7eb;background:#fafafa;outline:none}.offer-letter.editable{background:#fafafa;padding:24px;border-radius:8px;margin-bottom:32px}.intro-text-editable{padding:8px;border:1px solid transparent;border-radius:6px;font-size:14px;color:#4b5563;line-height:1.6;margin:0;transition:border-color .2s,background .2s;cursor:text}.intro-text-editable:hover{border-color:#e5e7eb;background:#fff}.intro-text-editable:focus{border-color:#d1d5db;background:#fff;outline:none}.content-section.editable{margin-bottom:32px}.section-title-input{width:100%;padding:8px 12px;border:1px solid transparent;border-radius:6px;font-size:28px;font-weight:400;color:#1f2937;background:transparent;margin-bottom:20px;transition:border-color .2s,background .2s}.section-title-input:hover,.section-title-input:focus{border-color:#e5e7eb;background:#fafafa;outline:none}.block-subtitle-input{width:100%;padding:6px 12px;border:1px solid transparent;border-radius:6px;font-size:16px;font-weight:600;color:#1f2937;background:transparent;margin-bottom:12px;transition:border-color .2s,background .2s}.block-subtitle-input:hover,.block-subtitle-input:focus{border-color:#e5e7eb;background:#fafafa;outline:none}.block-content-editable{padding:8px;border:1px solid transparent;border-radius:6px;font-size:14px;color:#4b5563;line-height:1.7;margin:0 0 16px;transition:border-color .2s,background .2s;cursor:text}.block-content-editable:hover{border-color:#e5e7eb;background:#fafafa}.block-content-editable:focus{border-color:#d1d5db;background:#fafafa;outline:none}.signature-section.editable{display:flex;justify-content:space-between;margin-top:48px;padding-top:24px}.greeting-input{width:200px;padding:6px 12px;border:1px solid transparent;border-radius:6px;font-size:14px;color:#374151;background:transparent;margin-bottom:16px;transition:border-color .2s,background .2s}.greeting-input:hover,.greeting-input:focus{border-color:#e5e7eb;background:#fafafa;outline:none}.company-sign input{display:block;width:100%;padding:4px 8px;border:1px solid transparent;border-radius:4px;font-size:14px;color:#374151;background:transparent;margin-bottom:4px;transition:border-color .2s,background .2s}.company-sign input:hover,.company-sign input:focus{border-color:#e5e7eb;background:#fafafa;outline:none}.company-name-input{font-weight:600!important;color:#1f2937!important}.company-email-input,.company-website-input{color:#2563eb!important}.company-phone-input:before{content:"• "}@media (max-width: 768px){.deals-layout{display:flex!important;flex-direction:row!important;position:relative!important;overflow:visible!important;width:100%!important;height:calc(100vh - 48px)!important}.nav-sidebar{position:fixed;left:-80px;top:48px;bottom:0;z-index:999;transition:left .3s ease;box-shadow:2px 0 8px #00000026}.nav-sidebar.mobile-open{left:0}.main-content{width:100%!important;display:flex!important;flex-direction:row!important;position:relative!important;overflow:visible!important;box-sizing:border-box!important;margin:0!important;padding:0!important;height:calc(100vh - 48px)!important;z-index:1!important}.main-content.pipeline-view{overflow:visible!important;position:relative!important;z-index:1!important}.filters-sidebar{width:100%!important;position:relative!important;top:0!important;left:0!important;bottom:auto!important;z-index:10!important;transform:translate(0)!important;transition:transform .3s ease;max-width:100%!important;max-height:calc(100vh - 48px)!important;height:calc(100vh - 48px)!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;background:#fff!important;visibility:visible!important;opacity:1!important}.filters-sidebar.mobile-hidden{transform:translate(-100%)!important;position:fixed!important;top:48px!important;bottom:0!important;z-index:998!important;max-width:320px!important}.deal-details-panel{width:100%;position:fixed;left:0;top:48px;bottom:0;z-index:997;transform:translate(100%);transition:transform .3s ease;box-shadow:-2px 0 8px #00000026}.deal-details-panel.mobile-open{transform:translate(0)}.offer-panel{width:100%}.offer-content{padding:16px}.offer-preview{padding:20px}.company-info{flex-direction:column;gap:16px}.company-details{text-align:left;align-items:flex-start}.offer-info-row{flex-direction:column;gap:16px;align-items:flex-start}.offer-info-col.right{margin-left:0;width:100%}.line-items-header{grid-template-columns:1fr;gap:8px;padding:8px 12px;display:none}.line-item{grid-template-columns:1fr;gap:8px;padding:12px}.col-desc,.col-qty,.col-price,.col-vat,.col-total,.col-actions{width:100%}.offer-footer{grid-template-columns:1fr 1fr;gap:16px}.main-content.pipeline-view{display:none!important}.filters-sidebar.mobile-hidden~.main-content.pipeline-view{display:flex!important;width:100%!important;z-index:1!important}.pipeline-header-row{padding:12px 16px;flex-wrap:wrap;gap:8px}.pipeline-columns{flex-direction:column;overflow-x:visible;overflow-y:auto;position:relative!important;z-index:1!important}.pipeline-column{min-width:100%;max-width:100%}.deal-card{padding:12px}.card-contact{flex-direction:column;align-items:flex-start}.contact-info{width:100%}.deal-detail-overlay{padding:0}.deal-detail-panel{width:100%;max-width:100%}.detail-panel-header{padding:12px 16px}.detail-content{grid-template-columns:1fr}.detail-left,.detail-right{padding:16px}.pipeline-progress{padding:12px 16px;overflow-x:auto}.pipeline-stage{min-width:80px}.stage-label{font-size:10px;padding:2px 8px}.documents-grid{grid-template-columns:1fr}.signature-section{flex-direction:column;gap:24px}.signature-right{width:100%}.offer-editor-overlay{padding:0}.offer-header{padding:12px 16px;flex-wrap:wrap}.offer-title h1{font-size:18px}.offer-actions{flex-wrap:wrap;gap:8px}.offer-content{padding:20px 16px}.offer-company-row{flex-direction:column;gap:16px}.company-details{align-items:flex-start;text-align:left}.line-items-header{display:none}.line-item{grid-template-columns:1fr;gap:12px}.drag-handle{display:none}.offer-totals{width:100%;margin-left:0}.offer-footer{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.filters-sidebar{max-width:100%}.date-picker-dropdown{max-width:95vw}.calendar-content{flex-direction:column}.calendar-section{border-right:none;border-bottom:1px solid #e5e7eb}.quick-select-section{min-width:100%}}.automation-page{min-height:100vh;background:#f5f7fa;display:flex;flex-direction:column}.top-bar{background:#166534;color:#fff;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;height:56px}.logo-square{width:32px;height:32px;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;border-radius:4px}.top-bar-right{display:flex;align-items:center;gap:12px}.language-selector{display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 10px;border-radius:6px;transition:background-color .2s;position:relative;background:#ffffff1a}.language-selector:hover{background:#fff3}.language-selector .flag{font-size:18px}.language-selector .lang-code{font-size:12px;font-weight:500;color:#fff}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:1001;overflow:hidden;border:1px solid #e5e7eb}.language-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:#fff;border:none;cursor:pointer;transition:background-color .2s;text-align:left}.language-option:hover{background-color:#f9fafb}.language-option.active{background-color:#eff6ff;font-weight:500}.language-option .flag{font-size:18px}.language-option .lang-name{font-size:14px;color:#374151}.profile-circle{width:32px;height:32px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;cursor:pointer}.user-profile{position:relative}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:1000}.dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;color:#1f2937;font-size:14px;cursor:pointer}.dropdown-item:hover{background:#f3f4f6}.automation-layout{display:flex;flex:1;overflow:hidden}.nav-sidebar{width:80px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:center;padding:16px 0}.sidebar-logo{margin-bottom:24px}.sidebar-logo .logo-square{width:40px;height:40px;background:#166534;color:#fff}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.nav-icon-btn{width:48px;height:48px;border-radius:8px;background:transparent;border:none;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all .2s}.nav-icon-btn:hover{background:#f3f4f6;color:#1f2937}.nav-icon-btn.active{background:#166534;color:#fff}.nav-label{font-size:10px;font-weight:500}.automations-sidebar{width:280px;background:#fff;border-right:1px solid #e5e7eb;padding:20px;overflow-y:auto}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sidebar-header h2{font-size:20px;font-weight:600;color:#1f2937;margin:0}.add-btn{width:32px;height:32px;border-radius:6px;background:#f3f4f6;border:none;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.add-btn:hover{background:#e5e7eb}.sidebar-menu{display:flex;flex-direction:column;gap:4px}.menu-item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;border:none;background:transparent;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.menu-item:hover{background:#f3f4f6;color:#1f2937}.menu-item.active{background:#f0fdf4;color:#166534}.main-content{flex:1;background:#fff;overflow-y:auto;position:relative;z-index:1}.automations-list{padding:0}.automation-item{display:flex;align-items:center;padding:16px 24px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .2s}.automation-item:hover{background:#f9fafb}.automation-icons{display:flex;gap:8px;margin-right:16px}.icon-badge{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;position:relative}.icon-badge.orange{background:#f97316}.icon-badge.blue{background:#3b82f6}.icon-badge.gray{background:#e5e7eb;color:#6b7280}.icon-badge.cyan{background:#06b6d4}.icon-badge.yellow{background:#eab308}.icon-badge.green{background:#22c55e}.icon-count{position:absolute;font-size:10px;font-weight:600}.more-text{font-size:14px;font-weight:600}.automation-name{flex:1;font-size:14px;color:#1f2937}.automation-actions{display:flex;align-items:center;gap:12px}.automation-count{font-size:14px;color:#6b7280;min-width:40px;text-align:right}.play-btn{width:28px;height:28px;border:none;background:transparent;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px}.play-btn:hover{background:#f3f4f6;color:#1f2937}.toggle-switch{position:relative;width:44px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:#e5e7eb;border-radius:24px;transition:all .3s}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s}.toggle-switch input:checked+.toggle-slider{background:#22c55e}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.more-btn{width:28px;height:28px;border:none;background:transparent;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px}.more-btn:hover{background:#f3f4f6;color:#6b7280}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;color:#9ca3af}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{margin:0 0 24px;font-size:14px}.automation-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#f5f7fa;z-index:100;display:flex;flex-direction:column}.automation-detail{display:flex;flex-direction:column;height:100%}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#fff;border-bottom:1px solid #e5e7eb}.header-left{display:flex;align-items:center;gap:16px}.close-btn{width:36px;height:36px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#6b7280}.close-btn:hover{background:#f3f4f6;color:#1f2937}.detail-title{font-size:16px;font-weight:500;color:#1f2937;margin:0}.edit-name-btn{width:32px;height:32px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#9ca3af}.edit-name-btn:hover{background:#f3f4f6;color:#6b7280}.header-right{display:flex;align-items:center;gap:12px}.btn-save{padding:8px 20px;border:none;background:#86efac;color:#166534;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.btn-save:hover{background:#4ade80}.more-btn-header{width:36px;height:36px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#6b7280}.more-btn-header:hover{background:#f3f4f6}.workflow-builder{flex:1;display:flex;align-items:center;justify-content:center;padding:48px;overflow-y:auto}.workflow-container{max-width:500px;width:100%}.workflow-section{margin-bottom:8px}.section-label{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 12px}.section-label.with-arrow{display:flex;align-items:center;gap:8px}.workflow-card{display:flex;align-items:center;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:12px}.card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.card-icon.orange{background:#f97316}.card-icon.blue{background:#3b82f6}.card-icon.green{background:#22c55e}.card-icon.gray{background:#6b7280}.card-content{flex:1}.card-title{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:2px}.card-description{font-size:13px;color:#6b7280}.card-menu-btn{width:32px;height:32px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#9ca3af}.card-menu-btn:hover{background:#f3f4f6;color:#6b7280}.workflow-arrow{display:flex;flex-direction:column;align-items:flex-start;padding:16px 0}.arrow-line{width:2px;height:24px;background:#e5e7eb;margin-left:20px}.actions-section .workflow-card{margin-bottom:8px}.add-action-btn{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;cursor:pointer;transition:all .2s;color:#6b7280;font-size:14px}.add-action-btn:hover{border-color:#d1d5db;background:#f9fafb}.add-icon{width:44px;height:44px;border:2px dashed #d1d5db;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#9ca3af}@media (max-width: 768px){.top-bar{position:fixed;top:0;left:0;right:0;z-index:1000;height:48px;min-height:48px;box-sizing:border-box}.automation-page{margin-top:48px;min-height:calc(100vh - 48px)}.automation-layout{display:flex!important;flex-direction:row!important;position:relative!important;overflow:visible!important;width:100%!important;height:calc(100vh - 48px)!important}.nav-sidebar{position:fixed;left:-80px;top:48px;bottom:0;z-index:999;transition:left .3s ease;box-shadow:2px 0 8px #00000026}.nav-sidebar.mobile-open{left:0}.automations-sidebar{width:100%!important;position:relative!important;top:0!important;left:0!important;bottom:auto!important;z-index:10!important;transform:translate(0)!important;transition:transform .3s ease;max-width:100%!important;max-height:calc(100vh - 48px)!important;height:calc(100vh - 48px)!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;background:#fff!important;visibility:visible!important;opacity:1!important}.automations-sidebar.mobile-hidden{transform:translate(-100%)!important;position:fixed!important;top:48px!important;bottom:0!important;z-index:998!important;max-width:320px!important;visibility:hidden!important;opacity:0!important}.main-content{display:none!important;width:100%!important;position:relative!important;z-index:1!important}.automations-sidebar.mobile-hidden~.main-content{display:flex!important;width:100%!important;z-index:1!important}.automation-item{padding:12px 16px;flex-wrap:wrap;gap:8px}.automation-icons{margin-right:0}.automation-name{flex:1 1 100%;order:3}.automation-actions{order:2}.automation-detail-overlay{position:fixed}.detail-header{padding:8px 16px;flex-wrap:wrap}.header-left{flex:1 1 100%;margin-bottom:8px}.header-right{width:100%;justify-content:space-between}.workflow-builder{padding:24px 16px}.workflow-container{max-width:100%}.workflow-card{padding:12px}.card-icon{width:36px;height:36px}.add-action-btn{padding:12px}.add-icon{width:36px;height:36px}}@media (max-width: 480px){.automations-sidebar{max-width:100%}.automation-item{padding:10px 12px}.icon-badge{width:32px;height:32px}.workflow-builder{padding:16px 12px}}.welcome-page{min-height:100vh;background:#fff}.welcome-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 0;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000d}.header-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:#1f2937}.logo-icon{font-size:28px}.logo-text{color:#1f2937}.main-nav{display:flex;gap:32px;align-items:center}.nav-link{color:#374151;text-decoration:none;font-weight:500;font-size:15px;transition:color .2s;position:relative}.nav-link:hover{color:#40e0d0}.nav-link:after{content:"▼";font-size:10px;margin-left:4px;opacity:.5}.header-actions{display:flex;gap:12px;align-items:center}.btn-login{padding:10px 20px;background:#f0fdfa;color:#40e0d0;border:none;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s}.btn-login:hover{background:#e0fdf4}.btn-primary{padding:10px 20px;background:#40e0d0;color:#fff;border:none;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s}.btn-primary:hover{background:#30d5c8}.hero-section{padding:80px 24px;background:linear-gradient(to bottom,#fff,#f9fafb)}.hero-container{max-width:1200px;margin:0 auto}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-text{max-width:600px}.hero-headline{font-size:64px;font-weight:800;line-height:1.1;margin:0 0 8px;color:#1f2937}.hero-headline .highlight{color:#40e0d0}.hero-description{font-size:20px;color:#4b5563;line-height:1.6;margin:32px 0}.signup-form{margin-top:40px}.input-group{display:flex;gap:12px;margin-bottom:12px}.email-input{flex:1;padding:16px 20px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .2s}.email-input:focus{outline:none;border-color:#40e0d0}.btn-signup{padding:16px 32px;background:#40e0d0;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.btn-signup:hover{background:#30d5c8}.form-note{font-size:14px;color:#6b7280;margin:0}.hero-video{position:relative}.video-label{text-align:center;margin-bottom:20px}.handwriting{font-family:Comic Sans MS,Marker Felt,cursive;font-size:18px;color:#374151;display:block;margin-bottom:8px}.arrow-down{font-size:24px;color:#40e0d0;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.video-container{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000026;background:#000}.video-placeholder{aspect-ratio:16 / 9;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative}.play-button{width:80px;height:80px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#40e0d0;cursor:pointer;transition:transform .2s;margin-bottom:16px}.play-button:hover{transform:scale(1.1)}.video-text{font-size:18px;font-weight:500}@media (max-width: 968px){.hero-content{grid-template-columns:1fr;gap:40px}.hero-headline{font-size:48px}.main-nav{display:none}.input-group{flex-direction:column}.btn-signup{width:100%}}@media (max-width: 768px){.welcome-header{padding:12px 0}.header-container{padding:0 16px;flex-wrap:wrap;gap:12px}.logo{font-size:18px}.logo-icon{font-size:24px}.header-actions{flex:1 1 100%;justify-content:flex-end;gap:8px}.btn-login,.btn-primary{padding:8px 16px;font-size:14px}.hero-section{padding:40px 16px}.hero-container{padding:0}.hero-headline{font-size:36px;line-height:1.2}.hero-description{font-size:16px;margin:24px 0}.signup-form{margin-top:24px}.input-group{gap:8px}.email-input{padding:14px 16px;font-size:16px}.btn-signup{padding:14px 24px;font-size:15px}.form-note{font-size:12px}.video-label{margin-bottom:16px}.handwriting{font-size:16px}.play-button{width:60px;height:60px;font-size:24px}.video-text{font-size:16px}}@media (max-width: 480px){.hero-headline{font-size:28px}.hero-description{font-size:14px}.header-actions{flex-direction:column;width:100%}.btn-login,.btn-primary{width:100%;text-align:center}}.form-embed{min-height:100vh;background:#f9fafb;padding:40px 20px}.loading,.error{text-align:center;padding:40px;color:#6b7280}.error{color:#ef4444}.form-container{max-width:800px;margin:0 auto}.embedded-form{background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 12px #0000001a}.nav-btn:hover{opacity:.9}.success-message{background:#f0fdf4;border:2px solid #10b981;border-radius:8px;padding:20px;text-align:center;color:#059669;font-weight:500;margin-top:20px}@media (max-width: 768px){.form-embed{padding:20px 12px}.form-container{max-width:100%}.embedded-form{padding:24px}.intro-text{padding:16px;font-size:16px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-title{font-size:20px}.form-fields{gap:20px}.form-navigation{flex-direction:column;gap:12px}.nav-btn{width:100%;max-width:none}.nav-btn-back{order:2}.nav-btn-next,.nav-btn-submit{order:1;margin-left:0}}@media (max-width: 480px){.form-embed{padding:16px 8px}.embedded-form{padding:16px}.intro-text{font-size:14px;padding:12px}.section-title{font-size:18px}}.company-settings-page{min-height:100vh;background:#f5f7fa;display:flex;flex-direction:column}.settings-header{background:#166534;color:#fff;padding:16px 24px;box-shadow:0 2px 4px #0000001a}.header-content{max-width:1400px;margin:0 auto}.back-btn{background:transparent;border:none;color:#fff;font-size:16px;cursor:pointer;padding:8px 16px;border-radius:6px;transition:background .2s}.back-btn:hover{background:#ffffff1a}.settings-layout{display:flex;flex:1;max-width:1400px;margin:0 auto;width:100%;padding:24px;gap:24px}.settings-sidebar{width:280px;background:#fff;border-radius:12px;padding:24px;height:fit-content;box-shadow:0 1px 3px #0000001a}.sidebar-title{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 24px}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px;background:transparent;border:none;color:#6b7280;text-align:left;border-radius:8px;cursor:pointer;transition:all .2s;font-size:14px}.nav-item:hover{background:#f3f4f6;color:#1f2937}.nav-item.active{background:#e5e7eb;color:#1f2937;font-weight:500}.nav-item svg{flex-shrink:0}.settings-content{flex:1;background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.company-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.company-logo{width:48px;height:48px;background:#166534;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px}.company-info{flex:1}.company-name{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 4px}.company-email{font-size:14px;color:#6b7280;margin:0}.company-form{display:flex;flex-direction:column;gap:24px}.form-row{display:flex;gap:16px}.form-group{flex:1;display:flex;flex-direction:column;gap:8px}.form-group-large{flex:2}.form-group-small{flex:1}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-actions{display:flex;justify-content:flex-end;margin-top:8px}.content-section h2{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 16px}.content-section p{color:#6b7280;font-size:14px}.invite-section{display:flex;gap:32px;margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid #e5e7eb}.invite-content{flex:1}.section-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 16px}.section-subtitle{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 24px}.invite-form{display:flex;gap:12px}.invite-input{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background:#fff}.invite-input:focus{outline:none;border-color:#166534}.invite-input::placeholder{color:#9ca3af}.btn-invite{background:#86efac;color:#166534;font-weight:500}.btn-invite:hover:not(:disabled){background:#4ade80}.btn-invite:disabled{opacity:.6;cursor:not-allowed}.invite-illustration{width:200px;display:flex;align-items:center;justify-content:center}.illustration-placeholder{width:120px;height:120px;background:linear-gradient(135deg,#fce7f3,#f3e8ff);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.tea-cup{font-size:48px;position:relative;z-index:1}.pandas{font-size:24px;margin-top:-20px;position:relative;z-index:2}.team-members-section{margin-top:32px}.team-members-list{display:flex;flex-direction:column;gap:16px}.team-member-card{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.member-avatar-wrapper{position:relative}.member-avatar{width:48px;height:48px;background:#6b7280;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.crown-icon{position:absolute;top:-4px;right:-4px;background:#fff;border-radius:50%;padding:2px}.member-info{flex:1}.member-name{font-size:16px;font-weight:500;color:#1f2937;margin-bottom:4px}.member-email{font-size:14px;color:#6b7280}.member-contact-icons{display:flex;gap:6px;margin-top:8px}.contact-icon-btn{width:26px;height:26px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;background:transparent}.contact-icon-btn.phone-icon{background:#dcfce7;color:#16a34a}.contact-icon-btn.phone-icon:hover{background:#16a34a;color:#fff;transform:scale(1.1)}.contact-icon-btn.email-icon{background:#dbeafe;color:#2563eb}.contact-icon-btn.email-icon:hover{background:#2563eb;color:#fff;transform:scale(1.1)}.contact-icon-btn.whatsapp-icon{background:#d1fae5;color:#059669}.contact-icon-btn.whatsapp-icon:hover{background:#25d366;color:#fff;transform:scale(1.1)}.contact-link{color:#2563eb;text-decoration:none;transition:color .2s}.contact-link:hover{color:#1d4ed8;text-decoration:underline}.member-actions{display:flex;align-items:center;gap:12px;position:relative}.role-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background:#fff;cursor:pointer}.role-select:focus{outline:none;border-color:#166534}.member-menu-btn{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .2s}.member-menu-btn:hover{background:#f3f4f6}@media (max-width: 768px){.settings-header{padding:12px 16px}.header-content{padding:0}.settings-layout{flex-direction:column;padding:16px;gap:16px}.settings-sidebar{width:100%;order:2}.settings-content{order:1;padding:20px}.company-header{flex-direction:column;align-items:flex-start;gap:12px}.company-form{gap:20px}.form-row{flex-direction:column;gap:16px}.form-group,.form-group-large,.form-group-small{flex:1}.form-actions{flex-direction:column}.invite-section{flex-direction:column;gap:24px}.invite-illustration{width:100%;justify-content:center}.invite-form{flex-direction:column}.team-member-card{flex-direction:column;align-items:flex-start}.member-actions{width:100%;justify-content:space-between}}@media (max-width: 480px){.settings-content{padding:16px}.company-name{font-size:20px}.section-title{font-size:18px}.section-subtitle{font-size:16px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#40e0d0,#20b2aa);padding:20px}.login-card{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d}.login-form{display:flex;flex-direction:column;gap:20px}.signup-link{text-align:center;margin-top:24px;color:#6b7280}.signup-link a{color:#40e0d0;text-decoration:none;font-weight:500}.signup-link a:hover{text-decoration:underline}@media (max-width: 768px){.login-container{padding:40px 16px 16px;align-items:flex-start}.login-card{padding:24px;max-width:100%}h1{font-size:24px}.subtitle{font-size:14px;margin-bottom:24px}.login-form{gap:16px}}@media (max-width: 480px){.login-container{padding:12px}.login-card{padding:20px}h1{font-size:22px}}.signup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#40e0d0,#20b2aa);padding:20px}.signup-card{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:700px;box-shadow:0 20px 60px #0000004d;max-height:90vh;overflow-y:auto}h1{font-size:32px;margin-bottom:8px;color:#1f2937}.subtitle{color:#6b7280;margin-bottom:32px}.signup-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:#374151}.modules-section{margin:24px 0}.modules-section h3{font-size:20px;margin-bottom:8px;color:#1f2937}.modules-hint{color:#6b7280;font-size:14px;margin-bottom:16px}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.module-checkbox{cursor:pointer}.module-checkbox input[type=checkbox]{display:none}.module-card{border:2px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .3s ease}.module-checkbox input[type=checkbox]:checked+.module-card{border-color:#40e0d0;background-color:#eef2ff}.module-icon{font-size:32px}.module-info{flex:1}.module-name{font-weight:600;color:#1f2937;margin-bottom:4px}.module-desc{font-size:12px;color:#6b7280}.btn{width:100%;margin-top:8px}.error{color:#ef4444;font-size:14px;text-align:center}.login-link{text-align:center;margin-top:24px;color:#6b7280}.login-link a{color:#40e0d0;text-decoration:none;font-weight:500}.login-link a:hover{text-decoration:underline}@media (max-width: 768px){.signup-container{padding:20px 16px 16px;align-items:flex-start}.signup-card{padding:24px;max-width:100%;max-height:none}h1{font-size:24px}.subtitle{font-size:14px;margin-bottom:24px}.signup-form{gap:20px}.modules-section h3{font-size:18px}.modules-grid{grid-template-columns:1fr;gap:12px}.module-card{padding:12px}.module-icon{font-size:28px}.module-name{font-size:14px}.module-desc{font-size:11px}}@media (max-width: 480px){.signup-container{padding:12px}.signup-card{padding:20px}h1{font-size:22px}.modules-section{margin:16px 0}}.automation-settings{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.automation-settings h3{margin-bottom:16px;color:#1f2937}.automation-builder{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:flex-start;gap:24px}.trigger-section,.action-section{flex:1}.trigger-section h3,.action-section h3{margin-bottom:16px;color:#1f2937}.arrow{font-size:32px;color:#40e0d0;margin-top:40px}.action-item{display:flex;align-items:center;gap:12px;margin-bottom:12px}.remove-btn{background:#ef4444;color:#fff;border:none;border-radius:4px;width:32px;height:32px;cursor:pointer;font-size:20px;line-height:1;flex-shrink:0}.remove-btn:hover{background:#dc2626}@media (max-width: 768px){.builder-header{padding:12px 0}.header-content{padding:0 16px;flex-wrap:wrap;gap:12px}.builder-main{padding:16px 0}.automation-settings{padding:16px;margin-bottom:16px}.automation-builder{padding:16px;flex-direction:column;gap:16px}.trigger-section,.action-section{width:100%}.arrow{transform:rotate(90deg);margin:16px 0;text-align:center}.action-item{flex-wrap:wrap}.remove-btn{width:28px;height:28px;font-size:18px}}@media (max-width: 480px){.builder-header{padding:8px 0}.header-content{padding:0 12px}.builder-main{padding:12px 0}.automation-settings,.automation-builder{padding:12px}}.builder-page{min-height:100vh;background-color:#f5f7fa;display:flex;flex-direction:column}.builder-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;min-width:0;overflow:hidden}.header-left{display:flex;align-items:center;gap:12px}.back-btn{background:none;border:none;color:#40e0d0;font-size:20px;cursor:pointer;padding:8px;border-radius:4px}.back-btn:hover{background:#f0fdfa}.form-title-input{border:none;font-size:18px;font-weight:600;color:#1f2937;padding:8px 12px;background:transparent;min-width:200px}.form-title-input:focus{outline:2px solid #40e0d0;border-radius:4px}.header-right{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;flex-shrink:0}.icon-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:4px;transition:background .2s}.icon-btn:hover{background:#f9fafb}.save-btn{background-color:#3b82f6;color:#fff;padding:5px 10px!important;border-radius:5px;font-weight:600;font-size:12px;transition:all .2s;border:none;cursor:pointer;white-space:nowrap;flex-shrink:0;width:auto!important}.save-btn:hover:not(:disabled):not(.saved){background-color:#2563eb}.save-btn:disabled{opacity:.6;cursor:not-allowed}.save-btn.saved{background-color:#10b981;cursor:default}.save-btn.saved:hover{background-color:#10b981}.publish-btn{padding:5px 10px!important;font-weight:600;font-size:12px;white-space:nowrap;flex-shrink:0;border-radius:5px;width:auto!important}.remove-btn{background-color:#ef4444;color:#fff;padding:5px 10px!important;border-radius:5px;font-weight:600;font-size:12px;transition:all .2s;border:none;cursor:pointer;white-space:nowrap;flex-shrink:0;width:auto!important;height:24px}.remove-btn:hover{background-color:#dc2626}.delete-form-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-form-modal{background:#fff;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 10px 25px #0003}.delete-form-modal-header{margin-bottom:16px}.delete-form-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.delete-form-modal-body{margin-bottom:24px}.delete-form-modal-body p{margin:0 0 12px;color:#6b7280;font-size:14px}.delete-form-modal-body p:last-child{margin-bottom:0}.delete-form-warning{color:#ef4444!important;font-size:13px!important}.delete-form-modal-footer{display:flex;gap:12px;justify-content:flex-end}.btn-form-cancel{padding:10px 20px;border:1px solid #d1d5db;background:#fff;border-radius:6px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.btn-form-cancel:hover{background:#f9fafb;border-color:#9ca3af}.btn-form-delete{padding:10px 20px;border:none;background:#ef4444;color:#fff;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-form-delete:hover{background:#dc2626}.builder-main{flex:1;overflow:hidden}.builder-layout{display:grid;grid-template-columns:280px 1fr 320px;height:calc(100vh - 60px);gap:0}.left-sidebar{grid-column:1;background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto;padding:20px}.sidebar-header h3{margin:0 0 20px;font-size:16px;font-weight:600;color:#1f2937}.form-sections{margin-bottom:32px}.section-item{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;margin-bottom:8px}.section-item:hover{border-color:#40e0d0}.section-item.active{border-color:#40e0d0;background:#eef2ff}.section-icon{font-size:18px}.section-name{flex:1;font-weight:500;color:#374151;font-size:14px}.section-menu{background:none;border:none;font-size:18px;cursor:pointer;color:#9ca3af;padding:4px}.add-section-btn{width:100%;padding:12px;border:2px dashed #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;color:#40e0d0;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.add-section-btn:hover{border-color:#40e0d0;background:#f0fdfa}.field-palette-section{margin-top:32px}.field-palette-section h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#1f2937}.center-panel{grid-column:2;background:#f9fafb;overflow-y:auto;padding:40px;display:flex;align-items:flex-start;justify-content:center}.form-preview-wrapper{width:100%;max-width:800px}.form-preview{background:#fff;border-radius:12px;padding:40px 50px 40px 40px;box-shadow:0 4px 12px #0000001a;overflow:visible}.right-sidebar{grid-column:3;background:#fff;border-left:1px solid #e5e7eb;overflow-y:auto}.preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.preview-content{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.preview-header h3{margin:0;font-size:20px;color:#1f2937}.preview-body{padding:40px}.form-preview-container{max-width:800px;margin:0 auto}.intro-text{padding:24px;font-size:18px;font-weight:600;color:#1f2937;background:#fff;margin-bottom:24px;border-radius:8px;text-align:center}.form-page{display:flex;flex-direction:column}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.section-title{margin:0;font-size:24px;font-weight:600;color:#1f2937}.required-badge{background:#f3f4f6;color:#6b7280;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.form-fields{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.form-field{margin-bottom:0}.form-navigation{display:flex;gap:12px;justify-content:space-between;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.nav-btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s}.nav-btn:hover:not(:disabled){opacity:.9}.nav-btn:disabled{opacity:.6;cursor:not-allowed}.nav-btn-back{flex:0 0 auto;min-width:120px}.nav-btn-next,.nav-btn-submit{flex:1;max-width:300px;margin-left:auto}.nav-btn-submit{width:100%;max-width:none}.close-btn{background:none;border:none;font-size:32px;color:#9ca3af;cursor:pointer;line-height:1;padding:0;width:32px;height:32px}.close-btn:hover{color:#374151}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d}.delete-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.delete-modal .modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.delete-modal .modal-body{padding:24px}.delete-modal .modal-body p{margin:0 0 24px;color:#374151;line-height:1.6}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-actions .btn{padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:14px}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626}.config-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.config-modal .modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.config-modal .modal-body{padding:24px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-input:focus{outline:none;border-color:#40e0d0;box-shadow:0 0 0 3px #40e0d01a}.form-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151}.form-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#40e0d0}@media (max-width: 768px){.builder-header{padding:8px 12px;flex-wrap:wrap;gap:8px}.header-left{flex:1 1 auto;order:1;display:flex;align-items:center;gap:8px}.mobile-menu-btn{display:flex}.mobile-menu-btn-right{background:#0000000d;border:none;color:#1f2937;width:36px;height:36px;border-radius:6px;cursor:pointer;align-items:center;justify-content:center;padding:0;transition:background .2s;font-size:18px}.mobile-menu-btn-right:hover{background:#0000001a}.header-right{flex:1 1 auto;order:2;justify-content:flex-end;flex-wrap:wrap;gap:4px}.form-title-input{font-size:16px;min-width:150px;flex:1}.icon-btn{font-size:18px;padding:6px}.save-btn,.publish-btn,.remove-btn{font-size:11px;padding:4px 8px!important}.builder-layout{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 60px);display:flex;flex-direction:column}.left-sidebar{position:fixed;left:-280px;top:60px;bottom:0;z-index:999;transition:left .3s ease;width:280px;max-width:85vw;grid-column:unset}.left-sidebar.mobile-open{left:0}.center-panel{grid-column:1;padding:20px 12px;width:100%!important;max-width:100%!important;order:1;display:flex;flex-direction:column;min-height:calc(100vh - 60px);box-sizing:border-box;overflow-x:visible;overflow-y:visible}.form-preview-wrapper{width:100%!important;max-width:100%!important;box-sizing:border-box;overflow-x:visible;overflow-y:visible;position:relative}.form-preview{padding:24px 16px;width:100%!important;max-width:100%!important;box-sizing:border-box;overflow-x:visible;overflow-y:visible;position:relative}.right-sidebar{position:fixed;right:-320px;top:60px;bottom:0;z-index:999;transition:right .3s ease;width:320px;max-width:85vw;grid-column:unset}.right-sidebar.mobile-open{right:0}.builder-canvas{width:100%!important;max-width:100%!important;overflow-x:visible;overflow-y:visible;box-sizing:border-box;position:relative;margin:0}.preview-overlay{padding:12px}.preview-content{max-height:95vh}.preview-header{padding:12px 16px}.preview-header h3{font-size:18px}.preview-body{padding:20px 16px}.delete-form-modal,.modal-content{max-width:90vw;padding:20px}.delete-form-modal-header h3{font-size:18px}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}@media (max-width: 480px){.builder-header{padding:6px 8px}.form-title-input{font-size:14px}.center-panel{padding:12px 8px;width:100%!important;max-width:100%!important;box-sizing:border-box}.form-preview{padding:16px 12px}.left-sidebar,.right-sidebar{max-width:100vw;width:100%}}.pipeline-settings{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.pipeline-settings h3{margin-bottom:16px;color:#1f2937}.stages-container{display:flex;flex-direction:column;gap:16px}.stage-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:12px}.remove-stage-btn{background:#ef4444;color:#fff;border:none;border-radius:4px;width:32px;height:32px;cursor:pointer;font-size:20px;line-height:1;flex-shrink:0}.remove-stage-btn:hover{background:#dc2626}@media (max-width: 768px){.builder-header{padding:12px 0}.header-content{padding:0 16px;flex-wrap:wrap;gap:12px}.builder-main{padding:16px 0}.pipeline-settings{padding:16px;margin-bottom:16px}.stage-card{padding:16px;flex-wrap:wrap}.remove-stage-btn{width:28px;height:28px;font-size:18px}}@media (max-width: 480px){.builder-header{padding:8px 0}.header-content{padding:0 12px}.builder-main{padding:12px 0}.pipeline-settings,.stage-card{padding:12px}}.invoice-settings{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.invoice-settings h3{margin-bottom:16px;color:#1f2937}@media (max-width: 768px){.builder-header{padding:12px 0}.header-content{padding:0 16px;flex-wrap:wrap;gap:12px}.builder-main{padding:16px 0}.builder-layout{grid-template-columns:1fr;gap:16px;padding:0 16px}.builder-sidebar{position:relative;top:0;order:2}.builder-content{order:1;gap:16px}.invoice-settings{padding:16px}}@media (max-width: 480px){.builder-header{padding:8px 0}.header-content{padding:0 12px}.builder-main{padding:12px 0}.builder-layout{padding:0 12px}.invoice-settings{padding:12px}}.offer-settings{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.offer-settings h3{margin-bottom:16px;color:#1f2937}@media (max-width: 768px){.builder-header{padding:12px 0}.header-content{padding:0 16px;flex-wrap:wrap;gap:12px}.builder-main{padding:16px 0}.builder-layout{grid-template-columns:1fr;gap:16px;padding:0 16px}.builder-sidebar{position:relative;top:0;order:2}.builder-content{order:1;gap:16px}.offer-settings{padding:16px}}@media (max-width: 480px){.builder-header{padding:8px 0}.header-content{padding:0 12px}.builder-main{padding:12px 0}.builder-layout{padding:0 12px}.offer-settings{padding:12px}}.builder-page{min-height:100vh;background-color:#f5f7fa}.builder-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 0}.header-content{display:flex;justify-content:space-between;align-items:center}.back-btn{background:none;border:none;color:#40e0d0;font-size:16px;cursor:pointer;padding:8px}.back-btn:hover{text-decoration:underline}.builder-main{padding:24px 0}.builder-layout{display:grid;grid-template-columns:250px 1fr;gap:24px}.builder-sidebar{position:sticky;top:24px;height:fit-content}.builder-content{display:flex;flex-direction:column;gap:24px}.crm-settings{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.crm-settings h3{margin-bottom:16px;color:#1f2937}@media (max-width: 768px){.builder-header{padding:12px 0}.header-content{padding:0 16px;flex-wrap:wrap;gap:12px}.builder-main{padding:16px 0}.builder-layout{grid-template-columns:1fr;gap:16px;padding:0 16px}.builder-sidebar{position:relative;top:0;order:2}.builder-content{order:1;gap:16px}.crm-settings{padding:16px}}@media (max-width: 480px){.builder-header{padding:8px 0}.header-content{padding:0 12px}.builder-main{padding:12px 0}.builder-layout{padding:0 12px}.crm-settings{padding:12px}}