@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600&display=swap";:root{color:#e8f4f1;font-synthesis:none;background:#07110f;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% 15%,#12372e 0,#07110f 38%);min-width:320px;min-height:100vh;margin:0}h1{letter-spacing:-.055em;margin:.5rem 0 2rem;font:600 clamp(2rem,5vw,4.5rem)/.98 Space Grotesk,sans-serif}a{color:inherit;text-decoration:none}.brand{letter-spacing:.18em;color:#5fffc6;font:600 .9rem Space Grotesk}.eyebrow{color:#5fffc6;letter-spacing:.16em;font-size:.72rem;font-weight:700}.centered{place-items:center;min-height:100vh;padding:2rem;display:grid}.card{background:#11221ed1;border:1px solid #28453e;border-radius:18px;box-shadow:0 24px 80px #0007}.auth-card,.onboarding{width:min(100%,560px);padding:clamp(1.5rem,5vw,3.5rem)}form{gap:1rem;display:grid}label{color:#b4c9c3;gap:.5rem;font-size:.84rem;display:grid}input,select{color:#fff;width:100%;font:inherit;background:#091915;border:1px solid #35564e;border-radius:9px;padding:.85rem 1rem}input:focus{border-color:#5fffc6;outline:2px solid #5fffc655}button,.button{color:#04110d;cursor:pointer;background:#5fffc6;border:0;border-radius:9px;justify-content:center;padding:.85rem 1.15rem;font:700 .9rem inherit;display:inline-flex}.secondary{background:#e8f4f1}.text-button{color:#9ab3ac;background:0 0}.muted,small{color:#8ca49e}.error{color:#ff9292}.progress{background:#203b34;height:4px;margin:1.5rem 0 3rem}.progress span{background:#5fffc6;height:100%;transition:width .3s;display:block}.plan-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}aside{border-right:1px solid #1b332d;padding:2rem}nav{gap:.5rem;margin-top:4rem;display:grid}nav a{color:#79928b;border-radius:8px;padding:.75rem}nav a.active{color:#fff;background:#17352d}.workspace{padding:clamp(2rem,6vw,6rem)}.grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin:3rem 0;display:grid}.grid article{gap:1.25rem;min-height:180px;padding:1.5rem;display:grid}.grid strong{text-transform:capitalize;font:600 1.35rem Space Grotesk}.catalog h1{margin-bottom:.75rem;font-size:clamp(2.4rem,5vw,4rem)}.page-header{justify-content:space-between;align-items:end;margin-bottom:2rem;display:flex}.inline-form{grid-template-columns:1fr 1.2fr 1fr auto;align-items:end;gap:1rem;margin-bottom:2rem;padding:1.25rem;display:grid}.data-list{gap:.75rem;display:grid}.data-row{grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:grid}.data-row>div:first-child,.selection{gap:.3rem;display:grid}.pill{color:#9ab3ac;text-transform:capitalize;border:1px solid #35564e;border-radius:999px;padding:.35rem .65rem;font-size:.72rem}.pill.good{color:#5fffc6;border-color:#2a8b6c}.actions{gap:.5rem;display:flex}.actions button,.data-row button{padding:.6rem .8rem}button.danger{color:#ffb4b4;background:#441f22}.modal-backdrop{z-index:10;background:#000a;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{width:min(460px,100%);padding:2rem}.modal h2,.detail-panel h2{margin-top:0;font:600 1.5rem Space Grotesk}.split-panel{grid-template-columns:minmax(220px,.7fr) minmax(360px,1.3fr);gap:1rem;display:grid}.selection{color:#fff;text-align:left;background:#11221ed1;width:100%;padding:1rem}.selection.selected{background:#17352d;border-color:#5fffc6}.detail-panel{min-height:380px;padding:1.5rem}.detail-panel form{margin-bottom:1.5rem}.checkbox{grid-template-columns:auto 1fr;align-items:center;display:flex}.checkbox input{width:auto}.source-list{gap:.75rem;display:grid}.source-list>div{overflow-wrap:anywhere;border-top:1px solid #28453e;justify-content:space-between;align-items:center;gap:1rem;padding-top:.75rem;display:flex}.compact{padding:.35rem .6rem}.order-form{grid-template-columns:repeat(4,1fr);align-items:end;gap:1rem;margin-bottom:2rem;padding:1.25rem;display:grid}.order-form .wide{grid-column:span 3}.order-row select{min-width:120px}.connector-form{grid-template-columns:1fr 2fr .7fr auto;align-items:end;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;display:grid}.notice{color:#5fffc6}.connector-layout{grid-template-columns:minmax(220px,.55fr) minmax(520px,1.45fr);align-items:start;gap:1rem;display:grid}.connector-detail{padding:1.5rem}.connector-detail h2{margin:0 0 .35rem;font:600 1.6rem Space Grotesk}.connector-detail h3{margin-top:2rem}.mapping-actions{margin:1.5rem 0}.mapping-card{border:1px solid #28453e;border-radius:12px;margin:1rem 0;padding:1rem}.mapping-card legend{color:#5fffc6;letter-spacing:.08em;text-transform:uppercase;padding:0 .5rem;font:600 .8rem Space Grotesk}.column-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem;display:grid}.run-list{gap:.5rem;display:grid}.run-list>div{border-top:1px solid #28453e;grid-template-columns:auto .6fr .8fr 1.2fr;align-items:center;gap:.75rem;padding:.75rem 0;display:grid}.stage-create{grid-template-columns:1.4fr 1fr auto;align-items:end;gap:1rem;margin-bottom:2rem;padding:1.25rem;display:grid}.stage-layout{grid-template-columns:minmax(260px,.7fr) minmax(520px,1.3fr);align-items:start;gap:1rem;display:grid}.stage-layout h2,.device-section h2{font:600 1.5rem Space Grotesk}.stage-job{justify-content:space-between;align-items:center;display:flex}.stage-detail{min-height:500px;padding:1.5rem}.stage-detail h2{text-transform:capitalize;margin:.25rem 0}.stage-summary{justify-content:space-between;align-items:center;gap:1rem;display:flex}.event-stream{border-block:1px solid #28453e;max-height:280px;display:grid;overflow:auto}.event-stream>div{border-bottom:1px solid #1e3832;grid-template-columns:90px 1fr;gap:.75rem;padding:.75rem 0;display:grid}.event-stream time{color:#789089;font-size:.75rem}.event-stream span{gap:.2rem;font-size:.85rem;display:grid}.event-stream strong{color:#5fffc6;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.artifact-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.artifact-grid a{gap:.4rem;display:grid}.artifact-grid img{aspect-ratio:16/10;object-fit:cover;border:1px solid #35564e;border-radius:10px;width:100%}.device-section{margin-top:3rem}.device-pair{grid-template-columns:1fr auto minmax(240px,1fr);align-items:end;gap:1rem;margin-bottom:1rem;padding:1.25rem;display:grid}.device-pair code{overflow-wrap:anywhere;color:#5fffc6;background:#091915;border-radius:8px;padding:.8rem}@media (width<=900px){.inline-form,.order-form{grid-template-columns:1fr 1fr}.order-form .wide{grid-column:auto}.split-panel,.connector-form,.connector-layout{grid-template-columns:1fr}}@media (width<=1000px){.stage-layout{grid-template-columns:1fr}}@media (width<=760px){.shell{grid-template-columns:1fr}aside{display:none}.grid,.inline-form,.order-form,.column-grid,.stage-create,.device-pair,.artifact-grid,.data-row,.run-list>div{grid-template-columns:1fr}}