.org-tree-container{width:100%;height:100%;min-height:600px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f7fafc,#edf2f7)}.dashboard-v2.dark .org-tree-container{background:linear-gradient(135deg,#1a202c,#2d3748)}.org-tree-container svg{display:block}.node{cursor:pointer;transition:opacity .3s ease}.node.dimmed,.node.filtered{opacity:.2}.node-card{transition:all .3s ease}.node:hover .node-card{filter:drop-shadow(0 8px 16px rgba(0,0,0,.15));transform:scale(1.02)}.node-icon{-webkit-user-select:none;user-select:none}.node-name{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;fill:#000!important}.node-role{fill:#111!important}.expand-indicator{animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.link{transition:stroke .3s ease}.link:hover{stroke:#3182ce;stroke-width:3}.org-tooltip{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);max-width:280px;line-height:1.5}.node-card[data-status=active]{--status-color: #48BB78}.node-card[data-status=inactive]{--status-color: #A0AEC0}.node-card[data-status=on_leave]{--status-color: #ED8936}.node[data-entity-type=agent] .node-card{box-shadow:0 0 20px #805ad54d}.node[data-entity-type=human] .node-card{box-shadow:0 0 20px #3182ce4d}.node.dragging .node-card{opacity:.5;cursor:grabbing}.node.drop-target .node-card{stroke:#48bb78!important;stroke-width:4px!important;stroke-dasharray:5,5}@media (max-width: 768px){.org-tree-container{min-height:400px}.node-card{width:180px;height:80px}.node-name{font-size:12px}.node-role{font-size:10px}}@media (prefers-color-scheme: dark){.node-name{fill:#000!important}.node-role{fill:#222!important}}} .sankey-container{position:relative;width:100%;height:100%;min-height:500px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;overflow:hidden}.sankey-container svg{display:block}.node rect{transition:all .3s ease;cursor:pointer}.node:hover rect{filter:url(#glow);stroke:#fff;stroke-width:2}.node text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;pointer-events:none}.link{transition:stroke-opacity .3s;cursor:pointer}.link:hover{stroke-opacity:.9!important}.particle{animation:particlePulse 2s infinite}@keyframes particlePulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.sankey-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 25px -5px #0003}.sankey-tooltip hr{border:none;border-top:1px solid rgba(255,255,255,.2)}.legend{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.legend rect{rx:3}.sankey-layer.links{z-index:1}.sankey-layer.nodes{z-index:2}.sankey-layer.particles{z-index:3;pointer-events:none}@media (max-width: 768px){.sankey-container{overflow-x:auto;min-height:400px}.sankey-container svg{min-width:800px}.legend{display:none}}@media (prefers-color-scheme: dark){.sankey-container{background:linear-gradient(135deg,#1a202c,#2d3748)}.node text{fill:#e2e8f0}.legend text{fill:#a0aec0}}.sankey-container.loading:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid rgba(49,130,206,.2);border-top-color:#3182ce;border-radius:50%;animation:spin 1s linear infinite}.cost-dashboard{padding:24px;background:#f7fafc;min-height:100%}.period-selector{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.period-btn:hover{background:#edf2f7;border-color:#cbd5e0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #E2E8F0;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.stat-icon{font-size:20px}.stat-title{font-size:13px;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:32px;font-weight:700;color:#2d3748;margin-bottom:8px}.stat-meta{display:flex;align-items:center;gap:12px;font-size:13px}.stat-meta .rate{color:#718096}.stat-meta .trend{font-weight:600}.stat-meta .trend.up{color:#38a169}.stat-meta .trend.down{color:#e53e3e}.stat-meta .over-budget{color:#e53e3e;font-weight:600}.stat-meta .under-budget{color:#38a169;font-weight:600}.live-counter{background:linear-gradient(135deg,#ebf8ff,#fff);border-color:#90cdf4}.live-value{display:flex;align-items:baseline;gap:4px}.live-value .currency{font-size:24px;font-weight:600;color:#2b6cb0}.live-value .amount{font-size:40px;font-weight:700;color:#2b6cb0;font-family:SF Mono,Monaco,monospace}.progress-bar{height:6px;background:#e2e8f0;border-radius:3px;margin-top:12px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3182ce,#63b3ed);border-radius:3px;transition:width .5s ease}.comparison{background:linear-gradient(135deg,#f0fff4,#fff)}.comparison-bars{margin-bottom:16px}.comparison-item{display:flex;align-items:center;gap:12px;margin-bottom:12px}.comparison-item .label{width:80px;font-size:13px;font-weight:500;color:#4a5568}.bar-container{flex:1;height:24px;background:#e2e8f0;border-radius:12px;overflow:hidden}.bar{height:100%;border-radius:12px;transition:width .5s ease}.bar.ai{background:linear-gradient(90deg,#805ad5,#9f7aea)}.bar.human{background:linear-gradient(90deg,#3182ce,#63b3ed)}.comparison-item .value{width:60px;text-align:right;font-size:13px;font-weight:600;color:#2d3748}.savings-badge{text-align:center}.savings{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.savings.positive{background:#c6f6d5;color:#22543d}.savings.negative{background:#fed7d7;color:#742a2a}.efficiency{background:linear-gradient(135deg,#fffaf0,#fff)}.efficiency-score{display:flex;justify-content:center;margin-bottom:16px}.score-circle{position:relative;width:120px;height:120px}.score-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.score-circle circle{fill:none;stroke-width:8}.score-circle circle.bg{stroke:#e2e8f0}.score-circle circle.progress{stroke:#38a169;stroke-linecap:round;stroke-dasharray:283;transition:stroke-dashoffset .5s ease}.score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-text .score{display:block;font-size:28px;font-weight:700;color:#38a169}.score-text .label{font-size:11px;color:#718096;text-transform:uppercase}.efficiency-breakdown{display:flex;flex-direction:column;gap:8px}.eff-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff80;border-radius:8px}.eff-label{font-size:13px;color:#4a5568}.eff-value{font-size:14px;font-weight:600}.eff-value.high{color:#38a169}.eff-value.medium{color:#d69e2e}.breakdown-section{margin-bottom:32px}.breakdown-section h3{font-size:18px;font-weight:600;color:#2d3748;margin-bottom:16px}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.breakdown-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:12px;border:1px solid #E2E8F0}.breakdown-icon{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f7fafc;border-radius:12px}.breakdown-info{flex:1;display:flex;flex-direction:column}.breakdown-label{font-size:12px;color:#718096;margin-bottom:4px}.breakdown-value{font-size:18px;font-weight:600;color:#2d3748}.breakdown-bar{width:60px;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.bar-fill{height:100%;border-radius:3px}.bar-fill.ai{background:#805ad5}.bar-fill.human{background:#3182ce}.bar-fill.infra{background:#38a169}.bar-fill.external{background:#d69e2e}.projections-section{background:#fff;border-radius:12px;padding:24px;border:1px solid #E2E8F0}.projections-section h3{font-size:18px;font-weight:600;color:#2d3748;margin-bottom:20px}.model-selector{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.model-selector label{font-size:14px;font-weight:500;color:#4a5568}.model-selector select{flex:1;min-width:280px;padding:10px 14px;border:1px solid #E2E8F0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.projection-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.projection-item{display:flex;flex-direction:column;gap:4px;padding:16px;background:#f7fafc;border-radius:8px}.proj-label{font-size:12px;color:#718096}.proj-value{font-size:20px;font-weight:700;color:#2d3748}.roi-summary{display:flex;justify-content:center}.roi-badge{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:24px;font-size:14px;font-weight:600}.roi-badge.positive{background:#c6f6d5;color:#22543d}.roi-badge.negative{background:#fed7d7;color:#742a2a}.roi-icon{font-size:20px}.cost-dashboard.loading{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-spinner{display:flex;align-items:center;gap:12px;font-size:16px;color:#718096}.loading-spinner:before{content:"";width:24px;height:24px;border:2px solid #E2E8F0;border-top-color:#3182ce;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.cost-dashboard{padding:16px}.stats-grid{grid-template-columns:1fr}.stat-value{font-size:24px}.live-value .amount{font-size:32px}.projection-stats{grid-template-columns:1fr}}@media (prefers-color-scheme: dark){.cost-dashboard{background:#1a202c}.stat-card,.breakdown-card,.projections-section,.projection-item{background:#2d3748;border-color:#4a5568}.stat-title,.breakdown-label,.proj-label{color:#a0aec0}.stat-value,.breakdown-value,.proj-value{color:#e2e8f0}.period-btn{background:#2d3748;border-color:#4a5568;color:#a0aec0}.period-btn.active{background:#3182ce;color:#fff}.model-selector select{background:#2d3748;border-color:#4a5568;color:#e2e8f0}}.kb{display:flex;flex-direction:column;gap:16px;height:100%;min-height:0}.kb-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.kb-title{margin:0;font-size:18px;font-weight:700;color:#e2e8f0}.kb-subtitle{margin:4px 0 0;font-size:13px;color:#718096}.kb-clear-btn{margin-left:12px;padding:2px 8px;border:1px solid rgba(239,68,68,.3);border-radius:6px;background:#ef44441a;color:#ef4444;font-size:11px;cursor:pointer}.kb-clear-btn:hover{background:#ef444433}.kb-filters{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}.kb-filter{display:flex;flex-direction:column;gap:4px}.kb-filter label{font-size:10px;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px}.kb-filter select{padding:6px 28px 6px 10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0a;color:#cbd5e0;font-size:13px;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.kb-filter select:hover{border-color:#ffffff26;background-color:#ffffff0f}.kb-filter select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.kb-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.kb-modal{background:#1a202cf2;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;width:90%;max-width:400px}.kb-modal h3{margin:0 0 8px;color:#22c55e;font-size:16px}.kb-modal p{margin:0 0 12px;color:#718096;font-size:13px}.kb-modal textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e8f0;padding:10px;font-size:13px;resize:vertical;box-sizing:border-box}.kb-modal textarea:focus{outline:none;border-color:#3b82f6}.kb-modal-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.kb-modal-actions button{padding:8px 16px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#cbd5e0;cursor:pointer;font-size:13px}.kb-btn-primary{background:#22c55e!important;color:#fff!important;border-color:#22c55e!important}.kb-btn-primary:hover{background:#16a34a!important}.kb-btn-primary:disabled{opacity:.5;cursor:not-allowed}.kb-columns{display:flex;gap:12px;flex:1;min-height:0;overflow-x:auto}.kb-col{display:flex;flex-direction:column;flex:1;min-width:280px;max-width:420px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}.kb-col-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:2px solid;flex-shrink:0}.kb-col-emoji{font-size:14px}.kb-col-name{font-size:13px;font-weight:700;color:#cbd5e0;flex:1}.kb-col-count{padding:1px 8px;border-radius:10px;font-size:11px;font-weight:700}.kb-cards{display:flex;flex-direction:column;gap:8px;padding:10px;overflow-y:auto;flex:1}.kb-cards::-webkit-scrollbar{width:4px}.kb-cards::-webkit-scrollbar-track{background:transparent}.kb-cards::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.kb-card{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#ffffff08;transition:all .15s;overflow:hidden}.kb-card:hover{border-color:#ffffff1f;background:#ffffff0d}.kb-card.expanded{border-color:#3b82f64d;background:#3b82f60f}.kb-card.moving{opacity:.5;pointer-events:none}.kb-card.blocked{border-color:#ef444433;background:#ef444408}.kb-card-prio{width:100%;height:3px;flex-shrink:0}.kb-card-body{padding:10px 12px;cursor:pointer}.kb-card-title{font-size:13px;font-weight:600;color:#e2e8f0;line-height:1.4;word-wrap:break-word}.kb-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.kb-tag{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.3px}.kb-tag-vertical{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.15)}.kb-tag-critical{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.2);animation:pulse-critical 2s ease-in-out infinite}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.7}}.kb-tag-phase{background:#8b5cf61a;color:#a78bfa;border:1px solid rgba(139,92,246,.15)}.kb-tag-deadline-soon{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.2);animation:pulse-critical 1.5s ease-in-out infinite}.kb-tag-overdue{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.kb-tag-blocked{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.15)}.kb-card-deadline{font-size:11px;color:#94a3b8;margin-top:6px}.kb-card-desc{margin-top:10px;font-size:12px;color:#94a3b8;line-height:1.5;word-wrap:break-word}.kb-card-owner{margin-top:8px}.kb-owner-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;background:#ffffff0d;color:#a0aec0;border:1px solid rgba(255,255,255,.06)}.kb-blocked-msg{padding:6px 12px;background:#ef44441a;color:#f87171;font-size:11px;border-top:1px solid rgba(239,68,68,.15);animation:fadeIn .2s}.kb-card-actions{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px;border-top:1px solid rgba(255,255,255,.04);background:#0000001a}.kb-move-btn{padding:4px 8px;border:1px solid;border-radius:4px;background:transparent;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.kb-move-btn:hover{background:#ffffff0d}.kb-move-btn:disabled{opacity:.3;cursor:not-allowed}.kb-detail-panel{border-top:1px solid rgba(255,255,255,.06);background:#00000026}.kb-panel-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.06)}.kb-panel-tabs button{flex:1;padding:8px;border:none;background:transparent;color:#718096;font-size:11px;font-weight:600;cursor:pointer}.kb-panel-tabs button.active{color:#60a5fa;border-bottom:2px solid #60A5FA}.kb-panel-content{padding:8px 12px;max-height:200px;overflow-y:auto}.kb-panel-content::-webkit-scrollbar{width:3px}.kb-panel-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.kb-comment{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04)}.kb-comment:last-of-type{border-bottom:none}.kb-comment-actor{font-size:11px;font-weight:700;color:#60a5fa;margin-right:6px}.kb-comment-time{font-size:10px;color:#4a5568}.kb-comment-msg{font-size:12px;color:#cbd5e0;margin-top:2px;line-height:1.4}.kb-comment-input{display:flex;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.kb-comment-input input{flex:1;padding:6px 10px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff0a;color:#e2e8f0;font-size:12px;outline:none}.kb-comment-input input:focus{border-color:#3b82f6}.kb-comment-input button{padding:6px 12px;border:none;border-radius:6px;background:#3b82f6;color:#fff;font-size:11px;font-weight:600;cursor:pointer}.kb-comment-input button:disabled{opacity:.4;cursor:not-allowed}.kb-activity{padding:4px 0;border-bottom:1px solid rgba(255,255,255,.03);font-size:11px}.kb-activity-actor{font-weight:700;color:#a78bfa;margin-right:4px}.kb-activity-action{color:#94a3b8}.kb-activity-time{color:#4a5568;margin-left:6px}.kb-activity-comment{color:#718096;font-style:italic;margin-top:2px;font-size:10px}.kb-empty-panel{text-align:center;padding:12px;color:#4a5568;font-size:11px;font-style:italic}.kb-empty{padding:20px 0;text-align:center;color:#4a5568;font-size:12px;font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1200px){.kb-col{min-width:260px}}@media (max-width: 768px){.kb-filters{flex-direction:column}.kb-col{min-width:240px}}body:not(.dark-mode) .kb-title{color:#1a202c}body:not(.dark-mode) .kb-col{background:#00000005;border-color:#e2e8f0}body:not(.dark-mode) .kb-card{background:#fff;border-color:#e2e8f0}body:not(.dark-mode) .kb-card:hover{background:#f7fafc;border-color:#cbd5e0}body:not(.dark-mode) .kb-card-title{color:#1a202c}body:not(.dark-mode) .kb-filter select{background:#fff;border-color:#e2e8f0;color:#2d3748}.agents-table-wrap{display:flex;flex-direction:column;gap:12px}.agents-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.agents-search{flex:1;max-width:420px;padding:10px 12px;border:1px solid #E2E8F0;border-radius:10px;background:#fff;color:#2d3748}.agents-count{font-size:13px;color:#718096}.agents-table-scroll{overflow:auto;border:1px solid #E2E8F0;border-radius:12px;background:#fff}.agents-table{width:100%;border-collapse:collapse;font-size:14px}.agents-table th,.agents-table td{padding:10px 12px;border-bottom:1px solid #EDF2F7;vertical-align:middle}.agents-table th{position:sticky;top:0;background:#f7fafc;z-index:1;text-align:left;font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:#4a5568}.col-name{font-weight:600;color:#2d3748}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:#4a5568}.files-cell{display:flex;flex-wrap:wrap;gap:6px}.file-badge{display:inline-flex;align-items:center;justify-content:center;min-width:26px;padding:2px 6px;border:1px solid #CBD5E0;border-radius:8px;font-size:11px;color:#2d3748;background:#f7fafc}.status-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid #CBD5E0;color:#2d3748;background:#edf2f7}.status-pill.status-active{background:#e6fffa;border-color:#81e6d9}.status-pill.status-inactive{background:#fff5f5;border-color:#feb2b2}.agents-empty{padding:18px;font-size:14px;color:#718096}body.dark-mode .agents-search,body.dark-mode .agents-table-scroll{background:#1a202c;border-color:#2d3748}body.dark-mode .agents-search{color:#edf2f7}body.dark-mode .agents-table th{background:#2d3748;color:#e2e8f0}body.dark-mode .agents-table td{border-color:#2d3748}body.dark-mode .file-badge{background:#2d3748;border-color:#4a5568;color:#edf2f7}body.dark-mode .mono{color:#a0aec0}.col-updated{text-align:center;white-space:nowrap}.date-row{font-size:12px;color:#2d3748;font-weight:500}.time-row{font-size:11px;color:#718096;margin-top:2px}body.dark-mode .date-row{color:#e2e8f0}body.dark-mode .time-row{color:#a0aec0}.tokens-dash{display:flex;flex-direction:column;gap:12px}.tokens-dash__header{display:flex;justify-content:space-between;align-items:center;gap:12px}.tokens-dash__title{margin:0}.tokens-dash__subtitle{color:#a0aec0;font-size:12px;margin-top:4px}.tokens-dash__controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tokens-dash__control label{display:block;font-size:12px;color:#a0aec0;margin-bottom:4px}.tokens-dash__control select{width:100%;background:#1a202c;border:1px solid #2D3748;color:#e2e8f0;padding:8px;border-radius:8px}.tokens-dash__kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kpi{background:#1a202ca6;border:1px solid #2D3748;border-radius:12px;padding:10px}.kpi__label{color:#a0aec0;font-size:12px}.kpi__value{font-size:18px;margin-top:4px}.tokens-dash__error{background:#e53e3e1a;border:1px solid rgba(229,62,62,.35);color:#feb2b2;border-radius:12px;padding:10px}.tokens-dash__chart{background:#1a202c73;border:1px solid #2D3748;border-radius:12px;padding:8px}.tokens-dash__tableWrap{overflow:auto;border:1px solid #2D3748;border-radius:12px}.tokens-table{width:100%;border-collapse:collapse;font-size:13px}.tokens-table thead th{position:sticky;top:0;background:#111827;color:#cbd5e0;text-align:left;padding:10px;border-bottom:1px solid #2D3748;white-space:nowrap}.tokens-table tbody td{padding:10px;border-bottom:1px solid rgba(45,55,72,.6);color:#e2e8f0;white-space:nowrap}.tokens-dash__footnote{font-size:12px;color:#a0aec0}@media (max-width: 980px){.tokens-dash__controls,.tokens-dash__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.tokens-dash__top-processes{background:#1a202ca6;border:1px solid #2D3748;border-radius:12px;padding:12px;margin-bottom:8px}.tokens-dash__top-processes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tokens-dash__section-title{margin:0;font-size:16px;color:#e2e8f0}.tokens-dash__error--small{padding:8px;font-size:12px;margin-bottom:8px}.tokens-dash__tableWrap--compact{max-height:280px}.tokens-table--compact{font-size:12px}.tokens-table--compact thead th{padding:8px;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.tokens-table--compact tbody td{padding:8px}.btn-sm{padding:4px 8px;font-size:12px}.campaign-tracker{padding:24px;max-width:1600px;margin:0 auto}.tracker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tracker-header h2{margin:0;font-size:24px;font-weight:600}.refresh-btn{padding:8px 16px;border:1px solid #4A5568;border-radius:6px;background:transparent;color:inherit;cursor:pointer;transition:all .2s}.refresh-btn:hover:not(:disabled){background:#4a5568}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.tracker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-item{background:#1a202c;border-radius:12px;padding:20px;border:1px solid #2D3748}.grid-item.full-width{grid-column:1 / -1}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-header h3{margin:0;font-size:14px;font-weight:600;letter-spacing:.5px;color:#a0aec0}.period-badge,.count-badge,.month-badge{font-size:12px;padding:4px 8px;border-radius:4px;background:#2d3748;color:#a0aec0}.phase-progress{padding:8px 0}.phase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.phase-header h3{margin:0;font-size:14px;font-weight:600;letter-spacing:.5px;color:#a0aec0}.phase-timeline{margin-bottom:16px}.timeline-track{position:relative;height:8px;background:#2d3748;border-radius:4px;margin-bottom:12px}.timeline-progress{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#48bb78,#38a169);border-radius:4px;transition:width .5s ease}.timeline-marker{position:absolute;top:-4px;width:16px;height:16px;background:#48bb78;border:3px solid #1A202C;border-radius:50%;transform:translate(-50%);transition:left .5s ease}.phase-labels{display:flex;justify-content:space-between}.phase-label{text-align:center;flex:1}.phase-label.completed .phase-name{color:#48bb78}.phase-label.active .phase-name{color:#63b3ed;font-weight:600}.phase-label.upcoming .phase-name{color:#718096}.phase-name{display:block;font-size:12px;font-weight:500}.phase-months{display:block;font-size:11px;color:#718096;margin-top:2px}.phase-check{color:#48bb78;margin-left:4px}.current-task{text-align:center;color:#a0aec0;font-size:13px;padding-top:8px;border-top:1px solid #2D3748}.pipeline-funnel{padding:8px 0}.funnel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.funnel-header h3{margin:0;font-size:14px;font-weight:600;letter-spacing:.5px;color:#a0aec0}.funnel-stages{display:flex;flex-direction:column;gap:8px}.funnel-stage{position:relative}.stage-bar-container{display:flex;align-items:center;gap:8px}.stage-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(90deg,#4299e1,#3182ce);border-radius:6px;min-width:120px;transition:width .3s ease}.stage-name{font-size:12px;font-weight:600;letter-spacing:.5px}.stage-count{font-size:16px;font-weight:700}.stage-change{font-size:12px;color:#48bb78;font-weight:500}.conversion-rate{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:11px;color:#718096}.stage-breakdown{display:flex;gap:12px;margin-top:4px;margin-left:16px;font-size:11px}.breakdown-item{font-weight:500}.kpi-grid h3{margin:0 0 16px;font-size:14px;font-weight:600;letter-spacing:.5px;color:#a0aec0}.kpi-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi-card{background:#2d3748;border-radius:8px;padding:12px;position:relative}.kpi-card.on-track{border:1px solid #48BB78}.kpi-label{font-size:11px;color:#a0aec0;margin-bottom:8px;font-weight:500}.kpi-progress-bar{height:4px;background:#4a5568;border-radius:2px;overflow:hidden;margin-bottom:8px}.kpi-progress-fill{height:100%;background:linear-gradient(90deg,#4299e1,#63b3ed);border-radius:2px;transition:width .3s ease}.kpi-card.on-track .kpi-progress-fill{background:linear-gradient(90deg,#48bb78,#68d391)}.kpi-values{font-size:14px;margin-bottom:4px}.kpi-current{font-weight:700;color:#e2e8f0}.kpi-target{color:#718096}.kpi-percentage{font-size:12px;color:#a0aec0}.trend{margin-left:4px}.trend-up{color:#48bb78}.trend-down{color:#f56565}.trend-stable{color:#ecc94b}.agent-status-panel{max-height:400px;overflow-y:auto}.agent-list{display:flex;flex-direction:column;gap:8px}.agent-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#2d3748;border-radius:6px}.agent-info{display:flex;align-items:center;gap:10px}.status-dot{width:8px;height:8px;border-radius:50%}.agent-name{font-weight:600;font-size:13px;min-width:100px}.agent-role{font-size:12px;color:#718096}.agent-metrics{display:flex;align-items:center;gap:12px;text-align:right}.agent-metric{font-size:13px;font-weight:500;color:#e2e8f0}.agent-detail{font-size:11px;color:#718096;min-width:100px}.client-milestones{max-height:350px}.clients-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;max-height:250px;overflow-y:auto}.client-row{display:grid;grid-template-columns:180px 120px 100px 1fr;gap:16px;align-items:center;padding:10px 12px;background:#2d3748;border-radius:6px}.client-info{display:flex;align-items:center;gap:8px}.type-icon{font-size:16px}.client-name{font-weight:500;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.milestone-progress{display:flex;align-items:center;gap:8px}.progress-bar{flex:1;height:6px;background:#4a5568;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4299e1,#63b3ed);border-radius:3px;transition:width .3s ease}.progress-fill.complete{background:linear-gradient(90deg,#48bb78,#68d391)}.progress-text{font-size:12px;font-weight:600;min-width:35px}.milestone-steps{display:flex;gap:8px}.step{font-size:14px;color:#4a5568}.step.done{color:#48bb78}.current-step{font-size:12px;color:#718096}.milestone-legend{display:flex;align-items:center;gap:8px;font-size:11px;color:#718096;padding-top:12px;border-top:1px solid #2D3748}.legend-item{color:#a0aec0}.channel-performance{max-height:400px}.channels-list{display:flex;flex-direction:column;gap:8px}.channel-row{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:center;padding:10px 12px;background:#2d3748;border-radius:6px}.channel-row.upcoming{opacity:.5}.channel-name{font-weight:500;font-size:13px}.channel-bar-container{display:flex;align-items:center;gap:12px}.channel-bar{flex:1;height:8px;background:#4a5568;border-radius:4px;overflow:hidden}.channel-fill{height:100%;background:linear-gradient(90deg,#4299e1,#63b3ed);border-radius:4px}.channel-stats{font-size:12px;color:#a0aec0;min-width:150px}.channel-upcoming{font-size:12px;color:#718096;font-style:italic}@media (max-width: 1200px){.tracker-grid{grid-template-columns:1fr}.kpi-cards{grid-template-columns:repeat(2,1fr)}.client-row{grid-template-columns:1fr;gap:8px}}@media (max-width: 768px){.campaign-tracker{padding:16px}.kpi-cards{grid-template-columns:1fr}}.email-stats{padding:8px 0}.stats-row{display:flex;justify-content:space-around;gap:16px;margin-bottom:12px}.stat-item{text-align:center;flex:1}.stat-value{font-size:24px;font-weight:700}.stat-label{font-size:11px;color:#718096;margin-top:4px}.stat-rate{font-size:12px;color:#a0aec0;margin-top:2px}.webhook-events{text-align:center;padding-top:8px;border-top:1px solid #2D3748;color:#718096}.no-data{text-align:center;color:#718096;padding:24px;font-style:italic}.header-actions{display:flex;align-items:center;gap:12px}.loading-indicator{font-size:12px;color:#a0aec0}.dashboard-v2{display:flex;flex-direction:column;min-height:100vh;background:#f7fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;background:#fff;border-bottom:1px solid #E2E8F0;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:32px}.logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:24px}.logo-text{font-size:18px;font-weight:700;color:#2d3748}.version-badge{padding:2px 8px;background:#805ad5;color:#fff;font-size:11px;font-weight:600;border-radius:4px}.nav-tabs{display:flex;gap:4px}.nav-tab{padding:8px 16px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;color:#718096;cursor:pointer;transition:all .2s}.nav-tab:hover{background:#f7fafc;color:#4a5568}.nav-tab.active{background:#3182ce;color:#fff}.header-right{display:flex;align-items:center;gap:12px}.btn{padding:8px 16px;border:1px solid #E2E8F0;background:#fff;border-radius:8px;font-size:14px;font-weight:500;color:#4a5568;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn:hover{background:#f7fafc;border-color:#cbd5e0}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#3182ce;color:#fff;border-color:#3182ce}.btn-primary:hover{background:#2c5aa0;border-color:#2c5aa0}.btn-icon{padding:8px;font-size:18px}.dashboard-main{display:flex;flex:1;overflow:hidden}.sidebar{width:280px;min-width:280px;background:#fff;border-right:1px solid #E2E8F0;padding:20px;overflow-y:auto;flex-shrink:0}.sidebar-section{margin-bottom:24px}.sidebar-title{font-size:12px;font-weight:600;text-transform:uppercase;color:#718096;letter-spacing:.5px;margin-bottom:12px}.search-input{width:100%;padding:10px 12px;border:1px solid #E2E8F0;border-radius:8px;font-size:14px;background:#f7fafc;transition:all .2s;box-sizing:border-box}.search-input:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14px;color:#4a5568;transition:all .2s}.filter-item:hover{background:#f7fafc}.filter-item.active{background:#ebf8ff;color:#3182ce}.filter-item input[type=radio]{display:none}.filter-icon{font-size:16px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card-mini{background:#f7fafc;padding:12px;border-radius:8px;text-align:center;transition:all .2s}.stat-card-mini:hover,.stat-card-mini.skeleton{background:#edf2f7}.stat-card-mini .stat-number{font-size:20px;font-weight:700;color:#2d3748}.stat-card-mini .stat-label{font-size:11px;color:#718096;text-transform:uppercase;margin-top:4px}.control-buttons{display:flex;flex-direction:column;gap:8px}.control-btn{padding:10px 12px;border:1px solid #E2E8F0;background:#fff;border-radius:8px;font-size:13px;font-weight:500;color:#4a5568;cursor:pointer;transition:all .2s;text-align:left}.control-btn:hover{background:#f7fafc;border-color:#cbd5e0}.legend-list{display:flex;flex-direction:column;gap:10px}.legend-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#4a5568}.legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.content-area{flex:1;overflow:hidden;background:linear-gradient(135deg,#f7fafc,#edf2f7);position:relative}.tab-content{height:100%;overflow:auto}.tab-content h2{padding:24px 24px 16px;margin:0;font-size:24px;font-weight:600;color:#2d3748}.org-tab{padding:0;height:calc(100vh - 64px);position:relative}.costflow-tab{padding:0 24px 24px}.costflow-header{display:flex;align-items:center;justify-content:space-between;padding:24px 0 16px}.costflow-header h2{padding:0}.period-selector{display:flex;gap:8px}.period-btn{padding:8px 16px;border:1px solid #E2E8F0;background:#fff;border-radius:8px;font-size:14px;font-weight:500;color:#4a5568;cursor:pointer;transition:all .2s}.period-btn:hover{background:#f7fafc}.period-btn.active{background:#3182ce;color:#fff;border-color:#3182ce}.analytics-tab{padding:0}.loading-skeleton{padding:24px}.skeleton-header{height:32px;width:200px;background:linear-gradient(90deg,#edf2f7 25%,#e2e8f0,#edf2f7 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px;margin-bottom:24px}.skeleton-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.skeleton-card{height:180px;background:linear-gradient(90deg,#edf2f7 25%,#e2e8f0,#edf2f7 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}.skeleton-number{height:24px;width:40px;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e0,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin:0 auto 8px}.skeleton-label{height:12px;width:60px;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e0,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin:0 auto}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:50}.spinner{width:40px;height:40px;border:4px solid #E2E8F0;border-top-color:#3182ce;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{margin:20px;border-radius:8px;overflow:hidden}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;min-height:400px}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center;background:#fed7d7;border-radius:12px;margin:24px}.error-icon-large{font-size:64px;margin-bottom:16px}.error-icon{font-size:48px;margin-bottom:16px}.error-container h3,.error-boundary h3{font-size:20px;font-weight:600;color:#742a2a;margin-bottom:8px}.error-message-text{color:#c53030;margin-bottom:24px}.error-action{font-size:14px;color:#9b2c2c;margin-bottom:16px}.retry-banner{background:#fef3c7;color:#92400e;padding:12px 20px;text-align:center;font-size:14px}.toast-container{position:fixed;top:80px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;animation:slideIn .3s ease-out;min-width:300px}.toast-success{background:#f0fff4;border:1px solid #9AE6B4;color:#22543d}.toast-error{background:#fff5f5;border:1px solid #FEB2B2;color:#742a2a}.toast-info{background:#ebf8ff;border:1px solid #90CDF4;color:#2a4365}.toast-icon{font-size:18px}.toast-message{flex:1;font-size:14px}.toast-close{background:none;border:none;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:currentColor;opacity:.5;transition:opacity .2s}.toast-close:hover{opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.dashboard-v2.dark{background:#1a202c}.dashboard-v2.dark .dashboard-header{background:#2d3748;border-color:#4a5568}.dashboard-v2.dark .logo-text{color:#e2e8f0}.dashboard-v2.dark .nav-tab{color:#a0aec0}.dashboard-v2.dark .nav-tab:hover{background:#4a5568;color:#e2e8f0}.dashboard-v2.dark .sidebar{background:#2d3748;border-color:#4a5568}.dashboard-v2.dark .sidebar-title{color:#a0aec0}.dashboard-v2.dark .search-input{background:#1a202c;border-color:#4a5568;color:#e2e8f0}.dashboard-v2.dark .search-input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed33}.dashboard-v2.dark .filter-item{color:#a0aec0}.dashboard-v2.dark .filter-item:hover{background:#4a5568}.dashboard-v2.dark .filter-item.active{background:#2c5282;color:#63b3ed}.dashboard-v2.dark .stat-card-mini{background:#1a202c}.dashboard-v2.dark .stat-card-mini:hover{background:#2d3748}.dashboard-v2.dark .stat-card-mini .stat-number{color:#e2e8f0}.dashboard-v2.dark .control-btn{background:#1a202c;border-color:#4a5568;color:#a0aec0}.dashboard-v2.dark .control-btn:hover{background:#2d3748}.dashboard-v2.dark .btn{background:#2d3748;border-color:#4a5568;color:#a0aec0}.dashboard-v2.dark .btn:hover{background:#4a5568}.dashboard-v2.dark .btn-primary{background:#3182ce;border-color:#3182ce;color:#fff}.dashboard-v2.dark .btn-primary:hover{background:#2c5aa0}.dashboard-v2.dark .content-area{background:linear-gradient(135deg,#1a202c,#2d3748)}.dashboard-v2.dark .tab-content h2{color:#e2e8f0}.dashboard-v2.dark .period-btn{background:#2d3748;border-color:#4a5568;color:#a0aec0}.dashboard-v2.dark .period-btn:hover{background:#4a5568}.dashboard-v2.dark .period-btn.active{background:#3182ce;color:#fff;border-color:#3182ce}.dashboard-v2.dark .skeleton-header,.dashboard-v2.dark .skeleton-card,.dashboard-v2.dark .skeleton-number,.dashboard-v2.dark .skeleton-label{background:linear-gradient(90deg,#2d3748 25%,#4a5568,#2d3748 75%);background-size:200% 100%}.dashboard-v2.dark .loading-overlay{background:#1a202ce6}.dashboard-v2.dark .spinner{border-color:#4a5568;border-top-color:#63b3ed}.dashboard-v2.dark .error-container h3,.dashboard-v2.dark .error-boundary h3{color:#fed7d7}.dashboard-v2.dark .error-message-text{color:#feb2b2}.dashboard-v2.dark .retry-banner{background:#744210;color:#f6e05e}.dashboard-v2.dark .toast-success{background:#22543d;border-color:#48bb78;color:#f0fff4}.dashboard-v2.dark .toast-error{background:#742a2a;border-color:#f56565;color:#fff5f5}.dashboard-v2.dark .toast-info{background:#2a4365;border-color:#63b3ed;color:#ebf8ff}@media (max-width: 1024px){.sidebar{position:fixed;left:-280px;top:64px;bottom:0;z-index:90;transition:left .3s ease}.sidebar.open{left:0}.dashboard-header{padding:0 16px}.header-left{gap:16px}.nav-tabs{display:none}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;font-size:24px;cursor:pointer}}@media (max-width: 768px){.costflow-header{flex-direction:column;align-items:flex-start;gap:16px}.period-selector{width:100%;overflow-x:auto;padding-bottom:8px}.toast-container{left:16px;right:16px;top:auto;bottom:16px}.toast{min-width:auto}.header-right .btn:not(.btn-icon) span{display:none}.stats-grid{grid-template-columns:1fr}.tab-content h2{font-size:20px;padding:16px}.skeleton-content{grid-template-columns:1fr}}@media (max-width: 480px){.dashboard-header{padding:0 12px}.logo-text{font-size:14px}.version-badge{display:none}.header-right{gap:8px}.btn,.period-btn{padding:6px 12px;font-size:12px}}@media print{.dashboard-header,.sidebar,.toast-container{display:none}.content-area{overflow:visible}.tab-content{overflow:visible;page-break-inside:avoid}}