.demo-root{--dash-bg:#e8e2da;--dash-surface:#ffffffb8;--dash-surface-hover:#ffffffd9;--dash-surface-alt:#ffffff80;--dash-border:#0f172a14;--dash-border-strong:#0f172a24;--dash-text:#0f172a;--dash-text-secondary:#334155;--dash-text-muted:#64748b;--dash-text-faint:#94a3b8;--dash-accent:#00d2ff;--dash-accent-dark:#4b6cb7;--dash-accent-faded:#00d2ff1f;--dash-accent-glow:#00d2ff40;--dash-success:#059669;--dash-success-bg:#0596691f;--dash-warning:#d97706;--dash-warning-bg:#d977061f;--dash-error:#dc2626;--dash-error-bg:#dc26261a;--dash-info:#09b;--dash-info-bg:#0099bb1a;--dash-code-bg:#0f172a0d;--dash-code-text:#4b6cb7;--dash-input-bg:#ffffffd9;--dash-card-bg:#ffffff8c;--dash-modal-footer-bg:#f5f1ec;--dash-nav-bg:#e8e2dac7;--dash-nav-border:#0f172a12;--dash-overlay:#0f172a73;--dash-card-shadow:0 2px 8px #0f172a0a, 0 8px 32px #0f172a0a;--dash-glow-1:#dab47826;--dash-glow-2:#c8aa821a;--dash-radius:24px;--dash-radius-sm:16px;--dash-radius-xs:10px;--dash-gradient:linear-gradient(135deg, #00d2ff, #4b6cb7);--primary-bg:var(--dash-bg);--secondary-bg:var(--dash-surface);--accent-green:var(--dash-success);--accent-yellow:var(--dash-warning);--accent-red:var(--dash-error);--accent-blue:var(--dash-accent);--text-primary:var(--dash-text);--text-secondary:var(--dash-text-secondary);--border-color:var(--dash-border);--border-width:1px;--bg:var(--dash-bg);--surface:var(--dash-surface);--muted-surface:var(--dash-surface-alt);--text:var(--dash-text);--muted:var(--dash-text-secondary);--primary:var(--dash-accent);--secondary:var(--dash-accent-dark);--danger:var(--dash-error);--focus:0 0 0 3px var(--dash-accent-glow)}@media (max-width:768px){.demo-root .mobile-stack{flex-direction:column!important;align-items:stretch!important}.demo-root .mobile-stack-center{flex-direction:column!important;align-items:center!important}.demo-root .mobile-w-full{width:100%!important;max-width:100%!important}.demo-root .mobile-scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}.demo-root .mobile-p-md{padding:24px!important}.demo-root .mobile-p-sm{padding:16px!important}.demo-root .mobile-text-break{word-break:break-all}.demo-root .mobile-text-center{text-align:center!important}.demo-root .mobile-gap-sm{gap:8px!important}.demo-root .mobile-hide{display:none!important}}.demo-root .dash-loading-dots{align-items:center;gap:3px;height:1em;margin-left:6px;display:inline-flex}.demo-root .dash-loading-dots span{opacity:.25;background:currentColor;border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite both dash-loading-bounce;display:inline-block}.demo-root .dash-loading-dots span:first-child{animation-delay:0s}.demo-root .dash-loading-dots span:nth-child(2){animation-delay:.18s}.demo-root .dash-loading-dots span:nth-child(3){animation-delay:.36s}@keyframes dash-loading-bounce{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.demo-root .dash-loading-dots span{opacity:.6;animation:none}}@media (prefers-color-scheme:dark){.demo-root{--dash-bg:#0a0e17;--dash-surface:#ffffff0f;--dash-surface-hover:#ffffff1a;--dash-surface-alt:#ffffff0a;--dash-border:#ffffff1a;--dash-border-strong:#ffffff2e;--dash-text:#f1f5f9;--dash-text-secondary:#cbd5e1;--dash-text-muted:#94a3b8;--dash-text-faint:#64748b;--dash-success:#34d399;--dash-success-bg:#34d39924;--dash-warning:#fbbf24;--dash-warning-bg:#fbbf2424;--dash-error:#f87171;--dash-error-bg:#f8717124;--dash-info:#66e0ff;--dash-info-bg:#66e0ff24;--dash-accent-faded:#00d2ff29;--dash-code-bg:#ffffff0f;--dash-code-text:#66e0ff;--dash-input-bg:#ffffff0f;--dash-card-bg:#ffffff0a;--dash-modal-footer-bg:#12151f;--dash-nav-bg:#0a0e17c7;--dash-nav-border:#ffffff14;--dash-overlay:#000000a6;--dash-card-shadow:0 2px 8px #00000040, 0 8px 32px #0003;--dash-glow-1:#00d2ff14;--dash-glow-2:#4b6cb70f;--dash-accent-glow:#00d2ff59}}.demo-root .dash-layout{background:var(--dash-bg);min-height:100vh;color:var(--dash-text);position:relative}.demo-root .dash-layout:before{content:"";background:radial-gradient(ellipse 60% 50% at 80% -10%, var(--dash-glow-1) 0%, transparent 60%), radial-gradient(ellipse 50% 45% at -5% 85%, var(--dash-glow-2) 0%, transparent 60%), radial-gradient(ellipse 40% 30% at 50% 50%, #e6c8960f 0%, transparent 70%);pointer-events:none;z-index:0;position:fixed;inset:0}.demo-root .dash-layout>*{z-index:1;position:relative}.demo-root .dash-card{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--dash-radius);box-shadow:var(--dash-card-shadow);-webkit-backdrop-filter:blur(20px);transition:border-color .25s,box-shadow .25s,transform .25s,background .25s}.demo-root .dash-card-interactive{cursor:pointer}.demo-root .dash-card-interactive:hover{background:var(--dash-surface-hover);border-color:var(--dash-border-strong);transform:translateY(-2px);box-shadow:0 4px 12px #0f172a0f,0 12px 40px #0f172a0f}.demo-root .dash-nav{background:var(--dash-nav-bg);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--dash-nav-border)}.demo-root .dash-btn-primary{-webkit-backdrop-filter:blur(20px);color:#09b;border-radius:var(--dash-radius-sm);cursor:pointer;background:#00d2ff26;border:1px solid #00d2ff4d;padding:10px 24px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s}.demo-root .dash-btn-primary:hover{background:#00d2ff38;border-color:#00d2ff6b}.demo-root .dash-btn-primary:disabled{opacity:.5;cursor:not-allowed}.demo-root .dash-btn-secondary{background:var(--dash-surface);color:var(--dash-text);border:1px solid var(--dash-border-strong);border-radius:var(--dash-radius-sm);cursor:pointer;padding:10px 24px;font-size:13px;font-weight:600;transition:all .2s}.demo-root .dash-btn-secondary:hover{background:var(--dash-surface-hover);border-color:var(--dash-accent)}.demo-root .dash-btn-ghost{color:var(--dash-text-secondary);border:1px solid var(--dash-border);border-radius:var(--dash-radius-sm);cursor:pointer;background:0 0;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.demo-root .dash-btn-ghost:hover{background:var(--dash-surface);color:var(--dash-text);border-color:var(--dash-border-strong)}.demo-root .dash-btn{background:var(--dash-surface);color:var(--dash-text);border:1px solid var(--dash-border);border-radius:var(--dash-radius-sm);cursor:pointer;-webkit-backdrop-filter:blur(12px);align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;display:inline-flex}.demo-root .dash-btn:hover{background:var(--dash-surface-hover);border-color:var(--dash-accent);box-shadow:0 0 0 3px var(--dash-accent-faded)}.demo-root .dash-btn:active{transform:translateY(1px)}.demo-root .dash-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.demo-root .dash-badge{letter-spacing:.3px;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.demo-root .dash-badge-success{background:var(--dash-success-bg);color:var(--dash-success)}.demo-root .dash-badge-warning{background:var(--dash-warning-bg);color:var(--dash-warning)}.demo-root .dash-badge-error{background:var(--dash-error-bg);color:var(--dash-error)}.demo-root .dash-badge-info{background:var(--dash-info-bg);color:var(--dash-info)}.demo-root .dash-badge-neutral{color:var(--dash-text-secondary);background:#0f172a0f}@media (prefers-color-scheme:dark){.demo-root .dash-badge-neutral{color:var(--dash-text-secondary);background:#ffffff14}}.demo-root .dash-badge-accent{background:var(--dash-accent-faded);color:var(--dash-info)}@media (prefers-color-scheme:dark){.demo-root .dash-badge-accent{color:#66e0ff}}.demo-root .dash-nowrap{white-space:nowrap}.demo-root .dash-divider{background:var(--dash-border);border:0;height:1px;margin:16px 0}.demo-root .dash-code{background:var(--dash-code-bg);color:var(--dash-code-text);border:1px solid var(--dash-border);border-radius:var(--dash-radius-xs);padding:8px 12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;font-weight:500}.demo-root .dash-input{background:var(--dash-surface-alt);border:1px solid var(--dash-border);border-radius:var(--dash-radius-xs);width:100%;color:var(--dash-text);box-sizing:border-box;padding:10px 14px;font-size:13px;font-weight:500;transition:border-color .2s,box-shadow .2s}.demo-root .dash-input:focus{border-color:var(--dash-accent);box-shadow:0 0 0 3px var(--dash-accent-glow);outline:none}.demo-root .dash-input::placeholder{color:var(--dash-text-muted)}.demo-root .dash-select{background:var(--dash-surface-alt);border:1px solid var(--dash-border);border-radius:var(--dash-radius-xs);color:var(--dash-text);cursor:pointer;padding:8px 12px;font-size:12px;font-weight:600;transition:border-color .2s}.demo-root .dash-select:focus{border-color:var(--dash-accent);outline:none}.demo-root .dash-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.demo-root .dash-table th{text-transform:uppercase;letter-spacing:.5px;color:var(--dash-text-muted);border-bottom:1px solid var(--dash-border);padding:10px 12px;font-size:11px;font-weight:600}.demo-root .dash-table td{color:var(--dash-text-secondary);border-bottom:1px solid var(--dash-border);padding:12px}.demo-root .dash-table tr:last-child td{border-bottom:none}@keyframes dash-pulse{0%,to{opacity:1}50%{opacity:.5}}.demo-root .dash-pulse{animation:1.5s ease-in-out infinite dash-pulse}@keyframes dash-spin{to{transform:rotate(360deg)}}.demo-root .dash-spin{animation:1s linear infinite dash-spin}.demo-root .m-data-flow-container{flex-direction:column;align-items:stretch;gap:16px;display:flex}@media (max-width:768px){.demo-root .dash-nav-bar{gap:10px!important;padding:10px 16px!important}.demo-root .dash-main{padding:20px 16px!important}.demo-root .dash-metrics-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}@media (max-width:640px){.demo-root .dash-main{padding:16px 14px!important}.demo-root .dash-nav-bar{padding:10px 14px!important}.demo-root .dash-nav-bar.mobile-stack>div{width:100%;justify-content:space-between!important}.demo-root .dash-nav-bar .m-logo-text,.demo-root .dash-nav-bar a span[style*="font-size: 20"],.demo-root .dash-nav-bar a span[style*=fontSize\:20]{font-size:18px!important}.demo-root .dash-nav-bar nav{padding:3px!important}.demo-root .dash-nav-bar nav button{padding:6px 14px!important;font-size:13px!important}.demo-root .dash-nav-bar .dash-btn-ghost{padding:6px 10px!important;font-size:12px!important}.demo-root .dash-help-fab{width:44px!important;height:44px!important;bottom:20px!important;right:20px!important}.demo-root .dash-connector-header{flex-wrap:wrap!important;gap:12px!important;padding:16px 18px!important}.demo-root .dash-connector-title{flex:100%!important;min-width:0!important}.demo-root .dash-connector-actions{flex-wrap:wrap!important;flex:100%!important;gap:8px!important}.demo-root .dash-connector-actions>button,.demo-root .dash-connector-actions>div{flex:auto!important}.demo-root .dash-connector-actions>button{min-width:0!important}.demo-root .dash-connector-header+div{padding-left:0;padding-right:0}.demo-root .dash-setup-banner>button{width:100%!important}.demo-root .dash-reports-grid,.demo-root .dash-admin-infra{grid-template-columns:1fr!important;gap:12px!important}.demo-root .dash-snowflake-details{grid-template-columns:1fr!important}.demo-root .dash-trial-upgrade>a,.demo-root .dash-trial-upgrade>button{text-align:center;width:100%!important}.demo-root .dash-card{border-radius:var(--dash-radius-sm)!important}.demo-root .mobile-stack>button,.demo-root .mobile-stack>a{justify-content:center;width:100%}.demo-root .dash-nav-bar nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.demo-root .dash-nav-bar nav::-webkit-scrollbar{display:none}}@media (max-width:380px){.demo-root .dash-main{padding:14px 12px!important}.demo-root .dash-connector-header{padding:14px 16px!important}.demo-root .dash-main h1{font-size:24px!important}}@media (max-width:640px){.demo-root .dash-modal-overlay{padding:12px!important}.demo-root .dash-modal-card{padding:24px 20px!important}.demo-root .dash-connector-footer{margin-left:-20px!important;margin-right:-20px!important;padding:12px 20px!important;bottom:-24px!important}.demo-root .dash-connector-activate-row>button{width:100%!important;min-width:0!important}.demo-root .dash-endpoint-row{flex-direction:column!important;align-items:stretch!important}.demo-root .dash-endpoint-row>label,.demo-root .dash-endpoint-row>button{width:100%!important;min-width:0!important}.demo-root .dash-propose-card{border-radius:var(--dash-radius-sm)!important}.demo-root .dash-propose-header{padding:20px 18px 14px!important}.demo-root .dash-propose-header h2{font-size:18px!important}.demo-root .dash-propose-body{padding:20px 18px 24px!important}.demo-root .dash-propose-body>div>button[class*=dash-btn],.demo-root .dash-propose-body>div>a[class*=dash-btn]{width:100%!important}.demo-root .dash-walkthrough-card{border-radius:var(--dash-radius-sm)!important;padding:24px 20px!important}.demo-root .dash-walkthrough-card h2{font-size:20px!important}.demo-root .dash-walkthrough-nav{margin-top:24px!important}.demo-root .dash-walkthrough-nav>div{justify-content:space-between;width:100%}.demo-root .dash-snowflake-card,.demo-root .dash-aws-card{border-radius:var(--dash-radius-sm)!important;padding:24px 20px!important}.demo-root .dash-setup-stepper{padding:16px 12px!important}.demo-root .dash-setup-stepper-bar{width:24px!important}}@media (max-width:380px){.demo-root .dash-modal-card,.demo-root .dash-walkthrough-card,.demo-root .dash-snowflake-card,.demo-root .dash-aws-card{padding:20px 16px!important}.demo-root .dash-propose-header,.demo-root .dash-propose-body{padding-left:16px!important;padding-right:16px!important}.demo-root .dash-connector-footer{margin-left:-16px!important;margin-right:-16px!important;padding:12px 16px!important}.demo-root .dash-setup-stepper-bar{width:16px!important}}.demo-root :where(main){max-width:none;margin:0;padding:0}.demo-root :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;margin:0;padding:0;transition:none}.demo-root :where(button:hover:not([disabled])){filter:none;transform:none}.demo-root :where(button[disabled]){opacity:1;cursor:not-allowed}.demo-root :where(input,select,textarea){font:inherit;color:inherit;background:0 0;border:0;border-radius:0;width:auto;padding:0}.demo-root :where(input:focus,select:focus,textarea:focus){box-shadow:none;border-color:inherit}.demo-root :where(label){font-size:inherit;font-weight:inherit;color:inherit;gap:0;display:inline}.demo-root :where(a){color:inherit;text-decoration:none}.demo-root :where(a:hover){color:inherit}.demo-root :where(table){font-size:inherit}.demo-root :where(th,td){text-transform:none;letter-spacing:normal;color:inherit;font-size:inherit;font-weight:inherit;border-bottom:0;padding:0}.demo-root :where(code,pre){color:inherit;background:0 0;border:0;padding:0}.demo-root :where(h1,h2,h3){letter-spacing:normal}.demo-root{background:var(--dash-bg);min-height:100vh;color:var(--dash-text)}