body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar{background:var(--bg-white, #ffffff);border-right:1px solid var(--border-color, #e9ecef);overflow-y:auto;overflow-x:hidden;padding:1rem;height:98%;max-height:100%;box-sizing:border-box;display:flex;flex-direction:column}.sidebar-section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #e9ecef)}.sidebar-section h3,.sidebar h3{color:var(--text-secondary, #6c757d);font-size:.75rem;text-transform:uppercase;font-weight:600;margin-bottom:.75rem;letter-spacing:.5px;text-align:left}.sidebar button{display:flex;align-items:center;width:100%;padding:.75rem;margin-bottom:.5rem;background:#f8f9ff;border:1px solid var(--border-color, #e9ecef);border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;font-size:.875rem;font-weight:500;color:var(--text-primary, #495057);text-align:left}.sidebar button:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #667eea33}.sidebar button:active:not(:disabled){transform:translateY(0)}.sidebar button:disabled{opacity:.5;cursor:not-allowed;background:#f0f0f0}.header-footer-btn{background:#e3f2fd!important;border-color:#90caf9!important}.header-footer-btn:hover:not(:disabled){background:linear-gradient(135deg,#2196f3,#1976d2)!important;border-color:#1976d2!important}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#f8f9fa}.sidebar::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#5a6fd8}.canvas{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#fff;min-height:400px;box-sizing:border-box}.canvas-row{display:flex;flex-wrap:wrap;gap:1rem;width:100%;box-sizing:border-box}.canvas-col{flex:1 1 0;flex-direction:column;box-sizing:border-box;padding:.75rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000d;min-width:0;transition:all .2s ease;position:relative;cursor:pointer}.canvas-col:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.canvas-col.selected{border-color:#667eea;background:#f8f9ff;box-shadow:0 2px 12px #667eea40}.canvas-col[data-colspan="1"]{flex:0 0 calc(25% - 12px);max-width:calc(25% - 12px)}.canvas-col[data-colspan="2"]{flex:0 0 calc(50% - 8px);max-width:calc(50% - 8px)}.canvas-col[data-colspan="3"]{flex:0 0 calc(75% - 4px);max-width:calc(75% - 4px)}.canvas-col[data-colspan="4"]{flex:0 0 100%;max-width:100%}.canvas-col-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.drag-handle{color:#adb5bd;cursor:grab;font-size:1rem;flex-shrink:0;background:none;border:none;padding:.25rem;transition:color .2s ease}.drag-handle:hover{color:#667eea}.drag-handle:active{cursor:grabbing}.field-type{display:flex;align-items:center;gap:.5rem;flex:1;font-size:.7rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.field-type i{color:#667eea;font-size:.9rem}.field-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.canvas-col:hover .field-actions{opacity:1}.settings-button,.remove-button{padding:.25rem .5rem;background:#fff;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;color:#6c757d;font-size:.85rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.settings-button:hover{background:#667eea;color:#fff;border-color:#667eea}.remove-button:hover{background:#dc3545;color:#fff;border-color:#dc3545}.field-label{margin:0;padding:.25rem 0 .25rem 1.5rem;font-size:.95rem;font-weight:500;color:#495057}.field-meta{font-size:.75rem;color:#6c757d;padding-left:1.5rem}.design-area{min-height:400px;padding:1rem;background:#fff;border:2px dashed #e9ecef;border-radius:8px;transition:all .2s ease}.design-area.drag-over{background:#f8f9ff;border-color:#667eea;border-style:solid}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#adb5bd;text-align:center}.drop-zone i{font-size:3rem;margin-bottom:1rem;opacity:.5}.drop-zone p{font-size:1rem;font-weight:500}.canvas-col.dragging{opacity:.5}.canvas::-webkit-scrollbar{width:8px}.canvas::-webkit-scrollbar-track{background:#f8f9fa}.canvas::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.canvas::-webkit-scrollbar-thumb:hover{background:#5a6fd8}.required-asterisk{color:#dc3545;font-weight:700;font-size:1.1em}.properties-panel{background:#f8f9fa;display:flex;flex-direction:column;overflow-y:auto;border-left:1px solid #e9ecef;height:100%;box-sizing:border-box;padding:1.25rem}.properties-panel h3{font-size:.875rem;font-weight:600;color:#495057;margin:0 0 1.25rem;text-align:left;text-transform:uppercase;letter-spacing:.5px;padding-bottom:.75rem;border-bottom:2px solid #667eea}.properties-panel h4{font-size:.8rem;font-weight:600;color:#495057;margin:1rem 0 .75rem;text-align:left;text-transform:uppercase;letter-spacing:.3px}.properties-panel h5{font-size:.75rem;font-weight:600;color:#667eea;margin:1rem 0 .5rem;text-align:left}.properties-panel hr{border:none;border-top:1px solid #e9ecef;margin:1.25rem 0}.properties-panel label{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:.875rem;font-weight:500;color:#495057;font-size:.8rem;text-align:left;gap:.375rem}.properties-panel label:has(input[type=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .2s ease}.properties-panel label:has(input[type=checkbox]):hover{border-color:#667eea;background:#f8f9ff}.properties-panel input[type=text],.properties-panel input[type=number],.properties-panel textarea{width:100%;padding:.5rem .75rem;font-size:.8rem;border:1px solid #e9ecef;background:#fff;border-radius:6px;box-sizing:border-box;transition:all .2s ease;color:#495057}.properties-panel input[type=text]:hover,.properties-panel input[type=number]:hover,.properties-panel textarea:hover{border-color:#c5cae9}.properties-panel input[type=text]:focus,.properties-panel input[type=number]:focus,.properties-panel textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.properties-panel textarea{min-height:70px;resize:vertical}.properties-panel select{width:100%;padding:.5rem 2rem .5rem .75rem;font-size:.8rem;border:1px solid #e9ecef;background:#fff;border-radius:6px;box-sizing:border-box;transition:all .2s ease;color:#495057;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236c757d' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.properties-panel select:hover{border-color:#c5cae9}.properties-panel select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.properties-panel input[type=checkbox]{width:16px;height:16px;accent-color:#667eea;cursor:pointer;margin:0;flex-shrink:0}.properties-panel input[type=color]{width:100%;height:36px;padding:2px;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;background:#fff;transition:all .2s ease}.properties-panel input[type=color]:hover{border-color:#667eea}.properties-panel button{padding:.5rem 1rem;font-size:.8rem;font-weight:500;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;margin-top:.25rem}.properties-panel button:hover{background:linear-gradient(135deg,#5a6fd8,#6a3f92);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.properties-panel button:active{transform:translateY(0)}.logic-summary{padding:.75rem;background:#fff;border:1px solid #e9ecef;border-radius:6px;margin-top:.5rem;font-size:.75rem;color:#6c757d;list-style:none}.logic-summary li{padding:.375rem .5rem;margin-bottom:.25rem;background:#f8f9ff;border-radius:4px;border-left:3px solid #667eea}.logic-summary li:last-child{margin-bottom:0}.logic-summary strong{color:#667eea}.options-editor{margin-top:1rem;padding:1rem;background:#fff;border:1px solid #e9ecef;border-radius:8px}.options-editor h4{font-size:.8rem;font-weight:600;color:#495057;margin:0 0 .75rem}.option-row{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:center}.option-row input[type=text]{flex:1}.option-row button{padding:.375rem .5rem;background:#fff!important;border:1px solid #dc3545!important;color:#dc3545!important;border-radius:4px;font-size:.8rem;flex-shrink:0;margin-top:0}.option-row button:hover{background:#dc3545!important;color:#fff!important;transform:none;box-shadow:none}.properties-panel:empty:before,.properties-empty{content:"Select a field to edit";display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center;color:#adb5bd;font-size:.875rem}.properties-panel label:has(input[type=checkbox]+i),.properties-panel label:has(input[type=checkbox]+u){flex-direction:row;flex-wrap:wrap;align-items:center}.properties-panel::-webkit-scrollbar{width:6px}.properties-panel::-webkit-scrollbar-track{background:transparent}.properties-panel::-webkit-scrollbar-thumb{background:#c5cae9;border-radius:3px}.properties-panel::-webkit-scrollbar-thumb:hover{background:#667eea}.preview-content{height:calc(100vh - 200px);overflow-y:auto}.logic-popup{position:fixed;top:10%;left:50%;transform:translate(-50%);background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000004d;padding:20px;width:600px;max-height:80vh;overflow-y:auto;z-index:1001}.logic-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.logic-popup-body{display:flex;flex-direction:column;gap:10px}.logic-row{display:flex;align-items:center;gap:10px}.logic-row select,.logic-row input{flex:1;padding:5px}.add-btn,.save-btn{margin-top:10px;padding:6px 12px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.remove-btn,.close-btn{background:none;border:none;font-size:16px;color:red;cursor:pointer}.logic-popup-footer{display:flex;justify-content:flex-end;margin-top:10px}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.wysiwyg-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.wysiwyg-modal{background-color:#fff;border-radius:8px;width:90%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.wysiwyg-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #e0e0e0}.wysiwyg-header h3{margin:0;color:#333;font-size:1.4rem}.wysiwyg-close-btn{background:none;border:none;font-size:2rem;color:#666;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.wysiwyg-close-btn:hover{color:#dc3545}.wysiwyg-toolbar-controls{padding:15px 20px;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;gap:10px}.wysiwyg-toggle-btn{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.wysiwyg-toggle-btn:hover{background-color:#5a6268}.wysiwyg-toggle-btn.active{background-color:#007bff}.wysiwyg-toggle-btn.active:hover{background-color:#0056b3}.wysiwyg-content{flex:1;overflow:auto;padding:20px;min-height:400px}.wysiwyg-content .quill{height:100%;display:flex;flex-direction:column}.wysiwyg-content .ql-toolbar{border:1px solid #ccc;border-radius:4px 4px 0 0;background-color:#f8f9fa}.wysiwyg-content .ql-container{border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;flex:1;font-size:1rem;min-height:350px}.wysiwyg-content .ql-editor{min-height:350px;font-size:1rem;line-height:1.6}.wysiwyg-content .ql-editor.ql-blank:before{color:#adb5bd;font-style:italic}.wysiwyg-content .ql-editor ol[data-list=alpha]{list-style-type:lower-alpha}.wysiwyg-content .ql-editor ol[data-list=alpha]>li:before{content:none}ol[data-list=alpha]{list-style-type:lower-alpha}.wysiwyg-code-editor{width:100%;min-height:450px;padding:15px;font-family:Courier New,Courier,monospace;font-size:.9rem;border:1px solid #ccc;border-radius:4px;resize:vertical;line-height:1.5;color:#333;background-color:#f8f9fa}.wysiwyg-code-editor:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.wysiwyg-footer{padding:20px;border-top:2px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px}.wysiwyg-cancel-btn{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.wysiwyg-cancel-btn:hover{background-color:#5a6268}.wysiwyg-save-btn{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.wysiwyg-save-btn:hover{background-color:#218838}@media(max-width:768px){.wysiwyg-modal{width:95%;max-height:95vh}.wysiwyg-header h3{font-size:1.2rem}.wysiwyg-content{padding:15px}.wysiwyg-content .ql-editor{min-height:250px}.wysiwyg-code-editor{min-height:300px}}.html-template-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.html-template-modal{background-color:#fff;border-radius:8px;width:90%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.html-template-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #e0e0e0;background-color:#f8f9fa}.html-template-header h3{margin:0;color:#333;font-size:1.4rem}.html-template-close-btn{background:none;border:none;font-size:2rem;color:#666;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.html-template-close-btn:hover{color:#dc3545}.html-template-controls{padding:15px 20px;background-color:#fff;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.field-insertion-controls{display:flex;align-items:center;gap:10px;flex:1;flex-wrap:wrap}.field-insertion-controls label{font-weight:600;color:#333;font-size:.9rem}.field-select{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:.9rem;min-width:250px;background-color:#fff}.field-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.insert-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s;font-weight:500}.insert-btn:disabled{opacity:.5;cursor:not-allowed}.insert-field-btn{background-color:#28a745;color:#fff}.insert-field-btn:hover:not(:disabled){background-color:#218838}.insert-conditional-btn{background-color:#17a2b8;color:#fff}.insert-conditional-btn:hover:not(:disabled){background-color:#138496}.html-template-toggle-btn{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s;font-weight:500}.html-template-toggle-btn:hover{background-color:#5a6268}.html-template-toggle-btn.active{background-color:#007bff}.html-template-toggle-btn.active:hover{background-color:#0056b3}.html-template-content{flex:1;overflow:auto;padding:20px;min-height:450px}.html-template-content .quill{height:100%;display:flex;flex-direction:column}.html-template-content .ql-toolbar{border:1px solid #ccc;border-radius:4px 4px 0 0;background-color:#f8f9fa}.html-template-content .ql-container{border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;flex:1;font-size:1rem;min-height:400px}.html-template-content .ql-editor{min-height:400px;font-size:1rem;line-height:1.6}.html-template-content .ql-editor.ql-blank:before{color:#adb5bd;font-style:italic}.html-template-content .ql-editor ol[data-list=alpha]{list-style-type:lower-alpha}.html-template-content .ql-editor ol[data-list=alpha]>li:before{content:none}.html-template-code-editor{width:100%;min-height:500px;padding:15px;font-family:Courier New,Courier,monospace;font-size:.9rem;border:1px solid #ccc;border-radius:4px;resize:vertical;line-height:1.5;color:#333;background-color:#f8f9fa}.html-template-code-editor:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.html-template-footer{padding:20px;border-top:2px solid #e0e0e0;background-color:#f8f9fa;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.template-help{flex:1;font-size:.85rem;color:#495057}.template-help strong{color:#333}.template-help code{background-color:#e9ecef;padding:2px 6px;border-radius:3px;font-family:Courier New,Courier,monospace;font-size:.8rem;margin:0 4px;color:#d63384}.template-actions{display:flex;gap:10px}.html-template-cancel-btn{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.html-template-cancel-btn:hover{background-color:#5a6268}.html-template-save-btn{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.html-template-save-btn:hover{background-color:#218838}@media(max-width:768px){.html-template-modal{width:95%;max-height:95vh}.html-template-header h3{font-size:1.2rem}.field-insertion-controls{width:100%}.field-select{min-width:100%}.html-template-content{padding:15px}.html-template-content .ql-editor{min-height:250px}.html-template-code-editor{min-height:300px}.template-help{width:100%;margin-bottom:10px}}.preview-dialog{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9999}.preview-overlay{position:absolute;width:100%;height:100vh;background:linear-gradient(135deg,#667eeae6,#764ba2e6)}.preview-content{position:relative;background:#fff;padding:0;border-radius:12px;box-shadow:0 8px 30px #0000004d;width:100%;max-width:900px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.preview-form-header-content{flex-shrink:0;padding:1.25rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;overflow:hidden}.preview-form-header-content img{max-width:100%;height:auto}.preview-scrollable-area{flex:1;overflow-y:auto;padding:1.5rem;background:#fff}.preview-form-footer-content{flex-shrink:0;padding:1rem 1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef;overflow:hidden;font-size:.85rem;color:#6c757d}.preview-form-footer-content img{max-width:100%;height:auto}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0}.preview-header h3{margin:0;font-size:1.125rem;font-weight:600}.close-button{background:#fff3;border:none;font-size:1.25rem;cursor:pointer;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:#ffffff4d;transform:scale(1.1)}.preview-body{flex:1;overflow-y:auto;padding:1.5rem;background:#f8f9fa}.preview-form{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:1.5rem;max-width:100%}.preview-form-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.preview-form-header h4{font-size:1.25rem;font-weight:700;color:#495057;margin:0 0 .5rem}.preview-form-header p{color:#6c757d;margin:0;font-size:.875rem}.preview-field{margin-bottom:1.25rem}.preview-label{display:block;margin-bottom:.5rem;font-weight:600;color:#495057;font-size:.875rem}.preview-label.required:after{content:" *";color:#dc3545}.preview-input{width:100%;padding:.625rem .875rem;font-size:.875rem;border-radius:8px;border:2px solid #e9ecef;transition:all .2s ease;background:#fff;color:#495057;box-sizing:border-box}.preview-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.preview-input::placeholder{color:#adb5bd}textarea.preview-input{resize:vertical;min-height:80px}select.preview-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236c757d' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;padding-right:2.5rem}.form-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e9ecef;gap:.75rem}.form-nav-button{font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.form-nav-button.back{background:#6c757d;color:#fff}.form-nav-button.back:hover{background:#5a6268;transform:translateY(-1px)}.form-nav-button.next{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.form-nav-button.next:hover{background:linear-gradient(135deg,#5a6fd8,#6a3f92);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.form-nav-button.submit{background:linear-gradient(135deg,#28a745,#218838);color:#fff}.form-nav-button.submit:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.preview-progress{margin-bottom:1.5rem;height:6px;background-color:#e9ecef;border-radius:3px;overflow:hidden}.preview-progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.preview-step-counter{text-align:center;color:#6c757d;font-size:.8rem;margin-bottom:1rem;font-weight:500}.preview-radio-group,.preview-checkbox-group{display:flex;flex-direction:column;gap:.5rem}.preview-radio-item,.preview-checkbox-item{display:flex;align-items:center;padding:.625rem .875rem;border:2px solid #e9ecef;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:.875rem;color:#495057;font-weight:500}.preview-radio-item:hover,.preview-checkbox-item:hover{border-color:#667eea;box-shadow:0 2px 6px #667eea1a}.preview-yesno-group{display:flex;flex-direction:row;gap:1rem}.preview-yesno-item{display:flex;align-items:center;justify-content:center;padding:.625rem .875rem;border:2px solid #e9ecef;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:.875rem;color:#495057;font-weight:500;flex:1}.preview-yesno-item:hover{border-color:#667eea;box-shadow:0 2px 6px #667eea1a}.preview-body::-webkit-scrollbar,.preview-scrollable-area::-webkit-scrollbar{width:8px}.preview-body::-webkit-scrollbar-track,.preview-scrollable-area::-webkit-scrollbar-track{background:#f8f9fa}.preview-body::-webkit-scrollbar-thumb,.preview-scrollable-area::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.preview-body::-webkit-scrollbar-thumb:hover,.preview-scrollable-area::-webkit-scrollbar-thumb:hover{background:#5a6fd8}.help-icon-container{position:relative;display:inline-block;margin-left:6px;vertical-align:middle}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background-color:#4caf50;color:#fff;font-size:12px;font-weight:700;cursor:help;transition:background-color .2s ease}.help-icon:hover{background-color:#45a049}.help-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:8px 12px;background-color:#333;color:#fff;border-radius:4px;font-size:13px;line-height:1.4;white-space:normal;min-width:200px;max-width:300px;z-index:1000;box-shadow:0 2px 8px #0003;pointer-events:none}.help-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#333}.search-bar-wrapper{position:relative;width:100%}.input-group{display:flex;align-items:center}input{flex:1;padding:8px;font-size:1rem;border-top-right-radius:0;border-bottom-right-radius:0}.search-button{background:#eee;border:1px solid #ccc;padding:8px;cursor:pointer}.dropdown{list-style:none;margin:0;padding:0;position:absolute;width:100%;background:#fff;border:1px solid #ccc;z-index:10;height:200px;overflow-y:auto}.dropdown li{padding:8px;cursor:pointer}.dropdown li:hover{background:#f0f0f0}.search-icon-button{position:absolute;top:50%;right:10px;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;font-size:1.1rem;display:flex;align-items:center;justify-content:center;height:24px;width:24px}.spinner{width:16px;height:16px;border:2px solid #ccc;border-top:2px solid #333;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}fieldset{clear:both;margin-top:20px}input[type=text],input[type=date]{font-size:9pt!important}fieldset{margin:0}.itemcontainer{display:flex;flex-direction:row;width:100%;justify-content:space-evenly;vertical-align:top;margin:10px 0;flex-flow:row wrap;gap:2px}.itemname{width:34%}.itemfunction{width:17%}.itemfrom,.itemto{width:15%}.itemsalary{width:14%}.itemhead{text-align:center;font-weight:600}.directorlabel{display:none!important}.alignlabel{display:flex;align-items:center;font-size:.8rem;justify-content:space-evenly;width:100%;column-gap:10px}.fieldset{border:1px solid #ccc;border-radius:6px;transition:border-color .2s,box-shadow .2s;padding:10px}.legend{font-size:.8rem}@media only screen and (max-width:767px){.itemcontainer{display:flex;flex-direction:column;width:100%}.itemcol,.itemname,.itemfunction,.itemfrom,.itemto,.itemsalary{width:100%;margin:5px 0}.itemhead{height:1px;color:#fff;background-color:#fff}.directorlabel{display:block!important;font-size:10pt;color:#888;margin:0 0 20px;padding:0;text-align:left}}.addbtn{background-color:#fff;color:green;border-radius:4px;border:1px solid green;font-size:10pt;padding:.5rem}.addsrchbtn{background-color:#fff;color:green;border-radius:4px;border:1px solid green;font-size:10pt;padding:.4rem;margin-left:20px}.label{display:inline;font-size:12pt;color:#000}.disabled{color:#ccc}.deleteaddr{color:red;position:absolute;top:-20px;right:0;font-size:12pt;text-align:right;margin-right:15px;background-color:#fff;padding:0 5px}.addr1,.addr2{width:95%!important}.addr3{width:80%!important}.town{width:70%!important}.county{width:60%!important}label.addr1,label.addr2{width:95%!important}label.addr3{width:80%!important}label.town{width:70%!important}label.county{width:60%!important}@media(max-width:500px){.addr1,.addr2,.addr3,.town,.county{width:94%!important}}.accordion-fieldset{border:1px solid #ccc;border-radius:4px;margin:1em 0;padding:.5em;transition:all .3s ease;position:relative}.accordion-fieldset legend{display:block;font-weight:600;color:"green";cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:4px;position:relative;text-align:left;padding:.5em 10px}.legend-content{display:flex;align-items:center;gap:.5em;justify-content:flex-start}.accordion-toggle{margin-left:10px;transition:transform .3s ease}.accordion-fieldset.collapsed .accordion-content{display:none}.accordion-fieldset .accordion-content{margin-top:1em}.accordion-fieldset:not(.collapsed) .accordion-toggle{transform:rotate(180deg)}.label{font-size:1rem}.bank-accounts-fieldset{border:1px solid #ddd;border-radius:8px;padding:20px;margin:20px 0;background-color:#f9f9f9}.bank-accounts-legend{font-size:1.1rem;font-weight:700;color:#333;padding:0 10px}.bank-accounts-container{display:flex;flex-direction:column;gap:20px}.bank-account-block{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.bank-account-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #007bff}.bank-account-header h4{margin:0;color:#007bff;font-size:1.1rem}.bank-account-remove-btn{background-color:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.bank-account-remove-btn:hover{background-color:#c82333}.bank-account-fields{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.bank-field{display:flex;flex-direction:column;gap:5px}.bank-field label{font-weight:600;color:#555;font-size:.9rem}.bank-field input,.bank-field select{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:.95rem;transition:border-color .2s}.bank-field input:focus,.bank-field select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.bank-field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.bank-people-section{background-color:#f8f9fa;padding:15px;border-radius:6px;margin-top:15px}.bank-people-section h5{margin:0 0 15px;color:#333;font-size:1rem;border-bottom:1px solid #dee2e6;padding-bottom:8px}.bank-no-people{color:#6c757d;font-style:italic;margin:10px 0}.bank-person-block{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;padding:15px;margin-bottom:15px}.bank-person-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.bank-person-header span{font-weight:600;color:#495057}.bank-person-remove-btn{background-color:transparent;color:#dc3545;border:1px solid #dc3545;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.bank-person-remove-btn:hover{background-color:#dc3545;color:#fff}.bank-person-fields{display:flex;flex-direction:column;gap:12px}.bank-checkbox-field{display:flex;align-items:center}.bank-checkbox-field label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;color:#555;font-size:.9rem}.bank-checkbox-field input[type=checkbox]{width:18px;height:18px;cursor:pointer}.bank-add-person-btn{background-color:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s;margin-top:10px}.bank-add-person-btn:hover{background-color:#218838}.bank-add-account-btn{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s;align-self:flex-start}.bank-add-account-btn:hover{background-color:#0056b3}@media(max-width:768px){.bank-field-row{grid-template-columns:1fr}.bank-account-header{flex-direction:column;align-items:flex-start;gap:10px}}.officers-pscs-fieldset{border:1px solid #ddd;border-radius:8px;padding:20px;margin:20px 0;background-color:#f9f9f9}.officers-pscs-legend{font-size:1.1rem;font-weight:700;color:#333;padding:0 10px}.officers-pscs-container{display:flex;flex-direction:column;gap:20px}.officer-psc-block{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.officer-psc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #6f42c1}.officer-psc-header h4{margin:0;color:#6f42c1;font-size:1.1rem}.officer-psc-remove-btn{background-color:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.officer-psc-remove-btn:hover{background-color:#c82333}.officer-psc-fields{display:flex;flex-direction:column;gap:15px}.officer-psc-field{display:flex;flex-direction:column;gap:5px}.officer-psc-field label{font-weight:600;color:#555;font-size:.9rem}.officer-psc-field input,.officer-psc-field select,.officer-psc-field textarea{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:.95rem;transition:border-color .2s;font-family:inherit}.officer-psc-field textarea{resize:vertical;min-height:60px}.officer-psc-field input:focus,.officer-psc-field select:focus,.officer-psc-field textarea:focus{outline:none;border-color:#6f42c1;box-shadow:0 0 0 2px #6f42c11a}.officer-psc-field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.type-select-readonly{background-color:#f8f9fa;cursor:pointer}.required{color:#dc3545;font-weight:700}.officer-psc-add-btn{background-color:#6f42c1;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s;align-self:flex-start}.officer-psc-add-btn:hover{background-color:#5a32a3}@media(max-width:768px){.officer-psc-field-row{grid-template-columns:1fr}.officer-psc-header{flex-direction:column;align-items:flex-start;gap:10px}}form{max-width:864px;margin:2rem auto;padding:2rem;background:#fff;box-shadow:0 0 12px #0000000d;border-radius:8px;font-family:Segoe UI,sans-serif;font-size:1rem;line-height:1.2rem}form h1{margin-bottom:1.5 rem;font-size:2rem;text-align:left;color:#333}form h2{margin-bottom:1.5rem;font-size:1.5rem;text-align:left;color:#333}.form-group{margin-bottom:1rem;flex-direction:column}.form-row{flex-direction:row}label{font-size:1rem;display:block;margin-bottom:.5rem;font-weight:600;color:#555}input[type=text],input[type=email],input[type=postcode],input[type=number],input[type=date],input[type=datetime-local],textarea,select{width:100%;padding:.4rem;border:1px solid #ccc;border-radius:6px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff33}.checkbox-group,.radio-group{display:flex;flex-wrap:wrap;gap:1rem}.checkbox-group label,.radio-group label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}input[type=checkbox],input[type=radio]{accent-color:#007bff;transform:scale(1.2);margin-right:.25rem}.form-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.form-nav-button{font-size:1rem;padding:.2rem .6rem;border-radius:6px;border:none;cursor:pointer;min-width:100px;height:24px;transition:background-color .3s ease}.form-nav-button.next{background-color:#ccc;color:#333}.form-nav-button.next:hover{background-color:#bbb}.form-nav-button.back{background-color:#ccc;color:#333}.form-nav-button.back:hover{background-color:#bbb}.form-nav-button.submit{background-color:#007bff;color:#fff}.form-nav-button.submit:hover{background-color:#0056b3}.required-indicator{color:red;font-weight:700;margin:auto 2px auto 4px;vertical-align:middle}.underline{text-decoration:underline}.italic{font-style:italic}@media(max-width:500px){form{padding:1.25rem}input[type=text],input[type=email],input[type=number],input[type=date],input[type=datetime-local],textarea,select{font-size:.95rem}}@media(max-width:320px){form{flex-direction:column}}ol[data-list=alpha]{list-style-type:lower-alpha;padding-left:2rem}ol[data-list=alpha]>li{margin-bottom:.5rem}ol[data-list=alpha]>li:before{content:none}*,*:before,*:after{box-sizing:border-box}.form-page{display:flex;flex-direction:column;gap:10px;padding:20px}.form-row{display:flex;width:100%;gap:10px}.form-col{display:flex;flex-direction:column;justify-content:space-between;cursor:move;position:relative}.form-col[data-colspan="1"]{flex:1 1 100%}.form-col[data-colspan="2"]{flex:1 1 48%}.form-col[data-colspan="3"]{flex:1 1 31%}.form-col[data-colspan="4"]{flex:1 1 23%}.form-col>*{width:100%}@media(max-width:600px){.form-col{flex:1 1 100%!important}}.accessibility-container{position:absolute;bottom:1rem;right:1rem;z-index:100}.accessibility-toggle{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #667eea66;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.accessibility-toggle:hover{transform:scale(1.1);box-shadow:0 4px 12px #667eea80}.accessibility-popup{position:absolute;bottom:50px;right:0;background:#fff;border-radius:10px;box-shadow:0 4px 20px #0003;padding:.75rem;min-width:200px;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.accessibility-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e9ecef}.accessibility-popup-header span{font-size:.8rem;font-weight:600;color:#495057}.accessibility-close{background:none;border:none;font-size:1.25rem;color:#adb5bd;cursor:pointer;padding:0;line-height:1;transition:color .2s}.accessibility-close:hover{color:#495057}.accessibility-buttons{display:flex;gap:.25rem;justify-content:center;margin-bottom:.75rem}.fsbtn{border:2px solid #e9ecef;color:#495057;background-color:#fff;padding:.25rem .5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:28px;text-align:center}.fsbtn:hover{border-color:#667eea;background:#f8f9ff}.fsbtn.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.size1{font-size:.5rem}.size2{font-size:.6rem}.size3{font-size:.7rem}.size4{font-size:.8rem}.size5{font-size:.9rem}.size6{font-size:1rem}.size7{font-size:1.1rem}.accessibility-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:#e9ecef;border-radius:3px;outline:none;cursor:pointer}.accessibility-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;box-shadow:0 2px 4px #0003;transition:transform .2s}.accessibility-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.accessibility-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.newform-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 8px 30px #0003;padding:0;width:500px;max-width:90vw;max-height:85vh;overflow:hidden;z-index:1001}.newform-popup-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.newform-popup-header h3{margin:0;font-size:1.25rem;font-weight:600}.newform-popup-header .close-btn{background:#fff3;border:none;font-size:1.5rem;color:#fff;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.newform-popup-header .close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.newform-popup-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.newform-popup-body .label{margin:0 0 .5rem;font-weight:500;display:block;text-align:left;color:#495057;font-size:.875rem}.newform-popup-body .textinput{width:100%;padding:.75rem 1rem;font-size:.95rem;border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;transition:all .2s ease;color:#495057}.newform-popup-body .textinput:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.newform-popup-body .textinput::placeholder{color:#adb5bd}.newform-row{display:flex;align-items:center;gap:10px}.newform-row select,.newform-row input{flex:1;padding:.75rem 1rem;font-size:.95rem;border:2px solid #e9ecef;border-radius:8px;transition:all .2s ease}.newform-row select:focus,.newform-row input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.newform-popup-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef}.newform-popup-footer .save-btn{padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.newform-popup-footer .save-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a3f92);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.add-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.add-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a3f92);transform:translateY(-1px)}.remove-btn{background:none;border:none;font-size:1.25rem;color:#dc3545;cursor:pointer;padding:.25rem;transition:all .2s ease}.remove-btn:hover{color:#c82333;transform:scale(1.1)}.newform-overlay{position:fixed;inset:0;background:#00000080;z-index:1000}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-color: #667eea;--primary-dark: #5a6fd8;--secondary-color: #764ba2;--border-color: #e9ecef;--bg-light: #f0f2f5;--bg-white: #ffffff;--text-primary: #495057;--text-secondary: #6c757d;--text-muted: #adb5bd;--danger-color: #dc3545;--success-color: #28a745;--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 20px rgba(0,0,0,.15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}.form-designer{display:grid;grid-template-columns:250px 1fr 300px;height:calc(100vh - 60px);width:100%;background:var(--bg-light);gap:0;overflow:hidden;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}.form-designer-topbar{display:flex;align-items:center;padding:.75rem 1.5rem;background:var(--bg-white);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);gap:1rem;flex-wrap:wrap}.selform{padding:.5rem .75rem!important;border:2px solid var(--border-color)!important;border-radius:var(--radius-md)!important;font-size:.875rem!important;min-width:200px;background:var(--bg-white);color:var(--text-primary);transition:all .2s ease}.selform:focus{outline:none;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #667eea1a}.formtitle,.formslug{padding:.5rem .75rem!important;border:2px solid var(--border-color)!important;border-radius:var(--radius-md)!important;font-size:.875rem!important;background:var(--bg-white);color:var(--text-primary);transition:all .2s ease}.formtitle{min-width:180px}.formslug{min-width:220px}.formtitle:focus,.formslug:focus{outline:none;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #667eea1a}.smltopbtns{padding:.5rem 1rem;font-size:.875rem;font-weight:500;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s ease}.smltopbtns:hover{background:linear-gradient(135deg,#5a6fd8,#6a3f92);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.main-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-white);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.form-scroller{flex:1;padding:1.5rem;overflow-y:auto;background:var(--bg-white)}.page-tabs{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid var(--border-color)}.page-tabs select{padding:.5rem .75rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;background:var(--bg-white);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.page-tabs select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.add-page-button{padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:var(--success-color);background:#28a7450d;border:2px dashed var(--success-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.add-page-button:hover{background:var(--success-color);color:#fff;border-style:solid}.delete-page-button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--danger-color);background:#dc35450d;border:1px solid var(--danger-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.delete-page-button:hover{background:var(--danger-color);color:#fff}.canvas-field{position:relative;padding:1rem;margin-bottom:.5rem;background:#f8f9fa;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:move;transition:all .2s ease}.canvas-field:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #667eea26}.canvas-field.selected{border-color:var(--primary-color);background:#f8f9ff;box-shadow:0 2px 12px #667eea40}.canvas-field:active{cursor:grabbing}.field-label{font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.field-meta{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.field-buttons{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.canvas-field:hover .field-buttons{opacity:1}.settings-button,.remove-button,.edit-button{padding:.25rem .5rem;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;transition:all .2s}.settings-button:hover,.edit-button:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.remove-button:hover{background:var(--danger-color);color:#fff;border-color:var(--danger-color)}.preview-button{position:fixed;bottom:2rem;right:2rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-lg);z-index:1000;transition:all .2s ease}.preview-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #667eea59}.save-button{padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s ease}.save-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a3f92);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.toplabels{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-muted)}.empty-state h2{font-size:1.25rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.empty-state p{font-size:.875rem}.logonForm{width:300px;height:300px;margin-left:auto;margin-right:auto;border:2px solid #86ac6f;text-align:center;margin-top:100px;padding:20px}.label{text-align:center!important;display:block;margin-top:15px!important}.username,.password{border-radius:4px!important;border:1px solid #ccc!important;padding:5px!important;width:80%!important;text-align:center!important;font-size:.8rem!important}.inputctl{margin-bottom:10px}.logo{margin-bottom:20px}.grnbtn{border-radius:4px;background-color:green;color:#fff;padding:5px}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}