/* Accelerate Review Center — UI/UX polish layer. Visual-only; no workflow logic changed. */
:root{--arc-gold:#e9b600;--arc-gold-hover:#f4c52a;--arc-ink:#101214;--arc-panel:#181b20;--arc-panel-2:#20242a;--arc-border:#303640;--arc-muted:#98a0aa;--arc-radius:14px;--arc-shadow:0 12px 34px rgba(0,0,0,.18)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,.btn,input,select,textarea{font:inherit}
button,.btn{transition:transform .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}
button:not(:disabled):hover,.btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(0,0,0,.16)}
button:active,.btn:active{transform:translateY(0)}
button:disabled{opacity:.55;cursor:not-allowed}
input,select,textarea{transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--arc-gold)!important;box-shadow:0 0 0 3px rgba(233,182,0,.14)}
input::placeholder,textarea::placeholder{color:#6f7781}
label{line-height:1.35}
.card{box-shadow:0 6px 20px rgba(0,0,0,.08)}
.tablewrap{border-radius:12px}
table{min-width:680px}
th{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:#aeb5bd;font-weight:800;white-space:nowrap}
td{line-height:1.45}
.side{position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin}
.side a{transition:background-color .15s ease,color .15s ease,transform .15s ease}
.side a:hover{transform:translateX(2px)}
.main{width:100%;margin:0 auto}
.flash,.ok,.err{border:1px solid rgba(255,255,255,.07);box-shadow:0 5px 18px rgba(0,0,0,.08)}
.stat{min-height:128px;display:flex;flex-direction:column;justify-content:center}
.stat h2{line-height:1.05}
@media(max-width:800px){.side{position:relative;height:auto;overflow:visible}.main{max-width:none}}
@media(max-width:600px){.side{padding:16px}.side nav{gap:4px;padding-bottom:3px}.side a{padding:10px 11px}.main{padding:16px}.card{padding:16px}.tablewrap{margin-inline:-2px}}
/* Standalone auth/enrollment pages */
body:has(.box){background:radial-gradient(circle at top right,rgba(233,182,0,.08),transparent 35%),#101214}
.box,.wrap{box-shadow:var(--arc-shadow);backdrop-filter:blur(4px)}
.box h1,.wrap h1{letter-spacing:-.02em}
.box input,.wrap input,.wrap select,.wrap textarea{min-height:46px}
.box button,.wrap button{min-height:46px}
/* Enrollment cards */
.offering{transition:border-color .15s ease,background-color .15s ease,transform .15s ease,box-shadow .15s ease}
.offering:hover{transform:translateY(-1px);border-color:#666;box-shadow:0 7px 18px rgba(0,0,0,.12)}
.offering:has(input:checked){border-color:var(--arc-gold);box-shadow:0 0 0 2px rgba(233,182,0,.12);background:#171717}
.offering input{accent-color:var(--arc-gold)}
/* Landing-page enrollment modal */
.em-dialog{box-shadow:0 24px 70px rgba(0,0,0,.28)!important}
.em-close{transition:all .15s ease}
.em-input,.em-select,.em-textarea{border-radius:10px!important;min-height:44px!important}
.em-submit{border-radius:10px!important;box-shadow:0 7px 18px rgba(233,182,0,.18)}
/* Accessible keyboard focus */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--arc-gold);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Consistent controls across the portal */
button,.btn{min-height:42px;padding:10px 15px;border:1px solid rgba(255,255,255,.08);line-height:1.2;vertical-align:middle;white-space:nowrap}
.btn.secondary,button.secondary{background:#292929;color:#fff;border-color:#454545}
.btn.small,button.small{min-height:34px;padding:7px 11px;font-size:.86rem}
form{margin:0}
form button,form .btn{margin-right:4px;margin-bottom:4px}
input,select,textarea{min-height:44px}
label{display:block}
.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}