:root{--primary-color:#4a6cf7;--primary-hover:#3a5ce4;--secondary-color:#6c757d;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--light-color:#f8f9fa;--dark-color:#343a40;--white:#fff;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--black:#000;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--border-radius:0.25rem;--box-shadow:0 0.5rem 1rem rgba(0,0,0,.15);--transition:all 0.3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;background-color:var(--gray-100);color:#212529;color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family-sans-serif);font-size:1rem;line-height:1.5}code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-family:var(--font-family-monospace)}a{color:#4a6cf7;color:var(--primary-color);text-decoration:none;transition:all .3s ease-in-out;transition:var(--transition)}a:hover{color:#3a5ce4;color:var(--primary-hover);text-decoration:underline}.btn,button{border:1px solid #e9ecef;border:1px solid var(--gray-200);cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .3s ease-in-out;transition:var(--transition)}.btn,.btn-small,button{background-color:#fff;background-color:var(--white);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);font-weight:500}.btn-small{border:1px solid #e9ecef;border:1px solid var(--gray-200);color:#4a6cf7;color:var(--primary-color);font-size:.875rem;padding:.375rem .75rem}.btn-small:hover{background-color:#f8f9fa;background-color:var(--gray-100);color:#3a5ce4;color:var(--primary-hover)}.btn-primary{background-color:#4a6cf7;background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:#3a5ce4;background-color:var(--primary-hover)}.btn:hover,button:hover{background-color:#f8f9fa;background-color:var(--gray-100);border-color:#dee2e6;border-color:var(--gray-300)}.btn-secondary{background-color:var(--secondary-color);color:var(--white)}.btn-success{background-color:var(--success-color);color:var(--white)}.btn-danger{background-color:var(--danger-color);color:var(--white)}.btn-warning{background-color:#ffc107;background-color:var(--warning-color);color:#343a40;color:var(--dark-color)}.btn-info{background-color:#17a2b8;background-color:var(--info-color);color:#fff;color:var(--white)}.btn-light{background-color:#f8f9fa;background-color:var(--light-color);color:#343a40;color:var(--dark-color)}.btn-dark{background-color:#343a40;background-color:var(--dark-color);color:#fff;color:var(--white)}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.loading{align-items:center;color:#4a6cf7;color:var(--primary-color);display:flex;font-size:1.5rem;height:100vh;justify-content:center}.form-control{border:1px solid var(--gray-400);border-radius:var(--border-radius);padding:.5rem .75rem;transition:all .3s ease-in-out;transition:var(--transition)}.form-control,.form-control:focus{background-color:var(--white);color:var(--gray-700)}.form-control:focus{border-color:#4a6cf7;border-color:var(--primary-color);box-shadow:0 0 0 .2rem rgba(74,108,247,.25)}.form-label{display:inline-block;font-weight:500;margin-bottom:.5rem}.alert{border-radius:var(--border-radius);padding:.75rem 1.25rem}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.card{word-wrap:break-word;background-clip:border-box;background-color:#fff;background-color:var(--white);border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:.25rem;border-radius:var(--border-radius);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);box-shadow:var(--box-shadow);display:flex;flex-direction:column;min-width:0;position:relative}.card-header{background-color:#f8f9fa;background-color:var(--gray-100);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gray-300);margin-bottom:0;padding:.75rem 1.25rem}.card-body{flex:1 1 auto;padding:1.25rem}.card-footer{background-color:#f8f9fa;background-color:var(--gray-100);border-top:1px solid #dee2e6;border-top:1px solid var(--gray-300);padding:.75rem 1.25rem}.table{border-collapse:collapse;color:#212529;color:var(--gray-900);margin-bottom:1rem;width:100%}.table td,.table th{border-top:1px solid #dee2e6;border-top:1px solid var(--gray-300);padding:.75rem;vertical-align:top}.table thead th{background-color:#f8f9fa;background-color:var(--gray-100);border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--gray-300);vertical-align:bottom}.table tbody+tbody{border-top:2px solid #dee2e6;border-top:2px solid var(--gray-300)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.d-flex{display:flex}.flex-column{flex-direction:column}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.w-100{width:100%}.h-100{height:100%}input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--white)!important;border:2px solid var(--gray-300)!important;border-radius:4px!important;cursor:pointer!important;height:20px!important;margin:0!important;transition:var(--transition)!important;width:20px!important}input[type=checkbox]:checked{background-color:var(--primary-color)!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L8 12.586l7.293-7.293a1 1 0 0 1 1.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E")!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:14px!important}input[type=checkbox]:checked,input[type=checkbox]:hover{border-color:var(--primary-color)!important}input[type=checkbox]:focus{box-shadow:0 0 0 2px rgba(74,108,247,.25)!important;outline:none!important}.btn{border:1px solid var(--gray-200)!important;border-radius:8px!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important;font-weight:500!important;transition:var(--transition)!important}.btn,.btn-primary{background-color:#fff!important;color:var(--primary-color)!important}.btn-primary{border-color:var(--gray-200)!important}.btn-sm{font-size:1rem!important;padding:.5rem 1rem!important}.btn:hover{background-color:var(--gray-100)!important;border-color:var(--gray-300)!important;color:var(--primary-hover)!important}.btn i{color:var(--primary-color)!important}.btn:hover i{color:var(--primary-hover)!important}.dashboard-stats{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.stat-card{border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 6px 12px rgba(0,0,0,.15);transform:translateY(-5px)}.stat-card-title{color:#6c757d;font-weight:600}.stat-card-value{color:#343a40;font-size:2.5rem;margin-bottom:1rem}.stat-card-icon{color:rgba(0,123,255,.2);font-size:1.5rem}.stat-card-change{align-items:center;display:flex;font-size:.875rem;gap:.25rem;margin-top:.5rem}.stat-card-change.positive{color:#28a745}.stat-card-change.negative{color:#dc3545}.new-lead-card{border-left:4px solid #007bff}.hot-lead-card{border-left:4px solid #fd7e14}.closed-lead-card{border-left:4px solid #28a745}.lost-lead-card{border-left:4px solid #dc3545}.lead-stat-card{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.05);height:100%;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.lead-stat-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-3px)}.lead-stat-title{color:#495057;font-size:1rem;font-weight:600;margin-bottom:.5rem}.lead-stat-value{color:#212529;font-size:2rem;font-weight:700;margin-bottom:.5rem}.lead-stat-change{align-items:center;display:flex;font-size:.875rem;gap:.25rem}.lead-stat-change.positive{color:#28a745}.lead-stat-change.negative{color:#dc3545}.col-md-3:first-child .lead-stat-card{border-left:4px solid #007bff}.col-md-3:nth-child(2) .lead-stat-card{border-left:4px solid #fd7e14}.col-md-3:nth-child(3) .lead-stat-card{border-left:4px solid #28a745}.col-md-3:nth-child(4) .lead-stat-card{border-left:4px solid #dc3545}.btn-outline-primary:hover,.btn-primary:hover{background-color:#fff!important;border:2px solid #007bff!important;color:#007bff!important}.btn-outline-primary,.btn-primary{border-width:2px;margin-bottom:16px;margin-right:16px}.card-body .d-flex.flex-wrap{gap:16px!important}@media (max-width:768px){.dashboard-stats{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.stat-card-value{font-size:2rem}.lead-stat-value{font-size:1.75rem}}.form-landing-container{align-items:center;background-color:#f8f9fa;background-color:var(--background-color,#f8f9fa);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem;width:100%}.form-landing-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin:0 auto;max-width:600px;padding:2rem;width:100%}.form-header{margin-bottom:2rem;text-align:center}.form-header h1{color:#007bff;color:var(--primary-color,#007bff);font-size:2rem;margin-bottom:1rem}.form-header p{color:#6c757d}.form-landing-form{display:flex;flex-direction:column;gap:1.5rem}.form-field{margin-bottom:.5rem}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.5rem}.required-mark{color:#dc3545;margin-left:.25rem}.form-control{border-radius:.25rem;font-size:1rem;padding:.75rem}.form-control:focus{border-color:#007bff;border-color:var(--primary-color,#007bff)}.form-control.is-invalid{border-color:#dc3545}.invalid-feedback{color:#dc3545;display:block;font-size:.875rem;margin-top:.25rem;width:100%}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:.5rem}.form-check{align-items:center;display:flex;margin-bottom:.5rem}.form-check-input{margin-right:.5rem}.form-check-label{margin-bottom:0}.form-actions{display:flex;justify-content:center;margin-top:2rem}.btn{padding:.75rem 1.5rem}.btn-primary{background-color:var(--primary-color,#007bff);border-color:var(--primary-color,#007bff);max-width:300px;width:100%}.btn-primary:disabled{cursor:not-allowed;opacity:.65}.form-success{padding:2rem 0;text-align:center}.form-success h2{color:#007bff;color:var(--primary-color,#007bff);margin-bottom:1rem}.loading{color:#6c757d;padding:2rem}.alert,.loading{text-align:center}.alert{border:1px solid transparent;border-radius:.25rem;margin-bottom:1rem;padding:1rem;position:relative}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-warning{background-color:#fff3cd;border-color:#ffeeba;color:#856404}@media (max-width:768px){.form-landing-card{padding:1.5rem}.form-header h1{font-size:1.75rem}.btn{padding:.625rem 1.25rem}}@media (max-width:480px){.form-landing-container{padding:1rem .5rem}.form-landing-card{box-shadow:0 2px 8px rgba(0,0,0,.1);padding:1.25rem}.form-header h1{font-size:1.5rem}.form-control{padding:.625rem}}.crm-table{border-collapse:collapse;width:100%}.crm-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:.75rem;position:sticky;text-align:left;top:0;z-index:10}.crm-table td{border-bottom:1px solid #dee2e6;padding:.5rem .75rem;vertical-align:middle}.crm-table tbody tr:hover{background-color:rgba(0,123,255,.05)}.editable-cell{cursor:pointer;position:relative}.editable-cell:hover:after{color:#6c757d;content:"\f044";font-family:Font Awesome\ 5 Free;font-weight:900;opacity:.5;position:absolute;right:.5rem}.editable-cell.editing{padding:0}.editable-cell input,.editable-cell select,.editable-cell textarea{border:1px solid #ced4da;border-radius:.25rem;height:100%;min-height:38px;padding:.375rem .75rem;width:100%}.editable-cell select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px}.custom-column-controls{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.button-text{color:#495057;display:inline-block;font-weight:600}.custom-column-form{align-items:flex-end;display:flex;gap:.5rem;margin-bottom:1rem}.custom-column-form .form-group{margin-bottom:0}.filter-card{position:relative}.filter-header{align-items:center;cursor:pointer;display:flex;transition:background-color .2s ease}.filter-header:hover{background-color:#f0f0f0}.filter-header h5{align-items:center;display:flex;gap:.5rem}.filter-header i{color:#6c757d;font-size:1rem}.filter-title{margin-left:.5rem}.card-body.hide{display:none}.card-body.show{display:block}.btn-outline-danger,.btn-outline-primary,.btn-outline-secondary{background-color:#fff;border-radius:8px;border-width:1px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.btn-outline-primary{border-color:var(--gray-200);color:var(--primary-color)}.btn-outline-secondary{border-color:var(--gray-200);color:var(--secondary-color)}.btn-outline-danger{border-color:var(--gray-200);color:var(--danger-color)}.btn-outline-primary:hover{color:var(--primary-hover)}.btn-outline-primary:hover,.btn-outline-secondary:hover{background-color:var(--gray-100);border-color:var(--gray-300)}.btn-outline-secondary:hover{color:var(--secondary-color)}.btn-outline-danger:hover{background-color:var(--gray-100);border-color:var(--gray-300);color:var(--danger-color)}.btn-group .btn{background-color:#fff;border-color:var(--gray-200);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin:0 2px;min-width:80px;padding:.375rem .75rem;position:relative;text-align:center;z-index:1}.btn-group{display:flex;flex-wrap:wrap;gap:5px}.btn-group .btn i{font-size:1rem}.btn-group .btn i,.btn-outline-primary i{color:var(--primary-color)}.btn-outline-secondary i{color:var(--secondary-color)}.btn-outline-danger i{color:var(--danger-color)}.btn-outline-primary:hover i{color:var(--primary-hover)}.btn-outline-secondary:hover i{color:var(--secondary-color)}.btn-outline-danger:hover i{color:var(--danger-color)}.btn-sm{background-color:#fff;border:1px solid var(--gray-200);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);color:var(--primary-color);font-weight:500;padding:.375rem .75rem}.btn-sm:hover{background-color:var(--gray-100);color:var(--primary-hover)}.btn{border-radius:8px;border-width:1px;font-weight:500}@media (max-width:992px){.crm-table{display:block;overflow-x:auto}.custom-column-form{align-items:stretch;flex-direction:column}.custom-column-form .form-group{margin-bottom:.5rem}}.submission-view-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:992px){.submission-view-container{grid-template-columns:2fr 1fr}}.lead-info-card{margin-bottom:1.5rem}.lead-status-select{background-clip:padding-box;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;color:#495057;font-size:1rem;line-height:1.5;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.lead-status-select.new-lead{background-color:#f0f7ff;border-color:#0d6efd}.lead-status-select.hot-lead{background-color:#fff8f0;border-color:#fd7e14}.lead-status-select.closed-lead{background-color:#f0fff5;border-color:#198754}.lead-status-select.lost-lead{background-color:#fff0f0;border-color:#dc3545}.lead-notes{background-clip:padding-box;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;color:#495057;font-size:1rem;line-height:1.5;min-height:120px;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.lead-field-row{border-bottom:1px solid #f0f0f0;display:flex;margin-bottom:.75rem;padding-bottom:.75rem}.lead-field-label{color:#495057;flex:0 0 30%;font-weight:600}.lead-field-value{color:#212529;flex:0 0 70%}.lead-field-value input,.lead-field-value textarea{background-clip:padding-box;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;color:#495057;font-size:1rem;line-height:1.5;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.lead-field-value textarea{min-height:80px}.lead-field-value.editing{padding:0}.lead-meta-info{color:#6c757d;font-size:.875rem}.lead-meta-info strong{color:#495057}.lead-actions{display:flex;gap:.5rem;margin-top:1rem}.status-badge{border-radius:.25rem;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.status-badge.new-lead{background-color:#cfe2ff;color:#0d6efd}.status-badge.hot-lead{background-color:#fff3cd;color:#fd7e14}.status-badge.closed-lead{background-color:#d1e7dd;color:#198754}.status-badge.lost-lead{background-color:#f8d7da;color:#dc3545}.email-builder{background-color:#f8f9fa;border-radius:4px;display:flex;flex-direction:column;height:100%;min-height:600px;overflow:hidden}.email-editor{display:flex;flex-wrap:wrap;gap:20px;padding:20px;width:100%}.editor-section{background-color:#fff;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.05);flex:1 1;min-width:300px;padding:20px}.editor-section h4{border-bottom:1px solid #e0e0e0;color:#333;margin-bottom:20px;padding-bottom:10px}.form-group{margin-bottom:20px}@media (max-width:768px){.email-editor{flex-direction:column}.editor-section{width:100%}}.drag-drop-email-builder{min-height:600px}.device-preview-buttons{border-radius:4px;display:inline-flex;margin-left:10px;overflow:hidden}.device-preview-buttons button{border-radius:0;margin:0;padding:5px 10px}.device-preview-buttons button:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}.device-preview-buttons button:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px}.builder-content{overflow:hidden}.builder-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;overflow-y:auto;padding:15px;width:250px}.builder-sidebar-right{border-left:1px solid #e0e0e0;border-right:none}.component-library h4,.property-editor h4{border-bottom:1px solid #e0e0e0;color:#333;font-size:16px;margin-bottom:15px;padding-bottom:10px}.component-list{flex-wrap:wrap;margin-bottom:20px}.component-item{align-items:center;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;cursor:move;display:flex;flex-direction:column;height:80px;justify-content:center;padding:10px;transition:all .2s ease;width:calc(50% - 5px)}.component-item:hover{background-color:#e9ecef;border-color:#ced4da}.component-item i{color:#6c757d;font-size:20px;margin-bottom:5px}.component-item span{color:#495057;font-size:12px;text-align:center}.layout-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.layout-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;padding:10px;transition:all .2s ease;width:calc(50% - 5px)}.layout-button:hover .layout-preview{border-color:#ced4da}.layout-preview{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;height:60px;margin-bottom:5px;position:relative;width:100%}.layout-preview.one-column:after{right:10px}.layout-preview.one-column:after,.layout-preview.two-column:after{background-color:#e9ecef;border-radius:2px;bottom:10px;content:"";left:10px;position:absolute;top:10px}.layout-preview.two-column:after{width:calc(50% - 15px)}.layout-preview.two-column:before{background-color:#e9ecef;border-radius:2px;bottom:10px;content:"";position:absolute;right:10px;top:10px;width:calc(50% - 15px)}.layout-button span{color:#495057;font-size:12px}.builder-main{background-color:#f8f9fa;flex:1 1;overflow-y:auto;padding:20px}.canvas{min-height:100%;padding-bottom:50px}.canvas-row{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:20px;overflow:hidden;position:relative}.row-actions{opacity:0;position:absolute;right:5px;top:5px;transition:opacity .2s ease;z-index:10}.canvas-row:hover .row-actions{opacity:1}.row-content{display:flex;min-height:100px;padding:10px}.canvas-column{border:1px dashed transparent;min-height:80px;padding:10px;position:relative;transition:all .2s ease}.canvas-column.drag-over{background-color:rgba(0,123,255,.05);border-color:#007bff}.canvas-component{border:1px solid transparent;cursor:pointer;margin-bottom:10px;position:relative;transition:all .2s ease}.canvas-component:hover{border-color:#ced4da}.canvas-component.selected{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.component-overlay{background-color:transparent;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color .2s ease}.canvas-component:hover .component-overlay{background-color:rgba(0,0,0,.02)}.component-type{background-color:rgba(0,0,0,.5);border-radius:2px;color:#fff;font-size:10px;left:5px;opacity:0;padding:2px 5px;position:absolute;top:5px;transition:opacity .2s ease}.canvas-component:hover .component-type{opacity:1}.empty-column{align-items:center;background-color:#f8f9fa;border:1px dashed #ced4da;border-radius:4px;display:flex;justify-content:center;min-height:80px}.drop-placeholder{align-items:center;color:#6c757d;display:flex;flex-direction:column}.drop-placeholder i{font-size:20px;margin-bottom:5px}.drop-placeholder span{font-size:12px}.empty-canvas{align-items:center;background-color:#f8f9fa;border:2px dashed #ced4da;border-radius:4px;display:flex;justify-content:center;min-height:400px}.empty-message{color:#6c757d;text-align:center}.property-editor{padding:15px}.editor-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.editor-header h4{border:none;margin:0;padding:0}.editor-actions{gap:5px}.form-group label{font-size:14px}.network-item{margin-bottom:10px}.input-group{display:flex;gap:5px}.email-preview-container{height:100%}.email-preview{background-color:#fff;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}.email-preview-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;font-size:14px;padding:10px 15px}.email-preview-content{padding:20px}.preview-mobile{width:320px}.preview-tablet{width:768px}.preview-desktop{max-width:1200px;width:100%}.drag-image{background-color:#007bff;border-radius:4px;color:#fff;font-size:12px;left:-1000px;padding:5px 10px;pointer-events:none;position:fixed;top:-1000px;z-index:-1}.btn-sm{border-radius:.2rem;font-size:.875rem;line-height:1.5;padding:.25rem .5rem}.btn-outline-secondary{background-color:transparent;background-image:none;border-color:#6c757d;color:#6c757d}.btn-outline-secondary:hover{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-outline-danger{background-color:transparent;background-image:none;border-color:#dc3545;color:#dc3545}.btn-outline-danger:hover{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn:disabled{opacity:.65;pointer-events:none}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.me-2{margin-right:.5rem}.mt-3{margin-top:1rem}@media (max-width:992px){.builder-content{flex-direction:column}.builder-sidebar{border-bottom:1px solid #e0e0e0;border-right:none;max-height:200px;width:100%}.builder-sidebar-right{border-bottom:none;border-top:1px solid #e0e0e0}.component-list,.layout-list{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}.component-item,.layout-button{flex-shrink:0;width:120px}}@media (max-width:768px){.row-content{flex-direction:column}.canvas-column{margin-bottom:10px;width:100%!important}}.drag-drop-email-builder{background-color:#f8f9fa;border-radius:4px;display:flex;flex-direction:column;height:100%;min-height:700px;overflow:hidden}.builder-toolbar{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:10px 15px}.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:10px}.builder-content{display:flex;flex:1 1;overflow:auto}.email-builder-interface{display:flex;height:100%;width:100%}.email-builder-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;overflow:auto;width:250px}.email-builder-main{background-color:#f8f9fa;display:flex;flex:1 1;flex-direction:column;overflow:auto;padding:20px}.email-builder-header{border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding-bottom:10px}.email-builder-settings{background-color:#fff;border-left:1px solid #e0e0e0;overflow:auto;padding:20px;width:280px}.email-builder-settings h4{border-bottom:1px solid #e0e0e0;color:#333;margin-bottom:20px;padding-bottom:10px}.component-palette{padding:15px}.component-palette h4{border-bottom:1px solid #e0e0e0;color:#333;margin-bottom:15px;padding-bottom:10px}.component-list{display:flex;flex-direction:column;gap:10px}.draggable-component{align-items:center;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;cursor:grab;display:flex;gap:10px;padding:10px;transition:all .2s ease}.draggable-component:hover{background-color:#e9ecef;border-color:#ced4da}.draggable-component i{color:#6c757d;font-size:18px}.draggable-component.dragging{cursor:grabbing;opacity:.5}.drop-zone{background-color:#fff;border:1px dashed #ced4da;border-radius:4px;min-height:300px;overflow:auto;padding:20px}.drop-zone-empty{align-items:center;color:#6c757d;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:200px;text-align:center}.drop-zone-empty i{color:#adb5bd;font-size:48px;margin-bottom:15px}.email-row{border:1px solid transparent;border-radius:4px;margin-bottom:20px;position:relative;transition:all .2s ease}.email-row:hover{border-color:#ced4da}.email-row-controls{display:flex;gap:5px;opacity:0;position:absolute;right:0;top:-15px;transition:opacity .2s ease}.email-row:hover .email-row-controls{opacity:1}.row-control-btn{align-items:center;background-color:#fff;border:1px solid #ced4da;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;transition:all .2s ease;width:30px}.row-control-btn:hover{background-color:#f8f9fa;color:#495057}.row-control-btn.delete:hover{background-color:#f8d7da;border-color:#dc3545;color:#dc3545}.email-column{background-color:#f8f9fa;border:1px dashed #e0e0e0;border-radius:4px;min-height:100px;padding:15px}.email-column.dragging-over{background-color:#e9ecef;border-color:#adb5bd}.column-empty{align-items:center;color:#6c757d;display:flex;font-style:italic;height:100%;justify-content:center;min-height:80px}.email-component{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:15px;padding:10px;position:relative;transition:all .2s ease}.email-component:hover{border-color:#adb5bd}.email-component.selected{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.component-controls{display:flex;gap:5px;opacity:0;position:absolute;right:-10px;top:-10px;transition:opacity .2s ease}.email-component:hover .component-controls{opacity:1}.component-control-btn{align-items:center;background-color:#fff;border:1px solid #ced4da;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.component-control-btn:hover{background-color:#f8f9fa;color:#495057}.component-control-btn.delete:hover{background-color:#f8d7da;border-color:#dc3545;color:#dc3545}.component-editor{border-top:1px solid #e0e0e0;padding:15px}.component-editor h4{border-bottom:1px solid #e0e0e0;color:#333;margin-bottom:15px;padding-bottom:10px}.editor-actions{display:flex;justify-content:space-between;margin-top:20px}.form-group{margin-bottom:15px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:5px}.form-control{background-clip:padding-box;border:1px solid #ced4da;border-radius:4px;display:block;font-size:14px;line-height:1.5;padding:8px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-control,.form-control:focus{background-color:#fff;color:#495057}.form-control:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:0}.form-text{color:#6c757d;display:block;font-size:12px;margin-top:5px}.color-input-group{align-items:center;display:flex;gap:10px}.color-input-group input[type=color]{background-color:#fff;border:1px solid #ced4da;border-radius:4px;height:40px;padding:2px;width:40px}.email-preview-container{align-items:flex-start;display:flex;justify-content:center;overflow:auto;padding:30px;width:100%}.email-preview-content{margin:0 auto;width:100%}.email-preview-header h1{margin-bottom:10px;margin-top:0}.email-preview-body{line-height:1.6}.email-preview-body p{margin-bottom:16px}.email-preview-body img{height:auto;max-width:100%}.email-preview-footer{color:#666;font-size:12px}.email-preview-footer p{margin-bottom:5px}.btn{border:1px solid transparent;border-radius:.25rem;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn-primary{background-color:#007bff;border-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0069d9;border-color:#0062cc;color:#fff}.btn-outline-primary{background-color:transparent;background-image:none;border-color:#007bff;color:#007bff}.btn-outline-primary:hover{background-color:#007bff;border-color:#007bff;color:#fff}.btn-success{background-color:#28a745;border-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838;border-color:#1e7e34;color:#fff}.btn-danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333;border-color:#bd2130;color:#fff}.btn-secondary{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268;border-color:#545b62;color:#fff}@media (max-width:1200px){.email-builder-interface{flex-direction:column}.email-builder-settings,.email-builder-sidebar{border:none;border-bottom:1px solid #e0e0e0;width:100%}}@media (max-width:768px){.email-builder-interface{flex-direction:column}.email-builder-settings,.email-builder-sidebar{width:100%}}.email-builder-demo{background-color:#f8f9fa;display:flex;flex-direction:column;min-height:100vh}.demo-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;justify-content:space-between;padding:15px 20px}.demo-header h1{color:#333;font-size:24px;margin:0}.demo-actions{display:flex;gap:10px}.demo-content{display:flex;flex:1 1;gap:20px;padding:20px}.builder-container{flex:1 1;min-height:700px;overflow:hidden}.builder-container,.code-preview{background-color:#fff;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.05)}.code-preview{overflow:auto;padding:15px;width:400px}.code-preview h3{border-bottom:1px solid #e0e0e0;color:#333;font-size:18px;margin-bottom:15px;margin-top:0;padding-bottom:10px}.code-preview pre{background-color:#f5f5f5;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;margin:0;max-height:600px;overflow:auto;padding:15px}.saved-templates{background-color:#fff;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.05);margin-top:20px;padding:20px}.saved-templates h3{color:#333;font-size:18px;margin-bottom:15px;margin-top:0}.template-list{display:flex;flex-wrap:wrap;gap:15px}.template-item{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;padding:15px;transition:all .2s ease;width:250px}.template-item:hover{background-color:#e9ecef;border-color:#ced4da;box-shadow:0 4px 6px rgba(0,0,0,.05);transform:translateY(-2px)}.template-item h4{color:#333;font-size:16px;margin-bottom:10px;margin-top:0}.template-item p{color:#666;font-size:14px;margin:5px 0}.demo-footer{background-color:#fff;border-top:1px solid #e0e0e0;color:#666;font-size:14px;padding:15px 20px;text-align:center}@media (max-width:1200px){.demo-content{flex-direction:column}.code-preview{margin-top:20px;width:100%}}@media (max-width:768px){.demo-header{align-items:flex-start;flex-direction:column;gap:10px}.demo-actions{justify-content:flex-start;width:100%}.template-item{width:100%}}.app{display:flex;flex-direction:column;min-height:100vh}.app-content{display:flex;flex:1 1}.auth-container{align-items:center;background-color:var(--gray-100);display:flex;justify-content:center;min-height:100vh}.auth-card{margin:2rem;max-width:450px;padding:2rem;width:100%}.auth-logo{margin-bottom:2rem;text-align:center}.auth-logo h1{color:var(--primary-color);font-size:2rem;font-weight:700}.auth-footer{color:var(--gray-600);margin-top:1.5rem;text-align:center}.sidebar{background-color:var(--white);border-right:1px solid var(--gray-300);height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:var(--transition);width:250px;z-index:1000}.sidebar-collapsed{width:70px}.sidebar-header{align-items:center;border-bottom:1px solid var(--gray-300);display:flex;justify-content:space-between;padding:1rem}.sidebar-logo{color:var(--primary-color);font-size:1.5rem;font-weight:700}.sidebar-toggle{background:none;border:none;color:var(--gray-600);cursor:pointer;font-size:1.25rem}.sidebar-menu{padding:1rem 0}.sidebar-menu-item{align-items:center;color:var(--gray-700);display:flex;padding:.75rem 1rem;text-decoration:none;transition:var(--transition)}.sidebar-menu-item:hover{background-color:var(--gray-100);color:var(--primary-color);text-decoration:none}.sidebar-menu-item.active{background-color:var(--primary-color);color:var(--white)}.sidebar-menu-icon{font-size:1.25rem;margin-right:.75rem}.sidebar-menu-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-content{flex:1 1;margin-left:250px;padding:1rem;transition:var(--transition)}.main-content-expanded{margin-left:70px}.header{align-items:center;background-color:var(--white);border-bottom:1px solid var(--gray-300);display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.header-title{color:var(--gray-800);font-size:1.5rem;font-weight:600}.user-dropdown{position:relative}.user-dropdown-toggle{align-items:center;background:none;border:none;color:var(--gray-700);cursor:pointer;display:flex}.user-dropdown-menu{background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin:.125rem 0 0;min-width:10rem;padding:.5rem 0;position:absolute;right:0;top:100%;z-index:1000}.user-dropdown-item{background-color:transparent;border:0;clear:both;color:var(--gray-700);display:block;padding:.5rem 1rem;text-align:inherit;text-decoration:none;white-space:nowrap;width:100%}.user-dropdown-item:hover{background-color:var(--gray-100);color:var(--primary-color);text-decoration:none}.dashboard-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1.5rem}.stat-card-title{color:var(--gray-600);font-size:1rem;margin-bottom:.5rem}.stat-card-value{color:var(--gray-900);font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-card-icon{color:var(--primary-color);font-size:2.5rem;opacity:.2;position:absolute;right:1rem;top:1rem}.form-builder{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:3fr 1fr}.form-preview,.form-sidebar{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1.5rem}.form-field{background-color:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--border-radius);margin-bottom:1rem;padding:1rem}.form-field-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.form-field-actions{display:flex;gap:.5rem}.form-field-action{background:none;border:none;color:var(--gray-600);cursor:pointer;font-size:1rem}.form-field-action:hover{color:var(--primary-color)}.submission-filters{display:flex;gap:1rem;margin-bottom:1rem}.submission-table{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden}.submission-pagination{display:flex;justify-content:flex-end;margin-top:1rem}.submission-pagination-item{background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--border-radius);color:var(--gray-700);cursor:pointer;margin:0 .25rem;padding:.5rem .75rem}.submission-pagination-item.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.email-editor{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr}.email-preview,.email-sidebar{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1.5rem}.email-template{background-color:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--border-radius);margin-bottom:1rem;padding:1rem}.email-template-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.email-template-actions{display:flex;gap:.5rem}.email-template-action{background:none;border:none;color:var(--gray-600);cursor:pointer;font-size:1rem}.email-template-action:hover{color:var(--primary-color)}.profile-card{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin:0 auto;max-width:600px;padding:2rem}.profile-header{margin-bottom:2rem;text-align:center}.profile-avatar{border-radius:50%;height:100px;margin-bottom:1rem;object-fit:cover;width:100px}.profile-name{color:var(--gray-800);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.profile-email{color:var(--gray-600)}.profile-section{margin-bottom:2rem}.profile-section-title{border-bottom:1px solid var(--gray-300);color:var(--gray-800);font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.users-table{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden}.user-role-badge{border-radius:1rem;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.user-role-master{background-color:var(--danger-color);color:var(--white)}.user-role-admin{background-color:var(--primary-color);color:var(--white)}.user-role-client{background-color:var(--success-color);color:var(--white)}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:0}.sidebar-collapsed{transform:translateX(0);width:250px}.main-content,.main-content-expanded{margin-left:0}.dashboard-stats,.email-editor,.form-builder{grid-template-columns:1fr}}