*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;background-color:#141414}body{font-family:Arial,sans-serif;overflow:hidden}.ant-layout-sider-children,.ant-layout-sider-trigger{background-color:#141414!important;border-inline-end:1px solid rgba(253,253,253,.12)}.custom-float-button .ant-float-btn-body{background-color:#ca86f1!important;color:#fff!important;border:none!important;transition:background-color .2s ease}.custom-float-button:hover .ant-float-btn-body,.custom-float-button:focus .ant-float-btn-body,.custom-float-button:active .ant-float-btn-body{background-color:#ca86f1!important;color:#fff!important;border:none!important;box-shadow:0 2px 8px #00000040}.custom-help-modal .ant-modal-content{background-color:#1f1f1f!important;color:#fff!important;border-radius:12px}.custom-help-modal .ant-modal-header{background-color:#1f1f1f!important;border-bottom:1px solid #333}.custom-help-modal .ant-modal-title{color:#ca86f1!important;font-weight:600;font-size:16px;display:flex;align-items:center}.custom-help-modal .ant-modal-close{color:#fff!important}.custom-help-modal .ant-modal-body{font-size:14px;line-height:1.6}.custom-help-modal .ant-modal-body{scrollbar-width:thin;scrollbar-color:#cbcbdb #1f1f1f}.custom-help-modal .ant-modal-body::-webkit-scrollbar{width:8px}.custom-help-modal .ant-modal-body::-webkit-scrollbar-track{background:#1f1f1f;border-radius:4px}.custom-help-modal .ant-modal-body::-webkit-scrollbar-thumb{background-color:#cbcbdb;border-radius:4px;border:2px solid #1f1f1f}.custom-help-modal .ant-modal-body::-webkit-scrollbar-thumb:hover{background-color:#cbcbdb}.help-topic{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:10px 0 12px 10px;border-bottom:1px solid #333;color:#fff;transition:background-color .2s ease}.help-topic:hover{background-color:#ca86f133;border-radius:4px}:root{color-scheme:dark}.vtb-root{--vtb-surface-base: #141414;--vtb-surface-panel: #111217;--vtb-surface-elevated: #1f1f1f;--vtb-border-subtle: rgba(253, 253, 253, .12);--vtb-text-primary: #fff;--vtb-text-secondary: rgba(255, 255, 255, .65);--vtb-accent: #ca86f1;--vtb-accent-soft: rgba(202, 134, 241, .18);--vtb-accent-hover: rgba(202, 134, 241, .28);--vtb-disabled-bg: rgba(255, 255, 255, .06);--vtb-disabled-border: rgba(255, 255, 255, .12);--vtb-disabled-text: rgba(255, 255, 255, .4);--vtb-danger-surface: rgba(255, 87, 104, .12);--vtb-danger-border: rgba(255, 87, 104, .36);--vtb-danger-text: #ffd7e1;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:stretch;width:100%;min-height:544px;color:var(--vtb-text-primary)}.vtb-main{display:flex;flex-direction:column;gap:24px}.vtb-main-card{background:var(--vtb-surface-panel);border:1px solid var(--vtb-border-subtle);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:24px;min-height:416px;max-height:calc(100vh - 120px)}.vtb-table-meta{display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--vtb-text-secondary);font-size:14px}.vtb-table-wrapper{flex:1;border-radius:16px;overflow:auto;min-height:0;max-height:calc(100vh - 280px)}.vtb-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--vtb-surface-base);border:1px solid var(--vtb-border-subtle);border-radius:16px}.vtb-table-loading thead th{opacity:.6}.vtb-table thead th{padding:0;background:var(--vtb-surface-elevated);border-bottom:1px solid var(--vtb-border-subtle);border-right:1px solid var(--vtb-border-subtle);position:sticky;top:0;z-index:10}.vtb-table thead th:last-child,.vtb-table tbody td:last-child{border-right:none}.vtb-column-header{padding:0}.vtb-column-header-button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border:none;background:transparent;color:inherit;cursor:pointer;text-align:left;transition:background .2s ease,box-shadow .2s ease}.vtb-column-header-title-row{display:flex;align-items:center;gap:8px;width:100%}.vtb-column-header-button:hover{background:var(--vtb-accent-soft)}.vtb-column-header-active .vtb-column-header-button{background:var(--vtb-accent-hover);box-shadow:inset 0 -2px 0 var(--vtb-accent)}.vtb-column-header-title{font-size:14px;font-weight:600;color:var(--vtb-text-primary)}.vtb-source-indicator{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;background:#ffffff14;color:var(--vtb-text-secondary);flex-shrink:0;transition:background .2s ease,color .2s ease}.vtb-source-indicator svg{font-size:16px}.vtb-source-indicator-facebook-ads{background:#1877f22e;color:#7fb3ff}.vtb-source-indicator-google-ads{background:#4285f42e;color:#8bb4ff}.vtb-source-indicator-shopify{background:#95bf472e;color:#c7ef94}.vtb-source-indicator-klaviyo{background:#1b9e592e;color:#8dddb4}.vtb-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.vtb-column-header-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--vtb-text-secondary)}.vtb-pill{display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border-radius:999px;padding:4px 16px;letter-spacing:.01em}.vtb-pill-dimension{background:var(--vtb-accent-soft);color:var(--vtb-accent)}.vtb-pill-metric{background:#ffffff1f;color:var(--vtb-text-primary)}.vtb-pill-aggregation{background:#ca86f147;color:var(--vtb-accent)}.vtb-pill-filters{background:var(--vtb-accent-soft);color:var(--vtb-accent);display:inline-flex;align-items:center;gap:8px;padding-right:16px}.vtb-pill-filters svg{font-size:14px}.vtb-pill-filters-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 8px;border-radius:12px;background:#ca86f152;color:var(--vtb-text-primary);font-size:12px;font-weight:700}.vtb-add-column-header{position:relative;padding:0;text-align:center;background:var(--vtb-surface-elevated);min-height:72px}.vtb-add-column-button{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:0 16px 0 0;border:1px dashed rgba(202,134,241,.6);box-shadow:inset 0 0 0 1px transparent;background:#ca86f11f;color:var(--vtb-accent);font-weight:600;padding:16px;box-sizing:border-box;z-index:1;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.vtb-add-column-button:hover{border-color:var(--vtb-accent);background:#ca86f133}.vtb-add-column-button:focus-visible{box-shadow:inset 0 0 0 2px var(--vtb-accent);outline:none}.vtb-table tbody td{padding:16px;border-bottom:1px solid var(--vtb-border-subtle);border-right:1px solid var(--vtb-border-subtle);background:#ffffff08;color:var(--vtb-text-primary);font-size:14px}.vtb-table tbody tr:nth-child(2n) td{background:#ffffff0d}.vtb-empty-placeholder-row .vtb-empty-placeholder-cell{height:72px;border-bottom:1px solid var(--vtb-border-subtle);background:#ffffff05}.vtb-add-column-cell{background:#ffffff05}.vtb-cell-value{font-size:14px}.vtb-table-message{text-align:center;padding:32px 24px;color:var(--vtb-text-secondary);background:#ffffff0a;border-right:none}.vtb-table-message .vtb-helper-text{margin-top:8px}.vtb-cell-skeleton{height:12px;width:80%;border-radius:999px;background:linear-gradient(90deg,#ffffff14,#ca86f166,#ffffff14);background-size:160px 100%;animation:vtb-skeleton 1.2s ease-in-out infinite}@keyframes vtb-skeleton{0%{background-position:-160px 0}to{background-position:160px 0}}.vtb-side-panel{background:var(--ant-color-bg-elevated, var(--vtb-surface-elevated));border:1px solid var(--ant-color-border, var(--vtb-border-subtle));border-radius:var(--ant-border-radius-lg, 16px);padding:20px;display:flex;flex-direction:column;gap:16px;min-width:320px}.vtb-layout-list.ant-list,.vtb-source-list.ant-list{color:var(--vtb-text-secondary)}.vtb-layout-list .ant-list-items,.vtb-source-list .ant-list-items{display:flex;flex-direction:column;gap:12px}.vtb-layout-option-item,.vtb-source-list .ant-list-item{align-items:flex-start;padding:12px 16px;border-radius:var(--ant-border-radius-lg, 12px);border:1px solid var(--ant-color-border-secondary, var(--vtb-border-subtle));background:var(--ant-color-fill-quaternary, var(--vtb-surface-panel));transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.vtb-layout-option-item:not(.vtb-layout-option-item-disabled){cursor:pointer}.vtb-layout-option-item:hover,.vtb-source-list .ant-list-item:hover{border-color:var(--ant-color-primary-border, var(--vtb-accent));background:var(--ant-color-fill-secondary, var(--vtb-accent-soft))}.vtb-layout-option-item-checked{border-color:var(--vtb-accent);background:var(--vtb-accent-soft);box-shadow:0 0 0 1px #ca86f159}.vtb-layout-option-item-checked .ant-radio-wrapper{color:var(--vtb-text-primary)}.vtb-layout-option-item-disabled{opacity:.65}.vtb-source-list .ant-list-item{align-items:center}.vtb-layout-option{display:flex;flex-direction:column;gap:4px;width:100%}.vtb-layout-option .ant-radio-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;color:var(--vtb-text-secondary);padding-left:0;position:relative}.vtb-layout-option .ant-radio-wrapper:hover .ant-radio-inner{border-color:var(--vtb-accent)}.vtb-layout-option .ant-radio{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0}.vtb-layout-option .ant-radio-wrapper-checked{color:var(--vtb-text-primary)}.vtb-layout-option .ant-radio-wrapper-checked .ant-radio-inner{border-color:var(--vtb-accent);background-color:var(--vtb-accent)}.vtb-layout-option .ant-radio-wrapper:focus-visible{outline:2px solid var(--vtb-accent);outline-offset:3px}.vtb-layout-option-title{display:block;font-size:14px;color:var(--vtb-text-primary)}.vtb-layout-option-description{display:block;font-size:13px;color:var(--vtb-text-secondary)}.vtb-source-list .ant-list-item-action{margin-inline-start:0}.vtb-source-list .ant-typography{color:var(--vtb-text-primary)}.vtb-source-list .ant-switch{background:var(--vtb-disabled-bg)}.vtb-source-list .ant-switch:hover:not(.ant-switch-disabled){background:var(--vtb-accent-soft)}.vtb-source-list .ant-switch-checked{background:var(--vtb-accent)}.vtb-source-list .ant-switch-checked:hover{background:var(--vtb-accent-hover)}.vtb-side-panel h3{margin:0;font-size:20px;font-weight:600;line-height:1.4}.vtb-side-panel-body{display:flex;flex-direction:column;gap:16px}.vtb-side-panel-progress{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--vtb-text-secondary)}.vtb-field-group{display:flex;flex-direction:column;gap:12px}.vtb-field-label{font-size:14px;font-weight:600;color:var(--ant-color-text, var(--vtb-text-primary))}.vtb-field-row{display:flex;align-items:center;gap:12px}.vtb-field-row-top{align-items:flex-start}.vtb-field-row .vtb-field-label{margin:0;flex:0 0 132px}.vtb-field-row>:not(.vtb-field-label){flex:1;min-width:0}.vtb-field-row .ant-select,.vtb-field-row .ant-input,.vtb-field-row .ant-input-number,.vtb-field-row .ant-picker{width:100%}@media (max-width: 540px){.vtb-field-row{flex-direction:column;align-items:stretch;gap:8px}.vtb-field-row .vtb-field-label{flex:none}}.vtb-source-readonly{display:inline-flex;align-items:center;width:100%;min-height:40px;padding:0 16px;border-radius:12px;border:1px solid var(--vtb-border-subtle);background:var(--vtb-disabled-bg);color:var(--vtb-text-secondary)}.vtb-filter-empty{background:#ffffff0f;border:1px dashed var(--vtb-border-subtle);border-radius:12px;padding:16px;font-size:14px;color:var(--vtb-text-secondary);line-height:1.5}.vtb-filter-list{display:flex;flex-direction:column;gap:12px}.vtb-filter-card{background:#141414e6;border:1px solid var(--vtb-border-subtle);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.vtb-filter-card-incomplete{border-color:var(--vtb-accent);box-shadow:0 0 0 1px #ca86f166}.vtb-filter-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;color:var(--vtb-text-primary)}.vtb-filter-card-title{font-weight:600}.vtb-filter-card-controls{display:flex;flex-direction:column;gap:12px;align-items:center}.vtb-filter-control-row{display:flex;align-items:center;gap:12px;width:100%}.vtb-filter-operator{flex:0 0 auto;min-width:150px}.vtb-filter-value{flex:1 1 auto}.vtb-delete-section{margin-top:auto}.vtb-export-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;flex-wrap:wrap}.vtb-export-button-wrapper{display:inline-flex;cursor:not-allowed}.vtb-export-toolbar .ant-btn{min-width:128px}.vtb-export-toolbar .ant-btn-primary[disabled],.vtb-export-toolbar .ant-btn-primary[disabled]:hover,.vtb-export-toolbar .ant-btn-primary[disabled]:focus{background:var(--vtb-disabled-bg);border-color:var(--vtb-disabled-border);color:var(--vtb-disabled-text)}.vtb-export-error{width:100%;background:var(--vtb-danger-surface);border:1px solid var(--vtb-danger-border);border-radius:12px;padding:16px;font-size:14px;color:var(--vtb-danger-text)}.vtb-helper-text{font-size:13px;color:var(--ant-color-text-tertiary, var(--vtb-text-secondary))}.vtb-preview-status{font-size:13px;color:var(--vtb-danger-text);font-weight:600}.vtb-error{background:var(--vtb-danger-surface);border:1px solid var(--vtb-danger-border);border-radius:16px;padding:24px;color:var(--vtb-danger-text);display:flex;flex-direction:column;gap:16px}@media (max-width: 1080px){.vtb-root{grid-template-columns:1fr}.vtb-side-panel{min-width:auto}}