*{box-sizing:border-box;margin:0;padding:0}body{color:#212121;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{min-height:100vh}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.dashboard{background:#f9fafb;min-height:100vh}.top-bar{z-index:40;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.top-bar-left{align-items:center;gap:12px;display:flex}.top-bar-right{align-items:center;gap:10px;display:flex}.dashboard-selector{cursor:pointer;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:15px;font-weight:600;display:flex;position:relative}.dashboard-selector:hover{border-color:#9ca3af}.dashboard-selector .arrow{color:#9ca3af;font-size:10px}.divider-v{background:#e5e7eb;width:1px;height:24px}.btn-new-dashboard{color:#6d28d9;border:1px dashed #d1d5db;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:500}.btn-new-dashboard:hover{background:#f8f5ff;border-color:#6d28d9}.btn-control{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;display:flex}.btn-control:hover{background:#f9fafb;border-color:#9ca3af}.btn-control.active{color:#6d28d9;background:#ede9fe;border-color:#6d28d9}.btn-primary{color:#fff;background:#6d28d9;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;display:flex}.btn-primary:hover{background:#5b21b6}.widget-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:40px;gap:16px;padding:20px 24px;display:grid}.widget-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;transition:box-shadow .2s;display:flex;overflow:hidden}.widget-card:hover{box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.widget-card.dragging{opacity:.6;box-shadow:0 8px 25px #00000026}.widget-header{cursor:grab;justify-content:space-between;align-items:flex-start;padding:16px 20px 0;display:flex}.widget-header:active{cursor:grabbing}.widget-title{color:#111827;font-size:14px;font-weight:600}.widget-subtitle{color:#9ca3af;margin-top:2px;font-size:11px}.widget-actions{opacity:0;gap:2px;transition:opacity .15s;display:flex}.widget-card:hover .widget-actions{opacity:1}.widget-action-btn{color:#9ca3af;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.widget-action-btn:hover{color:#374151;background:#f3f4f6}.widget-body{flex:1;justify-content:center;align-items:center;min-height:0;padding:12px 20px 16px;display:flex}.number-widget{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:12px 0;display:flex}.number-value{font-size:42px;font-weight:700;line-height:1}.number-change{margin-top:8px;font-size:12px;font-weight:500}.number-change.positive{color:#10b981}.number-change.negative{color:#ef4444}.chart-colors{--c1:#6d28d9;--c2:#8b5cf6;--c3:#a78bfa;--c4:#c4b5fd;--c5:#ddd6fe;--c6:#ede9fe}.table-widget{width:100%;overflow-x:auto}.table-widget table{border-collapse:collapse;width:100%;font-size:12px}.table-widget th{text-align:left;color:#6b7280;white-space:nowrap;border-bottom:2px solid #e5e7eb;padding:8px 12px;font-weight:600}.table-widget th.right{text-align:right}.table-widget td{color:#374151;border-bottom:1px solid #f3f4f6;padding:7px 12px}.table-widget td.right{text-align:right}.table-widget tr:last-child td{border-bottom:none}.table-widget tfoot td{color:#111827;border-top:2px solid #e5e7eb;border-bottom:none;font-weight:700}.table-export-btn{color:#374151;border:1px solid #d1d5db;border-radius:6px;padding:4px 10px;font-size:11px}.table-export-btn:hover{background:#f3f4f6}.dropdown-overlay{z-index:50;position:fixed;inset:0}.dropdown-menu{z-index:51;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:220px;margin-top:4px;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 4px 16px #0000001a}.dropdown-menu.right{left:auto;right:0}.dropdown-item{color:#374151;text-align:left;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:13px;display:flex}.dropdown-item:hover{background:#f9fafb}.dropdown-item.active{color:#6d28d9;background:#f8f5ff;font-weight:500}.dropdown-item.danger{color:#ef4444}.dropdown-divider{background:#e5e7eb;height:1px;margin:4px 0}.dropdown-input{border-bottom:1px solid #e5e7eb;padding:10px 16px}.dropdown-input input{border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;padding:6px 10px;font-size:13px}.dropdown-input input:focus{border-color:#6d28d9}.editor-overlay{z-index:100;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.editor-top-bar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.editor-top-bar h2{color:#111827;font-size:16px;font-weight:600}.editor-body{flex:1;display:flex;overflow:hidden}.editor-left{background:#fff;border-right:1px solid #e5e7eb;width:360px;min-width:360px;overflow-y:auto}.editor-section{border-bottom:1px solid #f3f4f6}.editor-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.editor-section-header:hover{background:#fafafa}.editor-section-title{color:#111827;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.editor-section-summary{color:#9ca3af;font-size:11px}.editor-section-body{padding:0 20px 16px}.name-input-wrapper{border-bottom:1px solid #f3f4f6;padding:16px 20px}.name-input{color:#374151;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:14px}.name-input:focus{border-color:#6d28d9;box-shadow:0 0 0 2px #6d28d91a}.name-input::placeholder{color:#d1d5db}.field-label{text-transform:uppercase;color:#9ca3af;letter-spacing:.5px;margin-bottom:6px;font-size:11px}.pipeline-list{flex-direction:column;gap:8px;display:flex}.pipeline-item{background:#fafafa;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.pipeline-check{color:#fff;background:#6d28d9;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:flex}.pipeline-info{flex:1;min-width:0}.pipeline-org{color:#374151;font-size:12px;font-weight:500}.pipeline-name{color:#9ca3af;font-size:11px}.pipeline-remove{color:#9ca3af;padding:2px;font-size:16px}.pipeline-remove:hover{color:#ef4444}.add-pipeline-btn{color:#6d28d9;text-align:center;border:1px dashed #d1d5db;border-radius:8px;width:100%;padding:8px 12px;font-size:12px;font-weight:500}.add-pipeline-btn:hover{background:#f8f5ff;border-color:#6d28d9}.metric-pills{flex-wrap:wrap;gap:6px;display:flex}.metric-pill{color:#6b7280;border:1px solid #d1d5db;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500}.metric-pill.active{color:#fff;background:#6d28d9;border-color:#6d28d9}.metric-pill:hover:not(.active):not(.disabled-pill){background:#f9fafb;border-color:#9ca3af}.metric-pill.disabled-pill{opacity:.4;cursor:not-allowed;border-style:dashed}.metric-pill.disabled-pill:hover{background:0 0;border-color:#d1d5db}.dimension-slot{margin-bottom:10px}.dimension-label{color:#9ca3af;margin-bottom:4px;font-size:11px}.dimension-value{color:#374151;background:#6d28d90a;border:1px solid #6d28d9;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.dimension-value .type-hint{color:#9ca3af}.dimension-remove{color:#9ca3af;padding:0 2px;font-size:14px}.dimension-remove:hover{color:#ef4444}.dimension-add{color:#9ca3af;text-align:center;border:1px dashed #d1d5db;border-radius:8px;width:100%;padding:8px 12px;font-size:12px}.dimension-add:hover{color:#6d28d9;background:#f8f5ff;border-color:#6d28d9}.dimension-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:12px}.dimension-select:focus{border-color:#6d28d9}.granularity-row{gap:4px;margin-top:8px;display:flex}.granularity-pill{color:#6b7280;border:1px solid #e5e7eb;border-radius:16px;padding:3px 10px;font-size:11px}.granularity-pill.active{color:#6d28d9;background:#ede9fe;border-color:#6d28d9}.viz-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.viz-option{text-align:center;cursor:pointer;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:18px;display:flex;position:relative}.viz-option .viz-label{color:#9ca3af;font-size:9px}.viz-option.active{background:#6d28d90a;border:2px solid #6d28d9}.viz-option.disabled{opacity:.3;cursor:not-allowed}.viz-option:hover:not(.active):not(.disabled){background:#fafafa;border-color:#9ca3af}.viz-hint{color:#9ca3af;margin-top:8px;font-size:11px}.date-toggle{gap:6px;display:flex}.date-toggle-btn{color:#6b7280;border:1px solid #d1d5db;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500}.date-toggle-btn.active{color:#fff;background:#6d28d9;border-color:#6d28d9}.editor-save-area{border-top:1px solid #e5e7eb;padding:16px 20px}.btn-save{color:#fff;background:#6d28d9;border-radius:10px;width:100%;padding:10px;font-size:13px;font-weight:600}.btn-save:hover{background:#5b21b6}.editor-right{background:#fafafa;flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto}.preview-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.preview-title{color:#111827;font-size:16px;font-weight:600}.preview-subtitle{color:#9ca3af;margin-top:2px;font-size:12px}.preview-date{color:#9ca3af;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:4px 10px;font-size:12px}.preview-chart{background:#fff;border:1px solid #f3f4f6;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:300px;padding:24px;display:flex}.preview-hint{color:#6b7280;background:#6d28d90a;border:1px solid #6d28d91a;border-radius:8px;margin-top:16px;padding:12px 16px;font-size:12px}.template-overlay{z-index:80;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.template-dialog{background:#fff;border-radius:16px;width:560px;max-width:90vw;padding:28px;box-shadow:0 20px 40px #00000026}.template-dialog h2{color:#111827;margin-bottom:4px;font-size:18px;font-weight:600}.template-dialog .subtitle{color:#9ca3af;margin-bottom:20px;font-size:13px}.template-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.template-card{text-align:center;cursor:pointer;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .15s}.template-card:hover{background:#f8f5ff;border-color:#6d28d9}.template-card .icon{margin-bottom:8px;font-size:28px}.template-card .name{color:#111827;margin-bottom:4px;font-size:13px;font-weight:600}.template-card .desc{color:#9ca3af;font-size:11px;line-height:1.3}.template-divider{color:#9ca3af;align-items:center;gap:12px;margin-bottom:16px;font-size:12px;display:flex}.template-divider:before,.template-divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.btn-scratch{color:#374151;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:10px;font-size:13px;font-weight:500}.btn-scratch:hover{background:#f9fafb;border-color:#9ca3af}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px 40px;display:flex}.empty-icon{margin-bottom:16px;font-size:48px}.empty-state h2{color:#111827;margin-bottom:8px;font-size:20px;font-weight:600}.empty-state p{color:#9ca3af;margin-bottom:24px;font-size:14px}.empty-state .template-grid{max-width:520px}.picker-overlay{z-index:110;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.picker-dialog{background:#fff;border-radius:16px;width:400px;max-width:90vw;padding:24px;box-shadow:0 20px 40px #00000026}.picker-dialog h3{color:#111827;margin-bottom:16px;font-size:16px;font-weight:600}.picker-org{margin-bottom:12px}.picker-org-name{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600}.picker-pipeline{cursor:pointer;color:#6b7280;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.picker-pipeline:hover{background:#f9fafb}.picker-pipeline .checkbox{border:1px solid #d1d5db;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex}.picker-pipeline .checkbox.checked{color:#fff;background:#6d28d9;border-color:#6d28d9}.picker-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:16px;display:flex}.btn-cancel{color:#374151;border:1px solid #d1d5db;border-radius:8px;padding:8px 16px;font-size:13px}.btn-cancel:hover{background:#f9fafb}.name-dialog-overlay{z-index:80;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.name-dialog{background:#fff;border-radius:16px;width:400px;max-width:90vw;padding:24px;box-shadow:0 20px 40px #00000026}.name-dialog h3{color:#111827;margin-bottom:16px;font-size:16px;font-weight:600}.name-dialog input{border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;margin-bottom:16px;padding:9px 12px;font-size:14px}.name-dialog input:focus{border-color:#6d28d9}.name-dialog-actions{justify-content:flex-end;gap:8px;display:flex}.settings-overlay{z-index:80;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-dialog{background:#fff;border-radius:16px;width:520px;max-width:90vw;padding:28px;box-shadow:0 20px 40px #00000026}.settings-dialog h2{color:#111827;margin-bottom:4px;font-size:18px;font-weight:600}.settings-dialog .subtitle{color:#9ca3af;margin-bottom:20px;font-size:13px}.condition-type-toggle{gap:8px;margin-bottom:20px;display:flex}.condition-type-btn{text-align:left;border:1px solid #e5e7eb;border-radius:10px;flex:1;padding:12px 16px;transition:all .15s}.condition-type-btn:hover{border-color:#6d28d9}.condition-type-btn.active{background:#6d28d90a;border-color:#6d28d9}.condition-type-btn .type-label{color:#111827;margin-bottom:2px;font-size:13px;font-weight:600}.condition-type-btn .type-desc{color:#9ca3af;font-size:11px}.stage-mapping-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.stage-mapping-row{align-items:center;gap:10px;display:flex}.stage-mapping-org{color:#374151;min-width:90px;font-size:12px;font-weight:500}.stage-mapping-select{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;flex:1;padding:7px 10px;font-size:12px}.stage-mapping-select:focus{border-color:#6d28d9}.condition-status{border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:12px;display:flex}.condition-status.defined{color:#059669;background:#10b98114;border:1px solid #10b98133}.condition-status.not-defined{color:#d97706;background:#f59e0b14;border:1px solid #f59e0b33}.btn-close{color:#9ca3af;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.btn-close:hover{color:#374151;background:#f3f4f6}.recharts-cartesian-axis-tick-value{fill:#9ca3af;font-size:11px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.widget-card{animation:.3s ease-out slideUp}.field-mapping-area{background:#fafafa;border:1px solid #f3f4f6;border-radius:8px;margin-top:10px;padding:10px 12px}.field-mapping-area .label{color:#9ca3af;margin-bottom:6px;font-size:11px}.field-mapping-row{color:#374151;align-items:center;gap:6px;padding:4px 0;font-size:11px;display:flex}.field-mapping-dot{background:#6d28d9;border-radius:50%;flex-shrink:0;width:8px;height:8px}