:root{--background:#f5efe4;--ink:#151522;--surface:#fff;color:var(--ink);background:var(--background);font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.shell{grid-template:auto auto 1fr/230px minmax(0,1fr);min-height:100vh;display:grid}header{background:#fff;border-bottom:2px solid #151522;grid-column:1/-1;justify-content:space-between;align-items:center;min-height:72px;padding:16px 24px;display:flex}.brand,.principal{align-items:center;gap:12px;display:flex}.global-search{flex:1;justify-content:center;gap:.5rem;max-width:42rem;display:flex}.global-search input{width:100%;min-width:18rem}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.search-results{background:var(--surface);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);margin-bottom:1.5rem;padding:1rem}.search-results-heading{justify-content:space-between;align-items:center;display:flex}.search-results h2{margin:0}.search-results ul{gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.search-results li button{background:var(--background);border:1px solid var(--ink);text-align:left;grid-template-columns:1fr auto;align-items:baseline;gap:.25rem;width:100%;padding:.75rem;display:grid}.search-results li small{grid-column:1/-1}.brand span{letter-spacing:.12em;font-size:12px}.principal{flex-direction:column;align-items:flex-end;gap:1px}.principal small{color:#5d5d69}.environment{text-align:center;background:#ffd93d;border-bottom:2px solid #151522;grid-column:1/-1;padding:8px 24px;font-size:13px;font-weight:750}.environment.production{background:#ff8a8a}aside{background:#fff;border-right:2px solid #151522;padding:24px 16px}aside button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;width:100%;margin-bottom:8px;padding:10px 12px}aside button:hover,aside button:focus-visible{border-color:#151522}aside button.active{background:#f5efe4;border:1px solid #151522;box-shadow:3px 3px #151522}.content{min-width:0;padding:36px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}h1{margin:0;font-size:38px}.search{align-items:end;gap:8px;display:flex}.search label{width:1px;height:1px;position:absolute;overflow:hidden}.search input,.search button,.error-state button{background:#fff;border:2px solid #151522;min-height:40px;padding:8px 12px}.search input{width:min(320px,36vw)}.search button,.error-state button{cursor:pointer;background:#ffd93d;box-shadow:3px 3px #151522}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;display:grid}section,.table-frame{background:#fff;border:2px solid #151522;box-shadow:5px 5px #151522}.metric{align-content:space-between;min-height:126px;padding:20px;display:grid}.metric span{color:#5d5d69}.metric strong{font-size:34px}.table-frame{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #b9b4aa;padding:13px 14px}th{text-transform:capitalize;white-space:nowrap;background:#f5efe4;font-size:12px}tbody tr:last-child td{border-bottom:0}td{overflow-wrap:anywhere;max-width:340px}.empty,.error-state{padding:28px}.state{place-content:center;gap:12px;min-height:100vh;display:grid}.loading-region{padding:32px 0}.loading-copy{margin-bottom:10px;font-weight:700}.loading-bar{background:#fff;border:1px solid #151522;width:min(420px,75vw);height:8px;overflow:hidden}.loading-bar:after{content:"";background:#3158f5;width:40%;height:100%;animation:1.1s ease-in-out infinite alternate loading;display:block}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (width<=760px){.shell{grid-template:auto auto auto 1fr/1fr}aside{border-bottom:2px solid #151522;border-right:0;gap:6px;display:flex;overflow-x:auto}aside button{min-width:max-content;margin:0}.content{padding:24px 16px}.page-heading{flex-direction:column;align-items:stretch}.search input{width:100%}.principal small{display:none}}@media (prefers-reduced-motion:reduce){.loading-bar:after{width:100%;animation:none}}