/* Management UI is static public-facing content, not a connected admin app. */
.management-screen-frame{container-type:inline-size;background:#f7f6f2;border:1px solid #e7e3dc;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px #0000000c;color:#202724}
.management-component{padding:3.5cqw;background:radial-gradient(ellipse at 100% 0,#f9dbc3 0,transparent 45%),#f8f7f3;font-size:clamp(11px,1.2cqw,16px);line-height:1.5}
.management-intro{margin:0 0 2.7cqw}
.management-intro>span{font-size:clamp(9px,1.1cqw,14px);font-weight:700;letter-spacing:.23em;color:#586059}
.management-intro h3{font-size:clamp(24px,3.6cqw,46px);font-weight:750;letter-spacing:-.065em;line-height:1.3;margin:1cqw 0 .5cqw}
.management-intro h3 br{display:none}
.management-intro h3 em{color:#bb510f;font-style:normal}
.management-intro p{margin:0;color:#586159;font-size:clamp(11px,1.55cqw,20px)}
.management-app{display:grid;grid-template-columns:15% minmax(0,1fr);background:#fff;border:1px solid #ebece7;border-radius:1.5cqw;overflow:hidden;box-shadow:0 9px 22px #44402d0b}
.management-sidebar{padding:2.2cqw 1cqw;border-right:1px solid #eaece9;color:#626b64}
.management-sidebar>strong{display:block;font-size:1.1cqw;color:#2f3930;margin-bottom:3cqw;white-space:nowrap;letter-spacing:-.04em}
.management-sidebar>div{display:flex;align-items:center;gap:.7cqw;margin:1cqw 0;padding:.9cqw .5cqw;border-radius:.6cqw;font-size:1.2cqw;white-space:nowrap}
.management-sidebar .is-current{background:#fff0e4;color:#af4b13;font-weight:700}
.management-sidebar svg{width:2cqw;height:2cqw;flex-shrink:0}
.management-main{padding:2.2cqw;min-width:0}
.management-main h4{font-size:clamp(18px,2.2cqw,30px);margin:0 0 1.5cqw;padding-bottom:1.2cqw;border-bottom:1px solid #edf0ec;letter-spacing:-.05em}
.management-columns{display:grid;grid-template-columns:1fr 1.12fr;gap:1.5cqw;align-items:stretch}
.management-filters{display:flex;gap:.65cqw;margin-bottom:1.5cqw;font-size:clamp(10px,1.1cqw,15px)}
.management-filters span{padding:.45cqw 1.2cqw;background:#f4f6f4;border:1px solid #e5e9e4;border-radius:30px;white-space:nowrap}
.management-filters .is-current{background:#d87632;border-color:#d87632;color:#fff}
.management-main h5{font-size:clamp(12px,1.4cqw,19px);margin:0 0 .6cqw;font-weight:700}
.management-site{display:flex;align-items:center;gap:.7cqw;padding:1.2cqw .9cqw;border:1px solid #e5e8e3;border-radius:.7cqw;margin:.65cqw 0;min-width:0}
.management-site.is-current{border-color:#cb8b57;background:#fffbf5}
.management-site>svg{width:2.2cqw;height:2.2cqw;color:#5e6960;flex-shrink:0}
.management-site>span:nth-child(2){margin-right:auto;min-width:0}
.management-site strong{display:block;white-space:nowrap;font-size:clamp(10px,1.3cqw,18px)}
.management-site small{display:block;font-size:clamp(8px,1cqw,13px);color:#737c74}
.management-site>span:last-child{color:#899289}
.management-status{display:inline-flex;align-items:center;gap:.5em;font-size:clamp(9px,1.05cqw,14px);line-height:1.4;font-weight:650;padding:.45em .85em;border-radius:30px;white-space:nowrap}
.management-status:before{content:"";width:.55em;height:.55em;border-radius:50%;background:currentColor}
.management-status.good{background:#e0f5e8;color:#18764a}.management-status.warning{background:#fff0d6;color:#97610b}.management-status.checking{background:#e7f0fc;color:#3f70a1}
.management-history{margin-top:1.5cqw;padding-top:1.2cqw;border-top:1px solid #e4e9e3}
.management-history p{display:flex;gap:.9cqw;align-items:center;padding:.65cqw 0;margin:0;border-bottom:1px solid #edf0ec;font-size:clamp(11px,1.2cqw,16px)}
.management-history svg{width:2cqw;height:2cqw;color:#507a73}.management-history p>span{margin-left:auto;color:#adb3ad}
.management-health{border:1px solid #e5e8e3;border-radius:.8cqw;padding:1.3cqw;display:flex;flex-direction:column;min-width:0}
.management-health-heading{display:flex;align-items:center;gap:1cqw;margin-bottom:1.1cqw}
.management-health-heading>strong{font-size:clamp(13px,1.75cqw,24px)}
.management-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85cqw;flex:1}
.management-check{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8cqw;border:1px solid #e7ebe5;border-radius:.8cqw;padding:1.4cqw .4cqw;min-width:0}
.management-check>svg{width:3.3cqw;height:3.3cqw;min-width:23px;min-height:23px;color:#24322b}
.management-check>strong{font-size:clamp(10px,1.3cqw,18px);font-weight:650;white-space:nowrap;letter-spacing:-.05em}
.management-footnote{text-align:right;margin:1.5cqw 0 0;padding-top:1cqw;border-top:1px solid #e9ede7;color:#778077;font-size:clamp(8px,.9cqw,12px)}
@container (max-width:780px){
 .management-sidebar{display:none}.management-app{grid-template-columns:1fr}.management-main{padding:3cqw}.management-component{padding:3cqw}
 .management-main h4{font-size:3.4cqw}.management-site{padding:1.5cqw .8cqw}.management-site>svg{display:none}
 .management-site strong{font-size:2cqw}.management-site small{font-size:1.55cqw}.management-status{font-size:1.65cqw;padding:.35em .55em}
 .management-check>strong{font-size:1.8cqw}.management-check>svg{width:4cqw;height:4cqw}.management-check{gap:1.2cqw;padding:2cqw .3cqw}
 .management-health-heading>strong{font-size:2.5cqw}.management-filters{font-size:1.9cqw}.management-filters span{padding:.5cqw 1.6cqw}
}
@container (max-width:430px){
 .management-intro h3{font-size:23px;margin:6px 0}.management-intro h3 br{display:block}.management-intro>span{font-size:8px}.management-intro p{font-size:11px}
 .management-component{padding:16px}.management-app{border-radius:9px}.management-main{padding:14px}.management-main h4{font-size:17px;margin-bottom:10px;padding-bottom:9px}
 .management-columns{grid-template-columns:1fr;gap:12px}.management-filters{font-size:10px;margin-bottom:7px}.management-filters span{padding:3px 12px}
 .management-main h5{font-size:11px;margin-bottom:4px}.management-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .management-filters,.management-list>h5{grid-column:1/-1}.management-site{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:8px 5px;margin:0;border-radius:5px}
 .management-site strong{font-size:10px;white-space:normal;word-break:keep-all}.management-site small,.management-site>span:last-child,.management-history{display:none}
 .management-status{font-size:9px;padding:3px 5px;gap:4px}.management-health{padding:10px;border-radius:7px}.management-health-heading{gap:9px;margin-bottom:10px}.management-health-heading>strong{font-size:13px}
 .management-checks{gap:7px}.management-check{gap:7px;padding:12px 4px;border-radius:5px}.management-check>strong{font-size:11px}.management-check>svg{width:26px;height:26px}
 .management-footnote{font-size:9px;margin-top:10px;padding-top:8px}
}