@font-face{font-family:Manrope;src:url('/admin-ui/fonts/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/admin-ui/fonts/manrope-bold.ttf') format('truetype');font-weight:600 900;font-display:swap}
html body{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f4f5f8;color:#17212e}
body .site-head{display:block;box-sizing:border-box;width:100%;max-width:none;min-height:72px;margin:0;padding:0;border:0;border-bottom:1px solid #dce3ed;background:#fff}
body .site-head .ruh-header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1160px;min-height:72px;margin:0 auto;padding:10px 18px;box-sizing:border-box}
body .site-head .logo{display:inline-flex;align-items:baseline;flex:none;margin:0;padding:0;color:#17212e;font-family:Manrope,system-ui,sans-serif;font-size:36px;font-weight:800;letter-spacing:-3px;line-height:1;text-decoration:none;white-space:nowrap}
body .site-head .logo span{display:inline-block;padding-left:4px;color:#304ef5;letter-spacing:-2px}
body .site-head a:focus-visible{outline:3px solid #304ef5;outline-offset:3px}
@media(max-width:600px){body .site-head .ruh-header-inner{padding-inline:16px}}
@media(max-width:350px){body .site-head .ruh-header-inner{padding-inline:12px}body .site-head .logo{font-size:33px}}
/* The app header is the first item of its vertical scroll content. Expand it
   through the content padding so it still meets the viewport edge. */
#ruh-page-scroll > div > [data-ruh-network-status]{width:calc(100% + 36px)!important;margin:-18px -18px 0}
@media(min-width:700px){#ruh-page-scroll > div > [data-ruh-network-status]{width:calc(100% + 48px)!important;margin:-24px -24px 0}}