*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;font:14px Arial,Helvetica,sans-serif;color:#12354d;background:linear-gradient(180deg,#2e86d0 0%,#77b8e6 39%,#c9e0ed 100%)}
.xu-wrap{width:100%;padding:16px 26px 38px;max-width:none;margin:0 auto}
.xu-title{color:white;text-shadow:0 2px 3px rgba(10,65,106,.24);font-size:27px;line-height:1.3;margin:10px 0 15px}
.xu-layout{display:table;table-layout:fixed;width:100%;border-spacing:14px 0;margin:0 -14px 0;width:calc(100% + 28px)}
.xu-layout>.xu-col{display:table-cell;vertical-align:top;width:50%}
.xu-panel{background:#f0f8fe;border:1px solid #b4d5eb;box-shadow:0 5px 14px rgba(22,77,118,.16);border-radius:11px;overflow:hidden;margin:0 0 15px}
.xu-head{padding:14px 18px;background:#cde7f7;font-weight:700;font-size:17px;color:#12334b}
.xu-body{padding:20px 22px}
.xu-balance{font:700 33px Arial,Helvetica,sans-serif;color:#12699d;margin:7px 0}
.xu-label{font-size:13px;color:#507a98}
.xu-pill{display:inline-block;background:#ffe9b3;color:#80500d;border:1px solid #d3a046;border-radius:6px;padding:9px 12px;font-weight:700}
.xu-note{font-size:13px;color:#466f8c;line-height:1.8;margin:12px 0 0}
.xu-example{background:#e0f0fa;border:1px solid #beddef;border-radius:7px;margin-top:16px;padding:13px 14px;font-size:14px;line-height:1.7}
.xu-example strong{color:#12699d}
.xu-field{display:block;font-weight:700;margin:1px 0 9px;font-size:13px}
.xu-input{display:block;width:100%;height:47px;padding:10px 13px;border:1px solid #a9cde4;border-radius:7px;background:white;color:#12354d;outline:0;font-size:16px}
.xu-input:focus{border-color:#2185ca;box-shadow:0 0 0 3px #c6e5fa}
.xu-button{display:block;width:100%;background:#d88d17;color:white;border:0;border-radius:6px;padding:13px;margin-top:17px;font-weight:700;font-size:15px;cursor:pointer}
.xu-button:hover{background:#bb7810}.xu-button:focus{outline:2px solid #80500d;outline-offset:2px}
.xu-status{margin:14px 0 0;color:#527d97;font-size:13px;line-height:1.7;min-height:22px}
.xu-status a{color:#116ba5;font-weight:700}
.xu-list-empty{color:#527f9d;font-size:13px;line-height:1.8}
.xu-footer{font-size:12px;color:#446f8b;margin:20px 0 0 1px}
@media(max-width:800px){.xu-layout,.xu-layout>.xu-col{display:block;width:100%;border-spacing:0;margin:0}.xu-wrap{padding:12px 15px 30px}.xu-title{font-size:23px}.xu-body{padding:17px}.xu-layout>.xu-col{width:100%}}