:root{--ink:#15201d;--paper:#f1eee4;--card:#fbf8ef;--line:#c8c1ae;--acid:#d8ff3e;--forest:#16473a;--rust:#bc4b2d;--muted:#6f756e;--shadow:0 18px 50px rgba(21,32,29,.12)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next","Trebuchet MS",sans-serif;min-height:100vh}.grain{position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(#15201d .55px,transparent .55px);background-size:7px 7px;z-index:-1}.masthead{display:flex;justify-content:space-between;align-items:flex-end;padding:42px clamp(22px,5vw,80px) 24px;border-bottom:1px solid var(--line)}.eyebrow,.section-title p{font-family:"SFMono-Regular","Courier New",monospace;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:700;margin:0 0 8px}.masthead h1{font-family:"Bodoni 72","Didot",serif;font-size:clamp(44px,7vw,92px);line-height:.78;margin:0;letter-spacing:-.055em}.masthead h1 span{display:block;font-family:"Avenir Next",sans-serif;font-size:.23em;letter-spacing:.22em;text-transform:uppercase;margin-top:18px}.status{display:flex;align-items:center;gap:10px;font-family:"SFMono-Regular",monospace;font-size:12px}.status i{width:11px;height:11px;border-radius:50%;background:var(--rust);box-shadow:0 0 0 5px rgba(188,75,45,.13)}.status.online i{background:#53a548;box-shadow:0 0 0 5px rgba(83,165,72,.13)}
main{padding:28px clamp(22px,5vw,80px) 70px}.panel{background:rgba(251,248,239,.91);border:1px solid var(--line);box-shadow:var(--shadow)}.access{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;padding:20px;align-items:end}label{display:grid;gap:7px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}input,select,textarea{border:1px solid var(--line);background:#fffdf7;padding:13px 14px;font:14px "SFMono-Regular",monospace;color:var(--ink);outline:none;width:100%}textarea{resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--forest);box-shadow:0 0 0 3px rgba(22,71,58,.12)}button{border:0;background:var(--ink);color:var(--acid);padding:14px 22px;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:transform .15s,background .15s}button:hover{background:var(--forest);transform:translateY(-2px)}
.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:24px 0}.metrics article{background:var(--card);padding:20px;min-height:118px;animation:rise .45s both}.metrics small{display:block;text-transform:uppercase;letter-spacing:.09em;font-size:10px;color:var(--muted)}.metrics strong{display:block;font:44px/1 "Bodoni 72","Didot",serif;margin-top:22px}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:24px}.executions,.detail,.definitions,.connectors{padding:24px}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:20px}.section-title h2{font:34px/1 "Bodoni 72","Didot",serif;margin:0}.section-title span{font:11px "SFMono-Regular",monospace;color:var(--muted)}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #ded8c9}tbody tr{cursor:pointer;transition:background .15s}tbody tr:hover{background:rgba(216,255,62,.22)}.mono{font-family:"SFMono-Regular",monospace}.badge{display:inline-block;padding:4px 7px;border:1px solid currentColor;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.completed,.passed,.active{color:var(--forest)}.failed,.blocked,.revoked{color:var(--rust)}.testing,.draft,.suspended,.degraded{color:#806520}.detail{min-height:460px}.empty{color:var(--muted);line-height:1.6;padding:40px 8px}.timeline{display:grid;gap:12px}.event{border-left:3px solid var(--line);padding:2px 0 3px 14px}.event.passed{border-color:var(--forest)}.event.failed,.event.blocked{border-color:var(--rust)}.event small{font:10px "SFMono-Regular",monospace;color:var(--muted)}.event h3{font-size:13px;margin:5px 0}.event p{font-size:12px;margin:0;color:var(--muted)}.audit-box{margin-top:20px;padding:14px;background:var(--ink);color:#e7eadf;font:11px/1.65 "SFMono-Regular",monospace;overflow-wrap:anywhere}
.connectors,.definitions{margin-top:24px}.connector-layout{display:grid;grid-template-columns:minmax(280px,.55fr) minmax(0,1.45fr);gap:24px}.connector-form{display:grid;align-content:start;gap:14px;padding:20px;background:var(--ink);color:#f3f1e8}.connector-form h3{font:28px/1 "Bodoni 72","Didot",serif;margin:0 0 8px}.connector-form label{color:#d9ddcf}.connector-form button{background:var(--acid);color:var(--ink)}.feedback{font:11px/1.5 "SFMono-Regular",monospace;color:#b8c0b6;margin:0}.installation-grid{display:grid;gap:12px}.installation{display:grid;grid-template-columns:1fr auto;gap:10px;border:1px solid var(--line);padding:16px;background:#fffdf7}.installation h3{margin:4px 0;font-size:16px}.installation small,.connector-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.installation code{grid-column:1/-1;background:#e9e5d9;padding:9px;overflow-wrap:anywhere;font-size:11px}.installation p{font-size:12px;color:var(--muted);margin:0}.small-button{justify-self:end;padding:8px 12px;font-size:10px}.subheading{font:24px/1 "Bodoni 72","Didot",serif;margin:26px 0 12px}.connector-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.connector-card{display:grid;gap:6px;border:1px solid var(--line);padding:13px;background:#fffdf7}.connector-card b{font-size:13px}.connector-card span{font:10px/1.4 "SFMono-Regular",monospace;color:var(--muted)}.connector-card.planned{opacity:.55}
.definition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.definition{border:1px solid var(--line);padding:15px;background:#fffdf7}.definition b{display:block;font-family:"SFMono-Regular",monospace;font-size:12px;margin:7px 0;overflow-wrap:anywhere}.definition small{color:var(--muted)}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.connector-catalog{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.metrics{grid-template-columns:repeat(2,1fr)}.workspace,.connector-layout{grid-template-columns:1fr}.definition-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.masthead{align-items:flex-start;gap:30px;flex-direction:column}.access{grid-template-columns:1fr}.metrics,.connector-catalog{grid-template-columns:1fr}.definition-grid{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column}.executions,.detail,.definitions,.connectors{padding:17px}main{padding-inline:14px}.masthead{padding-inline:20px}}