@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
#root{margin:0;padding:0}.transition-fade-enter{opacity:0}.transition-fade-enter-active{opacity:1;transition:opacity .3s}.transition-fade-exit{opacity:1}.transition-fade-exit-active{opacity:0;transition:opacity .3s}.svg-icon svg{width:1.5em;height:1.5em;position:relative}.svg-text svg{stroke:#424242}.svg-180 svg{transform:rotate(180deg)}.form-input{color:#424242;background-color:#eee;border:none;border-radius:4px;padding:.375rem;font-size:.875rem}.form-input:focus{outline:none;box-shadow:0 0 1px 2px #8ecae6}.is-fullwidth{width:100%}.bg-white{background-color:#fff}.data-input{white-space:pre-wrap;color:#424242;resize:none;box-sizing:border-box;background-color:#0000;border:none;border-radius:4px;flex:auto;padding:.5rem;font-size:1rem}.data-input:focus{outline:none}.shadow-5{box-shadow:0 1px 2px #0000001f,0 2px 4px #0000001f,0 4px 6px #0000001f,0 8px 16px #0000001f,0 16px 32px #0000001f}.svg-icon-sm svg{width:1rem;height:1rem;position:relative;top:.125rem}.svg-gray svg{stroke:#9e9e9e}.option-input{background-color:#0000;border:none;width:100%;font-size:1rem}.option-input:focus{outline:none}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.overlay{z-index:2;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.sort-button{color:#757575;cursor:pointer;text-align:left;background-color:#0000;border:0;align-items:center;width:100%;padding:.25rem .75rem;font-size:.875rem;display:flex}.sort-button:hover{background-color:#eee}.add-row{color:#9e9e9e;cursor:pointer;border-top:1px solid #e0e0e0;align-items:center;height:50px;padding:.5rem;font-size:.875rem;display:flex}.add-row:hover{background-color:#f5f5f5}.th{color:#9e9e9e;font-size:.875rem;font-weight:500}.th-content{text-overflow:ellipsis;justify-content:start;align-items:center;width:100%;height:50px;padding:.5rem;display:flex;overflow-x:hidden}.td{color:#424242;flex-direction:column;align-items:stretch;min-height:40px;padding:0;display:flex;overflow:hidden}.td-content{display:block}.table{border-spacing:0;border:1px solid #e0e0e0;border-radius:8px;display:inline-block;overflow:hidden}.resizer{z-index:1;cursor:col-resize;touch-action:none;background:0 0;width:8px;height:100%;display:inline-block;position:absolute;top:0;right:0;transform:translate(50%)}.resizer:hover{background-color:#8ecae6}.th,.td{white-space:nowrap;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;margin:0;position:relative}.th{border-bottom:1px solid #e0e0e0}.tr:last-child .td{border-bottom:0}.td:first-child,.th:first-child{border-left:none}.td:last-child,.th:last-child{border-right:none}.tr:first-child .td{border-top:0}.tr:first-child .th{border-top:none}.text-align-right{text-align:right}.cell-padding{padding:.5rem}.d-flex{display:flex}.d-inline-block{display:inline-block}.cursor-default{cursor:default}.align-items-center{align-items:center}.flex-wrap-wrap{flex-wrap:wrap}.border-radius-md{border-radius:5px}.cursor-pointer{cursor:pointer}.icon-margin{margin-right:4px}.font-weight-600{font-weight:600}.font-weight-400{font-weight:400}.font-size-75{font-size:.75rem}.flex-1{flex:1}.mt-5{margin-top:.5rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.mr-5{margin-right:.5rem}.justify-content-center{justify-content:center}.flex-column{flex-direction:column}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-hidden{overflow-y:hidden}.list-padding{padding:4px 0}.bg-grey-200{background-color:#eee}.color-grey-800{color:#424242}.color-grey-600{color:#757575}.color-grey-500{color:#9e9e9e}.border-radius-sm{border-radius:4px}.text-transform-uppercase{text-transform:uppercase}.text-transform-capitalize{text-transform:capitalize}.selected-option{position:relative}.selected-option:after{content:"✓";color:#fff;background:#4caf50;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;display:flex;position:absolute;top:-8px;right:-8px}.image-cell{justify-content:center;align-items:center;height:100%;min-height:32px;padding-right:30px;display:flex;position:relative}.image-cell-container{justify-content:center;align-items:center;display:flex;position:relative}.image-container{cursor:pointer;border-radius:6px;width:36px;height:36px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.image-container:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}.table-cell-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.image-action-icon{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.image-container:hover .image-action-icon{opacity:1}.image-action-button{cursor:pointer;opacity:0;background-color:#fff;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;right:5px;transform:translate(-4px);box-shadow:0 2px 4px #0000001a}.image-cell:hover .image-action-button{opacity:1;transform:translate(0)}.image-action-button:hover{background-color:#f0f9ff;box-shadow:0 4px 8px #00000026}.upload-button{color:#2196f3}.empty-image-cell{color:#9e9e9e;background-color:#fafafa;border:2px dashed #e0e0e0;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:relative}.empty-image-cell.cursor-pointer:hover{color:#2196f3;background-color:#f0f9ff;border-color:#2196f3;transform:scale(1.05)}.upload-icon{color:#9e9e9e}.empty-image-cell.cursor-pointer:hover .upload-icon{color:#2196f3}.uploading-indicator{z-index:5;background-color:#fffc;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.spinner{border:2px solid #2196f34d;border-top-color:#2196f3;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.spinner-label{color:#2196f3;white-space:nowrap;margin-top:4px;font-size:10px}@keyframes spin{to{transform:rotate(360deg)}}.image-upload-label{cursor:pointer;color:#424242;background-color:#eee;border-radius:4px;padding:4px 8px;font-size:.875rem;transition:background-color .2s}.image-upload-label:hover{background-color:#e0e0e0}.hidden-input{display:none}.image-modal-overlay{z-index:1000;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-modal{border-radius:12px;max-width:90vw;max-height:90vh;animation:.3s ease-out modal-appear;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000004d}@keyframes modal-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.image-modal img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:90vh;display:block}.json-cell{cursor:pointer}.json-preview{white-space:nowrap;text-overflow:ellipsis;color:#0277bd;font-family:monospace;overflow:hidden}.json-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.json-modal{background:#fff;border-radius:8px;flex-direction:column;width:80%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 4px 12px #0003}.json-modal-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:16px;display:flex}.json-modal-header h3{color:#424242;margin:0;font-size:1.25rem;font-weight:500}.json-close-button{cursor:pointer;color:#757575;background:0 0;border:none;font-size:1.5rem}.json-modal-body{flex-direction:column;flex:1;padding:16px;display:flex;overflow:auto}.json-editor{resize:vertical;border:1px solid #e0e0e0;border-radius:4px;width:100%;min-height:300px;padding:12px;font-family:monospace;font-size:14px;line-height:1.5}.json-editor:focus{border-color:#2196f3;outline:none;box-shadow:0 0 0 2px #2196f333}.json-error{color:#d32f2f;background-color:#ffebee;border-radius:4px;margin-top:8px;padding:8px 12px;font-size:.875rem}.json-modal-footer{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:8px;padding:16px;display:flex}.json-cancel-button,.json-save-button{cursor:pointer;border-radius:4px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:background-color .2s}.json-cancel-button{color:#757575;background-color:#f5f5f5;border:1px solid #e0e0e0}.json-cancel-button:hover{background-color:#e0e0e0}.json-save-button{color:#fff;background-color:#2196f3;border:1px solid #2196f3}.json-save-button:hover{background-color:#1976d2}.data-input-container{align-items:center;width:100%;height:100%;display:flex;position:relative}.long-text-cell{cursor:pointer}.long-text-cell .data-input{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;overflow:hidden}.edit-indicator{color:#757575;font-size:14px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.text-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.text-modal{background:#fff;border-radius:8px;flex-direction:column;width:80%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 4px 12px #0003}.text-modal-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:16px;display:flex}.text-modal-header h3{color:#424242;margin:0;font-size:1.25rem;font-weight:500}.text-close-button{cursor:pointer;color:#757575;background:0 0;border:none;font-size:1.5rem}.text-modal-body{flex-direction:column;flex:1;padding:16px;display:flex;overflow:auto}.text-editor{resize:vertical;border:1px solid #e0e0e0;border-radius:4px;width:100%;min-height:200px;padding:12px;font-size:14px;line-height:1.5}.text-editor:focus{border-color:#2196f3;outline:none;box-shadow:0 0 0 2px #2196f333}.text-modal-footer{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:8px;padding:16px;display:flex}.text-cancel-button,.text-save-button{cursor:pointer;border-radius:4px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:background-color .2s}.text-cancel-button{color:#757575;background-color:#f5f5f5;border:1px solid #e0e0e0}.text-cancel-button:hover{background-color:#e0e0e0}.text-save-button{color:#fff;background-color:#2196f3;border:1px solid #2196f3}.text-save-button:hover{background-color:#1976d2}.data-input-field{color:#424242;box-sizing:border-box;background-color:#fff;border:none;border-radius:4px;width:100%;height:100%;padding:.5rem;font-size:1rem}.data-input-field:focus{outline:none;box-shadow:0 0 0 2px #2196f333}.data-input{color:#424242;white-space:nowrap;text-overflow:ellipsis;width:100%;height:100%;padding:.5rem;font-size:1rem;overflow:hidden}.multiline-indicator{color:#757575;vertical-align:middle;margin-left:4px;font-size:12px}.multiline-text .data-input{font-style:italic}.delete-row-cell{cursor:pointer;color:#9e9e9e;justify-content:center;align-items:center;height:100%;transition:color .2s;display:flex}.delete-row-cell:hover{color:#f44336}.delete-row-cell svg{width:18px;height:18px}.actions-cell{justify-content:center;align-items:center;height:100%;display:flex}.confirm-row-cell{cursor:pointer;color:#9e9e9e;justify-content:center;align-items:center;height:100%;transition:color .2s;display:flex}.confirm-row-cell:hover{color:#4caf50}.confirm-row-cell svg{width:18px;height:18px}.pending-row{background-color:#2196f31a!important;border-left:3px solid #2196f3!important}.data-input-container.readonly{cursor:default;background-color:#00000005}.data-input-container.readonly .data-input{color:#666;-webkit-user-select:text;user-select:text}.data-input-container.readonly:after{content:"🔒";opacity:.5;font-size:8px;position:absolute;top:2px;right:2px}.image-upload-notification{color:#fff;z-index:1000;border-radius:8px;align-items:center;padding:12px 20px;font-size:14px;transition:opacity .3s,transform .3s;animation:.3s ease-out slide-in;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #0003}.image-upload-notification.success{background-color:#4caf50}.image-upload-notification.success:before{content:"✓";margin-right:8px;font-weight:700;display:inline-block}.image-upload-notification.error{background-color:#f44336}.image-upload-notification.error:before{content:"✕";margin-right:8px;font-weight:700;display:inline-block}.image-upload-notification.fade-out{opacity:0;transform:translateY(10px)}@keyframes slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.image-tooltip{color:#fff;white-space:nowrap;z-index:10;pointer-events:none;background-color:#000c;border-radius:6px;padding:6px 10px;font-size:12px;animation:.2s ease-out tooltip-appear;position:absolute;bottom:-34px;left:50%;transform:translate(-50%);box-shadow:0 4px 8px #0003}@keyframes tooltip-appear{0%{opacity:0;transform:translate(-50%)translateY(5px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.image-tooltip:before{content:"";background-color:#000c;width:8px;height:8px;position:absolute;top:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.empty-image-text{color:#9e9e9e;margin-top:2px;font-size:12px;font-weight:500}.empty-image-cell.cursor-pointer:hover .empty-image-text{color:#2196f3}.image-modal-close{cursor:pointer;z-index:10;background-color:#00000080;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex;position:absolute;top:15px;right:15px}.image-modal-close:hover{background-color:#000c}.tr{display:flex}.tr:hover:not(.add-row){background-color:#f0f7ff;transition:background-color .2s}.selected-row{background-color:#3b82f61a}.selected-row:hover{background-color:#3b82f633}input[type=checkbox]{cursor:pointer;width:16px;height:16px}input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.flex.items-center.justify-center.h-full{justify-content:center;align-items:center;height:100%;display:flex}input[type=checkbox]:indeterminate{background-color:#cbd5e0;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:#a0aec0}.td{align-items:stretch;min-height:40px;display:flex}button:hover .svg-icon{color:#fff;transition:none}.disabled-row{pointer-events:none;background-color:#f8f9fa!important}.disabled-row .data-input-container{opacity:.6;cursor:not-allowed}.disabled-row .data-input{color:#6c757d}.disabled-action{pointer-events:none;opacity:.5;cursor:not-allowed}
@keyframes spin{to{transform:rotate(360deg)}}.tf-v1-popup{z-index:10001;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .25s ease-in-out;display:flex;position:fixed;top:0;left:0}.tf-v1-popup .tf-v1-iframe-wrapper{min-width:360px;min-height:360px;transition:opacity .25s ease-in-out;position:relative}.tf-v1-popup .tf-v1-iframe-wrapper iframe{border:none;border-radius:8px;width:100%;height:100%;overflow:hidden}.tf-v1-popup .tf-v1-close{text-align:center;text-transform:none;cursor:pointer;opacity:.75;color:#000;background:0 0;border:none;border-radius:0;width:24px;height:24px;margin:0;padding:0;font-size:32px;font-weight:400;line-height:24px;text-decoration:none;transition:opacity .25s ease-in-out;display:block;position:absolute;top:-34px;right:0}.tf-v1-popup .tf-v1-close:hover{opacity:1}@media (min-width:481px){.tf-v1-popup .tf-v1-close{color:#fff!important}}.tf-v1-popup .tf-v1-spinner{box-sizing:border-box;border:3px solid #aaa;border-top-color:#fff;border-radius:.5em;width:1em;height:1em;margin:-20px 0 0 -20px;font-size:40px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}@media (max-width:480px){.tf-v1-popup{width:100%!important;height:100%!important}.tf-v1-popup .tf-v1-iframe-wrapper{min-width:100%;min-height:100%;transition:opacity .25s ease-in-out;position:relative}.tf-v1-popup .tf-v1-iframe-wrapper iframe{border-radius:0}.tf-v1-popup .tf-v1-close{text-align:center;text-transform:none;cursor:pointer;opacity:.75;color:#000;background:0 0;border:none;border-radius:0;width:24px;height:24px;margin:0;padding:0;font-size:32px;font-weight:400;line-height:24px;text-decoration:none;transition:opacity .25s ease-in-out;display:block;position:absolute;top:6px;right:8px}.tf-v1-popup .tf-v1-close:hover{opacity:1}}@media (max-width:480px) and (min-width:481px){.tf-v1-popup .tf-v1-close{color:#fff!important}}