*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}#app{height:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}button,input,textarea,select{font-family:inherit}.sidebar-container[data-v-5036fa15]{height:100%;display:flex;flex-direction:column;width:200px;transition:width .3s ease}.sidebar-container.collapsed[data-v-5036fa15]{width:60px}.logo[data-v-5036fa15]{padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;min-height:64px;gap:12px}.logo-image[data-v-5036fa15]{width:32px;height:32px;flex-shrink:0;filter:brightness(0) invert(1)}.logo h1[data-v-5036fa15]{margin:0;font-size:18px;font-weight:600;color:#fff;white-space:nowrap}.nav-menu[data-v-5036fa15]{padding:16px 0;flex:1}.nav-item[data-v-5036fa15]{display:flex;align-items:center;padding:12px 16px;color:#ffffffb3;text-decoration:none;transition:all .3s;cursor:pointer;white-space:nowrap}.nav-item[data-v-5036fa15]:hover{background-color:#ffffff1a;color:#fff}.nav-item.active[data-v-5036fa15]{background-color:#ffffff26;color:#fff;border-left:3px solid #42b983}.sidebar-container.collapsed .nav-item[data-v-5036fa15]{justify-content:center;padding:12px 0}.nav-item .icon[data-v-5036fa15]{font-size:20px;margin-right:10px;width:24px;text-align:center;flex-shrink:0}.sidebar-container.collapsed .nav-item .icon[data-v-5036fa15]{margin-right:0}.nav-item .text[data-v-5036fa15]{font-size:14px;overflow:hidden}.toggle-btn[data-v-5036fa15]{padding:12px;background-color:#ffffff0d;border:none;border-top:1px solid rgba(255,255,255,.1);color:#ffffffb3;cursor:pointer;font-size:12px;transition:all .3s}.toggle-btn[data-v-5036fa15]:hover{background-color:#ffffff1a;color:#fff}.main-layout[data-v-ff223887]{display:flex;height:100vh;overflow:hidden}.sidebar[data-v-ff223887]{background-color:#2c3e50;color:#fff;flex-shrink:0}.content[data-v-ff223887]{flex:1;overflow:auto;background-color:#f5f5f5}.chart-renderer[data-v-bc3beeda]{width:100%;height:100%;min-height:400px;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.chart[data-v-bc3beeda]{width:100%;height:100%;min-height:400px}.data-table[data-v-bb0a9b9d]{background:#fff;padding:20px;height:100%;overflow:auto}.table-header[data-v-bb0a9b9d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.table-header h3[data-v-bb0a9b9d]{margin:0;font-size:18px;color:#333}.btn-add[data-v-bb0a9b9d]{padding:8px 16px;background-color:#42b983;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.btn-add[data-v-bb0a9b9d]:hover{background-color:#3aa876}.table-content[data-v-bb0a9b9d]{overflow-x:auto}table[data-v-bb0a9b9d]{width:100%;border-collapse:collapse}thead[data-v-bb0a9b9d]{background-color:#f5f5f5}th[data-v-bb0a9b9d]{padding:12px;text-align:left;font-weight:600;color:#666;font-size:14px;white-space:nowrap}.th-icon[data-v-bb0a9b9d]{width:40px;padding:12px 8px}.th-label[data-v-bb0a9b9d]{min-width:120px}.th-dimension[data-v-bb0a9b9d]{min-width:150px}.dimension-header-wrapper[data-v-bb0a9b9d]{position:relative;display:flex;align-items:center}.th-add[data-v-bb0a9b9d]{width:50px;text-align:center}.dimension-label-input[data-v-bb0a9b9d]{width:100%;padding:4px 28px 4px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-weight:600;color:#666}.dimension-label-input[data-v-bb0a9b9d]:focus{outline:none;border-color:#42b983}.btn-remove-dimension[data-v-bb0a9b9d]{position:absolute;right:4px;top:50%;transform:translateY(-50%);padding:2px;background:transparent;color:#999;border:none;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-remove-dimension[data-v-bb0a9b9d]:hover{color:#ff4757;background-color:#fee}.btn-add-dimension[data-v-bb0a9b9d]{width:30px;height:30px;padding:0;background-color:#42b983;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.btn-add-dimension[data-v-bb0a9b9d]:hover{background-color:#3aa876}td[data-v-bb0a9b9d]{padding:12px;border-bottom:1px solid #eee}.td-icon[data-v-bb0a9b9d]{text-align:center}.btn-delete-row[data-v-bb0a9b9d]{background:none;border:none;cursor:pointer;padding:4px;color:#999;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-delete-row[data-v-bb0a9b9d]:hover{color:#ff4757}.input-field[data-v-bb0a9b9d]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.input-field[data-v-bb0a9b9d]:focus{outline:none;border-color:#42b983}.empty-state[data-v-bb0a9b9d]{text-align:center;padding:40px 20px;color:#999;font-size:14px}.style-panel[data-v-69aa6b99]{background:#fff;height:100%;overflow:auto}.panel-header[data-v-69aa6b99]{padding:20px;border-bottom:1px solid #e0e0e0}.panel-header h3[data-v-69aa6b99]{margin:0;font-size:18px;color:#333}.panel-content[data-v-69aa6b99]{padding:20px}.form-group[data-v-69aa6b99]{margin-bottom:16px}.form-group label[data-v-69aa6b99]{display:block;margin-bottom:8px;font-size:14px;color:#555;font-weight:500}.input-field[data-v-69aa6b99]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.input-field[data-v-69aa6b99]:focus{outline:none;border-color:#42b983}.checkbox-group label[data-v-69aa6b99]{display:flex;align-items:center;cursor:pointer}.checkbox-group input[type=checkbox][data-v-69aa6b99]{margin-right:8px;cursor:pointer}.checkbox-group span[data-v-69aa6b99]{font-weight:400}.control-tabs[data-v-40104981]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;display:flex;flex-direction:column;height:100%}.tabs-header[data-v-40104981]{display:flex;border-bottom:2px solid #e0e0e0;background-color:#f8f9fa}.tab-button[data-v-40104981]{flex:1;padding:14px 20px;background:none;border:none;font-size:15px;font-weight:500;color:#666;cursor:pointer;transition:all .3s;position:relative}.tab-button[data-v-40104981]:hover{background-color:#42b9830d;color:#42b983}.tab-button.active[data-v-40104981]{color:#42b983;background-color:#fff}.tab-button.active[data-v-40104981]:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:#42b983}.tabs-content[data-v-40104981]{flex:1;overflow:auto}.tab-panel[data-v-40104981]{height:100%}.bar-chart-page[data-v-e2829e31]{height:100%;display:flex;flex-direction:column}.page-header[data-v-e2829e31]{padding:20px 30px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.page-header h2[data-v-e2829e31]{margin:0;font-size:24px;color:#333}.btn-save[data-v-e2829e31]{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#42b983;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s;box-shadow:0 2px 4px #42b98333}.btn-save[data-v-e2829e31]:hover{background-color:#3aa876;box-shadow:0 4px 8px #42b9834d;transform:translateY(-1px)}.btn-save[data-v-e2829e31]:active{transform:translateY(0);box-shadow:0 2px 4px #42b98333}.btn-save .icon[data-v-e2829e31]{font-size:16px}.page-content[data-v-e2829e31]{flex:1;padding:20px;overflow:hidden;display:flex;gap:20px}.chart-section[data-v-e2829e31]{flex:1;min-width:0;display:flex}.controls-section[data-v-e2829e31]{width:380px;flex-shrink:0;display:flex;flex-direction:column}@media(max-width:1024px){.page-content[data-v-e2829e31]{flex-direction:column;overflow:auto}.chart-section[data-v-e2829e31]{min-height:400px}.controls-section[data-v-e2829e31]{width:100%}.page-header[data-v-e2829e31]{flex-direction:column;gap:12px;align-items:flex-start}.btn-save[data-v-e2829e31]{width:100%;justify-content:center}}.pie-chart-page[data-v-cf3b6264]{height:100%;display:flex;flex-direction:column}.page-header[data-v-cf3b6264]{padding:20px 30px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.page-header h2[data-v-cf3b6264]{margin:0;font-size:24px;color:#333}.btn-save[data-v-cf3b6264]{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#42b983;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s;box-shadow:0 2px 4px #42b98333}.btn-save[data-v-cf3b6264]:hover{background-color:#3aa876;box-shadow:0 4px 8px #42b9834d;transform:translateY(-1px)}.btn-save[data-v-cf3b6264]:active{transform:translateY(0);box-shadow:0 2px 4px #42b98333}.btn-save .icon[data-v-cf3b6264]{font-size:16px}.page-content[data-v-cf3b6264]{flex:1;padding:20px;overflow:hidden;display:flex;gap:20px}.chart-section[data-v-cf3b6264]{flex:1;min-width:0;display:flex}.controls-section[data-v-cf3b6264]{width:380px;flex-shrink:0;display:flex;flex-direction:column}@media(max-width:1024px){.page-content[data-v-cf3b6264]{flex-direction:column;overflow:auto}.chart-section[data-v-cf3b6264]{min-height:400px}.controls-section[data-v-cf3b6264]{width:100%}.page-header[data-v-cf3b6264]{flex-direction:column;gap:12px;align-items:flex-start}.btn-save[data-v-cf3b6264]{width:100%;justify-content:center}}.line-chart-page[data-v-620ab4f8]{height:100%;display:flex;flex-direction:column}.page-header[data-v-620ab4f8]{padding:20px 30px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.page-header h2[data-v-620ab4f8]{margin:0;font-size:24px;color:#333}.btn-save[data-v-620ab4f8]{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#42b983;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s;box-shadow:0 2px 4px #42b98333}.btn-save[data-v-620ab4f8]:hover{background-color:#3aa876;box-shadow:0 4px 8px #42b9834d;transform:translateY(-1px)}.btn-save[data-v-620ab4f8]:active{transform:translateY(0);box-shadow:0 2px 4px #42b98333}.btn-save .icon[data-v-620ab4f8]{font-size:16px}.page-content[data-v-620ab4f8]{flex:1;padding:20px;overflow:hidden;display:flex;gap:20px}.chart-section[data-v-620ab4f8]{flex:1;min-width:0;display:flex}.controls-section[data-v-620ab4f8]{width:380px;flex-shrink:0;display:flex;flex-direction:column}@media(max-width:1024px){.page-content[data-v-620ab4f8]{flex-direction:column;overflow:auto}.chart-section[data-v-620ab4f8]{min-height:400px}.controls-section[data-v-620ab4f8]{width:100%}.page-header[data-v-620ab4f8]{flex-direction:column;gap:12px;align-items:flex-start}.btn-save[data-v-620ab4f8]{width:100%;justify-content:center}}