@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:Inter}body,html{height:100%;margin:0;overflow-x:hidden;padding:0}.App{flex-direction:column;height:100vh}.App,.main{display:flex;overflow:hidden}.main{flex:1 1}.content{background-color:#1f1f1f;flex:1 1;height:calc(100vh - 60px);margin-left:0;overflow-x:hidden;overflow-y:auto}body{background-color:#1a1a1a;color:#fff;font-family:Inter}.page-container{align-items:left;background-color:#0f0f0f;border:2px solid #434040;border-bottom:none;box-sizing:border-box;justify-content:left;min-height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto;width:auto}.page-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem;width:100%}.page-header h2{color:#fff;font-size:1.7rem;margin:0}.standard-table{border-collapse:initial;border-spacing:0;margin-top:1rem;width:100%}.standard-table td,.standard-table th{border:1px solid #444;color:#fff;padding:.75rem;text-align:left}.standard-table th:first-child{border-top-left-radius:6px}.standard-table th:last-child{border-top-right-radius:6px}.standard-table tr:last-child td:first-child{border-bottom-left-radius:6px}.standard-table tr:last-child td:last-child{border-bottom-right-radius:6px}.standard-table th{background-color:#333;font-weight:600}.standard-table tr:hover{background-color:rgba(28,28,47,.371);cursor:pointer;transition:background .15s}.analysis-table-title{background-color:#f8f9fa;border-bottom:3px solid #000;border-radius:8px 8px 8px 8px;color:#000;font-size:1.3em;font-weight:700;margin-bottom:1px;margin-top:15px;padding:15px;text-align:center}.analysis-container{padding:0 10px}.analysis-tables-wrapper{display:flex;flex-direction:column;gap:30px}.standard-form{padding:2rem}.standard-form-left{display:flex;flex-direction:column;gap:1.5rem}.form-input-group{display:flex;flex-direction:column;gap:.7rem}.page-container .form-control{align-items:center;background:#181818;border:1px solid #555;border-radius:6px;box-sizing:border-box;color:#fff;display:flex;font-size:1rem;min-height:55px;padding:.5rem;width:100%}.page-container .checkbox-group{background-color:#121212;display:flex;flex-direction:column;gap:.7rem}.page-container .primary-button{align-items:center;background-color:#444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;min-height:2.5rem;overflow:hidden;padding:.5rem 1.2rem;transition:background-color .2s ease;width:auto}.primary-button:hover{background-color:#555}.primary-button:disabled{background-color:#333;cursor:not-allowed}.back-icon{font-size:1.5rem;margin-right:1rem}.actions-dropdown{display:inline-block;position:relative;width:100%}.actions-button{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.4rem;font-weight:700;justify-content:center;line-height:1;padding:.5rem .75rem;transition:background-color .2s ease;width:100%}.actions-button:hover{background-color:#ffffff1a}.dropdown-menu{background-color:#333;border:1px solid #444;border-radius:4px;min-width:120px;position:absolute;right:0;z-index:1}.dropdown-item{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem 1rem;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background-color:#444}.table-actions{display:flex;gap:.5rem;justify-content:flex-start}.table-action-button{border-radius:4px;font-size:.8rem;padding:.25rem .5rem}.copy-container{background-color:#ffffff0d;border:1px solid #ffffff1a;transition:all .2s ease}.copy-container:hover{background-color:#ffffff14;border-color:#ffffff26}.copy-text{color:#fff}.copy-button{color:#666}.copy-button.copied{color:#4caf50}.copy-success{color:#4caf50;font-size:.9em;margin-left:8px}.button-icon{height:16px;margin-right:8px;width:16px}.checkbox-group{border:1px solid #ccc;border-radius:4px;margin-top:5px;padding:10px}.checkbox-group.input-error{border-color:#dc3545}.checkbox-item{align-items:center;display:flex;margin-bottom:8px}.form-checkbox{cursor:pointer;height:16px;margin-right:8px;width:16px}.checkbox-label{cursor:pointer;flex-grow:1;font-weight:400}.info-text{color:#666;font-size:.9em;margin-top:5px}.bold-info{color:#43b139;font-weight:500}.loading-indicator{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem;margin-top:.5rem}.loading-indicator .spinner{font-size:.9rem;margin-left:0}.credential-id-info{color:#666;font-size:.8rem;margin-top:1rem}.starmesh-select__control{background-color:#181a20!important;border-color:#333!important;color:#fff!important;min-height:38px}.starmesh-select__menu{z-index:20}.starmesh-select__menu,.starmesh-select__option{background-color:#23263a!important;color:#fff!important}.starmesh-select__option{cursor:pointer}.starmesh-select__option--is-focused{background-color:#181a20!important;color:#fff!important}.starmesh-select__input,.starmesh-select__placeholder,.starmesh-select__single-value{color:#fff!important}.snowflake-instructions{background:#f8f9fa;border-radius:8px;margin-top:20px;padding:20px}.instructions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.instructions-title{color:#333;font-size:1.25rem;font-weight:600;margin:0}.instructions-description{color:#666;font-size:.95rem;margin-bottom:24px}.instruction-step{padding:16px}.step-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.step-description{margin-bottom:12px}.sql-container{margin-top:12px;position:relative}.sql-block{background:#f1f3f5;border:1px solid #e9ecef;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.9rem;line-height:1.5;margin:0;overflow-x:auto;padding:16px;white-space:pre}.sql-block code{color:#333}.copy-container{align-items:center;background-color:#2a2a2a;border:1px solid #444;border-radius:4px;display:inline-flex;padding:4px 8px;transition:background-color .2s ease,border-color .2s ease}.copy-container:hover{background-color:#3a3a3a;border-color:#666}.copy-text{color:#ddd;font-family:monospace;margin-right:8px}.copy-button{align-items:center;background:none;border:none;color:#bbb;cursor:pointer;display:inline-flex;padding:4px;transition:color .2s ease}.copy-button:hover{color:#fff}.copy-button.copied{color:#52c41a}.connection-fields{background:#f8f9fa;border-radius:6px;margin-top:16px;padding:16px}.connection-field{border-bottom:1px solid #eee;margin-bottom:12px;padding-bottom:12px}.connection-field:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.field-name{color:#2c3e50;display:block;font-weight:600;margin-bottom:4px}.field-description{color:#666;display:block;font-size:.9rem}.instruction-step{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:20px}.step-title{color:#2c3e50;font-size:1.1rem;font-weight:500;margin:0}.step-description{color:#666;font-size:.95rem;margin:8px 0 16px}.snowflake-form-container{align-items:flex-start;display:flex;gap:2rem}.snowflake-form-fields{display:flex;flex-direction:column;gap:.7rem}.snowflake-form-container>.snowflake-form-fields{flex:0 0 100%;max-width:100%}.snowflake-form-container>.snowflake-instructions{flex:0 0 80%;max-width:80%}@media (max-width:768px){.snowflake-form-container{flex-direction:column}.snowflake-form-container>.snowflake-form-fields,.snowflake-form-container>.snowflake-instructions{flex:0 0 100%;max-width:100%}}.standard-form{width:100%!important}.snowflake-form-container .snowflake-instructions{margin-top:0}.snowflake-instructions{background:#1f1f1f;border:1px solid #333;margin-top:0}.snowflake-instructions .instruction-step{background:#0f0f0f;border:1px solid #333}.snowflake-instructions .sql-block{background:#222;border:1px solid #333}.snowflake-instructions .sql-block code{color:#fff}.field-description,.field-name,.instructions-description,.instructions-title,.step-description,.step-title{color:#ddd}.auth-section .primary-button{margin-left:0;width:35%}.auth-button-container{align-items:center;display:flex;gap:.5rem}.auth-success{align-items:center;background-color:#52c41a1a;border-radius:4px;color:#52c41a;display:inline-flex;font-size:.95rem;font-weight:600;padding:.4rem .8rem}.spinner{animation:spin 1s linear infinite;font-size:1rem;margin-left:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.input-error{border-color:#ff4d4f}.field-error-message{color:#ff4d4f;margin-top:.25rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.radio-group-vertical label{display:block;font-weight:400;margin-bottom:8px}.fade-in{animation:fadeIn .5s ease-out}.setup-instructions{margin-bottom:1.5rem;margin-left:1rem}.setup-instructions li{margin-bottom:.5rem}.form-subheading{font-weight:600;margin-top:1rem}.integration-description{color:#444;font-size:.95rem;margin-bottom:.5rem}.setup-info-row{gap:.5rem;margin-bottom:.5rem}.setup-command,.setup-info-row{align-items:center;display:flex}.setup-command{border:1px solid #ccc;border-radius:6px;font-family:monospace;font-size:.9rem;gap:.75rem;justify-content:space-between;margin:.5rem 0;padding:.5rem .75rem;position:relative}.code-copy{margin-left:auto}.setup-option{margin-bottom:.75rem;margin-left:1rem}.success-message{color:#52c41a;font-size:.9rem;font-weight:500}.form-control select,select.form-control{background-color:#181818;border:1px solid #555;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;height:auto;min-height:55px;padding:.5rem}.form-control select:focus,select.form-control:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-control select option,select.form-control option{background-color:#181818;border:none;color:#fff;padding:.5rem}.form-control select option:hover,select.form-control option:hover{background-color:#2a2a2a}.form-control select option:checked,select.form-control option:checked{background-color:#007bff;color:#fff}.form-actions{display:flex;flex-direction:column;gap:3rem;justify-content:flex-start;margin-top:1rem}.form-actions .primary-button{margin-left:0;width:35%}.back-icon{color:#888;cursor:pointer;font-size:24px}.back-icon:hover{color:#fff}.header-text{color:#fff;font-size:1.5rem;margin:0}.helper-text{color:#666;font-size:.9rem;margin-top:.5rem}.helper-text a{color:#007bff;text-decoration:none}.helper-text a:hover{text-decoration:underline}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;margin-bottom:1rem;padding:.75rem 1.25rem}.field-error-message{color:#dc3545}.field-description,.field-error-message{font-size:.85rem;margin-bottom:0;margin-top:.3rem}.field-description{color:#6c757d;font-style:italic}.input-error{border-color:#dc3545!important;box-shadow:0 0 0 1px #dc354540}.input-error:focus{border-color:#dc3545!important;box-shadow:0 0 0 .2rem #dc354540}select[multiple]{max-height:200px;overflow-y:auto;padding:.5rem}select[multiple] option{border-bottom:1px solid #0000001a;padding:.5rem}select[multiple] option:last-child{border-bottom:none}select[multiple] option:hover{background-color:#007bff1a}select[multiple] option:checked{background-color:#007bff linear-gradient(0deg,#007bff,#007bff);color:#fff}.page-container{height:auto;padding:2rem}.page-container,.standard-form{display:flex;flex-direction:column;width:100%}.standard-form{gap:1.5rem;max-width:600px}.custom-select-container{max-width:100%;position:relative;width:100%}.select-input-wrapper{align-items:center;background-color:#2a2a2a;border:1px solid #444;border-radius:4px;box-shadow:inset 0 1px 2px #0000001a;display:flex;height:36px;min-height:36px;padding:4px 8px;width:100%}.select-input-wrapper,.selected-chips{box-sizing:border-box;position:relative}.selected-chips{background-color:initial;display:inline-flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 32px);min-height:28px;min-width:0;overflow-x:hidden;overflow-y:auto;padding:2px 4px;width:fit-content;z-index:2}.chip{align-items:center;background-color:#1a1a1a;border:1px solid #444;border-radius:16px;box-shadow:0 1px 2px #0003;display:inline-flex;flex-shrink:0;font-size:13px;gap:4px;height:24px;max-width:180px;padding:2px 8px;position:relative;z-index:3}.chip,.chip span{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-remove{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:14px;height:14px;justify-content:center;line-height:1;margin-left:2px;padding:0;position:relative;transition:all .2s ease;width:14px;z-index:4}.chip-remove:hover{background-color:#444;color:#fff}.custom-select{background:none;border:none;color:#0000;cursor:pointer;font-size:14px;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.custom-select:focus{outline:none}.custom-select option{background-color:#2a2a2a;color:#fff;padding:8px}.custom-select option[value=""]{color:#888;font-style:italic}.custom-select option:not(:disabled):hover{background-color:#333}.custom-select option:checked{background-color:#333;color:#fff}.custom-select::-webkit-scrollbar{width:8px}.custom-select::-webkit-scrollbar-track{background:#2a2a2a}.custom-select::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.custom-select::-webkit-scrollbar-thumb:hover{background:#555}.select-input-wrapper:after{background-color:#2a2a2a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:16px;content:"";height:20px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;z-index:1}.select-input-wrapper.has-chips{align-items:flex-start;display:flex;height:auto;max-height:120px;min-height:36px;overflow-y:auto;padding-top:4px}.select-input-wrapper::-webkit-scrollbar{width:6px}.select-input-wrapper::-webkit-scrollbar-track{background:#2a2a2a}.select-input-wrapper::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.select-input-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.workflow-selection-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.workflow-selection-card{background:#fff;border:2px solid #e9ecef;border-radius:8px;box-shadow:none;cursor:pointer;padding:1.5rem;transition:all .2s ease}.workflow-selection-card.selected{background:#f8f9ff;border-color:#007bff;box-shadow:0 2px 8px #007bff26}.workflow-selection-card h4{color:#333;font-size:1.1rem;margin:0 0 .5rem}.workflow-selection-card p{color:#666;font-size:.9rem;line-height:1.4;margin:0}.empty-state{align-items:center;display:flex;justify-content:center;min-height:60vh}.empty-state-content{min-width:auto;text-align:center}.empty-state-title{font-weight:300;line-height:1.4;margin-bottom:2rem}.empty-state-cards{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.empty-state-card{align-items:center;background:#0000;display:flex;flex-direction:column;min-width:auto;padding:1rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.empty-state-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.step-number{align-items:center;background:#444;border-radius:12px;color:#fff;font-size:1.3rem;margin-bottom:1rem;padding:4px 12px}.card-icon{height:125px;margin-bottom:1rem;opacity:.8;width:125px}.card-description{flex-grow:1;line-height:1.4;margin-bottom:1.5rem}.card-button{align-items:center;background-color:#444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:300;min-height:2.5rem;overflow:hidden;padding:.5rem 1.2rem;transition:background-color .2s ease;width:auto}.card-button:hover{background-color:#555}@media (max-width:900px){.empty-state-cards{align-items:center;flex-direction:column}.empty-state-card{min-width:280px}.empty-state-title{font-size:1.5rem}.card-arrow{display:none}}.navbar{align-items:center;background-color:#0f0f0f;color:#fff;display:flex;height:auto;justify-content:space-between;overflow:visible;padding:5px;width:100%}.logo{box-sizing:initial;height:1.4rem;margin-right:10px;padding-bottom:4px;padding-left:16px;padding-top:20px}.navbar-profile{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin-right:20px;padding:8px;position:relative;transition:background .15s}.navbar-profile:hover{background:#23272f;border-radius:8px}.navbar-avatar{align-items:center;background:#23272f;border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:32px;justify-content:center;letter-spacing:.02em;text-transform:uppercase;width:32px}.navbar-profile-menu{align-items:stretch;animation:fadeInMenu .18s;background:#23272f;border-radius:12px;box-shadow:0 4px 16px #0000002e;display:flex;flex-direction:column;margin-top:4px;padding:8px 0;position:absolute;right:0;top:100%;width:120px;z-index:1000}.navbar-profile-menu-item{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;padding:8px 16px;text-align:left;transition:background .13s;width:100%}.navbar-profile-menu-item:hover{background:#353a42}.navbar-profile-menu-icon{display:inline-block;height:16px;margin-right:8px;vertical-align:middle;width:16px}@media (max-width:900px){.navbar{display:none}}.sidebar{background-color:#0f0f0f;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:auto;justify-content:space-between;overflow:hidden;padding:15px 8px;width:205px}.sidebar ul{background-color:inherit;list-style-type:none;margin:0;padding:0 0 0 5px}.sidebar li{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-family:inherit;margin:7px 0;padding:8px 6px 8px 10px}.sidebar li:hover{background:#23272f;border-radius:12px}.sidebar-icon{background:none;border-radius:4px;display:inline-block;height:22px;margin-right:12px;width:22px}.sidebar a{color:#fff;flex:1 1;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:300;letter-spacing:.01em;line-height:1.5;padding-left:2px}.sidebar a,.sidebar a:hover{text-decoration:none}.sidebar-profile{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin-top:auto;padding:8px 6px;position:relative;transition:background .15s}.sidebar-profile:hover{background:#23272f;border-radius:10px}.sidebar-avatar{align-items:center;background:#23272f;border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:600;height:38px;justify-content:center;letter-spacing:.02em;margin-right:12px;text-transform:uppercase;width:38px}.sidebar-profile-name{color:#fff;font-size:1.05rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile-menu{align-items:stretch;animation:fadeInMenu .18s;background:#23272f;border-radius:12px;bottom:54px;box-shadow:0 4px 16px #0000002e;display:flex;flex-direction:column;left:0;padding:8px 0;position:absolute;width:100%;z-index:10}@keyframes fadeInMenu{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar-profile-menu-item{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;padding:10px 18px;text-align:left;transition:background .13s}.sidebar-profile-menu-item:hover{background:#353a42}.sidebar-profile-menu-icon{display:inline-block;height:20px;margin-right:10px;vertical-align:middle;width:20px}@media (max-width:900px){.sidebar{box-shadow:2px 0 12px #0000002e;height:100vh;left:0;max-width:320px;min-width:0;padding:18px 8px;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s;width:70vw;z-index:1000}.sidebar.open{transform:translateX(0)}.sidebar li,.sidebar-profile{font-size:1.1rem;padding:14px 10px}.sidebar a{font-size:1rem}}*{font-family:Inter,sans-serif}.signin-page{display:flex;flex-direction:column;min-height:80vh;width:100%}.signin-page h1{color:#e9e7e7;font-weight:300;letter-spacing:-.03rem;margin-bottom:2.5rem;margin-top:6rem;text-align:center}.starmesh-logo{align-self:left;margin-left:1.5rem;margin-top:1.5rem;max-height:10rem;max-width:10rem}.google-signin-button{align-items:center;background:#262626;border:none;border-radius:6px;color:#e9e7e7;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;justify-content:center;margin:0 auto;max-width:20rem;outline:none;padding:12px 24px;transition:box-shadow .2s,background .2s;width:100%}.google-signin-button:hover{background:#2e2e2ed8;box-shadow:0 4px 16px #42424229}.google-signin-button span{flex:1 1;font-size:1.1rem;font-weight:300;text-align:left}.google-signin-button img{display:inline-block;height:1.1rem;margin-right:1rem;vertical-align:middle;width:1.1rem}.signin-legal-links{bottom:18px;color:#bbb;font-size:.85rem;left:0;pointer-events:auto;position:fixed;right:0;text-align:center;width:100vw;z-index:10}.signin-legal-links a{color:#bbb;margin:0 .25rem;text-decoration:none;transition:color .2s}.signin-legal-links a:hover{color:#fff;text-decoration:underline}.signin-legal-links .divider{color:#888;margin:0 .5rem}@media (max-width:900px){.signin-page h1{margin-top:3.5rem}.starmesh-logo{align-self:center;margin-left:0;margin-right:0;margin-top:4rem;max-height:15rem;max-width:15rem}.google-signin-button{max-width:15rem;padding:10px 16px}.google-signin-button span{font-size:.9rem}}.primary-button{margin-left:auto}.template-config-error{background-color:#f44;border-radius:6px;color:#fff;margin:1rem;padding:1rem}.template-config-form{background-color:#1a1a1a;color:#fff;padding:2rem}.template-config-label{color:#fff;font-weight:600;margin-bottom:.5rem}.template-config-control-large{background-color:#2d2d2d;border:1px solid #404040;color:#fff;font-weight:500;min-height:60px;padding:.75rem}.template-config-control-info{background-color:#2d2d2d;border:1px solid #404040;border-radius:6px;color:#fff;padding:1rem}.template-config-connector-badge{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.template-config-connector-tag{background:#404040;border-radius:20px;color:#fff;font-size:.85rem;padding:.25rem .75rem}.template-config-summary{background-color:#2d2d2d;border:1px solid #404040;border-radius:6px;color:#fff;padding:1rem}.template-config-summary-pre{background-color:#1a1a1a;border-radius:4px;color:#ccc;font-size:.8rem;margin:.5rem 0 0;padding:.5rem}.template-config-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.template-config-preview-label{color:#fff;font-weight:600;margin:0}.template-config-preview-button{background-color:#404040;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.template-config-preview-button:disabled{cursor:not-allowed;opacity:.6}.template-config-preview-container{background-color:#2d2d2d;border:1px solid #404040;border-radius:6px;color:#fff;padding:1rem}.template-config-preview-info{background-color:#1a1a1a;border-top:1px solid #404040;margin-top:1rem;padding:1rem}.template-config-preview-info h4{color:#fff;font-size:1rem;margin:0 0 1rem}.template-config-preview-info p{color:#fff;margin:.5rem 0}.template-config-pipeline-title{color:#fff;font-size:1.1rem;margin:0 0 1rem}.template-config-pipeline-section{margin-bottom:1.5rem}.template-config-pipeline-section-title{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .75rem}.template-config-pipeline-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.template-config-pipeline-card{background:#1a1a1a;border:1px solid #404040;border-radius:6px;color:#fff;padding:1rem}.template-config-pipeline-card-title{color:#fff;font-weight:600;margin-bottom:.25rem}.template-config-pipeline-card-description,.template-config-pipeline-card-type{color:#ccc;font-size:.85rem;margin-bottom:.5rem}.template-config-pipeline-card-params{color:#ccc;font-size:.8rem;line-height:1.3}.template-config-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.template-config-create-button{background-color:#2d2d2d;border:1px solid #404040;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem 1.5rem}.template-config-create-button:disabled{background-color:#555;cursor:not-allowed;opacity:.6}.template-config-setup-steps{margin:.5rem 0 0 1.5rem}.template-config-section{margin-bottom:1.5rem}.template-config-section-header{border-bottom:1px solid #404040;color:#fff;font-size:1rem;font-weight:600;margin:0 0 .75rem;padding-bottom:.25rem}.template-config-section-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.template-config-field-container{margin-bottom:1rem}.template-config-field-label{color:#fff;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.template-config-field-required{color:#f44;margin-left:.25rem}.template-config-field-display{background-color:#2d2d2d;border:1px solid #404040;color:#fff;font-weight:500;padding:.75rem}.template-selection-container{display:flex;flex-direction:row;gap:2rem;height:calc(100vh - 200px);width:100%}.template-selection-left{flex:1 1;height:100%;max-width:500px;min-width:400px;overflow-y:auto;padding-right:1rem}.template-selection-right{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;flex:1 1;max-width:600px;min-width:400px;overflow:hidden;padding:1rem}.interactive-map-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.interactive-map-header{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.mermaid-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.mermaid-header .interactive-map-header{margin:0}.mermaid-container{align-items:center;background:#1a1a1a;border-radius:6px;cursor:grab;display:flex;flex:1 1;justify-content:center;max-height:70vh;overflow:hidden;position:relative;transform-origin:center center;transition:transform .1s ease;width:100%}.mermaid-container:active{cursor:grabbing}.mermaid-container.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.mermaid{background:#1a1a1a;color:#fff;height:100%;justify-content:center;min-height:400px;width:100%}.mermaid,.zoom-controls{align-items:center;display:flex}.zoom-controls{background:#2a2a2a;border:1px solid #666;border-radius:6px;gap:.5rem;padding:.5rem}.zoom-level{color:#fff;font-size:12px;font-weight:500;min-width:40px;padding:0 .5rem;text-align:center}.zoom-btn{align-items:center;background:#3a3a3a;border:1px solid #666;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.zoom-btn:hover{background:#4a4a4a;border-color:#888}.zoom-btn:active{background:#2a2a2a}.drag-overlay{align-items:center;background:#0000001a;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.drag-indicator{background:#2a2a2a;border:1px solid #666;border-radius:6px;color:#fff;font-size:12px;font-weight:500;padding:.5rem 1rem}.mermaid svg{background:#1a1a1a!important;color:#fff!important;max-height:100%!important;max-width:100%!important}.mermaid .node{cursor:pointer!important}.mermaid .node,.mermaid .node rect{fill:#2a2a2a!important;stroke:#666!important;stroke-width:2px!important}.mermaid .edgeLabel,.mermaid .label,.mermaid .nodeLabel{fill:#fff!important;color:#fff!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.mermaid .edgeLabel{background:#2a2a2a!important}.mermaid .edgeLabel rect{fill:#2a2a2a!important;stroke:#666!important}.mermaid .edgePath path{stroke:#666!important;stroke-width:2px!important}.mermaid .arrowheadPath{fill:#666!important;stroke:#666!important}.mermaid .cluster-label{fill:#fff!important;color:#fff!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.mermaid .cluster rect{fill:#1a1a1a!important;stroke:#666!important;stroke-width:1px!important}.mermaid .external{fill:#2d1b69!important;stroke:#8b5cf6!important;stroke-width:2px!important}.mermaid .primitive{fill:#1e3a8a!important;stroke:#3b82f6!important;stroke-width:2px!important}.mermaid .aggregation{fill:#92400e!important;stroke:#f59e0b!important;stroke-width:2px!important}.mermaid .outcome{fill:#166534!important;stroke:#10b981!important;stroke-width:2px!important}.mermaid .node:hover{cursor:pointer!important}.mermaid .node:hover,.mermaid .node:hover rect{stroke:#fff!important;stroke-width:3px!important}#mermaid-tooltip{background:#2a2a2a!important;border:1px solid #666!important;box-shadow:0 4px 8px #00000080!important;color:#fff!important}.requirements-list{background-color:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;padding:1rem}.requirement-item:not(:last-child){margin-bottom:1rem}.requirement-item p{color:#fff;margin:.5rem 0}.template-selection-left .form-control,.template-selection-left .form-control option{background:#0f0f0f;color:#fff}.template-preview{background-color:#1a1a1a!important;border:1px solid #333;border-radius:6px;color:#fff!important;padding:1rem}.template-preview h4{color:#fff;font-size:1.1rem;margin:0 0 1rem}.template-preview p{color:#fff;margin:.5rem 0}.template-preview details{margin-top:1rem}.template-preview summary{color:#704939;cursor:pointer;font-weight:700}.template-preview pre{background:#2a2a2a;border-radius:4px;color:#fff;font-size:.8rem;margin-top:.5rem;overflow:auto;padding:.5rem}.secondary-button{align-items:center;background-color:#666;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;justify-content:center;min-height:2.5rem;padding:.5rem 1.2rem;transition:background-color .2s ease}.secondary-button:hover{background-color:#777}.secondary-button:disabled{background-color:#555;cursor:not-allowed}@keyframes emergencyPulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.emergency-highlight{animation:emergencyPulse 1s ease-in-out infinite}.node-content{text-align:center}.node-title{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.node-details{font-size:.8rem;line-height:1.3;opacity:.8}.template-selection-left::-webkit-scrollbar{width:8px}.template-selection-left::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.template-selection-left::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.template-selection-left::-webkit-scrollbar-thumb:hover{background:#555}.template-selection-right::-webkit-scrollbar{width:8px}.template-selection-right::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.template-selection-right::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.template-selection-right::-webkit-scrollbar-thumb:hover{background:#666}.template-permissions .template-selection-right{max-height:100vh;overflow-y:auto}.template-permissions .interactive-map-placeholder{max-height:60vh;overflow-y:auto}.step-indicator{background-color:#1a1a1a;border:1px solid #333;border-radius:6px;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.step{background-color:#2a2a2a;border:1px solid #444;border-radius:4px;color:#999;font-weight:500;padding:.5rem 1rem}.step.active{background-color:#ff6b35;border-color:#ff6b35;color:#fff}.form-section{background-color:#1a1a1a;border:1px solid #333;border-radius:6px;margin-bottom:2rem;padding:1.5rem}.form-section h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.section-description{color:#ccc;font-size:.9rem;margin-bottom:1rem}.instruction-preview{background-color:#2a2a2a;border-left:4px solid #ff6b35;border-radius:4px;margin-top:1rem;padding:1rem}.instruction-preview p{color:#fff;font-size:.9rem;margin:0}.instructions-subtitle{color:#ccc;font-size:.9rem;margin-bottom:1rem}.loading-content{align-items:center;color:#ccc;display:flex;flex-direction:column;height:100%;justify-content:center}.placeholder-content{padding:1rem}.placeholder-content h4{color:#fff;margin:0 0 1rem}.placeholder-steps{margin-bottom:1rem}.placeholder-steps p{color:#ccc;margin:.5rem 0}.screenshot-placeholder{background-color:#1a1a1a;border:2px dashed #555;border-radius:4px;color:#999;margin-top:1rem;padding:2rem;text-align:center}.instructions-content{color:#fff;padding:1rem}.instructions-content h3{color:#fff;margin:0 0 1rem}.instructions-content h4{color:#fff;margin:1.5rem 0 .5rem}.instructions-content h5{color:#fff;margin:1rem 0 .5rem}.sql-instructions{margin:1rem 0}.sql-block{background-color:#2a2a2a;border:1px solid #444;border-radius:4px;margin:.5rem 0;position:relative}.sql-block pre{color:#fff;font-family:Courier New,monospace;font-size:.9rem;line-height:1.4;margin:0;overflow-x:auto;padding:1rem}.step-instructions{margin:1rem 0}.instruction-step{background-color:#1a1a1a;border-left:3px solid #ff6b35;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.fivetran-instructions{margin:1rem 0}.fivetran-content{background-color:#1a1a1a;border-radius:4px;padding:1rem}.fivetran-step{margin:.5rem 0}.fivetran-step p{color:#fff;margin:0}.destination-form-container{margin-top:1rem}.destination-form-section{background-color:#1a1a1a;border:1px solid #333;border-radius:6px;margin-top:1rem;padding:1rem}.loading-container{align-items:center;color:#ccc;display:flex;flex-direction:column;justify-content:center;padding:2rem}.instructions-display{background-color:#1a1a1a;border:1px solid #333;border-radius:6px;margin-top:1rem;padding:1rem}.instructions-display h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.instructions-display h5{color:#fff;font-size:1rem;font-weight:600;margin:1rem 0 .5rem}.instructions-display h6{color:#fff;font-size:.9rem;font-weight:600;margin:1rem 0 .5rem}.instructions-display h7{color:#fff;display:block;font-size:.9rem;font-weight:600;margin:.5rem 0}.nested-steps{margin:.5rem 0 .5rem 1.5rem;padding-left:0}.nested-steps li{color:#ccc;font-size:.9rem;margin-bottom:.25rem}.fivetran-tips{background-color:#2a2a2a;border-left:3px solid #ff6b35;border-radius:4px;margin-top:1.5rem;padding:1rem}.fivetran-tips h5{color:#ff6b35;font-size:.95rem;margin:0 0 .75rem}.fivetran-tips ul{margin:0;padding-left:1.25rem}.fivetran-tips li{color:#ccc;font-size:.85rem;line-height:1.4;margin-bottom:.25rem}
/*# sourceMappingURL=main.6d3f13ec.css.map*/