Add project reports section and fix mobile overflow issues

- Add project-wide reporting table with scope selector (all rounds / per round)
- Fix horizontal overflow on mobile (body, admin sidebar, logo truncation)
- Make members header and reports tabs responsive with flex-wrap

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/components/admin/members-content.tsx

@@ -148,14 +148,14 @@ export function MembersContent() {
   return (
     <div className="space-y-6">
       {/* Header */}
-      <div className="flex items-center justify-between">
-        <div>
+      <div className="flex items-center justify-between flex-wrap gap-4">
+        <div className="min-w-0">
           <h1 className="text-2xl font-semibold tracking-tight">Members</h1>
           <p className="text-muted-foreground">
             Manage jury members, mentors, observers, and admins
           </p>
         </div>
-        <Button asChild>
+        <Button asChild className="w-full sm:w-auto shrink-0">
           <Link href="/admin/members/invite">
             <Plus className="mr-2 h-4 w-4" />
             Add Member

src/components/layouts/admin-sidebar.tsx

@@ -167,8 +167,8 @@ export function AdminSidebar({ user }: AdminSidebarProps) {
   return (
     <>
       {/* Mobile menu button */}
-      <div className="fixed top-0 left-0 right-0 z-40 flex h-16 items-center justify-between border-b bg-card px-4 lg:hidden">
-        <Logo showText textSuffix="Admin" />
+      <div className="fixed top-0 left-0 right-0 z-40 flex h-16 items-center justify-between border-b bg-card px-4 lg:hidden overflow-x-hidden">
+        <Logo showText textSuffix="Admin" className="min-w-0" />
         <div className="flex items-center gap-2">
           <NotificationBell />
           <Button

src/components/shared/logo.tsx

@@ -43,10 +43,10 @@ export function Logo({
         priority
       />
       {showText && (
-        <div className="flex items-center gap-1">
+        <div className="flex items-center gap-1 min-w-0">
           <span className="font-semibold">MOPC</span>
           {textSuffix && (
-            <span className="text-xs text-muted-foreground">{textSuffix}</span>
+            <span className="text-xs text-muted-foreground truncate">{textSuffix}</span>
           )}
         </div>
       )}