.custom-dashboard-designer[data-v-612f3a21]{display:flex;flex-direction:column;height:calc(100vh - 84px);background:#1a1a2e;overflow:hidden}.custom-dashboard-designer.preview-mode[data-v-612f3a21]{background:#000}.custom-dashboard-designer.preview-mode .designer-body .canvas-area-wrapper[data-v-612f3a21]{display:flex;justify-content:center;align-items:flex-start;padding-top:20px;overflow:auto}.custom-dashboard-designer .designer-toolbar[data-v-612f3a21]{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#16213e;border-bottom:1px solid #2a2a4a;flex-shrink:0;z-index:100}.custom-dashboard-designer .designer-toolbar .toolbar-left[data-v-612f3a21],.custom-dashboard-designer .designer-toolbar .toolbar-right[data-v-612f3a21]{display:flex;align-items:center;gap:6px}.custom-dashboard-designer .designer-toolbar .toolbar-center .dashboard-title[data-v-612f3a21]{font-size:15px;font-weight:600;color:#e0e0e0}.custom-dashboard-designer .preview-toolbar[data-v-612f3a21]{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:rgba(0,0,0,.85);flex-shrink:0}.custom-dashboard-designer .preview-toolbar .preview-title[data-v-612f3a21]{color:#fff;font-size:15px;font-weight:600}.custom-dashboard-designer .designer-body[data-v-612f3a21]{display:flex;flex:1;overflow:hidden;position:relative}.custom-dashboard-designer .designer-body .component-panel[data-v-612f3a21]{width:210px;background:#16213e;border-right:1px solid #2a2a4a;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.custom-dashboard-designer .designer-body .component-panel .panel-header[data-v-612f3a21]{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-size:13px;font-weight:600;color:#e0e0e0;border-bottom:1px solid #2a2a4a}.custom-dashboard-designer .designer-body .component-panel .panel-header .panel-toggle[data-v-612f3a21]{cursor:pointer;color:#888}.custom-dashboard-designer .designer-body .component-panel .panel-header .panel-toggle[data-v-612f3a21]:hover{color:#409eff}.custom-dashboard-designer .designer-body .component-panel .component-categories[data-v-612f3a21]{padding:8px 0}.custom-dashboard-designer .designer-body .component-panel .component-categories .component-category[data-v-612f3a21]{margin-bottom:4px}.custom-dashboard-designer .designer-body .component-panel .component-categories .component-category .category-header[data-v-612f3a21]{display:flex;align-items:center;padding:8px 14px;cursor:pointer;transition:background .2s}.custom-dashboard-designer .designer-body .component-panel .component-categories .component-category .category-header[data-v-612f3a21]:hover{background:hsla(0,0%,100%,.05)}.custom-dashboard-designer .designer-body .component-panel .component-categories .component-category .category-header .category-icon[data-v-612f3a21]{font-size:15px;margin-right:8px}.custom-dashboard-designer .designer-body .component-panel .component-categories .component-category .category-header .category-name[data-v-612f3a21]{flex:1;font-size:12px;color:silver}.custom-dashboard-designer .designer-body .component-panel .component-categories .component-category .category-header .category-arrow[data-v-612f3a21]{font-size:10px;color:#666}.custom-dashboard-designer .designer-body .component-panel .component-categories .component-category .category-items[data-v-612f3a21]{padding:4px 8px 8px}.custom-dashboard-designer .designer-body .component-panel .component-categories .component-category .category-items .component-item[data-v-612f3a21]{display:flex;align-items:center;padding:8px 10px;border-radius:6px;cursor:grab;transition:all .2s;margin-bottom:3px}.custom-dashboard-designer .designer-body .component-panel .component-categories .component-category .category-items .component-item[data-v-612f3a21]:hover{background:rgba(64,158,255,.12)}.custom-dashboard-designer .designer-body .component-panel .component-categories .component-category .category-items .component-item[data-v-612f3a21]:active{cursor:grabbing;opacity:.7}.custom-dashboard-designer .designer-body .component-panel .component-categories .component-category .category-items .component-item .comp-icon[data-v-612f3a21]{width:28px;height:28px;border-radius:6px;background:rgba(64,158,255,.1);display:flex;align-items:center;justify-content:center;margin-right:8px}.custom-dashboard-designer .designer-body .component-panel .component-categories .component-category .category-items .component-item .comp-icon i[data-v-612f3a21]{font-size:14px;color:#409eff}.custom-dashboard-designer .designer-body .component-panel .component-categories .component-category .category-items .component-item .comp-name[data-v-612f3a21]{font-size:12px;color:#b0b0b0}.custom-dashboard-designer .designer-body .component-panel .template-market-entry[data-v-612f3a21]{margin:10px 12px;padding:10px;text-align:center;border:1px dashed #3a3a5a;border-radius:6px;color:#888;font-size:12px;cursor:pointer;transition:all .2s}.custom-dashboard-designer .designer-body .component-panel .template-market-entry[data-v-612f3a21]:hover{border-color:#409eff;color:#409eff;background:rgba(64,158,255,.06)}.custom-dashboard-designer .designer-body .component-panel .template-market-entry i[data-v-612f3a21]{margin-right:4px}.custom-dashboard-designer .designer-body .panel-collapsed-btn[data-v-612f3a21]{position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:60px;background:#16213e;border:1px solid #2a2a4a;border-left:none;border-radius:0 4px 4px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;z-index:10}.custom-dashboard-designer .designer-body .panel-collapsed-btn[data-v-612f3a21]:hover{color:#409eff;background:#1a2744}.custom-dashboard-designer .designer-body .canvas-area-wrapper[data-v-612f3a21]{flex:1;overflow:auto;background:#121225;position:relative;display:flex;justify-content:flex-start;align-items:flex-start;padding:20px}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area[data-v-612f3a21]{position:relative;box-shadow:0 0 40px rgba(0,0,0,.5);overflow:hidden;flex-shrink:0}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .grid-background[data-v-612f3a21]{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:20px 20px;pointer-events:none}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component[data-v-612f3a21]{position:absolute;border:2px solid transparent;border-radius:4px;cursor:move;transition:border-color .15s}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component.selected[data-v-612f3a21]{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .component-inner[data-v-612f3a21]{width:100%;height:100%;overflow:hidden;border-radius:inherit;display:flex;align-items:center;justify-content:center}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .component-inner.preview-render[data-v-612f3a21]{background:transparent}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .component-inner .mock-chart-content[data-v-612f3a21]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.02);border-radius:inherit}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .component-inner .mock-chart-content svg[data-v-612f3a21]{width:80%;height:60%}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .component-inner .mock-chart-content .bar-mock-item[data-v-612f3a21]{width:12%;height:60%;margin:0 3%;background:linear-gradient(0deg,rgba(64,158,255,.3),rgba(64,158,255,.7));border-radius:2px 2px 0 0}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .component-inner .mock-chart-content .pie-circle[data-v-612f3a21]{width:55%;height:55%;border-radius:50%;background:conic-gradient(#409eff 0 35%,#e6a23c 35% 60%,#67c23a 60% 78%,#f56c6c 78% 92%,#909399 92% 100%)}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .component-inner .mock-kpi-card[data-v-612f3a21]{text-align:center}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .component-inner .mock-kpi-card .kpi-value[data-v-612f3a21]{font-size:32px;font-weight:700;color:#409eff}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .component-inner .mock-kpi-card .kpi-label[data-v-612f3a21]{font-size:12px;color:#888;margin-top:4px}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .component-inner .mock-table[data-v-612f3a21]{width:95%;height:90%}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .component-inner .mock-table .table-row[data-v-612f3a21]{display:flex;gap:4px;margin-bottom:3px}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .component-inner .mock-table .table-cell[data-v-612f3a21]{flex:1;height:20px;background:hsla(0,0%,100%,.04);border-radius:2px}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .component-inner .mock-text[data-v-612f3a21]{width:100%;height:100%;display:flex;align-items:center;padding:0 12px;font-size:16px;font-weight:600;color:#e0e0e0}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .component-inner .mock-gauge .gauge-arc[data-v-612f3a21]{width:70%;height:40%;border:6px solid #333;border-radius:50%;border-top-color:#409eff;border-right-color:#409eff}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .component-inner .mock-default[data-v-612f3a21]{flex-direction:column;color:#555}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .component-inner .mock-default i[data-v-612f3a21]{font-size:36px;margin-bottom:8px}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .component-inner .mock-default span[data-v-612f3a21]{font-size:12px}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .resize-handle[data-v-612f3a21]{position:absolute;width:8px;height:8px;background:#409eff;border:1px solid #fff;border-radius:1px;z-index:10}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .resize-handle.handle-tl[data-v-612f3a21]{top:-4px;left:-4px;cursor:nw-resize}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .resize-handle.handle-tc[data-v-612f3a21]{top:-4px;left:50%;transform:translateX(-50%);cursor:n-resize}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .resize-handle.handle-tr[data-v-612f3a21]{top:-4px;right:-4px;cursor:ne-resize}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .resize-handle.handle-ml[data-v-612f3a21]{top:50%;left:-4px;transform:translateY(-50%);cursor:w-resize}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .resize-handle.handle-mr[data-v-612f3a21]{top:50%;right:-4px;transform:translateY(-50%);cursor:e-resize}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .resize-handle.handle-bl[data-v-612f3a21]{bottom:-4px;left:-4px;cursor:sw-resize}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .resize-handle.handle-bc[data-v-612f3a21]{bottom:-4px;left:50%;transform:translateX(-50%);cursor:s-resize}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .resize-handle.handle-br[data-v-612f3a21]{bottom:-4px;right:-4px;cursor:se-resize}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .component-toolbar[data-v-612f3a21]{position:absolute;top:-32px;right:0;display:flex;gap:4px;background:#409eff;border-radius:4px 4px 0 4px;padding:4px 6px}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .component-toolbar .toolbar-btn[data-v-612f3a21]{color:#fff;font-size:13px;cursor:pointer;padding:2px 4px;border-radius:3px}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .component-toolbar .toolbar-btn[data-v-612f3a21]:hover{background:hsla(0,0%,100%,.2)}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-component .component-toolbar .toolbar-btn.danger[data-v-612f3a21]:hover{background:rgba(245,108,108,.8)}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-empty-hint[data-v-612f3a21]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#444}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-empty-hint i[data-v-612f3a21]{font-size:56px;margin-bottom:12px;display:block;opacity:.3}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-empty-hint p[data-v-612f3a21]{font-size:14px;margin:4px 0}.custom-dashboard-designer .designer-body .canvas-area-wrapper .canvas-area .canvas-empty-hint .sub-hint[data-v-612f3a21]{font-size:12px;color:#333}.custom-dashboard-designer .designer-body .canvas-area-wrapper .zoom-controls[data-v-612f3a21]{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:6px;background:rgba(22,33,62,.9);padding:6px 12px;border-radius:6px}.custom-dashboard-designer .designer-body .canvas-area-wrapper .zoom-controls .zoom-value[data-v-612f3a21]{font-size:12px;color:#aaa;min-width:42px;text-align:center}.custom-dashboard-designer .designer-body .property-panel[data-v-612f3a21]{width:260px;background:#16213e;border-left:1px solid #2a2a4a;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.custom-dashboard-designer .designer-body .property-panel .panel-header[data-v-612f3a21]{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-size:13px;font-weight:600;color:#e0e0e0;border-bottom:1px solid #2a2a4a}.custom-dashboard-designer .designer-body .property-panel .panel-header .panel-close[data-v-612f3a21]{cursor:pointer;color:#666}.custom-dashboard-designer .designer-body .property-panel .panel-header .panel-close[data-v-612f3a21]:hover{color:#f56c6c}.custom-dashboard-designer .designer-body .property-panel .property-sections[data-v-612f3a21]{padding:8px 0}.custom-dashboard-designer .designer-body .property-panel .property-sections .property-section[data-v-612f3a21]{border-bottom:1px solid #1e1e38}.custom-dashboard-designer .designer-body .property-panel .property-sections .property-section .section-title[data-v-612f3a21]{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;font-size:12px;color:#bbb;transition:background .2s}.custom-dashboard-designer .designer-body .property-panel .property-sections .property-section .section-title[data-v-612f3a21]:hover{background:hsla(0,0%,100%,.03)}.custom-dashboard-designer .designer-body .property-panel .property-sections .property-section .section-title i[data-v-612f3a21]{font-size:10px;color:#666}.custom-dashboard-designer .designer-body .property-panel .property-sections .property-section .section-content[data-v-612f3a21]{padding:8px 14px 14px}.custom-dashboard-designer .designer-body .property-panel .property-sections .property-section .section-content .prop-row[data-v-612f3a21]{margin-bottom:10px}.custom-dashboard-designer .designer-body .property-panel .property-sections .property-section .section-content .prop-row label[data-v-612f3a21]{display:block;font-size:11px;color:#888;margin-bottom:4px}.custom-dashboard-designer .designer-body .property-panel .property-sections .property-section .section-content .prop-row .el-input-number[data-v-612f3a21]{width:100%}.custom-dashboard-designer .designer-body .property-panel .property-sections .property-section .section-content .prop-row .color-scheme-options[data-v-612f3a21]{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.custom-dashboard-designer .designer-body .property-panel .property-sections .property-section .section-content .prop-row .color-scheme-options .color-scheme-item[data-v-612f3a21]{text-align:center;cursor:pointer;padding:4px;border-radius:4px;border:1px solid transparent;transition:all .2s}.custom-dashboard-designer .designer-body .property-panel .property-sections .property-section .section-content .prop-row .color-scheme-options .color-scheme-item.active[data-v-612f3a21]{border-color:#409eff}.custom-dashboard-designer .designer-body .property-panel .property-sections .property-section .section-content .prop-row .color-scheme-options .color-scheme-item[data-v-612f3a21]:hover{background:hsla(0,0%,100%,.05)}.custom-dashboard-designer .designer-body .property-panel .property-sections .property-section .section-content .prop-row .color-scheme-options .color-scheme-item .scheme-preview[data-v-612f3a21]{display:block;width:100%;height:18px;border-radius:3px;margin-bottom:2px}.custom-dashboard-designer .designer-body .property-panel .property-sections .property-section .section-content .prop-row .color-scheme-options .color-scheme-item .scheme-name[data-v-612f3a21]{font-size:10px;color:#888}.custom-dashboard-designer .designer-body .property-panel-empty[data-v-612f3a21]{width:200px;background:#16213e;border-left:1px solid #2a2a4a;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;color:#444}.custom-dashboard-designer .designer-body .property-panel-empty i[data-v-612f3a21]{font-size:36px;margin-bottom:10px}.custom-dashboard-designer .designer-body .property-panel-empty p[data-v-612f3a21]{font-size:12px;text-align:center;line-height:1.6}.custom-dashboard-designer .layer-panel[data-v-612f3a21]{position:absolute;bottom:0;left:210px;right:260px;background:#16213e;border-top:1px solid #2a2a4a;max-height:180px;display:flex;flex-direction:column;z-index:50}.custom-dashboard-designer .layer-panel .layer-panel-header[data-v-612f3a21]{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;font-size:12px;color:#bbb;border-bottom:1px solid #2a2a4a}.custom-dashboard-designer .layer-panel .layer-panel-header i[data-v-612f3a21]{cursor:pointer}.custom-dashboard-designer .layer-panel .layer-panel-header i[data-v-612f3a21]:hover{color:#409eff}.custom-dashboard-designer .layer-panel .layer-list[data-v-612f3a21]{flex:1;overflow-y:auto;padding:4px 0;display:flex;flex-wrap:wrap;gap:4px;padding:8px}.custom-dashboard-designer .layer-panel .layer-list .layer-item[data-v-612f3a21]{display:flex;align-items:center;padding:5px 10px;background:hsla(0,0%,100%,.03);border-radius:4px;cursor:pointer;font-size:11px;color:#999;border:1px solid transparent;transition:all .15s}.custom-dashboard-designer .layer-panel .layer-list .layer-item i[data-v-612f3a21]:first-child{margin-right:5px;font-size:12px}.custom-dashboard-designer .layer-panel .layer-list .layer-item .layer-name[data-v-612f3a21]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.custom-dashboard-designer .layer-panel .layer-list .layer-item .layer-visible[data-v-612f3a21]{margin-left:6px;color:#666}.custom-dashboard-designer .layer-panel .layer-list .layer-item .layer-visible.hidden[data-v-612f3a21]{color:#444}.custom-dashboard-designer .layer-panel .layer-list .layer-item[data-v-612f3a21]:hover{background:hsla(0,0%,100%,.06)}.custom-dashboard-designer .layer-panel .layer-list .layer-item.active[data-v-612f3a21]{border-color:#409eff;color:#409eff;background:rgba(64,158,255,.08)}.custom-dashboard-designer .layer-panel .layer-list .layer-empty[data-v-612f3a21]{width:100%;text-align:center;color:#444;font-size:12px;padding:16px}.custom-dashboard-designer[data-v-612f3a21] .el-dialog{background:#1e1e38}.custom-dashboard-designer[data-v-612f3a21] .el-dialog .el-dialog__title{color:#e0e0e0}.custom-dashboard-designer[data-v-612f3a21] .el-dialog .el-dialog__body{color:#bbb}.custom-dashboard-designer .template-grid[data-v-612f3a21]{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.custom-dashboard-designer .template-grid .template-card[data-v-612f3a21]{cursor:pointer;border-radius:8px;overflow:hidden;border:1px solid #2a2a4a;transition:all .2s}.custom-dashboard-designer .template-grid .template-card[data-v-612f3a21]:hover{border-color:#409eff;transform:translateY(-2px)}.custom-dashboard-designer .template-grid .template-card .template-preview[data-v-612f3a21]{height:120px;display:flex;align-items:center;justify-content:center}.custom-dashboard-designer .template-grid .template-card .template-preview i[data-v-612f3a21]{font-size:36px;color:hsla(0,0%,100%,.15)}.custom-dashboard-designer .template-grid .template-card .template-info[data-v-612f3a21]{padding:10px;background:#16213e}.custom-dashboard-designer .template-grid .template-card .template-name[data-v-612f3a21]{font-size:13px;font-weight:600;color:#ddd;margin-bottom:3px}.custom-dashboard-designer .template-grid .template-card .template-desc[data-v-612f3a21]{font-size:11px;color:#777}.custom-dashboard-designer .share-content .qrcode-area[data-v-612f3a21]{text-align:center;padding:20px;background:#fff;border-radius:8px;display:inline-block;margin:10px auto}