:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17201c;background:#f5f7f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:0 auto;padding:48px 24px}.card{background:#fff;border:1px solid #dce4df;border-radius:16px;padding:28px}.status{color:#087f3d;font-weight:700}.error{color:#b42318}button{color:#fff;background:#06c755;border:0;border-radius:8px;padding:12px 18px;font-weight:700}.demo-link{color:#fff;background:#06c755;border-radius:8px;margin-top:12px;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-block}.demo-shell{max-width:1180px;padding-bottom:80px}.demo-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.demo-header h1{letter-spacing:-.04em;margin:6px 0 8px;font-size:clamp(28px,4vw,44px)}.eyebrow,.section-label{color:#07813f;letter-spacing:.12em;margin:0;font-size:12px;font-weight:800}.muted{color:#5d6b64;margin:0}.secondary-button{color:#24322b;white-space:nowrap;background:#fff;border:1px solid #ccd8d1}.demo-panel{background:#fff;border:1px solid #dce4df;border-radius:16px;margin-bottom:20px;padding:24px;box-shadow:0 8px 30px #1832240a}.panel-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;display:flex}.panel-heading.compact{margin-bottom:12px}.panel-heading h2{margin:4px 0 0;font-size:22px}.progress-count{color:#087f3d;background:#eef8f2;border-radius:999px;padding:7px 11px;font-weight:800}.flow-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.flow-step{color:#7a8881;border:1px solid #dfe7e2;border-radius:12px;flex-direction:column;gap:9px;min-height:150px;padding:16px;display:flex}.flow-step.current{color:#17201c;border-color:#06c755;box-shadow:inset 0 0 0 1px #06c755}.flow-step.done{color:#175f37;background:#effaf3;border-color:#bce7cc}.step-number{background:#edf1ef;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.current .step-number{color:#fff;background:#06c755}.done .step-number{color:#fff;background:#168447}.flow-step small{line-height:1.5}.demo-actions{gap:10px;margin-top:20px;display:flex}button:disabled{opacity:.5;cursor:not-allowed}.danger-button{color:#b42318;background:#fff1f0}.warning-button{color:#7a4b00;background:#fff1c2}.warning-message{color:#7a4b00;background:#fff8e1;border-radius:8px;margin:14px 0 0;padding:12px 14px}.demo-columns{grid-template-columns:1fr 1.3fr;gap:20px;display:grid}.data-list{margin:12px 0 0}.data-list div{border-bottom:1px solid #edf1ef;justify-content:space-between;gap:20px;padding:11px 0;display:flex}.data-list dt{color:#66746d}.data-list dd{text-align:right;margin:0;font-weight:700}.event-log{margin:14px 0 0;padding:0;list-style:none}.event-log li{border-bottom:1px solid #edf1ef;grid-template-columns:28px 1fr;gap:10px;padding:10px 0;font-size:14px;line-height:1.5;display:grid}.event-log li span{color:#168447;font-weight:800}.empty-log{color:#7a8881}.event-log .error-log,.event-log .error-log span{color:#b54708}.stat-row{color:#66746d;gap:20px;display:flex}.stat-row strong{color:#17201c;font-size:24px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e7ece9;padding:14px 12px}th{color:#66746d;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.status-pill{text-align:center;border-radius:999px;min-width:76px;padding:6px 9px;font-size:12px;font-weight:800;display:inline-block}.status-pill.success{color:#087f3d;background:#e9f8ef}.status-pill.warning{color:#8a5300;background:#fff2c9}.status-pill.neutral{color:#68756e;background:#eff2f0}@media (max-width:820px){.demo-header,.panel-heading{flex-direction:column;align-items:stretch}.flow-grid{grid-template-columns:1fr}.flow-step{min-height:0}.demo-columns{grid-template-columns:1fr}}