#yates-portal{color-scheme:light dark}#yates-portal *{box-sizing:border-box}body#yates-portal{margin:0;font:16px Arial,sans-serif;background:light-dark(#f2f5f8,#101820);color:light-dark(#172638,#e9eff7)}#yates-portal main{max-width:1100px;margin:32px auto;padding:24px}#yates-portal section{background:light-dark(white,#1c2935);border:1px solid #9babb34d;border-radius:12px;padding:28px;margin:20px 0}#yates-portal h1{font-size:28px}#yates-portal main label{display:block;margin:16px 0 6px}#yates-portal main input,#yates-portal main select,#yates-portal main button{font:inherit;padding:10px 13px;border:1px solid #8094a4;border-radius:6px}#yates-portal main button{cursor:pointer;background:#153b60;color:white}#yates-portal main input{max-width:100%}#yates-portal .tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center}#yates-portal main table{width:100%;border-collapse:collapse;font-size:14px}#yates-portal main th,#yates-portal main td{text-align:left;padding:12px 8px;border-bottom:1px solid #9babb34d}#yates-portal main td.amount,#yates-portal main th.amount{text-align:right;white-space:nowrap}#yates-portal .scroll{overflow:auto}#yates-portal #message{padding:12px;white-space:pre-line}#yates-portal #code{width:220px;letter-spacing:8px;font-size:26px}#yates-portal .small{font-size:13px;opacity:.8}#yates-portal [hidden]{display:none!important}#yates-portal img.logo{max-width:290px;height:auto;background:white;padding:8px;border-radius:5px}
#yates-portal h1{font-family:Arial,sans-serif;line-height:1.25;margin:0 0 12px}#yates-portal main p{margin:8px 0 16px}#yates-portal main input,#yates-portal main select{background:light-dark(#fff,#14212c);color:inherit}#yates-portal main button{line-height:1.35}#yates-portal a{color:light-dark(#154c7a,#9ed0ff);text-decoration:underline}html.dark #yates-portal{color-scheme:dark}html:not(.dark) #yates-portal{color-scheme:light}

#yates-portal main{max-width:680px;margin:40px auto;padding:24px;text-align:center}
#yates-portal main.portal-wide{max-width:1200px}
#yates-portal section{text-align:left}
#yates-portal #login,#yates-portal #verify{max-width:480px;margin:28px auto}
#yates-portal img.logo{display:block;margin:0 auto 24px;padding:0;background:transparent;border-radius:0;max-width:320px;width:100%}
#yates-portal .login-modes,#yates-portal .login-actions{display:flex;flex-wrap:wrap;gap:12px}
#yates-portal .login-modes{margin:0 0 24px}
#yates-portal .login-modes button{flex:1}
#yates-portal .login-modes button[aria-pressed=false]{background:transparent;color:inherit}
#yates-portal #account{width:100%;max-width:none}
#yates-portal .login-actions{margin-top:18px}
#yates-portal #loginhint{margin:22px 0 0;line-height:1.6}
#yates-portal main td button{margin:5px 8px 5px 0}
html.dark #yates-portal img.logo{filter:invert(1) hue-rotate(180deg)}

body#yates-portal{display:flex;flex-direction:column;min-height:100dvh}
#yates-portal main{width:100%;margin:20px auto 24px;flex:1 0 auto}
#yates-portal img.logo{display:block;margin-left:auto;margin-right:auto;align-self:center}
#yates-portal #login{margin:22px auto 12px}
#yates-portal [data-global-footer-slot]{flex:0 0 auto;background:light-dark(#e8eef4,#18232f);color:light-dark(#203449,#e6eef7)}
#yates-portal [data-global-footer-slot] a{color:light-dark(#123f65,#c5e1ff);text-decoration:underline}


#yates-portal [data-global-footer-slot]{background:#080808;color:#f1f5f9}#yates-portal [data-global-footer-slot] a{color:#dceafe}#yates-portal [data-global-footer-slot] p,#yates-portal [data-global-footer-slot] span{color:#f1f5f9}

/* Centre visible artwork: source alpha bounds are x=16..632 on an 800px canvas. */
#yates-portal img.logo{transform:translateX(9.5%)}