.pig-page{display:grid;gap:18px;color:var(--text,#17251f)}
.pig-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;padding:32px;border-radius:24px;background:linear-gradient(135deg,#062d22,#0b4a38);color:#fff;box-shadow:0 18px 44px rgba(3,35,26,.16)}
.pig-hero__main>span,.pig-panel>span,.pig-panel header span,.pig-contract summary small{display:block;margin-bottom:8px;color:#89dec2;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.pig-hero h1{margin:0;font-size:clamp(32px,4vw,48px);line-height:1.08}
.pig-hero p{max-width:900px;margin:14px 0 0;color:#d8eee7;line-height:1.75}
.pig-audience,.pig-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.pig-audience>*{padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);font-size:12px}
.pig-actions .btn{min-height:42px}
.pig-hero>aside{align-self:stretch;padding:20px;border:1px solid rgba(255,255,255,.17);border-radius:18px;background:rgba(255,255,255,.08)}
.pig-hero>aside small{color:#9de7ce}.pig-hero>aside strong{display:block;margin:10px 0;font-size:20px}.pig-hero>aside code{display:block;margin-top:18px;color:#ffd891;white-space:normal}
.pig-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pig-metrics article,.pig-panel{border:1px solid #dce8e2;border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(22,54,43,.05)}
.pig-metrics article{padding:18px}.pig-metrics span{color:#62766d;font-size:13px}.pig-metrics strong{display:block;margin:9px 0 6px;font-size:24px}.pig-metrics p{margin:0;color:#7b8b84;font-size:12px;line-height:1.55}
.pig-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);gap:16px}
.pig-panel{padding:22px}.pig-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.pig-panel h2,.pig-panel h3{margin:0}.pig-panel header p{max-width:760px;margin:7px 0 0;color:#6b7d75;line-height:1.6}
.pig-connections>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pig-connections article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px;border:1px solid #e3ece7;border-radius:14px;background:#f8fbf9}.pig-connections article>i{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:#dff4eb;color:#087351;font-style:normal;font-weight:800}.pig-connections article p{margin:5px 0 0;color:#687b72;font-size:13px;line-height:1.55}.pig-connections article button,.pig-ledger td button{border:0;background:transparent;color:#087351;font-weight:800;cursor:pointer}
.pig-controls>header{display:block}.pig-controls h3{margin:18px 0 10px}.pig-controls ul,.pig-relations ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.pig-controls li,.pig-relations li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;color:#42564d;line-height:1.55}
.pig-status{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:#fff3cf;color:#745000;font-size:12px;font-weight:800;white-space:nowrap}.pig-status i{width:7px;height:7px;border-radius:50%;background:currentColor}.pig-status--danger{background:#ffe8e5;color:#a42c23}.pig-status--neutral{background:#edf3f0;color:#51645b}
.pig-table-wrap{max-width:100%;overflow-x:auto}.pig-ledger table{width:100%;min-width:880px;border-collapse:collapse}.pig-ledger caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.pig-ledger th,.pig-ledger td{padding:14px 12px;border-bottom:1px solid #e5ece8;text-align:left;vertical-align:middle}.pig-ledger th{color:#60736a;font-size:12px}.pig-ledger td strong,.pig-ledger td small{display:block}.pig-ledger td small{margin-top:4px;color:#7a8d84}
.pig-flow ol{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.pig-flow li{padding:14px;border:1px solid #e0e9e4;border-radius:14px;background:#fafcfb}.pig-flow li i{display:grid;width:30px;height:30px;place-items:center;margin-bottom:12px;border-radius:9px;background:#0b6f52;color:#fff;font-style:normal;font-weight:800}.pig-flow li strong,.pig-flow li small{display:block}.pig-flow li small{margin-top:7px;color:#6d7e76;line-height:1.45}
.pig-relations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pig-relations h2{margin-bottom:14px}
.pig-contract{padding:0}.pig-contract summary{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;cursor:pointer;list-style:none}.pig-contract summary::-webkit-details-marker{display:none}.pig-contract summary strong{display:block}.pig-contract>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 22px 22px}.pig-contract section{padding:14px;border:1px solid #e2ebe6;border-radius:14px;background:#fafcfb}.pig-contract section p{margin:8px 0 0;color:#5d7167;line-height:1.6}
.pig-dialog-open{overflow:hidden}.pig-dialog-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(2,23,17,.72)}.pig-dialog{position:relative;width:min(720px,100%);max-height:min(820px,calc(100vh - 40px));overflow:auto;padding:26px;border-radius:22px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.32)}.pig-dialog__close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:1px solid #dbe6e0;border-radius:12px;background:#fff;font-size:24px;cursor:pointer}.pig-dialog header span{color:#087351;font-size:12px;font-weight:800;letter-spacing:.08em}.pig-dialog header h2{margin:8px 44px 0 0}.pig-dialog header p{color:#61746b;line-height:1.65}.pig-dialog dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pig-dialog dl div{padding:12px;border:1px solid #e2ebe6;border-radius:12px;background:#f8fbf9}.pig-dialog dt{color:#73857c;font-size:12px}.pig-dialog dd{margin:6px 0 0;font-weight:800}.pig-dialog section{margin-top:18px}.pig-dialog ul{display:grid;gap:8px;padding:0;list-style:none}.pig-dialog li{display:flex;gap:8px}.pig-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
@media(max-width:1180px){.pig-hero{grid-template-columns:1fr}.pig-hero>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pig-workspace{grid-template-columns:1fr}.pig-flow ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){.pig-hero{padding:24px}.pig-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pig-connections>div,.pig-relations,.pig-contract>div{grid-template-columns:1fr}.pig-flow ol{grid-template-columns:repeat(2,minmax(0,1fr))}.pig-panel{padding:18px}.pig-panel header{display:block}.pig-panel header .pig-status{margin-top:10px}}
@media(max-width:480px){.pig-hero{padding:20px;border-radius:18px}.pig-hero>aside{display:block}.pig-metrics,.pig-flow ol,.pig-dialog dl{grid-template-columns:1fr}.pig-connections article{grid-template-columns:auto minmax(0,1fr)}.pig-connections article button{grid-column:2}.pig-dialog-backdrop{padding:10px}.pig-dialog{max-height:calc(100vh - 20px);padding:22px 18px}.pig-dialog footer{flex-direction:column-reverse}.pig-dialog footer .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.pig-page *{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.pig-hero,.pig-metrics article,.pig-panel,.pig-dialog{border:1px solid CanvasText}.pig-status{border:1px solid currentColor}}