:root{font-family:'DM Sans',sans-serif;color:#151515;background:#fff;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
button,input,select{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
.mono{font-family:'Roboto Mono',monospace}
.shell{max-width:1600px;margin:auto;padding:0 20px}
.topbar{height:75px;display:flex;align-items:center;justify-content:flex-end;gap:20px;border-bottom:1px solid #e6e6e6}
.top-actions,.hero-links{display:flex;align-items:center;gap:14px}
.status-chip{font-size:12px;color:#616161;white-space:nowrap}
.status-chip::before{content:'●';font-size:9px;margin-right:7px;color:#eeb700}
.status-chip.good::before{color:#279200}
.button{min-height:40px;border:1px solid #d6d6d6;border-radius:0;padding:8px 16px;background:#fff;color:#151515;font-size:14px;font-weight:600;transition:background .15s,border-color .15s}
.button:hover:not(:disabled){background:#f0f1f1;border-color:#808080}
.button:disabled{opacity:.45;cursor:not-allowed}
.button-primary{background:#105a00;border-color:#105a00;color:#fff}
.button-primary:hover:not(:disabled){background:#217a00;border-color:#217a00}
.button-dark{background:#151515;border-color:#151515;color:#fff}
.button-dark:hover:not(:disabled){background:#333;border-color:#333}
.button-light,.button-quiet{background:#fff}
.button-quiet{min-height:34px;padding:6px 10px;font-size:12px}
.hero{padding:56px 0 49px;border-bottom:1px solid #e6e6e6}
.eyebrow,.section-title>span,.panel-heading span{font-family:'Roboto Mono',monospace;font-size:11px;letter-spacing:.04em;color:#217a00}
.eyebrow{display:flex;align-items:center;gap:9px}
.live-dot{width:8px;height:8px;border-radius:50%;background:#279200}
.hero h1{font-size:clamp(38px,4vw,62px);font-weight:400;line-height:1.06;letter-spacing:-.055em;margin:18px 0}
.hero h1 em{color:#217a00;font-style:normal}
.hero p{max-width:730px;color:#616161;font-size:15px;line-height:1.6;margin:0 0 24px}
.hero-links .mono{font-size:12px;color:#6e6e6e;overflow-wrap:anywhere}
.notice{margin:20px 0;padding:13px 16px;border:1px solid #a9d599;background:#f4fbf1;color:#105a00;font-size:14px;line-height:1.5}
.notice.error{border-color:#edb3c2;background:#fff5f7;color:#bd1a43}
.connection-grid{display:grid;grid-template-columns:2fr 1fr 1fr;border:1px solid #e6e6e6;margin:26px 0 18px}
.connection-item{min-width:0;padding:22px 25px;border-right:1px solid #e6e6e6}
.connection-item:last-child{border-right:0}
.connection-item span,.metric span{display:block;color:#6e6e6e;font-size:13px;margin-bottom:8px}
.connection-item strong{font-size:14px;overflow-wrap:anywhere;font-weight:500}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e6e6e6}
.metric{min-width:0;padding:23px 25px;border-right:1px solid #e6e6e6}
.metric:last-child{border-right:0}
.metric strong{display:block;font-size:clamp(20px,1.9vw,28px);font-weight:400;line-height:1.2;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.metric small{display:block;color:#808080;font-size:12px;margin-top:8px}
.section-title{margin:48px 0 18px}
.activity-title{margin:35px 0 18px}
.section-title h2,.panel-heading h2{font-size:clamp(26px,2.4vw,36px);font-weight:400;letter-spacing:-.04em;margin:6px 0}
.section-title p,.feed-note{color:#6e6e6e;font-size:14px;line-height:1.55;margin:0}
.panel{border:1px solid #e6e6e6;background:#fff;padding:25px}
.bridge-panel{padding:25px}
.segmented{display:flex;width:max-content;border:1px solid #e6e6e6;margin-bottom:25px}
.segment{border:0;border-right:1px solid #e6e6e6;background:#fff;color:#6e6e6e;padding:9px 20px;font-size:14px}
.segment:last-child{border-right:0}
.segment.selected{background:#f0f1f1;color:#105a00;font-weight:600}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 25px}
.form-grid .wide{grid-column:1/-1}
label{display:block;min-width:0}
label span{display:block;font-size:13px;font-weight:600;margin-bottom:7px}
label i{color:#808080;font-style:normal;font-weight:400}
input,select{width:100%;border:1px solid #d6d6d6;border-radius:0;background:#fff;padding:10px 12px;color:#151515;font-size:14px;outline:none;min-height:42px}
input:focus,select:focus{border-color:#279200;box-shadow:0 0 0 1px #279200}
label small{display:block;color:#808080;font-size:12px;margin-top:6px}
.form-end{display:flex;align-items:center;gap:16px;padding-top:4px}
.form-end span{font-size:12px;color:#6e6e6e}
.form-end span.active{color:#105a00;font-weight:600}
.form-end span.error{color:#bd1a43}
.action-grid{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:15px}
.action-panel{display:flex;flex-direction:column;min-height:315px}
.action-icon{font-size:22px;color:#217a00}
.action-panel h3{font-size:21px;font-weight:500;margin:14px 0 5px}
.action-panel p{font-size:13px;color:#6e6e6e;line-height:1.5;margin:0 0 20px}
.action-panel form{display:grid;gap:13px;margin-top:auto}
.action-panel>button{margin-top:auto;align-self:flex-start}
.action-panel label span{font-size:12px}
.delegation-panel form{grid-template-columns:1fr 1fr}
.delegation-panel form .delegation-target-field,.delegation-panel form button{grid-column:1/-1}
.delegation-panel [hidden]{display:none}
.delegation-panel label small{overflow-wrap:anywhere}
.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 38px}
.activity-panel{min-height:240px}
.delegation-graph-panel{padding-top:0;padding-bottom:0}
.graph-header{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #e6e6e6;padding:18px 0;font-size:12px;color:#6e6e6e;overflow-wrap:anywhere}
.graph-resource{padding:22px 0;border-bottom:1px solid #e6e6e6}
.graph-resource:last-child{border-bottom:0}
.graph-resource h3{font-size:20px;font-weight:500;margin:0 0 17px}
.graph-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e6e6e6;margin-bottom:18px}
.graph-summary>div{padding:14px 17px;border-right:1px solid #e6e6e6;min-width:0}
.graph-summary>div:last-child{border-right:0}
.graph-summary span{display:block;color:#6e6e6e;font-size:12px;margin-bottom:4px}
.graph-summary strong{display:block;font-size:18px;font-weight:500;overflow-wrap:anywhere}
.graph-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.55fr) minmax(0,1fr);gap:12px;align-items:stretch}
.graph-lane,.graph-center{border:1px solid #e6e6e6;padding:15px;min-width:0}
.graph-lane{background:#f7f7f8}
.graph-lane h4{font-size:12px;font-weight:600;color:#6e6e6e;margin:0 0 12px}
.graph-lane p{color:#808080;font-size:12px;margin:0}
.graph-edge{border-top:1px solid #e6e6e6;padding:10px 0 0;margin-top:10px;display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.graph-edge:first-of-type{margin-top:0}
.graph-edge span{font-family:'Roboto Mono',monospace;font-size:11px;overflow-wrap:anywhere}
.graph-edge strong{font-size:13px;font-weight:600;white-space:nowrap}
.graph-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-color:#279200}
.graph-center span{font-size:11px;color:#217a00}
.graph-center strong{font-size:14px;font-weight:600;margin:5px 0;overflow-wrap:anywhere}
.graph-center small{font-size:11px;color:#6e6e6e}
.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e6e6e6;padding-bottom:14px;margin-bottom:12px}
.panel-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.panel-heading h2{font-size:22px;margin:4px 0 0}
.feed-note{font-size:12px;margin-bottom:12px}
.empty{color:#808080;padding:20px 0;font-size:13px}
.item{padding:12px 0;border-bottom:1px solid #f0f1f1}
.item:last-child{border-bottom:0}
.item strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.item small{display:block;font-size:11px;color:#6e6e6e;margin-top:4px;overflow-wrap:anywhere}
.item a{color:#217a00;text-decoration:underline;text-underline-offset:2px}
.badge{float:right;color:#105a00;border:1px solid #b8d9b0;padding:2px 7px;font-size:10px}
footer{border-top:1px solid #e6e6e6;padding:24px 0 35px;color:#808080;font-size:12px;line-height:1.5}
@media(max-width:1050px){.activity-grid{grid-template-columns:1fr 1fr}.activity-panel:last-child{grid-column:1/-1}.action-grid{grid-template-columns:1fr 1fr}.delegation-panel{grid-column:1/-1}}
@media(max-width:740px){.connection-grid{grid-template-columns:1fr}.connection-item{border-right:0;border-bottom:1px solid #e6e6e6}.connection-item:last-child{border-bottom:0}.metrics{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid #e6e6e6}.activity-grid,.action-grid,.form-grid{grid-template-columns:1fr}.activity-panel:last-child,.delegation-panel,.form-grid .wide{grid-column:auto}}
@media(max-width:740px){.graph-flow{grid-template-columns:1fr}.graph-summary{grid-template-columns:1fr 1fr}.graph-summary>div:nth-child(2){border-right:0}.graph-summary>div:nth-child(-n+2){border-bottom:1px solid #e6e6e6}}
@media(max-width:540px){.shell{padding:0 16px}.topbar{height:70px}.status-chip{display:none}.hero{padding:36px 0}.hero h1{font-size:39px}.hero-links,.form-end{align-items:flex-start;flex-direction:column}.metric{padding:18px}.metric strong{font-size:21px}.panel{padding:19px}.section-title{margin-top:38px}}