%%{init: {
"theme": "base",
"flowchart": {
"curve": "basis",
"nodeSpacing": 52,
"rankSpacing": 80,
"padding": 12
},
"themeVariables": {
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial",
"fontSize": "15px",
"background": "#ffffff",
"primaryTextColor": "#0b1220",
"lineColor": "#0f172a",
"edgeLabelBackground": "#ffffff",
"clusterBkg": "#f8fafc",
"clusterBorder": "#cbd5e1"
}
}}%%
flowchart LR
subgraph intake["📥 Document Intake"]
A[/Invoices/]
B[/Receipts/]
C[/Statements/]
end
subgraph ai["🤖 AI Processing"]
D([Intelligent Capture])
E([OCR & Extraction])
F([AI Structuring])
end
subgraph qc["👁️ Quality Control"]
G{Confidence<br/>Check}
H([Staff Review])
end
subgraph delivery["✅ Delivery"]
I[(ERP/CRM)]
J[(Audit Trail)]
end
A --> D
B --> D
C --> D
D --> E --> F --> G
G -->|High confidence| I
G -->|Low confidence| H
H -->|Approved| I
F --> J
H --> J
linkStyle default stroke:#0f172a,stroke-width:2.2px,opacity:0.95
classDef doc fill:#eef2ff,stroke:#4338ca,color:#0b1220,stroke-width:2px
classDef step fill:#ecfeff,stroke:#0891b2,color:#0b1220,stroke-width:2px
classDef decision fill:#fff7ed,stroke:#f97316,color:#0b1220,stroke-width:2px
classDef output fill:#f0fdf4,stroke:#16a34a,color:#0b1220,stroke-width:2px
class A,B,C doc
class D,E,F step
class G decision
class H decision
class I,J output
style intake fill:#eef2ff,stroke:#4338ca,stroke-width:2px,rx:10,ry:10
style ai fill:#ecfeff,stroke:#0891b2,stroke-width:2px,rx:10,ry:10
style qc fill:#fff7ed,stroke:#f97316,stroke-width:2px,rx:10,ry:10
style delivery fill:#f0fdf4,stroke:#16a34a,stroke-width:2px,rx:10,ry:10