:root{--background:#1e2139;--sidebar:#252945;--card:#252945;--text-primary:#fff;--text-secondary:#dfe3fa;--accent-primary:#0176d4;--accent-primary-hover:#1e88e5;--border-color:#494e6e;--red-accent:#ec5757;--button-gradient:linear-gradient(to right,var(--accent-primary) 0%,var(--accent-primary-hover) 100%);--shadow-color:rgba(0,0,0,.2)}body[data-theme=light]{--background:#f8f8f9;--sidebar:#fff;--card:#fff;--text-primary:#0c0e16;--text-secondary:#888eb0;--accent-primary:#0176d4;--accent-primary-hover:#015aaa;--border-color:#dfe3fa;--red-accent:#ec5757;--button-gradient:linear-gradient(45deg,#0176d4,#00a2e8);--shadow-color:rgba(73,78,110,.1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1e2139;background-color:var(--background);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .2s ease-in-out,color .2s ease-in-out}body[data-theme=light]{background-attachment:fixed;background-image:url(/static/media/Hero-BG.d190ed0efe94929358d7.webp);background-position:50%;background-repeat:no-repeat;background-size:cover}.layout-container{display:flex;min-height:100vh}.main-content{flex-grow:1;padding:2rem 3rem;transition:margin-left .3s ease-in-out}.main-content,.sidebar{display:flex;flex-direction:column}.sidebar{background-color:#252945;background-color:var(--sidebar);border-right:1px solid #494e6e;border-right:1px solid var(--border-color);flex-shrink:0;padding:1.5rem;transition:width .3s ease-in-out,background-color .2s ease-in-out;width:250px}.sidebar-header{align-items:center;display:flex;font-weight:700;gap:.8rem;justify-content:center;margin-bottom:3rem}.logo{background-color:#0176d4;background-color:var(--accent-primary);border-radius:4px;display:grid;font-size:1.2rem;height:40px;place-items:center;width:40px}.sidebar-nav{display:flex;flex-direction:column;flex-grow:1;gap:.5rem}.nav-link{align-items:center;border-radius:6px;color:#dfe3fa;color:var(--text-secondary);display:flex;gap:1rem;padding:.8rem 1rem;text-decoration:none;transition:all .2s ease-in-out}.nav-link:hover{background-color:#1e2139;background-color:var(--background);color:#fff;color:var(--text-primary)}.nav-link.active{background-color:#0176d4;background-color:var(--accent-primary);color:#fff;font-weight:500}.sidebar-footer{border-top:1px solid #494e6e;border-top:1px solid var(--border-color);justify-content:space-between;margin-top:auto;padding-top:1.5rem}.sidebar-footer,.user-profile{align-items:center;display:flex}.user-profile{flex-grow:1;gap:1rem}.footer-actions{align-items:center;display:flex;gap:.5rem}.salesforce-logo{background-image:url(/static/media/salesforce-with-type-logo.62d17981d1626b101bb3.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:40px;width:40px}.cirrus-logo-img{height:auto;transition:all .3s ease-in-out;width:150px}.user-avatar{background-image:url(/static/media/M.a0c5b4d1fe27871231dd.png);background-position:50%;background-size:cover;border-radius:50%;height:40px;width:40px}.dashboard-page{display:flex;flex-direction:column;gap:1.5rem;width:100%}.page-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.page-header h1{margin:0}.logout-button-styled{background:#252945;background:var(--card);border:1px solid #494e6e;border:1px solid var(--border-color);border-radius:20px;color:#dfe3fa;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:10px 20px;transition:all .2s}.logout-button-styled:hover{background-color:#1e2139;background-color:var(--background);color:#fff;color:var(--text-primary)}.dashboard-embedding-container{background-color:#252945;background-color:var(--card);border:1px solid #494e6e;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;flex-grow:1;min-height:89vh;padding:1.5rem;width:100%}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.dashboard-card{background-color:#252945;background-color:var(--card);border:1px solid #494e6e;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.2);box-shadow:0 5px 15px var(--shadow-color);color:#fff;color:var(--text-primary);padding:1.5rem;text-decoration:none;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.dashboard-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.2);box-shadow:0 10px 20px var(--shadow-color);transform:translateY(-5px)}.dashboard-card h3{color:#0176d4;color:var(--accent-primary);margin-top:0}.dashboard-card p{color:#dfe3fa;color:var(--text-secondary)}.placeholder-content{color:#dfe3fa;color:var(--text-secondary);padding:2rem;text-align:center}.demo-controls,.placeholder-content{background-color:#252945;background-color:var(--card);border:1px solid #494e6e;border:1px solid var(--border-color);border-radius:8px}.demo-controls{max-height:500px;overflow:hidden;padding:1.5rem;transition:all .4s ease-in-out}.demo-controls.collapsed{border-width:0;margin-bottom:-1.5rem;max-height:0;opacity:0;padding-bottom:0;padding-top:0}.demo-controls p{margin-top:0}.demo-controls p,.embed-code-textarea{color:#dfe3fa;color:var(--text-secondary)}.embed-code-textarea{background-color:#1e2139;background-color:var(--background);border:2px dashed #494e6e;border:2px dashed var(--border-color);border-radius:8px;box-sizing:border-box;font-family:SF Mono,Consolas,Menlo,monospace;font-size:.9rem;margin-bottom:1rem;margin-top:.5rem;min-height:150px;padding:1rem;resize:vertical;transition:all .2s ease-in-out;width:100%}.embed-code-textarea:focus{border-color:#0176d4;border-color:var(--accent-primary);border-style:solid;box-shadow:0 0 0 3px rgba(1,118,212,.3);outline:none}.render-button{background-image:linear-gradient(90deg,#0176d4 0,#1e88e5);background-image:var(--button-gradient);border:none;border-radius:24px;box-shadow:0 4px 15px rgba(0,0,0,.2);box-shadow:0 4px 15px var(--shadow-color);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 28px;transition:all .2s ease-in-out}.render-button:hover{box-shadow:0 6px 20px rgba(0,0,0,.2);box-shadow:0 6px 20px var(--shadow-color);transform:translateY(-2px)}.toggle-controls-button{background:none;border:1px solid #0176d4;border:1px solid var(--accent-primary);border-radius:20px;color:#0176d4;color:var(--accent-primary);cursor:pointer;font-size:1rem;margin-right:1rem;padding:10px 20px;transition:all .2s}.chat-button,.toggle-controls-button:hover{background-color:#0176d4;background-color:var(--accent-primary);color:#fff}.chat-button{align-items:center;border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 12px rgba(0,0,0,.2);box-shadow:0 4px 12px var(--shadow-color);cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:20px;transition:transform .2s ease-in-out;width:56px;z-index:1000}.chat-button:hover{transform:scale(1.1)}.chat-pulse{animation:pulse 1.5s infinite;background-color:#ec5757;background-color:var(--red-accent);border-radius:50%;height:16px;position:absolute;right:-2px;top:-2px;width:16px}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(236,87,87,.7);transform:scale(.9)}70%{box-shadow:0 0 0 10px rgba(236,87,87,0);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(236,87,87,0);transform:scale(.9)}}.chat-overlay{background-color:#252945;background-color:var(--sidebar);border-radius:12px;bottom:90px;box-shadow:0 8px 24px rgba(0,0,0,.2);box-shadow:0 8px 24px var(--shadow-color);display:flex;flex-direction:column;height:70vh;opacity:0;position:fixed;right:20px;transform:scale(.95);transform-origin:bottom right;transition:transform .3s ease-in-out,opacity .3s ease-in-out;visibility:hidden;width:450px;z-index:999}.chat-overlay.open{opacity:1;transform:scale(1);visibility:visible}.chat-header{align-items:center;background-color:#1e2139;background-color:var(--background);border-bottom:1px solid #494e6e;border-bottom:1px solid var(--border-color);border-top-left-radius:12px;border-top-right-radius:12px;display:flex;justify-content:space-between;padding:1rem}.chat-header h3{font-size:1.1rem;margin:0}.chat-close-btn{background:none;border:none;color:#dfe3fa;color:var(--text-secondary);cursor:pointer;font-size:1.2rem}.chat-body{flex-grow:1;overflow-y:auto;padding:1rem}.container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.login-button{background:#0176d4;background:var(--accent-primary);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .2s}.login-button:disabled{background-color:#555;cursor:not-allowed}.error-message{color:#ec5757;color:var(--red-accent);margin:1rem}.theme-toggle-container{display:none}.collapse-toggle-button,.theme-toggle-button{background:#1e2139;background:var(--background);border:1px solid #494e6e;border:1px solid var(--border-color);border-radius:6px;color:#dfe3fa;color:var(--text-secondary);cursor:pointer;display:grid;font-size:1.2rem;height:36px;line-height:1;place-items:center;transition:all .2s ease-in-out;width:36px}.collapse-toggle-button:hover,.theme-toggle-button:hover{background-color:#1e88e5;background-color:var(--accent-primary-hover);border-color:#0176d4;border-color:var(--accent-primary);color:#fff}.sidebar.collapsed{padding-left:.8rem;padding-right:.8rem;width:115px}.sidebar.collapsed .nav-text,.sidebar.collapsed .sidebar-header span{display:none}.sidebar.collapsed .nav-link,.sidebar.collapsed .user-profile{justify-content:center}.sidebar.collapsed .user-profile{gap:0;justify-content:flex-start}.sidebar.collapsed .cirrus-logo-img{height:auto;width:60px}.playground-full-page{background-color:#1e2139;background-color:var(--background);color:#fff;color:var(--text-primary);display:flex;height:100vh;width:100vw}.playground-editor{border-right:1px solid #494e6e;border-right:1px solid var(--border-color);box-sizing:border-box;display:flex;flex:0 0 25%;flex-direction:column;padding:1.5rem}.editor-header{align-items:center;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;margin-bottom:1rem}.playground-select{background-color:#252945;background-color:var(--card);border:1px solid #494e6e;border:1px solid var(--border-color);border-radius:20px;color:#dfe3fa;color:var(--text-secondary);cursor:pointer;flex-grow:1;font-size:.9rem;padding:10px 15px}.playground-select:focus{border-color:#0176d4;border-color:var(--accent-primary);outline:none}.playground-back-button{background:#252945;background:var(--card);border:1px solid #494e6e;border:1px solid var(--border-color);border-radius:20px;color:#dfe3fa;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:10px 20px;transition:all .2s}.playground-back-button:hover{background-color:#1e2139;background-color:var(--background);color:#fff;color:var(--text-primary)}.run-button{align-items:center;background-image:linear-gradient(90deg,#0176d4 0,#1e88e5);background-image:var(--button-gradient);border:none;border-radius:20px;box-shadow:0 4px 15px rgba(0,0,0,.2);box-shadow:0 4px 15px var(--shadow-color);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:10px 24px;transition:all .2s ease-in-out}.run-button:hover{box-shadow:0 6px 20px rgba(0,0,0,.2);box-shadow:0 6px 20px var(--shadow-color);transform:translateY(-2px)}.playground-code-editor-wrapper{flex-grow:1;width:100%}.embed-code-textarea-playground{word-wrap:break-word;background-color:#16182a;border:1px solid #494e6e;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:#c7d2fe;font-family:SF Mono,Consolas,Menlo,monospace;font-size:.8rem;height:100%;line-height:1.5;margin:0;overflow:auto;padding:1rem;resize:none;white-space:pre-wrap;width:100%}.embed-code-textarea-playground:focus{border-color:#0176d4;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(1,118,212,.3);outline:none}.playground-preview{box-sizing:border-box;flex:1 1;overflow:auto;padding:1.5rem}.playground-placeholder{align-items:center;border:2px dashed #494e6e;border:2px dashed var(--border-color);border-radius:8px;color:#dfe3fa;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.auth-flow-page .page-header{margin-bottom:2rem}.auth-flow-intro,.auth-flow-legend,.auth-flow-summary{background-color:#252945;background-color:var(--sidebar);border:1px solid #494e6e;border-left:4px solid #0176d4;border:1px solid var(--border-color);border-left:4px solid var(--accent-primary);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.auth-flow-intro h2,.auth-flow-legend h4,.auth-flow-summary h2{margin-top:0}.auth-flow-legend ul,.auth-flow-summary ul{list-style:none;margin:0;padding:0}.auth-flow-summary ul{list-style-type:"✅ ";padding-left:1.5rem}.auth-flow-summary li{margin-bottom:.5rem;padding-left:.5rem}.auth-flow-legend li{font-family:SF Mono,Consolas,Menlo,monospace;margin-bottom:.5rem}.auth-flow-legend li:last-child{margin-bottom:0}.auth-flow-legend strong{color:#1e88e5;color:var(--accent-primary-hover)}.auth-flow-steps{display:flex;flex-direction:column;gap:3rem}.auth-flow-step{background-color:#252945;background-color:var(--card);border:1px solid #494e6e;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.2);box-shadow:0 5px 15px var(--shadow-color);padding:2rem}.step-header{align-items:center;display:flex;gap:1.5rem;margin-bottom:1rem}.step-number{background-color:#0176d4;background-color:var(--accent-primary);border-radius:50%;color:#fff;display:grid;flex-shrink:0;font-size:1.5rem;font-weight:700;height:40px;place-items:center;width:40px}.step-header h2{color:#fff;color:var(--text-primary);margin:0}.step-description{color:#dfe3fa;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.step-description strong{color:#0176d4;color:var(--accent-primary);font-weight:500}.code-block-container{margin-top:1rem}.code-block-container h4{color:#dfe3fa;color:var(--text-secondary);font-weight:500;margin-bottom:.5rem}.code-block-container pre{background-color:#16182a;border-radius:6px;color:#c7d2fe;overflow-x:auto;padding:1rem}.code-block-container code{font-family:SF Mono,Consolas,Menlo,monospace;font-size:.85rem}.example-block-container{background-color:#1a1c3a;border:1px solid #494e6e;border-left:4px solid #0176d4;border:1px solid var(--border-color);border-left:4px solid var(--accent-primary);border-radius:6px;margin-top:1.5rem;padding:1rem}.example-block-container h4{border-bottom:1px solid #494e6e;border-bottom:1px solid var(--border-color);color:#dfe3fa;color:var(--text-secondary);font-weight:500;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.example-block-container ul{list-style:none;margin:0;padding:0}.example-block-container li{align-items:flex-start;display:flex;flex-wrap:wrap;font-family:SF Mono,Consolas,Menlo,monospace;font-size:.8rem;margin-bottom:.5rem}.example-block-container li:last-child{margin-bottom:0}.example-block-container li strong{color:#1e88e5;color:var(--accent-primary-hover);flex-shrink:0;margin-right:.5rem}.example-block-container .example-value{color:#c7d2fe;word-break:break-all}.auth-flow-step.alternative-step{border-left:4px solid #ec5757;border-left:4px solid var(--red-accent)}.alternative-step .step-number{background-color:#ec5757;background-color:var(--red-accent)}.security-warning{background-color:rgba(255,193,7,.1);border-left:1px solid var(--warning-accent);border:1px solid var(--warning-accent);border-left-width:4px;border-radius:6px;margin-top:1.5rem;padding:1rem}.security-warning h4{color:var(--warning-accent);margin-bottom:.5rem;margin-top:0}.security-warning p{color:#dfe3fa;color:var(--text-secondary);margin-bottom:0}
/*# sourceMappingURL=main.8fce4fe7.css.map*/