html{font-size:var(--base-font-size)}
body{font-family:var(--font-family);color:var(--text);background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--primary) 13%,transparent),transparent 28rem),radial-gradient(circle at 92% 4%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 22rem),linear-gradient(145deg,var(--bg) 0%,color-mix(in srgb,var(--primary-soft) 64%,var(--bg)) 44%,var(--surface) 100%)}
.admin-main{max-width:var(--content-width)}
.page-card,.admin-event-card,.registrations-card,.form-section,.scanner-card,.staff-card,.staff-form-card,.assign-card,.assigned-card,.logs-card,.lookup-card,.lookup-result-card,.ticket-card,.verify-card,.register-card,.event-card,.login-card{border-radius:var(--card-radius)!important;background:color-mix(in srgb,var(--surface) 95%,transparent)!important;box-shadow:var(--shadow-soft)!important}
.btn,.form-control,.form-select,.scanner-tool-btn,.scanner-cooldown-state{border-radius:var(--button-radius)!important}
.form-control,.form-select{background:var(--surface);color:var(--text)}
.form-label{color:color-mix(in srgb,var(--text) 84%,var(--muted))}
.admin-sidebar{width:var(--sidebar-width);background:radial-gradient(circle at 20% 0,rgba(255,255,255,.16),transparent 14rem),radial-gradient(circle at 94% 18%,color-mix(in srgb,var(--accent) 17%,transparent),transparent 15rem),linear-gradient(165deg,var(--sidebar-start) 0%,color-mix(in srgb,var(--sidebar-start) 65%,var(--sidebar-end)) 52%,var(--sidebar-end) 100%)}
.admin-content-shell{margin-left:var(--sidebar-width)}
.brand-mark-logo{padding:5px;overflow:hidden}.brand-mark-logo img{width:100%;height:100%;object-fit:contain}
.login-mark-logo{width:min(180px,55vw)!important;height:72px!important;padding:10px 14px!important}.login-mark-logo img{width:100%;height:100%;object-fit:contain}
.mobile-admin-topbar,.public-navbar{background:color-mix(in srgb,var(--bg) 92%,transparent)}
.mobile-bottom-nav{background:color-mix(in srgb,var(--surface) 94%,transparent)!important}
.density-compact .app-main{padding-top:18px}.density-compact .page-card,.density-compact .form-section,.density-compact .scanner-card,.density-compact .staff-card,.density-compact .logs-card{padding-top:12px!important;padding-bottom:12px!important}.density-compact .btn{min-height:38px;padding-top:.45rem;padding-bottom:.45rem}.density-compact .form-control,.density-compact .form-select{min-height:42px}
@media(max-width:900px){
  body{background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--primary-soft) 40%,var(--bg)))}
  .admin-content-shell{margin-left:0}
  .mobile-nav-full .mobile-bottom-nav{left:0!important;right:0!important;bottom:0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;border-radius:20px 20px 0 0!important;padding-bottom:calc(6px + env(safe-area-inset-bottom))!important;height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))!important}
  .mobile-nav-full .app-main{padding-bottom:calc(var(--mobile-nav-height) + 24px + env(safe-area-inset-bottom))!important}
  .density-compact .form-control,.density-compact .form-select{min-height:46px;font-size:16px}
}