.badge-builder-page[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;background:#f5f6fa;overflow:hidden}.builder-header[data-v-36c9ba38]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 20px;background:#fff;border-bottom:1px solid #e9ecef;gap:20px}.builder-header[data-v-36c9ba38],.header-left[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0}.header-left[data-v-36c9ba38]{gap:12px}.btn-back[data-v-36c9ba38]{width:34px;height:34px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #e9ecef;background:#fff;border-radius:6px;cursor:pointer;color:#495057;-webkit-transition:all .15s;transition:all .15s}.btn-back[data-v-36c9ba38]:hover{border-color:#556ee6;color:#556ee6}.template-title-section[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.template-title-input[data-v-36c9ba38]{border:none;background:transparent;font-size:16px;font-weight:600;color:#344054;padding:4px 0;width:200px}.template-title-input[data-v-36c9ba38]:focus{outline:none;border-bottom:2px solid #556ee6}.template-status[data-v-36c9ba38]{padding:3px 8px;border-radius:10px;font-size:10px;font-weight:500}.template-status.active[data-v-36c9ba38]{background:#d1fae5;color:#059669}.template-status.inactive[data-v-36c9ba38]{background:#fee2e2;color:#dc2626}.header-center[data-v-36c9ba38]{-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px;-webkit-box-flex:1;-ms-flex:1;flex:1}.config-group[data-v-36c9ba38],.header-center[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.config-group[data-v-36c9ba38]{-ms-flex-align:center;gap:6px}.config-group label[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:11px;font-weight:500;color:#6c757d;text-transform:uppercase;letter-spacing:.3px;height:28px;margin:0}.config-group select[data-v-36c9ba38]{padding:0 10px;border:1px solid #e9ecef;border-radius:6px;font-size:12px;background:#fff;min-width:140px;height:28px;color:#344054;cursor:pointer}.config-group select[data-v-36c9ba38]:focus{outline:none;border-color:#556ee6}.config-group .orientation-btns[data-v-36c9ba38]{gap:2px}.config-group .orientation-btn[data-v-36c9ba38],.config-group .orientation-btns[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:28px}.config-group .orientation-btn[data-v-36c9ba38]{width:32px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #e9ecef;background:#fff;border-radius:4px;cursor:pointer;color:#6c757d;-webkit-transition:all .15s;transition:all .15s}.config-group .orientation-btn[data-v-36c9ba38]:hover{border-color:#556ee6;color:#556ee6}.config-group .orientation-btn.active[data-v-36c9ba38]{background:#556ee6;border-color:#556ee6;color:#fff}.config-group .orientation-btn svg[data-v-36c9ba38]{display:block}.header-right[data-v-36c9ba38]{gap:6px;-ms-flex-negative:0;flex-shrink:0}.btn-icon[data-v-36c9ba38],.header-right[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn-icon[data-v-36c9ba38]{width:32px;height:32px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #e9ecef;background:#fff;border-radius:6px;cursor:pointer;color:#6c757d;-webkit-transition:all .15s;transition:all .15s}.btn-icon[data-v-36c9ba38]:hover:not(:disabled){border-color:#556ee6;color:#556ee6}.btn-icon[data-v-36c9ba38]:disabled{opacity:.4;cursor:not-allowed}.btn-icon i[data-v-36c9ba38]{font-size:16px}.header-divider[data-v-36c9ba38]{width:1px;height:24px;background:#e9ecef;margin:0 6px}.btn-secondary[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;padding:7px 12px;border:1px solid #e9ecef;background:#fff;border-radius:6px;font-size:12px;color:#495057;cursor:pointer;-webkit-transition:all .15s;transition:all .15s}.btn-secondary[data-v-36c9ba38]:hover{border-color:#556ee6;color:#556ee6}.btn-save[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;padding:7px 16px;border:none;background:#556ee6;color:#fff;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;-webkit-transition:all .15s;transition:all .15s}.btn-save[data-v-36c9ba38]:hover:not(:disabled){background:#485ec4}.btn-save[data-v-36c9ba38]:disabled{opacity:.7;cursor:not-allowed}.builder-content[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.sidebar-left[data-v-36c9ba38]{width:260px;background:#fff;border-right:1px solid #e9ecef;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0}.sidebar-left .sidebar-header[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:14px 16px;border-bottom:1px solid #e9ecef}.sidebar-left .sidebar-header h3[data-v-36c9ba38]{font-size:11px;font-weight:600;color:#6c757d;letter-spacing:.5px;margin:0;text-transform:uppercase}.sidebar-left .sidebar-header .btn-add[data-v-36c9ba38]{width:28px;height:28px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:14px;border:none;background:#556ee6;color:#fff;border-radius:6px;cursor:pointer;-webkit-transition:background .15s;transition:background .15s}.sidebar-left .sidebar-header .btn-add[data-v-36c9ba38]:hover{background:#485ec4}.sidebar-left .search-box[data-v-36c9ba38]{padding:12px;position:relative}.sidebar-left .search-box i[data-v-36c9ba38]{position:absolute;left:22px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#adb5bd;font-size:16px}.sidebar-left .search-box input[data-v-36c9ba38]{width:100%;padding:8px 12px 8px 36px;border:1px solid #e9ecef;border-radius:6px;font-size:13px}.sidebar-left .search-box input[data-v-36c9ba38]:focus{outline:none;border-color:#556ee6}.sidebar-left .templates-list[data-v-36c9ba38]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:8px 12px}.sidebar-left .templates-list[data-v-36c9ba38]::-webkit-scrollbar{width:6px}.sidebar-left .templates-list[data-v-36c9ba38]::-webkit-scrollbar-track{background:transparent}.sidebar-left .templates-list[data-v-36c9ba38]::-webkit-scrollbar-thumb{background-color:#d0d5dd;border-radius:3px}.sidebar-left .templates-list[data-v-36c9ba38]::-webkit-scrollbar-thumb:hover{background-color:#b0b5bd}.sidebar-left .template-card[data-v-36c9ba38]{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px;cursor:pointer;-webkit-transition:all .15s;transition:all .15s}.sidebar-left .template-card[data-v-36c9ba38]:hover{border-color:#556ee6;-webkit-box-shadow:0 2px 8px rgba(85,110,230,.1);box-shadow:0 2px 8px rgba(85,110,230,.1)}.sidebar-left .template-card.active[data-v-36c9ba38]{border-color:#556ee6;background:#f8f9ff;-webkit-box-shadow:0 2px 8px rgba(85,110,230,.15);box-shadow:0 2px 8px rgba(85,110,230,.15)}.sidebar-left .template-card.preset-card[data-v-36c9ba38]{border-style:dashed}.sidebar-left .template-card.preset-card[data-v-36c9ba38]:hover{border-style:solid;background:#f8f9ff}.sidebar-left .template-card.preset-card .preset-thumbnail[data-v-36c9ba38]{width:100%;height:80px;-o-object-fit:contain;object-fit:contain;background:#f8f9fa}.sidebar-left .template-card.preset-card .preset-hint[data-v-36c9ba38]{font-size:11px;color:#556ee6}.sidebar-left .template-card.preset-card .preset-hint i[data-v-36c9ba38]{margin-right:4px}.sidebar-left .template-card .template-header[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px}.sidebar-left .template-card .template-header .template-info h4[data-v-36c9ba38]{font-size:13px;font-weight:600;margin:0 0 2px;color:#344054}.sidebar-left .template-card .template-header .template-info .template-size[data-v-36c9ba38]{font-size:11px;color:#6c757d}.sidebar-left .template-card .template-header .template-menu-wrapper[data-v-36c9ba38]{position:relative}.sidebar-left .template-card .template-header .template-menu[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#adb5bd;cursor:pointer;padding:4px;border-radius:4px;-webkit-transition:all .15s;transition:all .15s;font-size:18px}.sidebar-left .template-card .template-header .template-menu[data-v-36c9ba38]:hover{background:#f8f9fa;color:#556ee6}.sidebar-left .template-card .template-header .template-dropdown[data-v-36c9ba38]{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e9ecef;border-radius:8px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:180px;z-index:100;padding:6px 0}.sidebar-left .template-card .template-header .template-dropdown button[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:none;font-size:13px;color:#344054;cursor:pointer;text-align:left;-webkit-transition:all .15s;transition:all .15s}.sidebar-left .template-card .template-header .template-dropdown button i[data-v-36c9ba38]{font-size:16px;color:#6c757d}.sidebar-left .template-card .template-header .template-dropdown button[data-v-36c9ba38]:hover{background:#f8f9fa}.sidebar-left .template-card .template-header .template-dropdown button.danger[data-v-36c9ba38],.sidebar-left .template-card .template-header .template-dropdown button.danger i[data-v-36c9ba38]{color:#dc3545}.sidebar-left .template-card .template-header .template-dropdown button.danger[data-v-36c9ba38]:hover{background:#fff5f5}.sidebar-left .template-card .template-preview[data-v-36c9ba38]{padding:4px 12px}.sidebar-left .template-card .template-preview .preview-badge[data-v-36c9ba38]{background:#f8f9fa;border:1px dashed #dee2e6;border-radius:6px;min-height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#adb5bd}.sidebar-left .template-card .template-preview .preview-badge i[data-v-36c9ba38]{font-size:20px;margin-bottom:2px}.sidebar-left .template-card .template-preview .preview-badge span[data-v-36c9ba38]{font-size:10px}.sidebar-left .template-card .template-footer[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 12px;border-top:1px solid #f0f0f0}.sidebar-left .template-card .template-footer .modified[data-v-36c9ba38]{font-size:10px;color:#adb5bd}.sidebar-left .template-card .template-footer .badge-active[data-v-36c9ba38]{font-size:10px;padding:2px 8px;background:#d1fae5;color:#059669;border-radius:10px;font-weight:500}.sidebar-left .template-card .template-footer .badge-default[data-v-36c9ba38]{font-size:10px;padding:2px 8px;background:#dbeafe;color:#2563eb;border-radius:10px;font-weight:500}.sidebar-left .empty-state[data-v-36c9ba38]{text-align:center;padding:40px 20px;color:#adb5bd}.sidebar-left .empty-state i[data-v-36c9ba38]{font-size:40px;margin-bottom:12px;display:block}.sidebar-left .empty-state p[data-v-36c9ba38]{font-size:13px;margin:0}.canvas-area[data-v-36c9ba38]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;min-width:0}.canvas-area .canvas-toolbar[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 16px;background:#fff;border-bottom:1px solid #e9ecef;-ms-flex-negative:0;flex-shrink:0}.canvas-area .canvas-toolbar .toolbar-left[data-v-36c9ba38],.canvas-area .canvas-toolbar .toolbar-right[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.canvas-area .canvas-toolbar .zoom-level[data-v-36c9ba38]{min-width:50px;text-align:center;font-size:13px;color:#6c757d;font-weight:500}.canvas-area .canvas-toolbar .toolbar-btn[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;border:1px solid #e9ecef;background:#fff;border-radius:6px;color:#6c757d;cursor:pointer;-webkit-transition:all .15s;transition:all .15s}.canvas-area .canvas-toolbar .toolbar-btn[data-v-36c9ba38]:hover{border-color:#556ee6;color:#556ee6}.canvas-area .canvas-toolbar .grid-toggle[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:12px;color:#6c757d;cursor:pointer;padding:6px 10px;border-radius:6px;-webkit-transition:background .15s;transition:background .15s}.canvas-area .canvas-toolbar .grid-toggle[data-v-36c9ba38]:hover{background:#f8f9fa}.canvas-area .canvas-toolbar .grid-toggle input[data-v-36c9ba38]{cursor:pointer;accent-color:#556ee6}.canvas-area .canvas-container[data-v-36c9ba38]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;padding:1.5rem;background:#e5e5e5;position:relative}.canvas-area .canvas-container .ruler[data-v-36c9ba38]{position:absolute;background:#f8f9fa;z-index:10}.canvas-area .canvas-container .ruler .ruler-mark[data-v-36c9ba38]{position:absolute;font-size:.5rem;color:#adb5bd}.canvas-area .canvas-container .ruler.ruler-horizontal[data-v-36c9ba38]{top:0;left:25px;right:0;height:18px;border-bottom:1px solid #dee2e6}.canvas-area .canvas-container .ruler.ruler-horizontal .ruler-mark[data-v-36c9ba38]{border-left:1px solid #dee2e6;height:100%}.canvas-area .canvas-container .ruler.ruler-horizontal .ruler-mark span[data-v-36c9ba38]{padding-left:2px}.canvas-area .canvas-container .ruler.ruler-vertical[data-v-36c9ba38]{top:18px;left:0;bottom:0;width:25px;border-right:1px solid #dee2e6}.canvas-area .canvas-container .ruler.ruler-vertical .ruler-mark[data-v-36c9ba38]{border-top:1px solid #dee2e6;width:100%;text-align:right}.canvas-area .canvas-container .ruler.ruler-vertical .ruler-mark span[data-v-36c9ba38]{padding-right:3px;font-size:.5rem}.canvas-area .canvas-container .badge-canvas[data-v-36c9ba38]{background:#fff;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.15);box-shadow:0 2px 12px rgba(0,0,0,.15);position:relative;margin-left:25px;margin-top:18px}.canvas-area .canvas-container .badge-canvas .grid-overlay[data-v-36c9ba38]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.canvas-area .canvas-container .badge-canvas .canvas-element[data-v-36c9ba38]{cursor:move;border:1px solid transparent;-webkit-box-sizing:border-box;box-sizing:border-box;background:hsla(0,0%,100%,.5)}.canvas-area .canvas-container .badge-canvas .canvas-element[data-v-36c9ba38]:hover{border-color:rgba(85,110,230,.5)}.canvas-area .canvas-container .badge-canvas .canvas-element.selected[data-v-36c9ba38]{border:2px solid #556ee6;-webkit-box-shadow:0 0 0 2px rgba(85,110,230,.2);box-shadow:0 0 0 2px rgba(85,110,230,.2)}.canvas-area .canvas-container .badge-canvas .canvas-element.locked[data-v-36c9ba38]{cursor:not-allowed}.canvas-area .canvas-container .badge-canvas .canvas-element.hidden[data-v-36c9ba38]{opacity:.3}.canvas-area .canvas-container .badge-canvas .canvas-element .element-content[data-v-36c9ba38]{padding:2px;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.canvas-area .canvas-container .badge-canvas .canvas-element .element-content .photo-placeholder[data-v-36c9ba38],.canvas-area .canvas-container .badge-canvas .canvas-element .element-content .qrcode-placeholder[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background:#f8f9fa;border:1px dashed #dee2e6;color:#6c757d}.canvas-area .canvas-container .badge-canvas .canvas-element .element-content .photo-placeholder i[data-v-36c9ba38],.canvas-area .canvas-container .badge-canvas .canvas-element .element-content .qrcode-placeholder i[data-v-36c9ba38]{margin-bottom:.25rem}.canvas-area .canvas-container .badge-canvas .canvas-element .element-content .photo-placeholder small[data-v-36c9ba38],.canvas-area .canvas-container .badge-canvas .canvas-element .element-content .qrcode-placeholder small[data-v-36c9ba38]{font-size:.625rem}.canvas-area .canvas-container .badge-canvas .canvas-element .resize-handle[data-v-36c9ba38]{position:absolute;width:8px;height:8px;background:#556ee6;border:1px solid #fff;border-radius:2px}.canvas-area .canvas-container .badge-canvas .canvas-element .resize-handle.nw[data-v-36c9ba38]{top:-4px;left:-4px;cursor:nw-resize}.canvas-area .canvas-container .badge-canvas .canvas-element .resize-handle.ne[data-v-36c9ba38]{top:-4px;right:-4px;cursor:ne-resize}.canvas-area .canvas-container .badge-canvas .canvas-element .resize-handle.sw[data-v-36c9ba38]{bottom:-4px;left:-4px;cursor:sw-resize}.canvas-area .canvas-container .badge-canvas .canvas-element .resize-handle.se[data-v-36c9ba38]{bottom:-4px;right:-4px;cursor:se-resize}.canvas-area .canvas-container .no-size-selected[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:300px;color:#6c757d;background:#fff;border-radius:8px;margin:2rem auto;max-width:400px}.canvas-area .canvas-container .no-size-selected i[data-v-36c9ba38]{font-size:3rem;margin-bottom:1rem;color:#adb5bd}.canvas-area .canvas-container .no-size-selected p[data-v-36c9ba38]{font-size:.9375rem;text-align:center;margin:0}.canvas-area .canvas-footer[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:8px 16px;background:#fff;border-top:1px solid #e9ecef;font-size:12px;color:#6c757d;-ms-flex-negative:0;flex-shrink:0}.canvas-area .canvas-footer .footer-left[data-v-36c9ba38],.canvas-area .canvas-footer .footer-right[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.canvas-area .canvas-footer .separator[data-v-36c9ba38]{margin:0 10px;color:#dee2e6}.sidebar-right[data-v-36c9ba38]{width:280px;background:#fff;border-left:1px solid #e9ecef;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sidebar-right .sidebar-tabs[data-v-36c9ba38],.sidebar-right[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}.sidebar-right .sidebar-tabs[data-v-36c9ba38]{border-bottom:1px solid #e9ecef}.sidebar-right .sidebar-tabs .tab-btn[data-v-36c9ba38]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:12px;border:none;background:transparent;font-size:13px;color:#6c757d;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6px;-webkit-transition:all .15s;transition:all .15s}.sidebar-right .sidebar-tabs .tab-btn[data-v-36c9ba38]:hover{background:#f8f9fa}.sidebar-right .sidebar-tabs .tab-btn.active[data-v-36c9ba38]{color:#556ee6;border-bottom:2px solid #556ee6;margin-bottom:-1px;font-weight:500}.sidebar-right .tab-content[data-v-36c9ba38]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sidebar-right .panel-section[data-v-36c9ba38]{margin-bottom:20px;-ms-flex-negative:0;flex-shrink:0}.sidebar-right .panel-section.panel-section-grow[data-v-36c9ba38]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:0;min-height:0}.sidebar-right .panel-section h4[data-v-36c9ba38]{font-size:11px;font-weight:600;color:#6c757d;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.sidebar-right .panel-section .section-header[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.sidebar-right .panel-section .section-header h4[data-v-36c9ba38]{margin:0}.sidebar-right .elements-grid[data-v-36c9ba38]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sidebar-right .elements-grid .element-item[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:12px 8px;border:1px solid #e9ecef;border-radius:8px;cursor:-webkit-grab;cursor:grab;-webkit-transition:all .15s;transition:all .15s}.sidebar-right .elements-grid .element-item[data-v-36c9ba38]:hover{border-color:#556ee6;background:#f8f9ff}.sidebar-right .elements-grid .element-item i[data-v-36c9ba38]{font-size:20px;color:#6c757d;margin-bottom:4px}.sidebar-right .elements-grid .element-item span[data-v-36c9ba38]{font-size:11px;color:#6c757d}.sidebar-right .loading-fields[data-v-36c9ba38]{text-align:center;padding:20px;color:#6c757d;font-size:13px}.sidebar-right .loading-fields i[data-v-36c9ba38]{margin-right:8px}.sidebar-right .dynamic-fields-list[data-v-36c9ba38]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px}.sidebar-right .dynamic-fields-list .field-item[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;-webkit-transition:all .15s;transition:all .15s}.sidebar-right .dynamic-fields-list .field-item[data-v-36c9ba38]:hover{border-color:#556ee6;background:#f8f9ff;-webkit-box-shadow:0 2px 4px rgba(85,110,230,.1);box-shadow:0 2px 4px rgba(85,110,230,.1)}.sidebar-right .dynamic-fields-list .field-item .field-name[data-v-36c9ba38]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:13px;font-weight:500;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-right .dynamic-fields-list .field-item .btn-add-field[data-v-36c9ba38]{width:28px;height:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;background:#556ee6;color:#fff;border-radius:6px;cursor:pointer;opacity:0;-webkit-transition:all .15s;transition:all .15s;-ms-flex-negative:0;flex-shrink:0}.sidebar-right .dynamic-fields-list .field-item .btn-add-field[data-v-36c9ba38]:hover{background:#485ec4}.sidebar-right .dynamic-fields-list .field-item:hover .btn-add-field[data-v-36c9ba38]{opacity:1}.sidebar-right .layers-list[data-v-36c9ba38]{max-height:200px;overflow-y:auto}.sidebar-right .layers-list .layer-item[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.375rem;padding:.375rem;border-radius:4px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;border:1px solid transparent}.sidebar-right .layers-list .layer-item[data-v-36c9ba38]:hover{background:#f8f9fa}.sidebar-right .layers-list .layer-item.selected[data-v-36c9ba38]{background:#eef2ff;border-color:#556ee6}.sidebar-right .layers-list .layer-item .layer-drag-handle[data-v-36c9ba38]{cursor:-webkit-grab;cursor:grab;color:#adb5bd;font-size:.875rem}.sidebar-right .layers-list .layer-item .layer-name[data-v-36c9ba38]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:.75rem;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-right .layers-list .layer-item .layer-actions[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.125rem}.sidebar-right .layers-list .layer-item .layer-actions i[data-v-36c9ba38]{padding:.125rem;color:#adb5bd;cursor:pointer;font-size:.875rem}.sidebar-right .layers-list .layer-item .layer-actions i[data-v-36c9ba38]:hover{color:#556ee6}.sidebar-right .empty-layers[data-v-36c9ba38]{text-align:center;padding:1rem;color:#adb5bd}.sidebar-right .empty-layers p[data-v-36c9ba38]{font-size:.75rem;margin:0}.sidebar-right .properties-panel .form-group[data-v-36c9ba38]{margin-bottom:16px}.sidebar-right .properties-panel .form-group label[data-v-36c9ba38]{display:block;font-size:11px;font-weight:500;color:#6c757d;margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.sidebar-right .properties-panel .form-group input[data-v-36c9ba38],.sidebar-right .properties-panel .form-group select[data-v-36c9ba38]{width:100%;padding:8px 12px;border:1px solid #e9ecef;border-radius:6px;font-size:13px;color:#344054;-webkit-transition:border-color .15s;transition:border-color .15s}.sidebar-right .properties-panel .form-group input[data-v-36c9ba38]:focus,.sidebar-right .properties-panel .form-group select[data-v-36c9ba38]:focus{outline:none;border-color:#556ee6}.sidebar-right .properties-panel .form-group input[type=color][data-v-36c9ba38]{height:36px;padding:4px;cursor:pointer}.sidebar-right .properties-panel .properties-grid[data-v-36c9ba38]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sidebar-right .properties-panel .properties-grid .prop-item label[data-v-36c9ba38]{display:block;font-size:10px;font-weight:500;color:#adb5bd;margin-bottom:4px;text-transform:uppercase}.sidebar-right .properties-panel .properties-grid .prop-item input[data-v-36c9ba38]{width:100%;padding:6px 10px;border:1px solid #e9ecef;border-radius:6px;font-size:13px;color:#344054}.sidebar-right .properties-panel .properties-grid .prop-item input[data-v-36c9ba38]:focus{outline:none;border-color:#556ee6}.sidebar-right .properties-panel .btn-group-props[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.sidebar-right .properties-panel .btn-group-props .btn-prop[data-v-36c9ba38]{width:36px;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #e9ecef;background:#fff;color:#6c757d;border-radius:6px;cursor:pointer;-webkit-transition:all .15s;transition:all .15s}.sidebar-right .properties-panel .btn-group-props .btn-prop[data-v-36c9ba38]:hover{border-color:#556ee6;color:#556ee6}.sidebar-right .properties-panel .btn-group-props .btn-prop.active[data-v-36c9ba38]{background:#556ee6;border-color:#556ee6;color:#fff}.sidebar-right .no-selection[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:200px;color:#adb5bd}.sidebar-right .no-selection i[data-v-36c9ba38]{font-size:40px;margin-bottom:12px}.sidebar-right .no-selection p[data-v-36c9ba38]{font-size:13px;text-align:center;margin:0}.btn-danger[data-v-36c9ba38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6px;width:100%;padding:10px 16px;border:none;background:#dc3545;color:#fff;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;-webkit-transition:all .15s;transition:all .15s}.btn-danger[data-v-36c9ba38]:hover{background:#c82333}body.badge-builder-page{overflow:hidden!important;height:100vh!important}body.badge-builder-page footer.footer{display:none!important}body.badge-builder-page .main-content{padding:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;overflow:hidden!important;height:100vh!important;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}body.badge-builder-page .page-content{margin:0!important;margin-top:70px!important;height:calc(100vh - 70px)!important;max-height:calc(100vh - 70px)!important}body.badge-builder-page .page-content,body.badge-builder-page .page-content>.container-fluid{padding:0!important;overflow:hidden!important;min-height:0!important;-webkit-box-flex:1!important;-ms-flex:1!important;flex:1!important;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}body.badge-builder-page .page-content>.container-fluid{margin:0!important;height:100%!important;max-width:100%!important}