:root{--dark:#212025;--dark-deep:#1c1b20;--dark-mid:#252839;--navy:#383e50;--teal:#00b5a5;--mint:#1ea7a3;--teal-dim:#0d9d91;--magenta:#bf65c0;--purple:#4b4565;--button-blue:#4d6ec0;--cream:#faf8f5;--white:#f8f7f0;--bg:var(--dark);--bg-card:#26252c;--bg-input:var(--dark-deep);--bg-hover:#302f37;--fg:var(--white);--fg-muted:#f8f7f08c;--accent:var(--teal);--accent-strong:var(--teal-dim);--success:#35c9a0;--warning:#e0a458;--danger:#e0685f;--border:#ffffff17;--border-strong:#ffffff29;--radius:10px;--radius-pill:100px;--mono:"IBM Plex Mono", "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--display:"Young Serif", Georgia, serif;--body:"IBM Plex Sans", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--body);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;font-weight:300}h1,h2,h3{font-family:var(--display);letter-spacing:.01em;font-weight:400}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--mint)}button{font:inherit;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:var(--fg);border:1.5px solid var(--border-strong);border-radius:var(--radius-pill);background:0 0;padding:8px 18px;font-size:.72rem;font-weight:500;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}button:hover{border-color:var(--teal);color:var(--white);background:#ffffff0d}button.primary{background:var(--teal);border-color:var(--teal);color:#052221;font-weight:700}button.primary:hover{background:var(--mint);border-color:var(--mint);color:#052221;transform:translateY(-1px);box-shadow:0 4px 14px #00b5a566}button.danger{border-color:var(--danger);color:var(--danger);background:0 0}button.danger:hover{border-color:var(--danger);color:var(--danger);background:#e0685f1f}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}input,select,textarea{font:inherit;font-family:var(--body);background:var(--bg-input);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:8px 12px}textarea{font-family:var(--mono);resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #00b5a526}.app{height:100vh;display:flex}.sidebar{background:var(--dark-deep);border-right:1px solid var(--border);flex-direction:column;gap:4px;width:240px;padding:22px 14px;display:flex}.sidebar h1{margin:0 8px 20px;font-size:16px}.brand-logo{width:auto;height:22px;color:var(--white);margin:4px 8px 6px;display:block}.brand-tagline{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--fg-muted);margin:0 8px 22px;font-size:.6rem}.sidebar .nav-link{border-radius:var(--radius);color:var(--fg-muted);cursor:pointer;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;padding:9px 12px;font-size:.72rem;transition:background .15s,color .15s;display:flex}.sidebar .nav-link:hover{color:var(--white);background:#ffffff0d}.sidebar .nav-link.active{color:var(--teal);box-shadow:inset 2px 0 0 var(--teal);background:#00b5a524}.sidebar .spacer{flex:1}.sidebar .user{font-family:var(--mono);color:var(--fg-muted);flex-wrap:wrap;align-items:center;gap:6px;padding:8px;font-size:11px;display:flex}.main{flex:1;padding:32px;overflow:auto}.main h2{margin-top:0;font-size:26px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:18px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}th{color:var(--fg-muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:500}tr:hover{background:#ffffff08}.badge{border-radius:var(--radius-pill);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);background:#ffffff0f;padding:3px 10px;font-size:10px;font-weight:500;display:inline-block}.badge.success{color:var(--success);background:#35c9a029}.badge.failed{color:var(--danger);background:#e0685f2e}.badge.skipped{color:var(--fg-muted);background:#f8f7f01f}.badge.dlq{color:var(--warning);background:#e0a4582e}.error{color:var(--danger);border-radius:var(--radius);background:#e0685f1f;border:1px solid #e0685f66;margin-bottom:12px;padding:10px 14px}.form-row{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.form-row label{color:var(--fg-muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.form-row .hint{color:var(--fg-muted);font-size:11px}.editor-layout{grid-template-columns:1fr 420px;gap:24px;display:grid}@media (width<=1100px){.editor-layout{grid-template-columns:1fr}}.preview{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--mono);white-space:pre-wrap;word-break:break-all;max-height:70vh;padding:14px;font-size:12px;overflow:auto}.condition-group{border:1px dashed var(--border-strong);border-radius:var(--radius);background:#0003;margin-bottom:8px;padding:12px}.condition-group .logic-toggle{padding:3px 14px;font-weight:700}.condition-group .logic-toggle.all{background:var(--teal);color:#052221;border-color:var(--teal)}.condition-group .logic-toggle.any{background:var(--magenta);color:#2b0f2c;border-color:var(--magenta)}.condition-row{grid-template-columns:1.2fr .9fr 1.3fr auto;gap:6px;margin-top:6px;display:grid}.condition-row .row-actions{align-items:center;display:flex}.group-actions{gap:6px;margin-top:8px;display:flex}.group-actions button{padding:5px 12px;font-size:11px}.actions-list{flex-direction:column;gap:12px;display:flex}.action-card{border:1px solid var(--border);border-radius:var(--radius);background:#0000002e;padding:14px}.action-card .action-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mapping-table{width:100%;margin-top:8px}.mapping-table input{font-family:var(--mono)}.login-page{background:radial-gradient(1200px 600px at 50% -10%, #00b5a51f, transparent 60%), var(--dark);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);width:340px;padding:28px}.login-logo{width:auto;height:26px;color:var(--white);margin-bottom:8px}.login-subtitle{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 22px;font-size:.62rem}.row{align-items:center;gap:8px;display:flex}details.config{border:1px solid var(--border);border-radius:var(--radius);background:#0000002e;margin-top:8px;padding:10px 14px}details.config summary{cursor:pointer;color:var(--fg-muted);font-family:var(--mono);letter-spacing:.04em;font-size:12px}.tenant-switcher{flex-direction:column;gap:5px;padding:0 8px;display:flex}.tenant-switcher label{color:var(--fg-muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.view{flex-direction:column;gap:16px;display:flex}.view-header h2{margin:0 0 4px}.view-header .hint{color:var(--fg-muted);font-size:12px}.data-table{border-collapse:collapse;width:100%}.data-table tr.highlighted{background:#00b5a51a}.data-table td.empty{color:var(--fg-muted);text-align:center;padding:16px}.data-table button{margin-right:6px}.alert{border-radius:var(--radius);border:1px solid var(--border);padding:12px 14px}.alert-warning{color:var(--warning);background:#e0a4581a;border-color:#e0a45880}.alert code{color:var(--fg);font-family:var(--mono)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#fff3}.route-builder{max-width:1440px;margin:0 auto;padding-bottom:64px}.builder-topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#212025f0;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin:-32px -32px 24px;padding:22px 32px 18px;display:grid;position:sticky;top:-32px}.builder-title span,.summary-eyebrow,.panel-eyebrow{color:var(--teal);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:500;display:block}.builder-title h2{margin:1px 0 0;font-size:24px;line-height:1.2}.builder-save-actions{align-items:center;gap:8px;display:flex}.builder-save-actions button,.builder-topbar>button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.builder-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;display:grid}.builder-content{flex-direction:column;gap:14px;min-width:0;display:flex}.builder-content>div{scroll-margin-top:110px}.builder-section{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.builder-section.open{border-color:var(--border-strong);box-shadow:0 12px 36px #00000021}.builder-section-header{text-align:left;text-transform:none;letter-spacing:0;background:0 0;border:0;border-radius:0;grid-template-columns:34px 1fr auto auto;align-items:center;gap:14px;width:100%;padding:18px 20px;display:grid}.builder-section-header:hover{background:#ffffff06;border-color:#0000}.section-number{width:32px;height:32px;color:var(--fg-muted);border:1px solid var(--border-strong);font-family:var(--mono);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.section-number.complete{color:#052221;background:var(--teal);border-color:var(--teal)}.section-heading{flex-direction:column;gap:2px;display:flex}.section-heading strong{color:var(--white);font-family:var(--display);font-size:19px;font-weight:400}.section-heading>span{color:var(--fg-muted);font-family:var(--body);font-size:13px;font-weight:300}.section-issues{color:var(--danger);font-family:var(--mono);align-items:center;gap:5px;font-size:11px;display:inline-flex}.section-chevron{color:var(--fg-muted);transition:transform .2s}.builder-section.open .section-chevron{transform:rotate(180deg)}.builder-section-body{border-top:1px solid var(--border);padding:4px 24px 24px 68px}.builder-summary{position:sticky;top:90px}.summary-card{background:var(--dark-deep);border:1px solid var(--border);border-radius:14px;padding:20px}.summary-card h3{margin:7px 0 12px;font-size:20px}.route-status{color:var(--fg-muted);align-items:center;gap:7px;font-size:12px;display:flex}.route-status>span{background:var(--fg-muted);border-radius:50%;width:7px;height:7px}.route-status.enabled{color:var(--success)}.route-status.enabled>span{background:var(--success);box-shadow:0 0 0 4px #35c9a01f}.summary-flow{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:10px;margin:20px 0;padding:14px 0;display:grid}.summary-flow>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.summary-flow span{color:var(--fg-muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.summary-flow strong{text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;overflow:hidden}.summary-sections{flex-direction:column;gap:2px;display:flex}.summary-sections button{width:100%;color:var(--fg-muted);font-family:var(--body);letter-spacing:0;text-align:left;text-transform:none;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:8px;font-size:12px;font-weight:400;display:flex}.summary-sections button:hover{color:var(--white);background:#ffffff0a}.summary-sections svg:not(.issue){color:var(--teal)}.summary-sections svg.issue{color:var(--danger)}.unsaved-note{color:var(--warning);border-top:1px solid var(--border);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-top:14px;padding-top:12px;font-size:10px}.builder-error{margin-bottom:16px}.seed-banner{background:#00b5a512;border:1px dashed #00b5a573;border-radius:12px;align-items:flex-start;gap:13px;margin-bottom:18px;padding:14px 18px;display:flex}.seed-icon{width:34px;height:34px;color:var(--teal);background:#00b5a51f;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.seed-banner strong{margin-bottom:2px;display:block}.seed-banner span{color:var(--fg-muted);font-size:12px}.field-grid{gap:14px;display:grid}.field-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.details-grid{margin-top:20px}.inline-validation{color:var(--danger);background:#e0685f17;border:1px solid #e0685f4d;border-radius:9px;margin:16px 0;padding:11px 14px;font-size:12px}.inline-validation>div+div{margin-top:4px}.flow-explainer{color:var(--fg-muted);border:1px solid var(--border);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;background:#00000024;border-radius:9px;justify-content:center;align-items:center;gap:9px;margin:20px 0 24px;padding:12px;font-size:10px;display:flex}.flow-explainer b{color:var(--teal)}.subsection+.subsection{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.subsection-heading{align-items:center;gap:11px;margin-bottom:16px;display:flex}.subsection-index{width:27px;height:27px;color:var(--teal);font-family:var(--mono);background:#00b5a51a;border-radius:7px;justify-content:center;align-items:center;font-size:11px;display:flex}.subsection-heading strong,.subsection-heading small{display:block}.subsection-heading strong{font-weight:500}.subsection-heading small{color:var(--fg-muted);margin-top:1px;font-size:11px}.trigger-advanced{margin-top:4px}.condition-group{background:#00000021;border-style:solid;padding:14px}.condition-logic{color:var(--fg-muted);align-items:center;gap:8px;font-size:12px;display:flex}.segmented-control{background:var(--dark-deep);border:1px solid var(--border);border-radius:100px;padding:2px;display:inline-flex}.segmented-control button{min-width:52px;color:var(--fg-muted);border:0;padding:4px 10px;font-size:10px}.segmented-control button.active{color:#052221;background:var(--teal)}.segmented-control button.active.any{color:#2b0f2c;background:var(--magenta)}.condition-empty{color:var(--fg-muted);padding:14px 4px;font-size:12px}.action-card{background:#0000001f;border-radius:12px;padding:0;overflow:hidden}.action-card.ready{border-color:#00b5a542}.action-card.has-issues{border-color:#e0685f73}.action-header{border-bottom:1px solid var(--border);background:#ffffff06;margin:0;padding:10px 12px;display:flex}.action-title{text-align:left;text-transform:none;letter-spacing:0;background:0 0;border:0;border-radius:0;flex:1;grid-template-columns:38px 1fr auto auto;align-items:center;gap:11px;min-width:0;padding:0;display:grid}.action-title:hover{background:0 0;border-color:#0000}.connector-mark{width:36px;height:36px;color:var(--teal);font-family:var(--display);background:#00b5a51f;border-radius:9px;justify-content:center;align-items:center;font-size:18px;display:flex}.action-title strong,.action-title small{display:block}.action-title strong{color:var(--white);font-family:var(--body);text-transform:none;font-size:14px}.action-title small{color:var(--fg-muted);font-family:var(--body);letter-spacing:0;text-transform:none;margin-top:2px;font-size:10px}.action-state{color:var(--teal)}.action-state.issue{color:var(--danger)}.action-chevron{color:var(--fg-muted);transition:transform .2s}.action-chevron.expanded{transform:rotate(180deg)}.icon-button{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.action-body{padding:20px}.connection-panel{background:#4d6ec014;border:1px solid #4d6ec047;border-radius:10px;margin:20px 0;padding:16px}.connection-panel .panel-eyebrow{color:#8fa8e6;margin-bottom:12px}.connection-panel .form-row{margin-bottom:0}.required-mark{color:var(--danger);margin-left:4px}.empty-help{color:var(--warning);font-size:11px}.hint a{align-items:center;gap:2px;display:inline-flex}.panel-eyebrow{margin:20px 0 10px}.mapping-form-row{margin-top:22px}.mapping-editor{background:var(--dark-deep);border:1px solid var(--border);border-radius:10px;margin-top:10px;padding:16px}.mapping-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.mapping-mode-card{color:var(--fg-muted);text-align:left;text-transform:none;letter-spacing:0;border-radius:9px;flex-direction:column;align-items:flex-start;gap:4px;padding:13px;display:flex}.mapping-mode-card strong{color:var(--white);font-family:var(--body);font-size:12px}.mapping-mode-card span{font-family:var(--body);font-size:11px;font-weight:300;line-height:1.4}.mapping-mode-card.selected{color:var(--fg);border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal);background:#00b5a517}.mapping-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.mapping-toolbar>div:first-child strong,.mapping-toolbar>div:first-child span{display:block}.mapping-toolbar>div:first-child strong{font-size:12px}.mapping-toolbar>div:first-child span{color:var(--fg-muted);font-size:10px}.mapping-toolbar button,.mapping-add-button{align-items:center;gap:5px;padding:5px 10px;font-size:9px;display:inline-flex}.detected-fields-note{color:var(--fg-muted);background:#00b5a50f;border-radius:6px;margin-bottom:10px;padding:8px 10px;font-size:10px}.mapping-table th{padding:7px 8px;font-size:9px}.mapping-table td{padding:5px 4px}.mapping-table tr:hover{background:0 0}.mapping-table tr.incomplete input{border-color:#e0a45880}.mapping-arrow-column{width:28px;color:var(--teal);text-align:center}.mapping-empty{color:var(--fg-muted);text-align:center;font-size:11px;padding:18px!important}.mapping-add-button{margin-top:8px}.mapping-remove{margin-top:18px}.mapping-remove .hint{margin:10px 0;display:block}.builder-empty-state{text-align:center;border:1px dashed var(--border-strong);border-radius:12px;padding:30px}.empty-state-mark{width:38px;height:38px;color:var(--teal);background:#00b5a51a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 10px;font-size:20px;display:flex}.builder-empty-state h3{margin:0 0 5px;font-size:18px}.builder-empty-state p{max-width:430px;color:var(--fg-muted);margin:0 auto;font-size:12px}.add-destination-button{border-style:dashed;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:12px;display:flex}.advanced-action-id{margin-top:16px}.advanced-divider{color:var(--fg-muted);border-top:1px solid var(--border);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:18px 0 12px;padding-top:14px;font-size:10px}.activation-grid{grid-template-columns:1fr 1.4fr;gap:18px;margin-top:20px;display:grid}.readiness-card{color:var(--warning);background:#e0a45814;border:1px solid #e0a4584d;border-radius:10px;align-items:flex-start;gap:11px;padding:16px;display:flex}.readiness-card.ready{color:var(--success);background:#35c9a012;border-color:#35c9a04d}.readiness-card strong,.readiness-card span{display:block}.readiness-card strong{color:var(--white);font-size:13px}.readiness-card span{color:var(--fg-muted);margin-top:3px;font-size:11px}.activation-copy strong{font-weight:500}.activation-copy p{color:var(--fg-muted);margin:5px 0 14px;font-size:12px}.review-actions{justify-content:flex-start}.yaml-details{margin-top:22px}.yaml-details .preview{margin-top:12px}.page-heading,.destination-form-header,.destination-form-actions,.destination-card-title,.destination-card-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.page-heading{margin-bottom:20px}.page-heading h2,.destination-form-header h2{margin:0}.page-heading p{color:var(--fg-muted);margin:5px 0 0;font-size:12px}.destination-toolbar{border:1px solid var(--border);background:var(--dark-card);border-radius:9px;align-items:center;gap:8px;margin-bottom:16px;padding:9px 12px;display:flex}.destination-toolbar input{background:0 0;border:0}.destination-grid{gap:12px;display:grid}.destination-card{border:1px solid var(--border);background:var(--dark-card);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;display:grid}.destination-card-mark{width:42px;height:42px;color:var(--dark);background:var(--teal);border-radius:10px;place-items:center;font-weight:700;display:grid}.destination-card h3{margin:0;font-size:16px}.destination-card p{color:var(--fg-muted);margin:4px 0;font-size:11px}.destination-card small{color:var(--fg-muted)}.destination-card-actions{justify-content:flex-end}.readiness-pill{color:var(--warning);align-items:center;gap:4px;font-size:10px;display:inline-flex}.readiness-pill.ready{color:var(--success)}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07090cbf;justify-content:flex-end;display:flex;position:fixed;inset:0}.destination-drawer{background:var(--dark);border-left:1px solid var(--border-strong);width:min(620px,100%);height:100%;padding:26px;overflow-y:auto;box-shadow:-24px 0 60px #00000059}.credential-modal{background:var(--dark-card);border:1px solid var(--border-strong);border-radius:12px;align-self:center;width:min(520px,100% - 32px);margin:auto;padding:24px}.destination-form-section{border-top:1px solid var(--border);margin:20px 0;padding-top:4px}.destination-form-actions{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.inline-credential-form{gap:8px;display:grid}.password-input{align-items:center;display:flex;position:relative}.password-input input{padding-right:44px}.password-input .icon-button{position:absolute;right:4px}@media (width<=1180px){.builder-layout{grid-template-columns:minmax(0,1fr)}.builder-summary{order:-1;position:static}.summary-flow{grid-template-columns:repeat(3,1fr)}.summary-sections{grid-template-columns:repeat(2,1fr);display:grid}}@media (width<=780px){.main{padding:18px}.builder-topbar{grid-template-columns:auto 1fr;margin:-18px -18px 18px;padding:16px 18px;position:static}.builder-save-actions{grid-column:1/-1}.builder-save-actions button{flex:1}.builder-section-body{padding:4px 16px 18px}.builder-section-header{grid-template-columns:32px 1fr auto;padding:15px}.section-issues{display:none}.field-grid.two-columns,.field-grid.three-columns,.mapping-mode-grid,.activation-grid,.condition-row{grid-template-columns:1fr}.condition-row .row-actions{justify-content:flex-end}.mapping-toolbar{flex-direction:column;align-items:flex-start}.summary-flow{grid-template-columns:1fr}}