#xtreme-academy{padding:1.1rem;margin:1rem 0;background:#111b2a;color:#f1f5fc;border:1px solid #34435b;border-radius:16px;scroll-margin-top:90px}
#xtreme-academy [hidden],#xtreme-academy[hidden]{display:none!important}
#xtreme-academy h2{margin:0 0 .5rem}
#xtreme-academy button,#xtreme-academy input,#xtreme-academy textarea,#xtreme-academy select{font:inherit;color:#f1f5fc;background:#1a2840;border:1px solid #53617a;border-radius:8px;padding:.5rem;min-height:44px;max-width:100%;box-sizing:border-box}
#xtreme-academy button{cursor:pointer}
#xtreme-academy button[aria-pressed=true]{background:#a71634;border-color:#db506a}
#xtreme-academy .cx297-actions,#xtreme-academy .cx297-line{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.55rem 0}
#xtreme-academy .cx297-line{padding-top:.6rem;border-top:1px solid #34435b}
#xtreme-academy .cx297-line>div{margin-right:auto}
#xtreme-academy .cx297-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}
#xtreme-academy small{display:block;color:#c5d1e3}
#xtreme-academy form{padding:.6rem;border:1px solid #34435b;border-radius:8px}
#xtreme-academy .cx297-editor label{display:grid;margin:.5rem 0}

.cx306-lookup,.cx306-guest{margin-top:1rem;padding:.85rem;border:1px solid #35465c;border-radius:.75rem}.cx306-lookup summary,.cx306-guest summary{cursor:pointer;font-weight:700}.cx306-lookup .cx306-search,.cx306-guest form{display:flex;align-items:end;flex-wrap:wrap;gap:.65rem;margin-top:.75rem;padding:0;border:0}.cx306-field,.cx306-guest label{display:grid;gap:.3rem;flex:1 1 13rem;min-width:0}.cx306-field input,.cx306-guest input{width:100%;box-sizing:border-box}.cx306-result{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.45rem .75rem;padding:.65rem 0;border-top:1px solid #35465c}.cx306-result:first-child{margin-top:.75rem}.cx306-identity{display:grid;gap:.2rem}.cx306-result small,.cx306-guest p{color:#b7c7dc}

#cxProgramCashDialog{color:#f4f7fb;background:#101d2c;border:1px solid #35495e;border-radius:14px;width:min(30rem,calc(100% - 2rem));max-height:calc(100% - 2rem);padding:1.25rem}
#cxProgramCashDialog::backdrop{background:#050a11b8}
#cxProgramCashDialog label{display:grid;gap:.3rem;margin:.7rem 0}
#cxProgramCashDialog :is(input,select,button){min-height:44px;padding:.5rem;border:1px solid #52677d;border-radius:8px;color:inherit;background:#172739}
#cxProgramCashDialog [role=status]{color:#f3cb88}
#cxProgramCashDialog button:focus-visible{outline:2px solid #a4caff;outline-offset:2px}
