.kb-container{width:100%;min-height:100%;padding:24px;box-sizing:border-box}.cf-premium{position:relative;width:100%;overflow:hidden;padding:34px;border:1px solid #e7e9ef;border-radius:28px;background:linear-gradient(180deg,#fff,#fafbfc 52%,#f7f8fa);box-shadow:0 24px 70px #1e233214,0 4px 18px #1e23320a}.cf-premium:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.38;background-image:linear-gradient(rgba(90,96,110,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(90,96,110,.035) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 78%);mask-image:linear-gradient(to bottom,black 0%,transparent 78%)}.cf-premium>*{position:relative;z-index:1}.cf-header{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:28px}.cf-eyebrow{display:inline-flex;align-items:center;margin-bottom:10px;font-size:10px;font-weight:800;letter-spacing:.16em;color:#7657d9}.cf-header h1{margin:0;color:#171923;font-size:clamp(26px,3vw,38px);line-height:1.08;font-weight:800;letter-spacing:-.035em}.cf-header p{max-width:680px;margin:12px 0 0;color:#69707f;font-size:14px;line-height:1.65}.cf-status{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;padding:10px 14px;border:1px solid #e7e8ed;border-radius:999px;background:#ffffffd1;color:#59606e;font-size:11px;font-weight:700;box-shadow:0 4px 12px #1e23320a}.cf-status-dot{width:7px;height:7px;border-radius:50%;background:#16845d;box-shadow:0 0 0 4px #16845d1a;animation:cfPulse 2s ease-in-out infinite}.cf-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.cf-stat-card{position:relative;min-height:116px;padding:18px 18px 16px;border:1px solid #e8e9ee;border-radius:18px;background:#ffffffe6;box-shadow:0 8px 22px #2328370b;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.cf-stat-card:hover{transform:translateY(-2px);border-color:#dcdfe7;box-shadow:0 14px 30px #23283714}.cf-stat-label{display:block;margin-bottom:7px;color:#777e8b;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cf-stat-card strong{display:block;color:#1c1f28;font-size:28px;line-height:1;letter-spacing:-.04em}.cf-stat-description{display:block;margin-top:8px;color:#9197a2;font-size:11px}.cf-legend{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;margin-bottom:18px;border:1px solid #e9eaf0;border-radius:15px;background:#ffffffb3}.cf-legend-title{color:#555b68;font-size:11px;font-weight:800;letter-spacing:.04em}.cf-legend-items{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.cf-legend-item{display:flex;align-items:center;gap:7px;color:#747b88;font-size:11px;font-weight:600}.cf-legend-dot{width:7px;height:7px;border-radius:50%}.cf-dot-purple{background:#7657d9}.cf-dot-cyan{background:#168ba5}.cf-dot-green{background:#16845d}.cf-dot-orange{background:#c66a1c}.cf-diagram-card{overflow:hidden;border:1px solid #e6e8ee;border-radius:22px;background:#fff;box-shadow:0 14px 38px #2025320e}.cf-diagram-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid #eceef2}.cf-section-kicker{display:block;margin-bottom:5px;color:#8a909c;font-size:9px;font-weight:800;letter-spacing:.15em}.cf-diagram-heading h2,.cf-section-heading h2{margin:0;color:#20232c;font-size:18px;font-weight:800;letter-spacing:-.02em}.cf-diagram-badge{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #e7e9ee;border-radius:8px;background:#fafbfc;color:#7c828d;font-size:9px;font-weight:800;letter-spacing:.09em}.cf-svg-wrapper{width:100%;overflow-x:auto;padding:22px}.cf-svg{display:block;width:100%;min-width:850px;height:auto;overflow:visible}.cf-svg-layer-label{fill:#9a9faa;font-size:10px;font-weight:800;letter-spacing:.16em}.cf-node rect{stroke-width:1.2}.cf-node-purple{fill:#fbfaff;stroke:#ddd5f5}.cf-node-cyan{fill:#f7fcfd;stroke:#d4eaf0}.cf-node-green{fill:#f7fcfa;stroke:#d4e9df}.cf-node-icon-purple{fill:#7657d9}.cf-node-icon-cyan{fill:#168ba5}.cf-node-icon-green{fill:#16845d}.cf-node-title{fill:#252832;font-size:14px;font-weight:800}.cf-node-subtitle{fill:#686f7c;font-size:11px;font-weight:600}.cf-node-meta{fill:#9a9faa;font-size:9.5px;font-weight:500}.cf-connector{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.cf-connector-purple{stroke:#b8a9e9}.cf-connector-cyan{stroke:#9dcdd8}.cf-connector-green{stroke:#a7d2bf}.cf-animated-line{stroke-dasharray:7 8;animation:cfDashMove 2.8s linear infinite}.cf-workflow-pill rect{fill:#fffaf5;stroke:#f0d8c0;stroke-width:1.2}.cf-pill-title{fill:#6e4c31;font-size:11px;font-weight:800}.cf-pill-subtitle{fill:#a17d5d;font-size:9px;font-weight:600}.cf-data-particle{opacity:.9}.cf-particle-purple{fill:#7657d9}.cf-particle-cyan{fill:#168ba5}.cf-particle-green{fill:#16845d}.cf-workflows{margin-top:30px}.cf-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:15px}.cf-section-heading p{margin:0;color:#858b96;font-size:12px;line-height:1.5}.cf-workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cf-workflow-card{position:relative;padding:20px;border:1px solid #e7e8ed;border-radius:19px;background:#fff;box-shadow:0 9px 26px #2328370b;transition:transform .18s ease,box-shadow .18s ease}.cf-workflow-card:hover{transform:translateY(-2px);box-shadow:0 15px 32px #23283714}.cf-workflow-forecast{border-top:3px solid #c66a1c}.cf-workflow-reconciliation{border-top:3px solid #168ba5}.cf-workflow-top{display:flex;align-items:center;gap:10px;margin-bottom:18px}.cf-workflow-icon{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:9px;background:#f4f5f7;color:#626976;font-size:10px;font-weight:800}.cf-workflow-label{color:#272a33;font-size:13px;font-weight:800}.cf-flow{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:15px}.cf-flow span{display:inline-flex;align-items:center;padding:8px 10px;border:1px solid #e8e9ed;border-radius:9px;background:#fafbfc;color:#555c68;font-size:10px;font-weight:700}.cf-flow i{color:#a0a5ae;font-size:12px;font-style:normal}.cf-workflow-card p{margin:0;color:#7d838e;font-size:11px;line-height:1.65}.cf-database-badge{display:inline-flex;align-items:center;gap:7px;margin-top:16px;color:#7d838e;font-size:9px;font-weight:700}.cf-mini-dot{width:6px;height:6px;border-radius:50%;background:#16845d}.cf-footer{display:flex;align-items:center;gap:13px;margin-top:28px;padding:4px 2px 0}.cf-footer strong{color:#3c404a;font-size:11px;font-weight:800}.cf-footer span{color:#9298a3;font-size:10px}.cf-footer-line{flex:1;height:1px;background:#e5e7eb}.cf-footer-caption{white-space:nowrap}@keyframes cfPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}@keyframes cfDashMove{to{stroke-dashoffset:-30}}@media (max-width: 900px){.kb-container{padding:16px}.cf-premium{padding:24px;border-radius:22px}.cf-header{flex-direction:column}.cf-status{align-self:flex-start}.cf-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-workflow-grid{grid-template-columns:1fr}}@media (max-width: 560px){.kb-container{padding:10px}.cf-premium{padding:17px;border-radius:18px}.cf-header h1{font-size:25px}.cf-header p{font-size:12px}.cf-stats{grid-template-columns:1fr 1fr;gap:9px}.cf-stat-card{min-height:100px;padding:14px}.cf-stat-card strong{font-size:24px}.cf-legend{align-items:flex-start;flex-direction:column}.cf-legend-items{gap:11px}.cf-diagram-heading{padding:17px}.cf-svg-wrapper{padding:12px}.cf-section-heading{align-items:flex-start;flex-direction:column}.cf-workflow-card{padding:16px}.cf-flow span{padding:7px 8px}.cf-footer{flex-wrap:wrap}.cf-footer-line{flex-basis:100%;order:3}}@media (prefers-reduced-motion: reduce){.cf-status-dot,.cf-animated-line{animation:none}.cf-data-particle{display:none}.cf-stat-card,.cf-workflow-card{transition:none}}.kb-container{--kb-bg: #0b0e17;--kb-surface: #131829;--kb-surface2: #1a2035;--kb-border: #252d4a;--kb-text: #e4e8f7;--kb-dim: #6b7394;--kb-purple: #7c5cfc;--kb-blue: #5b8def;--kb-green: #34d399;--kb-orange: #fb923c;--kb-red: #f87171;--kb-yellow: #fbbf24;--kb-cyan: #22d3ee;--kb-pink: #f472b6;--kb-teal: #2dd4bf;background:var(--kb-bg);color:var(--kb-text);font-family:Inter,Segoe UI,system-ui,sans-serif;border-radius:16px;position:relative;overflow:hidden}.kb-container:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(124,92,252,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(124,92,252,.03) 1px,transparent 1px);background-size:60px 60px;z-index:0;pointer-events:none}.kb-inner{position:relative;z-index:1;padding:30px 40px}.kb-header{text-align:center;margin-bottom:40px}.kb-title{font-size:28px;font-weight:800;background:linear-gradient(135deg,var(--kb-purple),var(--kb-blue),var(--kb-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.kb-subtitle{color:var(--kb-dim);font-size:14px}.kb-stats{display:flex;justify-content:center;gap:40px;margin:30px 0 40px;flex-wrap:wrap}.kb-stat{text-align:center;position:relative}.kb-stat:after{content:"";position:absolute;inset:-8px;border-radius:16px;background:radial-gradient(circle,rgba(124,92,252,.15),transparent 70%);z-index:-1;animation:kbGlow 3s ease-in-out infinite}.kb-stat-value{font-size:36px;font-weight:900;background:linear-gradient(135deg,var(--kb-purple),var(--kb-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kb-stat-label{font-size:11px;color:var(--kb-dim);margin-top:2px;text-transform:uppercase;letter-spacing:1px}.kb-legend{display:flex;gap:20px;justify-content:center;margin-bottom:30px;flex-wrap:wrap}.kb-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--kb-dim)}.kb-legend-dot{width:10px;height:10px;border-radius:50%}.kb-legend-flow{width:36px;height:4px;border-radius:2px;position:relative;overflow:hidden}.kb-legend-flow-particle{position:absolute;width:8px;height:4px;border-radius:2px;animation:kbLegendFlow 1.5s linear infinite}.kb-legend-flow-particle.reverse{animation-direction:reverse}.kb-flow-diagram{position:relative;width:100%;margin-bottom:40px}.kb-flow-svg{width:100%;height:100%}.kb-node{cursor:pointer;transition:filter .3s}.kb-node:hover{filter:brightness(1.3) drop-shadow(0 0 20px rgba(124,92,252,.5))}.kb-node rect,.kb-node circle{transition:all .3s}.kb-node-label{font-size:13px;font-weight:700;fill:var(--kb-text);font-family:inherit}.kb-node-sub{font-size:10px;fill:var(--kb-dim);font-family:inherit}.kb-node-table{font-size:9px;fill:var(--kb-dim);font-family:Courier New,monospace;opacity:.7}.kb-flow-path{fill:none;stroke-width:2;opacity:.3}.kb-animated-dash{stroke-dasharray:8 6;animation:kbDashFlow 1s linear infinite}.kb-animated-dash-reverse{stroke-dasharray:8 6;animation:kbDashFlow 1s linear infinite reverse}.kb-layer-label{font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;fill:var(--kb-dim);opacity:.6}.kb-section{background:var(--kb-surface);border:1px solid var(--kb-border);border-radius:16px;padding:24px;margin-bottom:24px;backdrop-filter:blur(10px);position:relative;overflow:hidden}.kb-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,92,252,.3),transparent)}.kb-section-title{font-size:16px;font-weight:700;margin-bottom:18px;display:flex;align-items:center;gap:10px}.kb-section-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px}.kb-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.kb-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.kb-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 1024px){.kb-grid-4{grid-template-columns:repeat(2,1fr)}.kb-grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.kb-grid-4,.kb-grid-3,.kb-grid-2{grid-template-columns:1fr}.kb-inner{padding:16px}}.kb-card{background:var(--kb-surface2);border:1px solid var(--kb-border);border-radius:12px;padding:16px;transition:all .3s;position:relative;overflow:hidden}.kb-card:hover{border-color:var(--kb-purple);transform:translateY(-2px);box-shadow:0 8px 30px #7c5cfc26}.kb-card-title{font-size:13px;font-weight:700;margin-bottom:8px}.kb-card-body{font-size:11px;color:var(--kb-dim);line-height:1.7}.kb-status-flow{display:flex;align-items:center;gap:0;flex-wrap:wrap;margin:6px 0}.kb-status-badge{padding:3px 10px;border-radius:12px;font-size:10px;font-weight:600;white-space:nowrap;position:relative;overflow:hidden}.kb-status-badge:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:kbShimmer 3s infinite}.kb-status-arrow{color:var(--kb-dim);font-size:14px;margin:0 3px}.kb-table-badge{display:inline-block;padding:1px 7px;border-radius:4px;font-size:10px;font-family:monospace;background:#ffffff0d;margin:1px;color:var(--kb-dim)}.kb-bg-purple{background:#7c5cfc1f;border-color:#7c5cfc66;color:var(--kb-purple)}.kb-bg-blue{background:#5b8def1f;border-color:#5b8def66;color:var(--kb-blue)}.kb-bg-green{background:#34d3991f;border-color:#34d39966;color:var(--kb-green)}.kb-bg-orange{background:#fb923c1f;border-color:#fb923c66;color:var(--kb-orange)}.kb-bg-red{background:#f871711f;border-color:#f8717166;color:var(--kb-red)}.kb-bg-yellow{background:#fbbf241f;border-color:#fbbf2466;color:var(--kb-yellow)}.kb-bg-cyan{background:#22d3ee1f;border-color:#22d3ee66;color:var(--kb-cyan)}.kb-bg-pink{background:#f472b61f;border-color:#f472b666;color:var(--kb-pink)}.kb-c-purple{color:var(--kb-purple)}.kb-c-blue{color:var(--kb-blue)}.kb-c-green{color:var(--kb-green)}.kb-c-orange{color:var(--kb-orange)}.kb-c-cyan{color:var(--kb-cyan)}.kb-c-yellow{color:var(--kb-yellow)}.kb-c-pink{color:var(--kb-pink)}.kb-c-red{color:var(--kb-red)}.kb-watermark{text-align:center;color:var(--kb-dim);font-size:11px;margin:40px 0 20px;opacity:.4}@keyframes kbGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes kbFlowRight{0%{offset-distance:0%;opacity:0}5%{opacity:1}95%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes kbFlowLeft{0%{offset-distance:100%;opacity:0}5%{opacity:1}95%{opacity:1}to{offset-distance:0%;opacity:0}}@keyframes kbPulse{0%,to{r:3;opacity:.8}50%{r:6;opacity:1}}@keyframes kbDashFlow{to{stroke-dashoffset:-20}}@keyframes kbShimmer{0%{left:-100%}to{left:200%}}@keyframes kbLegendFlow{0%{left:-8px;opacity:0}20%{opacity:1}80%{opacity:1}to{left:36px;opacity:0}}.kb-container{padding:0}