:root{--superv-ink:#152f3a;--superv-teal:#136858;--superv-line:#dce4e6;--bs-primary:#136858}
body{background:#f4f7f7;color:var(--superv-ink);font-size:.9375rem}a{color:#115e56;text-underline-offset:3px}.app-header{background:#fff;border-bottom:1px solid var(--superv-line)}.brand{font-weight:750;letter-spacing:-.04em;font-size:1.55rem;color:var(--superv-ink);margin-right:2.5rem}.brand i{color:var(--superv-teal);margin-right:.25rem}.brand-note{font-size:.65rem;display:block;letter-spacing:.04em;color:#647780;margin-left:2rem;font-weight:500}.nav-link{color:#526771;font-weight:550}.nav-link.active{color:var(--superv-teal)!important;background:#eaf4ef;border-radius:.4rem}.page-wrap{max-width:1700px;min-height:calc(100vh - 130px)}.page-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-heading{margin-bottom:1.35rem}.page-heading h1{font-size:1.8rem;letter-spacing:-.04em;margin-top:.25rem;font-weight:650}.page-heading p{margin-bottom:0;max-width:850px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;color:#55716d;font-weight:700}.card{border:1px solid var(--superv-line);box-shadow:0 2px 3px #152f3a03;border-radius:.7rem}.card-body{padding:1.25rem}.metric{padding:1.2rem 1.4rem;gap:.25rem;height:100%}.metric>span{color:#51666e}.metric strong{font-size:2.2rem;letter-spacing:-.04em;font-weight:650}.metric small{color:#647780;font-size:.76rem}.btn-primary{--bs-btn-bg:#136858;--bs-btn-border-color:#136858;--bs-btn-hover-bg:#0c5043;--bs-btn-hover-border-color:#0c5043;--bs-btn-active-bg:#0c5043;--bs-btn-active-border-color:#0c5043}.btn-outline-primary{--bs-btn-color:#136858;--bs-btn-border-color:#136858;--bs-btn-hover-bg:#136858;--bs-btn-hover-border-color:#136858}.form-control:focus,.form-select:focus{border-color:#74a59c;box-shadow:0 0 0 .2rem #13685826}.form-label{font-weight:550;font-size:.84rem}.table{--bs-table-color:var(--superv-ink);--bs-table-border-color:#e6eced;font-size:.85rem}.table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:#647780;font-weight:650}.activity-table th,.activity-table td{padding:.8rem 1rem}.table tbody tr:last-child td{border-bottom:0}.route-cell{min-width:190px;max-width:480px}.route{display:block;overflow-wrap:anywhere;font-size:.79rem}.method{font-size:.68rem;font-weight:700;color:#526d73}.ip-link{font-size:.76rem;overflow-wrap:anywhere}.status-code,.state-label{border-radius:.3rem;background:#ecf2f1;padding:.2rem .4rem;font-size:.75rem;font-weight:600}.status-error,.warning{color:#7c4414;background:#fff1dd}.empty-state{text-align:center;padding:3rem 1rem;color:#627780}.empty-state>i{font-size:1.6rem;display:block;margin-bottom:.8rem}.login-card{max-width:460px}.form-card{max-width:760px}.detail-list{display:grid;grid-template-columns:180px minmax(0,1fr);gap:.75rem 1rem;margin:1.5rem 0 0;font-size:.88rem}.detail-list dt{font-weight:500;color:#627780}.detail-list dd{margin:0}.detail-list.compact{grid-template-columns:1fr;gap:.25rem}.detail-list.compact dd{margin-bottom:.6rem}.skip-link{position:absolute;background:white;padding:.5rem;z-index:1000}*:focus-visible{outline:3px solid #397dba;outline-offset:3px}
@media(max-width:575.98px){.page-heading h1{font-size:1.5rem;overflow-wrap:anywhere}.metric{padding:1rem}.metric strong{font-size:1.65rem}.metric small{font-size:.7rem}.detail-list{grid-template-columns:1fr;gap:.3rem}.detail-list dd{margin-bottom:.5rem}.card-body{padding:1rem}.page-heading .btn{width:100%}.brand{margin-right:1rem}.ip-link{max-width:150px;display:inline-block}}